@bobfrankston/extractids 1.0.10 → 1.0.12

package/.claude/settings.local.json

@@ -3,9 +3,11 @@
     "allow": [
       "Bash(git add:*)",
       "Bash(git commit:*)",
-      "Bash(npm publish:*)"
+      "Bash(npm publish:*)",
+      "Bash(tsc:*)",
+      "Bash(node:*)"
     ],
     "deny": [],
     "ask": []
   }
-}
+}

package/index.js

@@ -4,6 +4,7 @@ import * as fs from 'node:fs';
 import * as path from 'node:path';
 import * as cheerio from 'cheerio';
 import chokidar from 'chokidar';
+import pkg from './package.json' with { type: 'json' };
 // import * as glob from 'glob';
 // Helper function to extract all id attributes from HTML
 function getHtmlIDs(html) {
@@ -51,13 +52,36 @@ function generateTypes(ids, classes) {
     const idType = ids.length > 0
         ? `export type htmlIDs = ${ids.map(id => `"${id}"`).join(' |\n')};\n`
         : `export type htmlIDs = never;\n`;
+    const queryType = ids.length > 0
+        ? `export type queryIDs = ${ids.map(id => `"#${id}"`).join(' |\n')};\n`
+        : `export type queryIDs = never;\n`;
     const classType = classes.length > 0
         ? `export type cssClasses = ${classes.map(cls => `"${cls}"`).join(' |\n')};\n`
         : `export type cssClasses = never;\n`;
-    return idType + classType;
+    return idType + queryType + classType;
 }
-function updateTypesFile() {
-    const html = fs.readFileSync('index.html', 'utf8');
+function updateTypesFile(specifiedHtmlFile) {
+    let htmlFile;
+    if (specifiedHtmlFile) {
+        // Use the specified file if provided
+        if (fs.existsSync(specifiedHtmlFile)) {
+            htmlFile = specifiedHtmlFile;
+        }
+        else {
+            console.error(`[extractids] Specified HTML file not found: ${specifiedHtmlFile}`);
+            return;
+        }
+    }
+    else {
+        // Check for HTML files in order of preference
+        const possibleHtmlFiles = ['index.html', 'default.html', 'default.htm'];
+        htmlFile = possibleHtmlFiles.find(file => fs.existsSync(file));
+        if (!htmlFile) {
+            console.error('[extractids] No HTML file found. Looking for:', possibleHtmlFiles.join(', '));
+            return;
+        }
+    }
+    const html = fs.readFileSync(htmlFile, 'utf8');
     const ids = getHtmlIDs(html);
     const cssFiles = globReadCssFiles();
     const allClasses = new Set();
@@ -69,14 +93,45 @@ function updateTypesFile() {
     fs.writeFileSync('generated-types.ts', types);
     console.log('[Type generation] Updated generated-types.ts');
 }
-// Parse CLI arguments for -w or --watch
+// Parse CLI arguments for -w or --watch and optional HTML filename
 const args = process.argv.slice(2);
+// Check for version flag
+if (args.includes('-v') || args.includes('--version')) {
+    console.log(pkg.version);
+    process.exit(0);
+}
+// Check for help flags
+if (args.includes('-h') || args.includes('-help') || args.includes('--help')) {
+    console.log(`
+Usage: extractids [options] [htmlfile]
+
+Options:
+  -h, -help, --help     Show this help message
+  -v, --version         Show version number
+  -w, -watch, --watch   Watch for changes and regenerate types automatically
+
+Arguments:
+  htmlfile              Optional HTML file to parse (default: searches for index.html, default.html, or default.htm)
+
+Examples:
+  extractids                    # Parse default HTML file once
+  extractids mypage.html        # Parse specific HTML file once
+  extractids --watch            # Watch default HTML file for changes
+  extractids mypage.html -w     # Watch specific HTML file for changes
+`);
+    process.exit(0);
+}
 const watchMode = args.includes('-w') || args.includes('-watch') || args.includes('--watch');
+// Find first argument that doesn't start with '-' as the HTML filename
+const specifiedHtmlFile = args.find(arg => !arg.startsWith('-'));
 if (watchMode) {
-    updateTypesFile();
+    updateTypesFile(specifiedHtmlFile);
     console.log('[extractids] Watching for changes...');
-    const watcher = chokidar.watch(['index.html', '**/*.css'], { ignored: /node_modules/ });
-    watcher.on('change', () => updateTypesFile());
+    const htmlFilesToWatch = specifiedHtmlFile
+        ? [specifiedHtmlFile]
+        : ['index.html', 'default.html', 'default.htm'];
+    const watcher = chokidar.watch([...htmlFilesToWatch, '**/*.css'], { ignored: /node_modules/ });
+    watcher.on('change', () => updateTypesFile(specifiedHtmlFile));
     watcher.on('ready', () => {
         console.log('[extractids] Watcher is ready and running.');
     });
@@ -86,6 +141,6 @@ if (watchMode) {
     // No need for setInterval; watcher should keep process alive
 }
 else {
-    updateTypesFile();
+    updateTypesFile(specifiedHtmlFile);
 }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@bobfrankston/extractids",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Extracd html and css as types",
   "main": "index.js",
   "bin": {
-    "extractids": "index.js",
-    "generate-importmap": "generate-importmap.js"
+    "extractids": "index.js"
   },
   "module": "main.js",
   "scripts": {
@@ -21,7 +20,7 @@
     "esm": "^3.2.25"
   },
   "devDependencies": {
-    "@types/node": "^24.5.2"
+    "@types/node": "^25.2.1"
   },
   "repository": {
     "type": "git",
@@ -30,5 +29,8 @@
   "bugs": {
     "url": "https://github.com/BobFrankston/extractids/issues"
   },
-  "homepage": "https://github.com/BobFrankston/extractids#readme"
+  "homepage": "https://github.com/BobFrankston/extractids#readme",
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/generate-importmap.js

@@ -1,85 +0,0 @@
-#!/usr/bin/env node
-/**
- * Generate ES Module import map from package.json dependencies
- * Injects into HTML files for native browser module loading
- */
-
-import fs from 'fs';
-import path from 'path';
-import chokidar from 'chokidar';
-
-function generateImportMap(packageJsonPath, htmlFilePath) {
-    try {
-        // Read package.json
-        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
-        const dependencies = packageJson.dependencies || {};
-        
-        // Generate import map
-        const imports = {};
-        for (const [name, version] of Object.entries(dependencies)) {
-            imports[name] = `./node_modules/${name}/index.js`;
-        }
-        
-        const importMapScript = `<script type="importmap">
-    ${JSON.stringify({ imports }, null, 12)}
-    </script>`;
-        
-        // Read HTML file
-        let html = fs.readFileSync(htmlFilePath, 'utf-8');
-        
-        // Replace import map section
-        const importMapRegex = /<!-- Import map.*?-->|<script type="importmap">[\s\S]*?<\/script>/;
-        
-        if (importMapRegex.test(html)) {
-            html = html.replace(importMapRegex, importMapScript);
-        } else {
-            // Insert before </head> if not found
-            html = html.replace('</head>', `    ${importMapScript}\n</head>`);
-        }
-        
-        // Write back to HTML file
-        fs.writeFileSync(htmlFilePath, html, 'utf-8');
-        
-        console.log('[generate-importmap] Updated import map');
-        console.log('  Dependencies:', Object.keys(dependencies).join(', ') || '(none)');
-    } catch (e) {
-        console.error('[generate-importmap] Error:', e.message);
-        process.exit(1);
-    }
-}
-
-// Parse CLI arguments
-const args = process.argv.slice(2);
-const watchMode = args.includes('-w') || args.includes('--watch');
-const packageJsonPath = path.join(process.cwd(), 'package.json');
-const htmlFilePath = path.join(process.cwd(), 'index.html');
-
-// Check if files exist
-if (!fs.existsSync(packageJsonPath)) {
-    console.error('[generate-importmap] Error: package.json not found in current directory');
-    process.exit(1);
-}
-if (!fs.existsSync(htmlFilePath)) {
-    console.error('[generate-importmap] Error: index.html not found in current directory');
-    process.exit(1);
-}
-
-if (watchMode) {
-    generateImportMap(packageJsonPath, htmlFilePath);
-    console.log('[generate-importmap] Watching for changes...');
-    
-    const watcher = chokidar.watch([packageJsonPath], { 
-        persistent: true,
-        ignoreInitial: true 
-    });
-    
-    watcher.on('change', () => generateImportMap(packageJsonPath, htmlFilePath));
-    watcher.on('ready', () => {
-        console.log('[generate-importmap] Watcher is ready and running.');
-    });
-    watcher.on('error', (error) => {
-        console.error('[generate-importmap] Watcher error:', error.message);
-    });
-} else {
-    generateImportMap(packageJsonPath, htmlFilePath);
-}