Generate language code added

Author: kallewesterling

eslint.config.mjs

@@ -9,9 +9,9 @@ export default defineConfig([
   { files: ["**/*.{js,mjs,cjs}"], languageOptions: { globals: globals.browser } },
   { files: ["**/*.{js,mjs,cjs}"], plugins: { js }, extends: ["js/recommended"] },
 
-  // Node.js config files need Node globals (module, require, process, …)
+  // Node.js config and generator scripts need Node globals (module, require, process, …)
   {
-    files: ["*.config.js", "*.config.mjs", "*.config.cjs"],
+    files: ["*.config.js", "*.config.mjs", "*.config.cjs", "generate_*.js"],
     languageOptions: { globals: globals.node },
   },
 

generate_language_file.js

@@ -0,0 +1,58 @@
+#!/usr/bin/env node
+// Scans a folder of course HTML files and writes a sorted JSON array of all
+// Shiki language identifiers found in code blocks to production/data/languages.json.
+//
+// Usage: node generate_language_file.js <path-to-html-folder>
+//
+// Recognises both patterns Skilljar produces:
+//   <pre class="language-terraform"><code data-lang="terraform">
+//   <pre data-lang="terraform"><code>
+
+const { readFileSync, writeFileSync, readdirSync, statSync } = require("fs");
+const { join, extname, resolve } = require("path");
+
+const htmlFolder = process.argv[2];
+
+if (!htmlFolder) {
+  console.error("Usage: node generate_language_file.js <path-to-html-folder>");
+  process.exit(1);
+}
+
+function walkHtml(dir) {
+  const files = [];
+  for (const entry of readdirSync(dir)) {
+    const full = join(dir, entry);
+    if (statSync(full).isDirectory()) {
+      files.push(...walkHtml(full));
+    } else if (extname(entry) === ".html") {
+      files.push(full);
+    }
+  }
+  return files;
+}
+
+const patterns = [
+  /class="language-([^"\s]+)"/g,
+  /data-lang="([^"]+)"/g,
+];
+
+const languages = new Set();
+
+for (const file of walkHtml(resolve(htmlFolder))) {
+  const content = readFileSync(file, "utf-8");
+  for (const re of patterns) {
+    re.lastIndex = 0;
+    let match;
+    while ((match = re.exec(content)) !== null) {
+      languages.add(match[1]);
+    }
+  }
+}
+
+const sorted = [...languages].sort();
+const outputPath = join(__dirname, "production/data/languages.json");
+
+writeFileSync(outputPath, JSON.stringify(sorted, null, 2) + "\n");
+
+console.log(`Found ${sorted.length} language(s): ${sorted.join(", ") || "(none)"}`);
+console.log(`Written to ${outputPath}`);

package.json

@@ -11,6 +11,7 @@
     "build:js:dev": "esbuild production/theme.mjs --bundle --sourcemap --outfile=dist/bundle.js",
     "watch:css": "postcss production/style.css -o dist/bundle.css --watch --map",
     "watch:js": "esbuild production/theme.mjs --bundle --sourcemap --outfile=dist/bundle.js --watch",
+    "generate:langs": "node generate_language_file.js",
     "build": "npm run lint && npm run build:css && npm run build:js",
     "build:dev": "npm run lint && npm run build:css:dev && npm run build:js:dev",
     "dev": "npm run watch:css & npm run watch:js",

production/data/languages.json

@@ -0,0 +1,17 @@
+[
+  "ansi",
+  "bash",
+  "console",
+  "docker",
+  "dockerfile",
+  "go",
+  "http",
+  "json",
+  "markdown",
+  "markup",
+  "nginx",
+  "python",
+  "terraform",
+  "text",
+  "yaml"
+]