@bobfrankston/extractids 1.0.0

package/.gitattributes

@@ -0,0 +1,7 @@
+* text=auto
+*.ts text eol=lf
+*.json text eol=lf
+*.gitignore text eol=lf
+*.npmignore text eol=lf
+*.gitattributes text eol=lf
+*.md text eol=lf

package/.vscode/launch.json

@@ -0,0 +1,21 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "program": "${workspaceFolder}/index.js",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "outFiles": [
+                "${workspaceFolder}/**/*.js"
+            ],
+            "cwd": "y:\\x\\bin\\WallClock"
+        }
+    ]
+}

package/.vscode/oldtasks.json

@@ -0,0 +1,23 @@
+{
+    // Template 1.0 y:\x\bin\MakeCodeTemplates\vscode\
+    // See https://go.microsoft.com/fwlink/?LinkId=733558
+    // for the documentation about the tasks.json format
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "type": "typescript",
+            "tsconfig": "tsconfig.json",
+            "option": "watch",
+            "runOptions": {
+                "runOn": "folderOpen"
+            },
+            "problemMatcher": [
+                "$tsc-watch"
+            ],
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            }
+        }
+    ]
+}

package/.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

package/.vscode/tasks.json

@@ -0,0 +1,20 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "tsc: watch",
+            "type": "shell",
+            "command": "tsc",
+            "args": ["--watch"],
+            "runOptions": {
+                "runOn": "folderOpen"
+            },
+            "problemMatcher": "$tsc-watch",
+            "isBackground": true,
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            }
+        }
+    ]
+}

package/Perplexity.url

@@ -0,0 +1,2 @@
+[InternetShortcut]
+URL=https://www.perplexity.ai/search/using-node-with-express-it-par-i1pUpv5YRHyQOxglUk3joQ#5

package/index.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// scripts/generateTypes.ts
+var fs = require("node:fs");
+var path = require("node:path");
+var cheerio = require("cheerio");
+var chokidar_1 = require("chokidar");
+// import * as glob from 'glob';
+// Helper function to extract all id attributes from HTML
+function getHtmlIDs(html) {
+    var $ = cheerio.load(html);
+    var ids = new Set();
+    $('[id]').each(function (_, elem) {
+        var id = $(elem).attr('id');
+        if (id)
+            ids.add(id);
+    });
+    return Array.from(ids).sort();
+}
+// Helper function to extract all class names from CSS files
+function getCssClasses(css) {
+    // Match any .classname { or .classname,
+    var classPattern = /\.([a-zA-Z0-9_-]+)\s*[{,]/g;
+    var classes = new Set();
+    var match;
+    while ((match = classPattern.exec(css))) {
+        classes.add(match[1]);
+    }
+    return Array.from(classes).sort();
+}
+function globReadCssFiles() {
+    // Recursively find all .css files in project folder, ignoring node_modules
+    var result = [];
+    function walk(dir) {
+        var entries = fs.readdirSync(dir, { withFileTypes: true });
+        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+            var entry = entries_1[_i];
+            var fullPath = path.join(dir, entry.name);
+            if (entry.isDirectory()) {
+                if (entry.name === 'node_modules')
+                    continue;
+                walk(fullPath);
+            }
+            else if (entry.isFile() && fullPath.endsWith('.css')) {
+                result.push(fullPath);
+            }
+        }
+    }
+    walk(process.cwd());
+    return result;
+}
+function generateTypes(ids, classes) {
+    var idType = ids.length > 0
+        ? "export type htmlIDs = ".concat(ids.map(function (id) { return "\"".concat(id, "\""); }).join(' | '), ";\n")
+        : "export type htmlIDs = never;\n";
+    var classType = classes.length > 0
+        ? "export type cssClasses = ".concat(classes.map(function (cls) { return "\"".concat(cls, "\""); }).join(' | '), ";\n")
+        : "export type cssClasses = never;\n";
+    return idType + classType;
+}
+function updateTypesFile() {
+    var html = fs.readFileSync('index.html', 'utf8');
+    var ids = getHtmlIDs(html);
+    var cssFiles = globReadCssFiles();
+    var allClasses = new Set();
+    cssFiles.forEach(function (file) {
+        var css = fs.readFileSync(file, 'utf8');
+        getCssClasses(css).forEach(function (cls) { return allClasses.add(cls); });
+    });
+    var types = generateTypes(ids, Array.from(allClasses));
+    fs.writeFileSync('generated-types.ts', types);
+    console.log('[Type generation] Updated generated-types.ts');
+}
+// Initial run
+updateTypesFile();
+// Watch for changes on HTML and CSS
+chokidar_1.default.watch(['index.html', '**/*.css'], { ignored: /node_modules/ }).on('change', function () { return updateTypesFile(); });

