juxscript 1.1.366 → 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/package.json

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