@jxrstudios/jxr 1.1.11 → 1.2.13

package/bin/jxr.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import { JXRServerManager, JXRDeployer } from "../src/index.ts";
 
-import { mkdir, writeFile, cp } from "fs/promises";
+import { mkdir, writeFile, cp, readdir } from "fs/promises";
 import { existsSync } from "fs";
 import path from "path";
 import { fileURLToPath } from "url";
@@ -38,6 +38,11 @@ if (command === "init") {
       },
       dependencies: {
         "@jxrstudios/jxr": "^1.0.5"
+      },
+      devDependencies: {
+        "@types/react": "^19.0.0",
+        "@types/react-dom": "^19.0.0",
+        "typescript": "^5.5.0"
       }
     };
     await writeFile(
@@ -73,6 +78,175 @@ if (command === "init") {
     process.exit(1);
   }
   
+} else if (command === "build") {
+  // Build command - production-optimized build
+  const platform = args.find((a) => a.startsWith("--platform="))?.split("=")[1] || "web";
+  const analyze = args.includes("--analyze");
+  const noMinify = args.includes("--no-minify");
+  const outDir = args.find((a) => a.startsWith("--out-dir="))?.split("=")[1] || "dist";
+  
+  console.log(`🔨 Building for ${platform}...`);
+  
+  try {
+    const esbuild = await import("esbuild");
+    const fs = await import("fs");
+    const path = await import("path");
+    const crypto = await import("crypto");
+    
+    // Ensure output directory exists
+    await mkdir(outDir, { recursive: true });
+    await mkdir(path.join(outDir, "assets"), { recursive: true });
+    
+    // Find entry point
+    const entryFile = fs.existsSync("src/main.tsx") ? "src/main.tsx" : 
+                      fs.existsSync("src/main.ts") ? "src/main.ts" : 
+                      fs.existsSync("src/App.tsx") ? "src/App.tsx" : "src/index.tsx";
+    
+    // Build configuration
+    const buildConfig = {
+      entryPoints: [entryFile],
+      bundle: true,
+      platform: platform === "node" ? "node" : "browser",
+      target: platform === "cloudflare-worker" ? "es2022" : "es2020",
+      format: "esm",
+      minify: !noMinify,
+      sourcemap: !noMinify,
+      splitting: platform !== "node",
+      outdir: path.join(outDir, "assets"),
+      entryNames: "[name]-[hash]",
+      chunkNames: "[name]-[hash]",
+      assetNames: "[name]-[hash]",
+      metafile: true,
+      define: {
+        "process.env.NODE_ENV": '"production"',
+        ...(platform === "cloudflare-worker" && {
+          "process": "{}",
+          "process.env": "{}",
+        }),
+      },
+      external: [
+        "react", "react/jsx-runtime", "react/jsx-dev-runtime", "react-dom/client",
+        "wouter", "lucide-react", "sonner", "next-themes", "framer-motion", "motion-dom",
+        "@radix-ui/react-dialog", "@radix-ui/react-tooltip", "@radix-ui/react-slot",
+        "clsx", "tailwind-merge", "class-variance-authority",
+        "tailwindcss", "tw-animate-css",
+        ...(platform === "cloudflare-worker" ? ["__STATIC_CONTENT_MANIFEST"] : []),
+      ],
+      alias: {
+        "@": "./src",
+      },
+      loader: {
+        ".tsx": "tsx",
+        ".ts": "ts",
+        ".css": "css",
+        ".png": "file",
+        ".jpg": "file",
+        ".svg": "file",
+      },
+    };
+    
+    // Run build
+    const result = await esbuild.build(buildConfig);
+    
+    console.log(`✅ Build complete: ${outDir}/`);
+    
+    // Analyze bundle if requested
+    if (analyze && result.metafile) {
+      console.log("\n📊 Bundle Analysis:");
+      const outputs = Object.entries(result.metafile.outputs);
+      outputs.sort((a, b) => b[1].bytes - a[1].bytes);
+      outputs.slice(0, 10).forEach(([file, info]) => {
+        const sizeKB = (info.bytes / 1024).toFixed(2);
+        console.log(`   ${file}: ${sizeKB} KB`);
+      });
+    }
+    
+    // Find main entry output (exclude source maps)
+    const mainOutput = Object.keys(result.metafile?.outputs || {}).find(k => 
+      (k.includes("main-") || k.includes("index-")) && k.endsWith(".js")
+    );
+    const vendorOutput = Object.keys(result.metafile?.outputs || {}).find(k => 
+      k.includes("chunk-") && k.endsWith(".js")
+    );
+    
+    // Copy compiled CSS if available
+    if (fs.existsSync("src/index.compiled.css")) {
+      fs.copyFileSync("src/index.compiled.css", path.join(outDir, "assets", "index-[hash].css"));
+      console.log(`  📄 Copied compiled CSS`);
+    }
+    
+    // Find CSS output
+    const cssOutput = Object.keys(result.metafile?.outputs || {}).find(k => k.endsWith(".css"));
+    
+    // Generate index.html with proper CSS and JS references
+    const indexHtml = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>JXR.js — Edge OS Runtime Framework</title>
+  <meta name="description" content="JXR.js is the next-generation edge runtime framework for React Native and React. MoQ transport, Web Crypto, Worker pools.">
+  
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  
+  ${cssOutput ? `<link rel="stylesheet" href="${cssOutput.replace(outDir, "").replace(/^\//, "")}">` : ""}
+</head>
+<body>
+  <div id="root"></div>
+  ${vendorOutput ? `<script type="module" src="${vendorOutput.replace(outDir, "").replace(/^\//, "")}"></script>` : ""}
+  <script type="module" src="${mainOutput ? mainOutput.replace(outDir, "").replace(/^\//, "") : "assets/index.js"}"></script>
+</body>
+</html>`;
+    
+    await writeFile(path.join(outDir, "index.html"), indexHtml);
+    
+    // Generate crypto-signed manifest
+    const manifest = {
+      version: "1.0.0",
+      platform,
+      buildTime: new Date().toISOString(),
+      entries: {
+        main: mainOutput ? path.basename(mainOutput) : "index.js",
+        ...(vendorOutput && { vendor: path.basename(vendorOutput) }),
+      },
+      files: Object.keys(result.metafile?.outputs || {}).map(k => path.basename(k)),
+    };
+    
+    // Sign manifest with ECDSA P-256
+    const manifestJson = JSON.stringify(manifest, null, 2);
+    const { privateKey, publicKey } = crypto.generateKeyPairSync("ec", {
+      namedCurve: "prime256v1",
+    });
+    const signature = crypto.sign("sha256", Buffer.from(manifestJson), privateKey);
+    
+    const signedManifest = {
+      ...manifest,
+      signature: signature.toString("base64"),
+      algorithm: "ECDSA-P256",
+      publicKey: publicKey.export({ type: "spki", format: "pem" }),
+    };
+    
+    await writeFile(
+      path.join(outDir, "jxr-manifest.json"),
+      JSON.stringify(signedManifest, null, 2)
+    );
+    
+    console.log(`✅ Manifest: ${outDir}/jxr-manifest.json`);
+    console.log(`   Signed with ECDSA-P256`);
+    
+    // Show output files
+    console.log("\n📁 Build outputs:");
+    const files = await readdir(outDir, { recursive: true });
+    files.forEach(f => console.log(`   ${f}`));
+    
+  } catch (err) {
+    console.error("❌ Build failed:", err.message);
+    process.exit(1);
+  }
+  
 } else if (command === "deploy") {
   // Deploy command
   const projectPath = args[1] || "./dist";
@@ -123,8 +297,9 @@ if (command === "init") {
   
 } else {
   console.log("Usage:");
-  console.log("  jxr init <project-name>    Create new project");
-  console.log("  jxr dev [--port=3000]      Start dev server");
-  console.log("  jxr deploy <path>          Deploy to production");
+  console.log("  jxr init <project-name>          Create new project");
+  console.log("  jxr dev [--port=3000]            Start dev server");
+  console.log("  jxr build [--platform=web]       Production build");
+  console.log("  jxr deploy <path> [--env=prod]   Deploy to production");
   process.exit(1);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxrstudios/jxr",
-  "version": "1.1.11",
+  "version": "1.2.13",
   "description": "JXR.js — Edge OS Runtime Framework for elite developers",
   "type": "module",
   "license": "MIT",