package/index.ts

@@ -0,0 +1,83 @@
+// scripts/generateTypes.ts
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import * as cheerio from 'cheerio';
+import chokidar from 'chokidar';
+// import * as glob from 'glob';
+
+// Helper function to extract all id attributes from HTML
+function getHtmlIDs(html: string) {
+    const $ = cheerio.load(html);
+    const ids = new Set<string>();
+    $('[id]').each((_, elem) => {
+        const id = $(elem).attr('id');
+        if (id) ids.add(id);
+    });
+    return Array.from(ids).sort();
+}
+
+// Helper function to extract all class names from CSS files
+function getCssClasses(css: string) {
+    // Match any .classname { or .classname,
+    const classPattern = /\.([a-zA-Z0-9_-]+)\s*[{,]/g;
+    const classes = new Set<string>();
+    let match: RegExpExecArray | null;
+    while ((match = classPattern.exec(css))) {
+        classes.add(match[1]);
+    }
+    return Array.from(classes).sort();
+}
+
+
+function globReadCssFiles(): string[] {
+    // Recursively find all .css files in project folder, ignoring node_modules
+    const result: string[] = [];
+    function walk(dir: string) {
+        const entries = fs.readdirSync(dir, { withFileTypes: true });
+        for (const entry of entries) {
+            const fullPath = path.join(dir, entry.name);
+            if (entry.isDirectory()) {
+                if (entry.name === 'node_modules') continue;
+                walk(fullPath);
+            } else if (entry.isFile() && fullPath.endsWith('.css')) {
+                result.push(fullPath);
+            }
+        }
+    }
+    walk(process.cwd());
+    return result;
+}
+
+function generateTypes(ids: string[], classes: string[]) {
+    const idType =
+        ids.length > 0
+            ? `export type htmlIDs = ${ids.map(id => `"${id}"`).join(' | ')};\n`
+            : `export type htmlIDs = never;\n`;
+    const classType =
+        classes.length > 0
+            ? `export type cssClasses = ${classes.map(cls => `"${cls}"`).join(' | ')};\n`
+            : `export type cssClasses = never;\n`;
+    return idType + classType;
+}
+
+function updateTypesFile() {
+    const html = fs.readFileSync('index.html', 'utf8');
+    const ids = getHtmlIDs(html);
+
+    const cssFiles = globReadCssFiles();
+    const allClasses = new Set<string>();
+    cssFiles.forEach(file => {
+        const css = fs.readFileSync(file, 'utf8');
+        getCssClasses(css).forEach(cls => allClasses.add(cls));
+    });
+
+    const types = generateTypes(ids, Array.from(allClasses));
+    fs.writeFileSync('generated-types.ts', types);
+    console.log('[Type generation] Updated generated-types.ts');
+}
+
+// Initial run
+updateTypesFile();
+
+// Watch for changes on HTML and CSS
+chokidar.watch(['index.html', '**/*.css'], { ignored: /node_modules/ }).on('change', () => updateTypesFile());

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@bobfrankston/extractids",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "dependencies": {
+    "cheerio": "^1.1.2",
+    "chokidar": "^4.0.3",
+    "esm": "^3.2.25"
+  },
+  "devDependencies": {
+    "@types/node": "^24.5.2"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "allowImportingTsExtensions": true,
+    "sourceMap": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitAny": true,
+    "noImplicitReturns": false,
+    "noImplicitThis": true,
+    "strictBindCallApply": true,
+    "strictFunctionTypes": true,
+    "strictNullChecks": false,
+    "skipLibCheck": true
+  },
+  "include": [
+    "**/*.ts"
+  ],
+  "exclude": [
+    "node_modules",
+  ]
+}