react-client 1.0.18 → 1.0.19

package/dist/cli/commands/dev.js

@@ -25,7 +25,7 @@ async function dev() {
     const cacheDir = path_1.default.join(appRoot, '.react-client', 'deps');
     const pkgFile = path_1.default.join(appRoot, 'package.json');
     await fs_extra_1.default.ensureDir(cacheDir);
-    // Detect entry
+    // Detect entry file
     const possibleEntries = ['src/main.tsx', 'src/main.jsx'];
     const entry = possibleEntries.map((p) => path_1.default.join(appRoot, p)).find((p) => fs_extra_1.default.existsSync(p));
     if (!entry) {
@@ -33,7 +33,7 @@ async function dev() {
         process.exit(1);
     }
     const indexHtml = path_1.default.join(appRoot, 'index.html');
-    // Detect port
+    // Detect open port
     const availablePort = await (0, detect_port_1.default)(defaultPort);
     const port = availablePort;
     if (availablePort !== defaultPort) {
@@ -60,7 +60,7 @@ async function dev() {
         });
         console.log(chalk_1.default.green('✅ react-refresh installed successfully.'));
     }
-    // Core plugin: CSS HMR
+    // --- Plugins
     const corePlugins = [
         {
             name: 'css-hmr',
@@ -81,26 +81,38 @@ async function dev() {
     ];
     const userPlugins = Array.isArray(userConfig.plugins) ? userConfig.plugins : [];
     const plugins = [...corePlugins, ...userPlugins];
-    // Connect app
     const app = (0, connect_1.default)();
     const transformCache = new Map();
-    // 🧠 Prewarm: analyze imports before first run
-    async function analyzeImports(entryFile) {
-        const entryCode = await fs_extra_1.default.readFile(entryFile, 'utf8');
-        const importMatches = [
-            ...entryCode.matchAll(/\bfrom\s+['"]([^'".\/][^'"]*)['"]/g),
-            ...entryCode.matchAll(/\bimport\(['"]([^'".\/][^'"]*)['"]\)/g),
+    // 🧠 Deep dependency graph analyzer
+    async function analyzeGraph(file, seen = new Set()) {
+        if (seen.has(file))
+            return seen;
+        seen.add(file);
+        const code = await fs_extra_1.default.readFile(file, 'utf8');
+        const matches = [
+            ...code.matchAll(/\bfrom\s+['"]([^'".\/][^'"]*)['"]/g),
+            ...code.matchAll(/\bimport\(['"]([^'".\/][^'"]*)['"]\)/g),
         ];
-        const deps = [...new Set(importMatches.map((m) => m[1]))];
-        console.log(chalk_1.default.gray(`🧩 Found ${deps.length} direct imports:`), deps.join(', '));
-        return deps;
+        for (const m of matches) {
+            const dep = m[1];
+            if (!dep || dep.startsWith('.') || dep.startsWith('/'))
+                continue;
+            try {
+                const resolved = require.resolve(dep, { paths: [appRoot] });
+                await analyzeGraph(resolved, seen);
+            }
+            catch {
+                seen.add(dep); // bare dependency
+            }
+        }
+        return seen;
     }
-    // 📦 Smart prebundle cache
+    // 📦 Smart prebundle cache (parallelized)
     async function prebundleDeps(deps) {
-        if (!deps.length)
+        if (!deps.size)
             return;
         const cached = (await fs_extra_1.default.readdir(cacheDir)).map((f) => f.replace('.js', ''));
-        const missing = deps.filter((d) => !cached.includes(d));
+        const missing = [...deps].filter((d) => !cached.includes(d));
         if (!missing.length) {
             console.log(chalk_1.default.green('✅ All dependencies already prebundled.'));
             return;
@@ -127,16 +139,16 @@ async function dev() {
             }
         }));
     }
-    // 🧩 Smart rebuild trigger when package.json changes
+    // 🧩 Prewarm Graph
+    const deps = await analyzeGraph(entry);
+    await prebundleDeps(deps);
+    // Auto rebuild on package.json change
     chokidar_1.default.watch(pkgFile).on('change', async () => {
-        console.log(chalk_1.default.yellow('📦 Detected package.json change — rebuilding prebundles...'));
-        const deps = await analyzeImports(entry);
-        await prebundleDeps(deps);
+        console.log(chalk_1.default.yellow('📦 package.json changed — rebuilding prebundle cache...'));
+        const newDeps = await analyzeGraph(entry);
+        await prebundleDeps(newDeps);
     });
-    // Initial prewarm
-    const initialDeps = await analyzeImports(entry);
-    await prebundleDeps(initialDeps);
-    // --- Serve prebundled / node_modules
+    // --- Serve /@modules/
     app.use('/@modules/', async (req, res, next) => {
         const id = req.url?.replace(/^\/(@modules\/)?/, '');
         if (!id)
@@ -149,7 +161,7 @@ async function dev() {
             }
             let entryPath = null;
             try {
-                entryPath = require.resolve(id, { paths: [path_1.default.join(appRoot, 'node_modules')] });
+                entryPath = require.resolve(id, { paths: [appRoot] });
             }
             catch {
                 if (id === 'react')
@@ -168,12 +180,19 @@ async function dev() {
                 write: false,
             });
             let code = result.outputFiles[0].text;
-            // Fix for react-dom/client exports
+            // 🩹 Fixed react-dom/client shim (no duplicate export)
             if (id === 'react-dom/client') {
                 code += `
+          // React Client auto-shim for React 18+
           import * as ReactDOMClient from '/@modules/react-dom';
-          export const createRoot = ReactDOMClient.createRoot || ReactDOMClient.default?.createRoot;
-          export default ReactDOMClient.default || ReactDOMClient;
+          if (!('createRoot' in ReactDOMClient) && ReactDOMClient.default) {
+            Object.assign(ReactDOMClient, ReactDOMClient.default);
+          }
+          export const createRoot =
+            ReactDOMClient.createRoot ||
+            ReactDOMClient.default?.createRoot ||
+            (() => { throw new Error('ReactDOM.createRoot not found'); });
+          export default ReactDOMClient;
         `;
             }
             await fs_extra_1.default.writeFile(cacheFile, code, 'utf8');
@@ -187,7 +206,7 @@ async function dev() {
             res.end(`// Failed to resolve module ${id}: ${e.message}`);
         }
     });
-    // --- Serve src files + HMR
+    // --- Serve /src files dynamically
     app.use(async (req, res, next) => {
         if (!req.url || (!req.url.startsWith('/src/') && !req.url.endsWith('.css')))
             return next();
@@ -204,6 +223,7 @@ async function dev() {
             return next();
         try {
             let code = await fs_extra_1.default.readFile(filePath, 'utf8');
+            // Rewrite bare imports → /@modules/*
             code = code
                 .replace(/\bfrom\s+['"]([^'".\/][^'"]*)['"]/g, (_match, dep) => `from "/@modules/${dep}"`)
                 .replace(/\bimport\(['"]([^'".\/][^'"]*)['"]\)/g, (_match, dep) => `import("/@modules/${dep}")`);
@@ -234,7 +254,7 @@ async function dev() {
             res.end(`// Error: ${e.message}`);
         }
     });
-    // --- index.html + overlay
+    // --- Serve index.html + overlay + HMR
     app.use(async (req, res, next) => {
         if (req.url !== '/' && req.url !== '/index.html')
             return next();

package/dist/server/broadcastManager.js

@@ -16,10 +16,8 @@ class BroadcastManager {
         this.wss = new ws_1.WebSocketServer({ server });
         this.wss.on('connection', (ws) => {
             this.clients.add(ws);
-            console.log(chalk_1.default.gray('🔌 Client connected'));
             ws.on('close', () => {
                 this.clients.delete(ws);
-                console.log(chalk_1.default.gray('❎ Client disconnected'));
             });
             ws.on('error', (err) => {
                 console.error(chalk_1.default.red('⚠️ WebSocket error:'), err.message);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-client",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "react-client is a lightweight CLI and runtime for building React apps with fast iteration.",
   "license": "MIT",
   "author": "Venkatesh Sundaram",