juxscript 1.1.365 → 1.1.367

package/bin/cli.js

@@ -4,6 +4,7 @@ import path from 'path';
 import fs from 'fs';
 import { fileURLToPath } from 'url';
 import { spawn } from 'child_process';
+import { createInterface } from 'readline';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -287,23 +288,154 @@ Usage:
   jux build            Build for production
   jux serve            Start production server
   jux serve --hot      Start dev server with hot reload
+  jux comp [name]      Add a component preset to your project
 
 Options:
   --help, -h           Show this help message
 `);
 }
 
+// ═══════════════════════════════════════════════════════════════
+// COMMAND: comp [name]
+// Copies a preset component into the project's jux directory
+// ═══════════════════════════════════════════════════════════════
+async function runComp(compName) {
+  const presetsDir = path.join(PACKAGE_ROOT, 'presets');
+
+  if (!fs.existsSync(presetsDir)) {
+    console.error('❌ No presets directory found in juxscript package.');
+    process.exit(1);
+  }
+
+  // Discover available presets (each subfolder is a preset)
+  const available = fs.readdirSync(presetsDir, { withFileTypes: true })
+    .filter(d => d.isDirectory())
+    .map(d => d.name);
+
+  if (available.length === 0) {
+    console.error('❌ No presets available.');
+    process.exit(1);
+  }
+
+  // If no name given, show interactive list
+  if (!compName) {
+    compName = await promptPresetSelection(available);
+    if (!compName) {
+      console.log('Cancelled.');
+      process.exit(0);
+    }
+  }
+
+  // Validate preset exists
+  const presetDir = path.join(presetsDir, compName);
+  if (!fs.existsSync(presetDir)) {
+    console.error(`❌ Preset "${compName}" not found.`);
+    console.log(`\nAvailable presets:`);
+    available.forEach(p => console.log(`   • ${p}`));
+    process.exit(1);
+  }
+
+  // Resolve target directory from juxconfig.js or default 'jux'
+  const targetSrcDir = resolveProjectSrcDir();
+
+  if (!fs.existsSync(targetSrcDir)) {
+    fs.mkdirSync(targetSrcDir, { recursive: true });
+  }
+
+  // Copy all files from preset to project src dir
+  const presetFiles = fs.readdirSync(presetDir, { withFileTypes: true });
+  let copied = 0;
+
+  for (const entry of presetFiles) {
+    if (entry.isFile()) {
+      const srcPath = path.join(presetDir, entry.name);
+      const destPath = path.join(targetSrcDir, entry.name);
+
+      if (fs.existsSync(destPath)) {
+        const overwrite = await promptYesNo(`   ⚠️  "${entry.name}" already exists. Overwrite?`);
+        if (!overwrite) {
+          console.log(`   ⏭️  Skipped ${entry.name}`);
+          continue;
+        }
+      }
+
+      fs.copyFileSync(srcPath, destPath);
+      console.log(`   ✅ ${entry.name}`);
+      copied++;
+    }
+  }
+
+  console.log(`\n✅ Copied ${copied} file(s) from preset "${compName}" to ${path.relative(process.cwd(), targetSrcDir)}/\n`);
+}
+
+function resolveProjectSrcDir() {
+  const projectRoot = process.cwd();
+  const configPath = path.join(projectRoot, 'juxconfig.js');
+
+  if (fs.existsSync(configPath)) {
+    try {
+      const configContent = fs.readFileSync(configPath, 'utf8');
+      const srcDirMatch = configContent.match(/srcDir\s*:\s*['"]([^'"]+)['"]/);
+      if (srcDirMatch) {
+        return path.resolve(projectRoot, srcDirMatch[1]);
+      }
+    } catch (_) { }
+  }
+
+  return path.resolve(projectRoot, 'jux');
+}
+
+function promptPresetSelection(presets) {
+  return new Promise((resolve) => {
+    console.log('\n📦 Available component presets:\n');
+    presets.forEach((p, i) => {
+      // Read files in preset to show what's included
+      const presetDir = path.join(PACKAGE_ROOT, 'presets', p);
+      const files = fs.readdirSync(presetDir).filter(f => !f.startsWith('.'));
+      console.log(`   ${i + 1}) ${p}  (${files.join(', ')})`);
+    });
+    console.log(`   0) Cancel\n`);
+
+    const rl = createInterface({ input: process.stdin, output: process.stdout });
+    rl.question('Select a preset (number or name): ', (answer) => {
+      rl.close();
+      const trimmed = answer.trim();
+
+      // By number
+      const num = parseInt(trimmed, 10);
+      if (num === 0) return resolve(null);
+      if (num >= 1 && num <= presets.length) return resolve(presets[num - 1]);
+
+      // By name
+      if (presets.includes(trimmed)) return resolve(trimmed);
+
+      console.error(`❌ Invalid selection: "${trimmed}"`);
+      resolve(null);
+    });
+  });
+}
+
+function promptYesNo(question) {
+  return new Promise((resolve) => {
+    const rl = createInterface({ input: process.stdin, output: process.stdout });
+    rl.question(`${question} (y/N): `, (answer) => {
+      rl.close();
+      resolve(answer.trim().toLowerCase() === 'y');
+    });
+  });
+}
+
 // ═══════════════════════════════════════════════════════════════
 // MAIN ROUTER
 // ═══════════════════════════════════════════════════════════════
 switch (command) {
   case 'create':
-    createProject(args[0]); // ✅ Already async, no await needed at top level
+    createProject(args[0]);
     break;
 
   case 'init':
   case 'install':
-    initProject(); // ✅ Already async, no await needed at top level
+    initProject();
     break;
 
   case 'build':
@@ -315,6 +447,12 @@ switch (command) {
     runServe();
     break;
 
+  case 'comp':
+  case 'component':
+  case 'preset':
+    runComp(args[0]);
+    break;
+
   case '--help':
   case '-h':
   case undefined:

package/dist/components/routes.d.ts

@@ -4,17 +4,11 @@ export interface RouteInfo {
     file: string;
 }
 export declare const routes: {
-    /** All .jux file routes from the source directory */
     all(): RouteInfo[];
-    /** Just the route paths */
     paths(): string[];
-    /** Current browser path */
     current(): string;
-    /** Is this path active? */
     isActive(path: string): boolean;
-    /** SPA navigate */
     navigate(path: string): void;
-    /** Listen for route changes */
     onNavigate(callback: (path: string) => void): () => void;
 };
 export default routes;

package/dist/components/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../lib/components/routes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAcD,eAAO,MAAM,MAAM;IACf,qDAAqD;WAC9C,SAAS,EAAE;IAIlB,2BAA2B;aAClB,MAAM,EAAE;IAIjB,2BAA2B;eAChB,MAAM;IAIjB,2BAA2B;mBACZ,MAAM,GAAG,OAAO;IAI/B,mBAAmB;mBACJ,MAAM,GAAG,IAAI;IAK5B,+BAA+B;yBACV,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI;CAM3D,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../lib/components/routes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAQD,eAAO,MAAM,MAAM;WACR,SAAS,EAAE;aAGT,MAAM,EAAE;eAGN,MAAM;mBAGF,MAAM,GAAG,OAAO;mBAGhB,MAAM,GAAG,IAAI;yBAIP,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI;CAM3D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/routes.js

@@ -1,9 +1,3 @@
-function _nameFromPath(p) {
-    if (p === '/')
-        return 'Home';
-    const seg = p.split('/').filter(Boolean).pop() || 'Home';
-    return seg.split('-').map(s => s.charAt(0).toUpperCase() + s.slice(1)).join(' ');
-}
 function _getData() {
     const w = typeof window !== 'undefined' ? window : null;
     if (!w?.__juxRouteIndex)
@@ -11,29 +5,23 @@ function _getData() {
     return w.__juxRouteIndex;
 }
 export const routes = {
-    /** All .jux file routes from the source directory */
     all() {
         return _getData();
     },
-    /** Just the route paths */
     paths() {
         return _getData().map(r => r.path);
     },
-    /** Current browser path */
     current() {
         return typeof window !== 'undefined' ? window.location.pathname : '/';
     },
-    /** Is this path active? */
     isActive(path) {
         return routes.current() === path;
     },
-    /** SPA navigate */
     navigate(path) {
         const w = typeof window !== 'undefined' ? window : null;
         if (w?.navigateTo)
             w.navigateTo(path);
     },
-    /** Listen for route changes */
     onNavigate(callback) {
         if (typeof window === 'undefined')
             return () => { };

package/dist/components/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../lib/components/routes.ts"],"names":[],"mappings":"AAMA,SAAS,aAAa,CAAC,CAAS;IAC5B,IAAI,CAAC,KAAK,GAAG;QAAE,OAAO,MAAM,CAAC;IAC7B,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,IAAI,MAAM,CAAC;IACzD,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrF,CAAC;AAED,SAAS,QAAQ;IACb,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAE,MAAc,CAAC,CAAC,CAAC,IAAI,CAAC;IACjE,IAAI,CAAC,CAAC,EAAE,eAAe;QAAE,OAAO,EAAE,CAAC;IACnC,OAAO,CAAC,CAAC,eAAe,CAAC;AAC7B,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,qDAAqD;IACrD,GAAG;QACC,OAAO,QAAQ,EAAE,CAAC;IACtB,CAAC;IAED,2BAA2B;IAC3B,KAAK;QACD,OAAO,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,2BAA2B;IAC3B,OAAO;QACH,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1E,CAAC;IAED,2BAA2B;IAC3B,QAAQ,CAAC,IAAY;QACjB,OAAO,MAAM,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC;IACrC,CAAC;IAED,mBAAmB;IACnB,QAAQ,CAAC,IAAY;QACjB,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAE,MAAc,CAAC,CAAC,CAAC,IAAI,CAAC;QACjE,IAAI,CAAC,EAAE,UAAU;YAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,+BAA+B;IAC/B,UAAU,CAAC,QAAgC;QACvC,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QACnD,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;CACJ,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../lib/components/routes.ts"],"names":[],"mappings":"AAMA,SAAS,QAAQ;IACb,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAE,MAAc,CAAC,CAAC,CAAC,IAAI,CAAC;IACjE,IAAI,CAAC,CAAC,EAAE,eAAe;QAAE,OAAO,EAAE,CAAC;IACnC,OAAO,CAAC,CAAC,eAAe,CAAC;AAC7B,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,GAAG;QACC,OAAO,QAAQ,EAAE,CAAC;IACtB,CAAC;IACD,KAAK;QACD,OAAO,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IACD,OAAO;QACH,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1E,CAAC;IACD,QAAQ,CAAC,IAAY;QACjB,OAAO,MAAM,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC;IACrC,CAAC;IACD,QAAQ,CAAC,IAAY;QACjB,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAE,MAAc,CAAC,CAAC,CAAC,IAAI,CAAC;QACjE,IAAI,CAAC,EAAE,UAAU;YAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IACD,UAAU,CAAC,QAAgC;QACvC,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,GAAG,EAAE,GAAG,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;CACJ,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.365",
+  "version": "1.1.367",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "./dist/lib/index.js",