juxscript 1.1.368 → 1.1.369

package/bin/cli.js

@@ -289,9 +289,11 @@ Usage:
   jux serve            Start production server
   jux serve --hot      Start dev server with hot reload
   jux comp [name]      Add a component preset to your project
+  jux comp [name] -f   Force overwrite (backs up existing files)
 
 Options:
   --help, -h           Show this help message
+  --force, -f          Overwrite existing files (creates .bak backups)
 `);
 }
 
@@ -301,6 +303,7 @@ Options:
 // ═══════════════════════════════════════════════════════════════
 async function runComp(compName) {
   const presetsDir = path.join(PACKAGE_ROOT, 'presets');
+  const forceFlag = args.includes('--force') || args.includes('-f');
 
   if (!fs.existsSync(presetsDir)) {
     console.error('❌ No presets directory found in juxscript package.');
@@ -342,87 +345,109 @@ async function runComp(compName) {
     fs.mkdirSync(targetSrcDir, { recursive: true });
   }
 
-  // Copy all files from preset to project src dir
-  const presetFiles = fs.readdirSync(presetDir, { withFileTypes: true });
+  // Resolve a safe destination folder name
+  const destFolderName = resolveDestFolderName(targetSrcDir, compName);
+  const destDir = path.join(targetSrcDir, destFolderName);
+
+  // List what will be copied
+  const presetFiles = listFilesRecursive(presetDir);
+
+  console.log(`\n📦 Preset: ${compName}`);
+  console.log(`   Source: presets/${compName}/`);
+  console.log(`   Target: ${path.relative(process.cwd(), destDir)}/\n`);
+
+  if (destFolderName !== compName) {
+    console.log(`   ⚠️  "${compName}" already exists, using "${destFolderName}" instead.\n`);
+  }
+
+  console.log(`   Files to copy:`);
+  presetFiles.forEach(f => console.log(`     📄 ${f}`));
+  console.log('');
+
+  // If dest exists (shouldn't with our naming, but just in case with --force)
+  if (fs.existsSync(destDir) && !forceFlag) {
+    const proceed = await promptYesNo(`   Directory "${destFolderName}" exists. Overwrite contents?`);
+    if (!proceed) {
+      console.log('   Cancelled.\n');
+      process.exit(0);
+    }
+  }
+
+  // Copy the entire preset folder
+  fs.mkdirSync(destDir, { recursive: true });
   let copied = 0;
+  let backed = 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;
-        }
-      }
+  for (const relFile of presetFiles) {
+    const srcPath = path.join(presetDir, relFile);
+    const destPath = path.join(destDir, relFile);
 
-      fs.copyFileSync(srcPath, destPath);
-      console.log(`   ✅ ${entry.name}`);
-      copied++;
+    // Ensure subdirectory exists
+    const destFileDir = path.dirname(destPath);
+    if (!fs.existsSync(destFileDir)) {
+      fs.mkdirSync(destFileDir, { recursive: true });
+    }
+
+    if (fs.existsSync(destPath)) {
+      // Backup existing
+      const backupPath = destPath + '.bak';
+      fs.copyFileSync(destPath, backupPath);
+      backed++;
+      console.log(`   🔄 ${relFile} (backed up to ${relFile}.bak)`);
+    } else {
+      console.log(`   ✅ ${relFile}`);
     }
+
+    fs.copyFileSync(srcPath, destPath);
+    copied++;
   }
 
-  console.log(`\n✅ Copied ${copied} file(s) from preset "${compName}" to ${path.relative(process.cwd(), targetSrcDir)}/\n`);
+  console.log(`\n✅ Done: ${copied} file(s) copied to ${path.relative(process.cwd(), destDir)}/`);
+  if (backed > 0) {
+    console.log(`   ${backed} existing file(s) backed up with .bak extension`);
+  }
+  console.log('');
 }
 
-function resolveProjectSrcDir() {
-  const projectRoot = process.cwd();
-  const configPath = path.join(projectRoot, 'juxconfig.js');
+/**
+ * Resolve a safe folder name: compName -> compName-jux -> compName-1, compName-2, ...
+ */
+function resolveDestFolderName(parentDir, baseName) {
+  const first = path.join(parentDir, baseName);
+  if (!fs.existsSync(first)) return baseName;
 
-  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 (_) { }
+  const juxName = baseName + '-jux';
+  const second = path.join(parentDir, juxName);
+  if (!fs.existsSync(second)) return juxName;
+
+  for (let i = 1; i <= 99; i++) {
+    const numbered = `${baseName}-${i}`;
+    if (!fs.existsSync(path.join(parentDir, numbered))) return numbered;
   }
 
-  return path.resolve(projectRoot, 'jux');
+  // Last resort — timestamp
+  return `${baseName}-${Date.now()}`;
 }
 
-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);
-    });
-  });
-}
+/**
+ * List all files in a directory recursively, returning relative paths
+ */
+function listFilesRecursive(dir, base = '') {
+  const results = [];
+  const entries = fs.readdirSync(dir, { withFileTypes: true });
 
-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');
-    });
-  });
+  for (const entry of entries) {
+    if (entry.name.startsWith('.')) continue;
+    const rel = base ? path.join(base, entry.name) : entry.name;
+
+    if (entry.isDirectory()) {
+      results.push(...listFilesRecursive(path.join(dir, entry.name), rel));
+    } else {
+      results.push(rel);
+    }
+  }
+
+  return results;
 }
 
 // ═══════════════════════════════════════════════════════════════

package/package.json

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

package/presets/sidebar/{sidebar-usage.jux → usage.jux}

@@ -1,5 +1,5 @@
 import { jux } from 'juxscript';
-import { juxSidebar } from './sidebar.jux';
+import { juxSidebar } from './index.jux';
 const allRoutes = jux.routes.all();
 
 juxSidebar('my-sidebar', allRoutes,