juxscript 1.0.53 → 1.0.55

package/bin/cli.js

@@ -68,7 +68,7 @@ if (command === 'create') {
     execSync('npx jux init', { stdio: 'inherit' });
 
     console.log(`\n📝 Creating .gitignore...`);
-    fs.writeFileSync('.gitignore', `.jux/\nnode_modules/\n.DS_Store\n.env\n*.log\n`);
+    fs.writeFileSync('.gitignore', `.jux-dist/\nnode_modules/\n.DS_Store\n.env\n*.log\n`);
     console.log(`   ✓ .gitignore created`);
 
     // ❌ REMOVE: Don't copy example file during create
@@ -420,7 +420,7 @@ jux.paragraph('counter')
 
     // Create .gitignore with config.distDir
     const gitignorePath = path.join(PATHS.projectRoot, '.gitignore');
-    const gitignoreContent = `${config.distDir}/\nnode_modules/\n.DS_Store\n`;
+    const gitignoreContent = `${config.distDir}/\nnode_modules/\n.DS_Store\n`;  // ✅ Uses config.distDir
 
     if (!fs.existsSync(gitignorePath)) {
       fs.writeFileSync(gitignorePath, gitignoreContent);
@@ -437,12 +437,12 @@ jux.paragraph('counter')
         console.log('+ Created juxconfig.js');
       }
       
-      // ✅ Keep example for `init` command - useful for existing projects
-      const configExampleDest = path.join(PATHS.projectRoot, 'juxconfig.example.js');
-      if (!fs.existsSync(configExampleDest)) {
-        fs.copyFileSync(configExampleSrc, configExampleDest);
-        console.log('+ Created juxconfig.example.js (reference)');
-      }
+      // ❌ REMOVE: Don't copy example - it's available in node_modules
+      // const configExampleDest = path.join(PATHS.projectRoot, 'juxconfig.example.js');
+      // if (!fs.existsSync(configExampleDest)) {
+      //   fs.copyFileSync(configExampleSrc, configExampleDest);
+      //   console.log('+ Created juxconfig.example.js (reference)');
+      // }
     }
 
     console.log('\n✅ JUX project initialized!\n');
@@ -454,6 +454,7 @@ jux.paragraph('counter')
     console.log('Next steps:');
     console.log('  npm install       # Install dependencies');
     console.log('  npm run dev       # Start dev server\n');
