juxscript 1.1.0 → 1.1.2

package/machinery/watcher.js

@@ -0,0 +1,171 @@
+import fs from 'fs';
+import path from 'path';
+import {
+  copyLibToOutput,
+  bundleJuxFilesToRouter,
+  generateIndexHtml
+} from './compiler.js';
+
+let isRebuilding = false;
+let rebuildQueued = false;
+
+/**
+ * Find all .jux files in a directory
+ */
+function findJuxFiles(dir, fileList = []) {
+  if (!fs.existsSync(dir)) return fileList;
+
+  const files = fs.readdirSync(dir);
+
+  files.forEach(file => {
+    const filePath = path.join(dir, file);
+    const stat = fs.statSync(filePath);
+
+    if (stat.isDirectory()) {
+      if (file !== 'node_modules' && file !== 'jux-dist' && file !== '.git' && file !== 'server') {
+        findJuxFiles(filePath, fileList);
+      }
+    } else if (file.endsWith('.jux')) {
+      fileList.push(filePath);
+    }
+  });
+
+  return fileList;
+}
+
+/**
+ * Full rebuild of the entire bundle
+ */
+async function fullRebuild(juxSource, distDir) {
+  const startTime = performance.now(); // ✅ Start timing
+  console.log('\n🔄 Rebuilding bundle...');
+
+  try {
+    // Find all .jux files
+    const projectJuxFiles = findJuxFiles(juxSource);
+    console.log(`   Found ${projectJuxFiles.length} .jux file(s)`);
+
+    // ✅ Time the bundling step
+    const bundleStartTime = performance.now();
+
+    // Bundle all files
+    const mainJsFilename = await bundleJuxFilesToRouter(juxSource, distDir, {
+      routePrefix: ''
+    });
+
+    const bundleTime = performance.now() - bundleStartTime;
+
+    // ✅ Time the route generation step
+    const routeStartTime = performance.now();
+
+    // Generate routes for index.html
+    const routes = projectJuxFiles.map(juxFile => {
+      const relativePath = path.relative(juxSource, juxFile);
+      const parsedPath = path.parse(relativePath);
+
+      const rawFunctionName = parsedPath.dir
+        ? `${parsedPath.dir.replace(/\//g, '_')}_${parsedPath.name}`
+        : parsedPath.name;
+
+      const functionName = rawFunctionName
+        .replace(/[-_]/g, ' ')
+        .split(' ')
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+        .join('');
+
+      const routePath = '/' + (parsedPath.dir ? `${parsedPath.dir}/` : '') + parsedPath.name;
+
+      return {
+        path: routePath.replace(/\/+/g, '/'),
+        functionName
+      };
+    });
+
+    // Generate index.html
+    generateIndexHtml(distDir, routes, mainJsFilename);
+
+    const routeTime = performance.now() - routeStartTime;
+    const totalTime = performance.now() - startTime;
+
+    // ✅ Pretty-print timing breakdown
+    console.log(`\n⏱️  Rebuild Performance:`);
+    console.log(`   Bundle generation: ${bundleTime.toFixed(0)}ms`);
+    console.log(`   Route/index.html:  ${routeTime.toFixed(0)}ms`);
+    console.log(`   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━`);
+    console.log(`   Total rebuild:     ${totalTime.toFixed(0)}ms`);
+
+    // ✅ Color-coded performance indicator
+    if (totalTime < 100) {
+      console.log(`   ✅ Lightning fast! ⚡`);
+    } else if (totalTime < 500) {
+      console.log(`   ✅ Fast rebuild`);
+    } else if (totalTime < 1000) {
+      console.log(`   ⚠️  Moderate speed`);
+    } else {
+      console.log(`   🐌 Slow rebuild (consider optimizing)`);
+    }
+
+    console.log(`✅ Bundle rebuilt: ${mainJsFilename}\n`);
+    return true;
+
+  } catch (err) {
+    const failTime = performance.now() - startTime;
+    console.error(`❌ Rebuild failed after ${failTime.toFixed(0)}ms:`, err.message);
+    return false;
+  }
+}
+
+/**
+ * Start watching for file changes and rebuild on change
+ */
+export function startWatcher(juxSource, distDir, wsClients) {
+  console.log(`👀 Watching: ${juxSource}`);
+
+  const watcher = fs.watch(juxSource, { recursive: true }, async (eventType, filename) => {
+    // Ignore non-.jux files and certain patterns
+    if (!filename ||
+      !filename.endsWith('.jux') ||
+      filename.includes('node_modules') ||
+      filename.includes('jux-dist') ||
+      filename.startsWith('.')) {
+      return;
+    }
+
+    // Debounce: If already rebuilding, queue another rebuild
+    if (isRebuilding) {
+      rebuildQueued = true;
+      return;
+    }
+
+    isRebuilding = true;
+    console.log(`\n📝 File changed: ${filename}`);
+
+    // Rebuild the entire bundle
+    const success = await fullRebuild(juxSource, distDir);
+
+    isRebuilding = false;
+
+    // Notify all WebSocket clients to reload
+    if (success && wsClients && wsClients.length > 0) {
+      console.log(`🔌 Notifying ${wsClients.length} client(s) to reload`);
+
+      // ✅ Add small delay to ensure file is fully written
+      setTimeout(() => {
+        wsClients.forEach(client => {
+          if (client.readyState === 1) { // OPEN
+            client.send(JSON.stringify({ type: 'reload' }));
+          }
+        });
+      }, 100);
+    }
+
+    // Process queued rebuild if needed
+    if (rebuildQueued) {
+      rebuildQueued = false;
+      console.log('🔄 Processing queued rebuild...');
+      setTimeout(() => watcher.emit('change', 'change', filename), 500);
+    }
+  });
+
+  return watcher;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.00",
+  "version": "1.1.2",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",
@@ -19,8 +19,9 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "lib",
     "bin",
+    "lib",
+    "machinery",
     "index.js",
     "index.d.ts",
     "juxconfig.example.js",