Generate snippets to dist

Author: matijaoe

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 *.vsix
+dist

javascript.code-snippets

@@ -38,7 +38,8 @@
   },
   "scripts": {
     "publish": "vsce package && vsce publish",
-    "generate": "deno run --allow-write src/app.ts"
+    "generate": "deno run --allow-write --allow-read src/app.ts",
+    "docs": "deno run --allow-write --allow-read src/docs-gen.ts"
   },
   "contributes": {
     "snippets": [

package.json

@@ -1,22 +1,12 @@
-import { javascript, typescript } from "./snippets/app.ts";
+import { variants } from "./snippets/app.ts";
 import {
   convertToVscSnippet,
   groupSnippets,
-  logTables,
   writeSnippetFile,
 } from "./utils/app.ts";
 
-const javascriptVscArray = javascript.map(convertToVscSnippet);
-const typescriptVscArray = typescript.map(convertToVscSnippet);
-
-// Log tables for every section of every language
-logTables("JavaScript", javascriptVscArray);
-logTables("TypeScript", typescriptVscArray);
-
-// Create single snippet object
-const snippetJavascript = groupSnippets(javascriptVscArray);
-const snippetTypescript = groupSnippets(typescriptVscArray);
-
-// Single snippet files
-writeSnippetFile("javascript", snippetJavascript);
-writeSnippetFile("typescript", snippetTypescript);
+variants.forEach((variant) => {
+  const snippetSections = variant.snippets.map(convertToVscSnippet);
+  const snippetSingle = groupSnippets(snippetSections);
+  writeSnippetFile(variant.language.toLowerCase(), snippetSingle);
+});

src/app.ts

@@ -0,0 +1,7 @@
+import { variants } from "./snippets/app.ts";
+import { convertToVscSnippet, logTables } from "./utils/app.ts";
+
+variants.forEach((option) => {
+  const snippetSections = option.snippets.map(convertToVscSnippet);
+  logTables(option.language, snippetSections);
+});

src/docs-gen.ts

@@ -1,2 +1,13 @@
-export * from "./js/app.ts";
-export * from "./ts/app.ts";
+import { javascript } from "./js/app.ts";
+import { typescript } from "./ts/app.ts";
+
+export const variants = [
+  {
+    language: "JavaScript",
+    snippets: javascript,
+  },
+  {
+    language: "TypeScript",
+    snippets: typescript,
+  },
+];

src/snippets/app.ts

@@ -8,23 +8,23 @@ export const declarations = {
     body: "let $0",
   },
   ca: {
-    name: "const assignment ⚡",
+    name: "const assignment",
     body: "const $1 = $0",
   },
   la: {
-    name: "let assignment ⚡",
+    name: "let assignment",
     body: "let $1 = $0",
   },
   cas: {
-    name: "const string ⚡",
+    name: "const string",
     body: "const $1 = '$0'",
   },
   car: {
-    name: "const array ⚡",
+    name: "const array",
     body: "const $1 = [$0]",
   },
   cao: {
-    name: "const object ⚡",
+    name: "const object",
     body: "const $1 = { $0 }",
   },
 };

src/snippets/js/declarations.ts

@@ -1,18 +1,24 @@
 import { markdownTable } from "https://esm.sh/markdown-table@3";
 import { VscSnippet, VscSnippetDict, XSnippetDict } from "../models/app.ts";
+import { ensureDirSync } from "https://deno.land/std@0.141.0/fs/ensure_dir.ts";
+
+const SYMBOL = "⚡";
+
+const code = (str: string) => `\`${str}\``;
+const replaceSymbol = (str: string) => str.replace(` ${SYMBOL}`, "");
 
 // only to move current code-snippets to my format
 export const vscToCustom = (snippets: VscSnippetDict): XSnippetDict => {
   return Object.entries(snippets).reduce((acc, [name, { prefix, body }]) => {
-    acc[prefix as string] = { name: name.replace(` ⚡`, ""), body };
+    acc[prefix as string] = { name: replaceSymbol(name), body };
     return acc;
   }, {} as XSnippetDict);
 };
 
 export const convertToVscSnippet = (snippets: XSnippetDict): VscSnippetDict => {
   return Object.entries(snippets)
     .reduce((acc, [prefix, { name, body }]) => {
-      const styledName = `${name} ⚡`;
+      const styledName = `${name} ${SYMBOL}`;
       acc[styledName] = { prefix, body } as VscSnippet;
       return acc;
     }, {} as VscSnippetDict);
@@ -26,19 +32,18 @@ export const groupSnippets = (dicts: VscSnippetDict[]) => {
 };
 
 export const writeSnippetFile = (name: string, data: VscSnippetDict) => {
+  const file = `./dist/${name}.code-snippets`; // `deep` doesn't need to exist
+  ensureDirSync("./dist"); // ensures directory (and all parent directories
+
   Deno.writeTextFileSync(
-    `./${name}.code-snippets`,
+    file,
     JSON.stringify(data, null, 2),
   );
 };
 
 export const generateMarkdownTable = (input: VscSnippetDict) => {
   const header = ["Prefix", "Description", "Body"];
 
-  const symbol = "⚡";
-  const replaceSymbol = (str: string) => str.replace(` ${symbol}`, "");
-  const code = (str: string) => `\`${str}\``;
-
   const rows = Object.entries(input)
     .map(([name, { prefix, body }]) => [
       code(prefix as string),