+    console.log('📖 Config reference: node_modules/juxscript/juxconfig.example.js\n');
 
   } else if (command === 'build') {
     // ✅ Run bootstrap before build

package/juxconfig.example.js

@@ -7,63 +7,43 @@
  * Copy this file to your project root as 'juxconfig.js' to customize.
  */
 
+// Route overrides
 export const routeOverrides = {
-
-    // Example: Override the route for 'about' page
     // 'about': '/about-us',
-
 }
-export default {
 
-    // Application name
+export default {
+    // Application settings
     appName: 'My JUX App',
-    autoRoutes: true,  // Enable automatic route generation
-    // Source directory for .jux files (default: 'jux')
+    autoRoutes: true,
+    
+    // Directories
     sourceDir: 'jux',
+    distDir: '.jux-dist',
 
-    // Output directory for built files (default: '.jux')
-    distDir: '.jux',  // ✅ Changed from 'jux-dist',
-
+    // External services
     services: {
         database: 'http://localhost:4000/api/db',
         auth: 'http://localhost:4000/api/auth',
         monday: 'http://api.rxtrail.monday.com/api/'
     },
 
-    // Jux Dev server ports
+    // Dev server ports
     ports: {
-        http: 3000,  // Main HTTP server
-        ws: 3001     // WebSocket for hot reload
+        http: 3000,
+        ws: 3001
     },
 
-    // Build options (future features)
+    // Build options
     build: {
-        minify: false,      // Minify output
-        sourcemap: true     // Generate sourcemaps
+        minify: false,
+        sourcemap: true
     },
 
-    // Bootstrap functions (run before app starts)
-    // Useful for: auth setup, environment loading, feature flags, etc.
-    // Similar to Laravel service providers
+    // Bootstrap functions (run on startup)
     bootstrap: [
-
-
-        // Example 1: Initialize authentication
         // async function initAuth() {
         //   console.log('🔐 Initializing auth...');
-        //   // Your auth setup here
         // },
-
-        // Example 2: Load environment config
-        // async function loadConfig() {
-        //   console.log('⚙️  Loading environment config...');
-        //   // Your config loading here
-        // },
-
-        // Example 3: Set up analytics
-        // async function setupAnalytics() {
-        //   console.log('📊 Setting up analytics...');
-        //   // Your analytics setup here
-        // }
     ]
 };

package/machinery/compiler.js

@@ -179,47 +179,8 @@ export async function transpileProjectTypeScript(srcDir, destDir) {
  * @param {string} distDir - Destination directory
  */
 export async function copyPresetsToOutput(packageRoot, distDir) {
-  console.log('📦 Copying presets...');
-
-  const presetsSrc = path.join(packageRoot, 'presets');
-  const presetsDest = path.join(distDir, 'presets');
-
-  if (!fs.existsSync(presetsSrc)) {
-    console.log('   No presets directory found');
-    return;
-  }
-
-  if (fs.existsSync(presetsDest)) {
-    fs.rmSync(presetsDest, { recursive: true });
-  }
-
-  fs.mkdirSync(presetsDest, { recursive: true });
-
-  // Recursively copy entire presets directory structure
-  let copiedCount = 0;
-
-  function copyRecursive(src, dest) {
-    const entries = fs.readdirSync(src, { withFileTypes: true });
-
-    for (const entry of entries) {
-      const srcPath = path.join(src, entry.name);
-      const destPath = path.join(dest, entry.name);
-
-      if (entry.isDirectory()) {
-        fs.mkdirSync(destPath, { recursive: true });
-        copyRecursive(srcPath, destPath);
-      } else if (entry.isFile()) {
-        fs.copyFileSync(srcPath, destPath);
-        const relativePath = path.relative(presetsSrc, srcPath);
-        console.log(`   ✓ ${relativePath}`);
-        copiedCount++;
-      }
-    }
-  }
-
-  copyRecursive(presetsSrc, presetsDest);
-
-  console.log(`✅ Copied ${copiedCount} preset file(s)\n`);
+  // ✅ No-op - presets stay in node_modules only
+  console.log('ℹ️  Presets available via import maps (not copied to dist)\n');
 }
 
 /**
@@ -249,9 +210,7 @@ function findFiles(dir, extension, fileList = []) {
 
 /**
  * Copy non-TypeScript files (CSS, JSON, JS, SVG, etc.)
- * 
- * @param {string} src - Source directory
- * @param {string} dest - Destination directory
+ * ✅ Skip layouts folder
  */
 function copyNonTsFiles(src, dest) {
   const entries = fs.readdirSync(src, { withFileTypes: true });
@@ -261,13 +220,17 @@ function copyNonTsFiles(src, dest) {
     const destPath = path.join(dest, entry.name);
 
     if (entry.isDirectory()) {
+      // ✅ Skip layouts folder
+      if (entry.name === 'layouts') {
+        continue;
+      }
+      
       if (!fs.existsSync(destPath)) {
         fs.mkdirSync(destPath, { recursive: true });
       }
       copyNonTsFiles(srcPath, destPath);
     } else if (entry.isFile()) {
       const ext = path.extname(entry.name);
-      // Copy CSS, JSON, SVG, and JS files (but not .ts files)
       if (['.css', '.json', '.js', '.svg', '.png', '.jpg', '.jpeg', '.gif', '.webp'].includes(ext)) {
         fs.copyFileSync(srcPath, destPath);
       }

package/machinery/config.js

@@ -5,37 +5,22 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-/**
- * Default JUX configuration
- */
+// Default configuration
 export const defaultConfig = {
-  // Source directory for .jux files
   sourceDir: 'jux',
-  
-  // Output directory for built files (hidden like .git)
-  distDir: '.jux',
-  
-  // Dev server ports
+  distDir: '.jux-dist',
   ports: {
     http: 3000,
     ws: 3001
   },
-  
-  // Build options
   build: {
     minify: false,
     sourcemap: true
   },
-  
-  // Bootstrap functions (run before app starts)
   bootstrap: []
 };
 
-/**
- * Load configuration from juxconfig.js or use defaults
- * @param {string} projectRoot - Project root directory
- * @returns {Promise<object>} Configuration object
- */
+// Load user configuration
 export async function loadConfig(projectRoot) {
   const configPath = path.join(projectRoot, 'juxconfig.js');
   
@@ -61,10 +46,7 @@ export async function loadConfig(projectRoot) {
   return defaultConfig;
 }
 
-/**
- * Run bootstrap functions from config
- * @param {Function[]} bootstrapFunctions - Array of async functions to run
- */
+// Run bootstrap functions
 export async function runBootstrap(bootstrapFunctions = []) {
   if (!Array.isArray(bootstrapFunctions) || bootstrapFunctions.length === 0) {
     return;

package/machinery/server.js

@@ -47,7 +47,7 @@ async function tryPort(startPort, maxAttempts = 5, reservedPorts = []) {
   throw new Error(`Could not find available port after ${maxAttempts} attempts starting from ${startPort}`);
 }
 
-async function serve(httpPort = 3000, wsPort = 3001, distDir = './.jux') {
+async function serve(httpPort = 3000, wsPort = 3001, distDir = './.jux-dist') {
   const app = express();
   const absoluteDistDir = path.resolve(distDir);
   const projectRoot = path.resolve('.');
@@ -147,6 +147,6 @@ async function serve(httpPort = 3000, wsPort = 3001, distDir = './.jux') {
   return { server, httpPort: availableHttpPort, wsPort: availableWsPort };
 }
 
-export async function start(httpPort = 3000, wsPort = 3001, distDir = './.jux') {
+export async function start(httpPort = 3000, wsPort = 3001, distDir = './.jux-dist') {
   return serve(httpPort, wsPort, distDir);
 }

package/package.json

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

package/presets/default/index.jux

@@ -38,7 +38,7 @@ jux.list('quick-tips', {
     items: [
         'Run npx jux serve for dev mode with hot reload',
         'Run npx jux build to compile for production',
-        'Serve jux-dist/ from your backend',
+        'Serve .jux-dist/ from your backend',
         'Check out the docs at juxscript.com/docs'
     ]
 }).render('#appmain-content');