juxscript 1.0.37 → 1.0.38

package/lib/components/docs-data.json

@@ -101,12 +101,6 @@
       "description": "List component",
       "constructor": "jux.list(id: string, options: ListOptions = {})",
       "fluentMethods": [
-        {
-          "name": "items",
-          "params": "(value)",
-          "returns": "this",
-          "description": "Set items"
-        },
         {
           "name": "addItem",
           "params": "(value)",
@@ -2059,5 +2053,5 @@
     }
   ],
   "version": "1.0.0",
-  "lastUpdated": "2026-01-28T15:24:08.460Z"
+  "lastUpdated": "2026-01-28T17:24:41.869Z"
 }

package/machinery/compiler.js

@@ -419,38 +419,78 @@ export async function bundleJuxFilesToRouter(projectRoot, distDir, options = {})
 }
 
 /**
- * Extract shared module exports from a .jux file
- * 
- * @param {string} juxContent - Original .jux file content
- * @param {string} moduleName - Module identifier
- * @returns {string} Shared module code
+ * Extract and replace all string literals with placeholders
+ * Handles: template literals WITHOUT interpolations, single quotes, double quotes
+ * SKIPS: Template literals WITH ${} interpolations (those are dynamic code)
  */
-function extractSharedModule(juxContent, moduleName) {
-  // Remove string literals temporarily to avoid false matches
+function extractStrings(code) {
   const strings = [];
+  let result = code;
+
+  // 1. Template literals WITHOUT interpolations (static strings only)
+  //    Match backticks that DON'T contain ${ 
+  result = result.replace(/`([^`$\\]|\\[^$])*`/g, (match) => {
+    // Double-check it doesn't contain ${ 
+    if (!match.includes('${')) {
+      strings.push(match);
+      return `__STRING_${strings.length - 1}__`;
+    }
+    return match; // Leave dynamic templates alone
+  });
 
-  // Handle template literals, single quotes, and double quotes separately
-  let code = juxContent
-    .replace(/`(?:\\.|[^`\\])*`/g, (match) => { strings.push(match); return `__STRING_${strings.length - 1}__`; })
-    .replace(/"(?:\\.|[^"\\])*"/g, (match) => { strings.push(match); return `__STRING_${strings.length - 1}__`; })
-    .replace(/'(?:\\.|[^'\\])*'/g, (match) => { strings.push(match); return `__STRING_${strings.length - 1}__`; });
+  // 2. Double-quoted strings (with escaped quotes)
+  result = result.replace(/"(?:[^"\\]|\\.)*"/g, (match) => {
+    strings.push(match);
+    return `__STRING_${strings.length - 1}__`;
+  });
 
-  // Remove ALL imports - including _dev-imports.js
-  code = code.replace(/import\s+\{[^}]+\}\s+from\s+__STRING_\d+__;?\s*/g, '');
-  code = code.replace(/import\s+\*\s+as\s+\w+\s+from\s+__STRING_\d+__;?\s*/g, '');
-  code = code.replace(/import\s+__STRING_\d+__;?\s*/g, '');
+  // 3. Single-quoted strings (with escaped quotes)
+  result = result.replace(/'(?:[^'\\]|\\.)*'/g, (match) => {
+    strings.push(match);
+    return `__STRING_${strings.length - 1}__`;
+  });
 
-  // Convert exports to declarations (keep function keyword for functions)
-  code = code.replace(/export\s+const\s+/g, 'const ');
-  code = code.replace(/export\s+let\s+/g, 'let ');
-  code = code.replace(/export\s+function\s+/g, 'function ');
-  code = code.replace(/export\s+class\s+/g, 'class ');
-  code = code.replace(/export\s+\{([^}]+)\}\s*;?\s*/g, '');
+  return { code: result, strings };
+}
 
-  // Restore string literals
-  code = code.replace(/__STRING_(\d+)__/g, (_, index) => strings[index]);
+/**
+ * Restore string placeholders back to original strings
+ */
+function restoreStrings(code, strings) {
+  return code.replace(/__STRING_(\d+)__/g, (match, index) => {
+    const idx = parseInt(index, 10);
+    if (idx >= 0 && idx < strings.length) {
+      return strings[idx];
+    }
+    console.warn(`[Compiler] String placeholder ${match} not found (idx: ${idx}, available: ${strings.length})`);
+    return match; // Leave as-is for debugging
+  });
+}
 
