juxscript 1.0.50 → 1.0.51

package/bin/cli.js

@@ -147,6 +147,10 @@ import {
 } from '../machinery/compiler.js';
 import { generateDocs } from '../machinery/doc-generator.js';
 import { start } from '../machinery/server.js';
+import { loadConfig, runBootstrap } from '../machinery/config.js';
+
+// ✅ Load config BEFORE setting up PATHS
+const config = await loadConfig(process.cwd());
 
 // CLEAR PATH CONTRACT - CONVENTIONS
 const PATHS = {
@@ -158,25 +162,25 @@ const PATHS = {
 
   // Where user's .jux source files live (CONVENTION: ./jux/)
   get juxSource() {
-    return path.join(this.projectRoot, 'jux');
+    return path.join(this.projectRoot, config.sourceDir);
   },
 
   // Where jux lib files are (components, layouts, etc.)
   get juxLib() {
-    return path.join(this.packageRoot, 'lib');
+    return path.resolve(__dirname, '..', 'lib');
   },
 
   // Where frontend build output goes (CONVENTION: ./jux-dist/)
   get frontendDist() {
-    return path.join(this.projectRoot, 'jux-dist');
+    return path.join(this.projectRoot, config.distDir);
   }
 };
 
 console.log('📍 JUX Paths:');
 console.log(`   Package:  ${PATHS.packageRoot}`);
 console.log(`   Project:  ${PATHS.projectRoot}`);
-console.log(`   Source:   ${PATHS.juxSource}`);
-console.log(`   Output:   ${PATHS.frontendDist}`);
+console.log(`   Source:   ${PATHS.juxSource} (from config: ${config.sourceDir})`);
+console.log(`   Output:   ${PATHS.frontendDist} (from config: ${config.distDir})`);
 console.log(`   Lib:      ${PATHS.juxLib}\n`);
 
 /**
@@ -208,7 +212,7 @@ function findJuxFiles(dir, fileList = []) {
  * 
  * @param {boolean} isServe - Whether building for dev server
  */
-async function buildProject(isServe = false) {
+async function buildProject(isServe = false, wsPort = 3001) {
   const buildStartTime = performance.now();
   console.log('🔨 Building JUX frontend...\n');
 
@@ -430,9 +434,9 @@ jux.paragraph('counter')
       console.log('+ Created package.json');
     }
 
-    // Create .gitignore
+    // Create .gitignore with config.distDir
     const gitignorePath = path.join(PATHS.projectRoot, '.gitignore');
-    const gitignoreContent = `.jux/\nnode_modules/\n.DS_Store\n`;  // ✅ Changed
+    const gitignoreContent = `${config.distDir}/\nnode_modules/\n.DS_Store\n`;
 
     if (!fs.existsSync(gitignorePath)) {
       fs.writeFileSync(gitignorePath, gitignoreContent);
@@ -458,8 +462,8 @@ jux.paragraph('counter')
 
     console.log('\n✅ JUX project initialized!\n');
     console.log('Project structure:');
-    console.log('  jux/              # Your source files');
-    console.log('  .jux/             # Build output (git-ignored)');
+    console.log(`  ${config.sourceDir}/              # Your source files`);
+    console.log(`  ${config.distDir}/                # Build output (git-ignored)`);
     console.log('  juxconfig.js      # Configuration');
     console.log('  package.json      # Dependencies\n');
     console.log('Next steps:');
@@ -467,19 +471,19 @@ jux.paragraph('counter')
     console.log('  npm run dev       # Start dev server\n');
 
   } else if (command === 'build') {
-    // ✅ Always builds router bundle
+    // ✅ Run bootstrap before build
+    await runBootstrap(config.bootstrap);
     await buildProject(false);
     console.log(`✅ Build complete: ${PATHS.frontendDist}`);
 
   } else if (command === 'serve') {
-    // ✅ Always serves router bundle
-    await buildProject(true);
-
-    // Parse port arguments: npx jux serve [httpPort] [wsPort]
-    const httpPort = parseInt(process.argv[3]) || 3000;
-    const wsPort = parseInt(process.argv[4]) || 3001;
+    // ✅ Use ports from config
+    const httpPort = parseInt(process.argv[3]) || config.ports.http;
+    const wsPort = parseInt(process.argv[4]) || config.ports.ws;
 
-    await start(httpPort, wsPort);
+    await runBootstrap(config.bootstrap);
+    await buildProject(true, wsPort);
+    await start(httpPort, wsPort, PATHS.frontendDist);
 
   } else {
     console.log(`
@@ -488,16 +492,16 @@ JUX CLI - A JavaScript UX authorship platform
 Usage:
   npx jux create [name]     Create a new JUX project
   npx jux init              Initialize JUX in current directory
-  npx jux build             Build router bundle to ./.jux/
+  npx jux build             Build router bundle to ${config.distDir}/
   npx jux serve [http] [ws] Start dev server with hot reload
 
 Project Structure:
   my-project/
-  ├── .jux/            # Build output (git-ignored, like .git)
+  ├── ${config.distDir}/           # Build output (git-ignored, like .git)
   │   ├── lib/
   │   ├── main.js
   │   └── index.html
-  ├── jux/             # Your .jux source files
+  ├── ${config.sourceDir}/            # Your .jux source files
   │   ├── index.jux
   │   ├── layout.css
   │   └── layout.jux

package/machinery/config.js

@@ -706,4 +706,51 @@ export function generateIndexHtml(distDir, routes, mainJsFilename = 'main.js') {
 
   console.log(`   ✓ Generated: index.html (references ${mainJsFilename})`);
   console.log('✅ Index HTML complete\n');
+}
+
+export const defaultConfig = {
+  // Source directory for .jux files
+  sourceDir: 'jux',
+  
+  // Output directory for built files (hidden like .git)
+  distDir: '.jux',  // ✅ Matches your example
+  
+  // Dev server ports
+  ports: {
+    http: 3000,
+    ws: 3001
+  },
+  
+  // Build options
+  build: {
+    minify: false,
+    sourcemap: true
+  },
+  
+  // Bootstrap functions (run before app starts)
+  bootstrap: []
+};
+
+/**
+ * Load configuration and run bootstrap functions
+ */
+function loadConfig() {
+  // Load config from file
+  const configPath = path.join(__dirname, '../config.json');
+  if (fs.existsSync(configPath)) {
+    const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+    Object.assign(defaultConfig, config);
+  }
+
+  // Run bootstrap functions
+  runBootstrap();
+}
+
+/**
+ * Run bootstrap functions
+ */
+function runBootstrap() {
+  console.log('🚀 Running bootstrap functions...');
+  defaultConfig.bootstrap.forEach(fn => fn());
+  console.log('✅ Bootstrap complete');
 }

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-dist') {
+async function serve(httpPort = 3000, wsPort = 3001, distDir = './.jux') {
   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-dist') {
   return { server, httpPort: availableHttpPort, wsPort: availableWsPort };
 }
 
-export async function start(httpPort = 3000, wsPort = 3001) {
-  return serve(httpPort, wsPort, './jux-dist');
+export async function start(httpPort = 3000, wsPort = 3001, distDir = './.jux') {
+  return serve(httpPort, wsPort, distDir);
 }

package/package.json

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

package/presets/{jux.jux → default/index.jux}

@@ -1,5 +1,5 @@
 import { jux, state } from 'juxscript';
-import { initializeGrid } from '../presets/default/layout.jux';
+import { initializeGrid } from 'layout.jux';
 
 // Initialize the grid layout - this executes the rendering
 const grid = initializeGrid();

package/presets/default/layout.jux

@@ -1,7 +1,7 @@
 import { jux } from 'juxscript';
 
 // Import the layout styles - testing link.
-jux.include('../presets/default/layout.css');
+jux.include('layout.css');
 
 // ═══════════════════════════════════════════════════════════════════
 // GRID LAYOUT - INITIALIZATION FUNCTION