-  return code;
+/**
+ * Extract shared module exports from a .jux file
+ * 
+ * @param {string} juxContent - Original .jux file content
+ * @param {string} moduleName - Module identifier
+ * @returns {string} Shared module code
+ */
+function extractSharedModule(juxContent, moduleName) {
+  const { code, strings } = extractStrings(juxContent);
+
+  // Remove ALL imports
+  let result = code.replace(/import\s+\{[^}]+\}\s+from\s+__STRING_\d+__;?\s*/g, '');
+  result = result.replace(/import\s+\*\s+as\s+\w+\s+from\s+__STRING_\d+__;?\s*/g, '');
+  result = result.replace(/import\s+__STRING_\d+__;?\s*/g, '');
+
+  // Convert exports to declarations
+  result = result.replace(/export\s+const\s+/g, 'const ');
+  result = result.replace(/export\s+let\s+/g, 'let ');
+  result = result.replace(/export\s+function\s+/g, 'function ');
+  result = result.replace(/export\s+class\s+/g, 'class ');
+  result = result.replace(/export\s+\{([^}]+)\}\s*;?\s*/g, '');
+
+  // Restore strings
+  return restoreStrings(result, strings);
 }
 
 /**
@@ -464,36 +504,27 @@ function extractSharedModule(juxContent, moduleName) {
  * @returns {string} View function code
  */
 function transformJuxToViewFunction(juxContent, functionName, pageName, relativePath, sharedModules) {
-  // Remove string literals temporarily to avoid false matches
-  const strings = [];
-
-  // Handle template literals, single quotes, and double quotes separately
-  let code = juxContent
-    .replace(/`(?:\\.|[^`\\])*`/g, (match) => { strings.push(match); return `__STRING_${strings.length - 1}__`; })
-    .replace(/"(?:\\.|[^"\\])*"/g, (match) => { strings.push(match); return `__STRING_${strings.length - 1}__`; })
-    .replace(/'(?:\\.|[^'\\])*'/g, (match) => { strings.push(match); return `__STRING_${strings.length - 1}__`; });
-
-  // Remove ALL imports - now matching against placeholders
-  code = code.replace(/import\s+\{[^}]+\}\s+from\s+__STRING_\d+__;?\s*/g, '');
-  code = code.replace(/import\s+\*\s+as\s+\w+\s+from\s+__STRING_\d+__;?\s*/g, '');
-  code = code.replace(/import\s+__STRING_\d+__;?\s*/g, '');
+  const { code, strings } = extractStrings(juxContent);
 
-  // Handle exports - convert named exports to const declarations
-  code = code.replace(/export\s+const\s+(\w+)\s*=/g, 'const $1 =');
-  code = code.replace(/export\s+let\s+(\w+)\s*=/g, 'let $1 =');
-  code = code.replace(/export\s+function\s+(\w+)/g, 'const $1 = function');
-  code = code.replace(/export\s+class\s+/g, 'class ');
-  code = code.replace(/export\s+default\s+/g, '');
-  code = code.replace(/export\s+\{([^}]+)\}\s*;?\s*/g, '');
+  // Remove ALL imports
+  let result = code.replace(/import\s+\{[^}]+\}\s+from\s+__STRING_\d+__;?\s*/g, '');
+  result = result.replace(/import\s+\*\s+as\s+\w+\s+from\s+__STRING_\d+__;?\s*/g, '');
+  result = result.replace(/import\s+__STRING_\d+__;?\s*/g, '');
 
-  // Only replace .renderTo(container) calls - leave explicit render targets alone
-  code = code.replace(/\.renderTo\(container\)/g, '.render("#app")');
+  // Handle exports
+  result = result.replace(/export\s+const\s+(\w+)\s*=/g, 'const $1 =');
+  result = result.replace(/export\s+let\s+(\w+)\s*=/g, 'let $1 =');
+  result = result.replace(/export\s+function\s+(\w+)/g, 'const $1 = function');
+  result = result.replace(/export\s+class\s+/g, 'class ');
+  result = result.replace(/export\s+default\s+/g, '');
+  result = result.replace(/export\s+\{([^}]+)\}\s*;?\s*/g, '');
 
-  // Only replace empty .render() calls (no arguments)
-  code = code.replace(/\.render\(\s*\)/g, '.render("#app")');
+  // Replace render patterns
+  result = result.replace(/\.renderTo\(container\)/g, '.render("#app")');
+  result = result.replace(/\.render\(\s*\)/g, '.render("#app")');
 
-  // Restore string literals
-  code = code.replace(/__STRING_(\d+)__/g, (_, index) => strings[index]);
+  // Restore strings
+  result = restoreStrings(result, strings);
 
   const cleanName = functionName
     .replace(/[-_]/g, ' ')
@@ -504,7 +535,7 @@ function transformJuxToViewFunction(juxContent, functionName, pageName, relative
   return `
 // View: ${cleanName}
 function ${cleanName}() {
-  ${code}
+  ${result}
   
   return document.getElementById('app');
 }`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "lib/jux.js",