@mmapp/react-compiler 0.1.0-alpha.16 → 0.1.0-alpha.18

package/dist/cli/index.mjs

@@ -347,7 +347,7 @@ async function main() {
     const open = hasFlag("--open") || devCfg.open === true;
     const apiPort = getFlag("--api-port") ? parseInt(getFlag("--api-port"), 10) : 4200;
     let engineProcess = null;
-    if (isLocal) {
+    if (isLocal && hasFlag("--local")) {
       const { findEngineBinary, installEngine, verifyBinary } = await import("../engine-binary-FKTZAR56.mjs");
       let resolution = findEngineBinary(getFlag("--binary"));
       if (resolution.path) {
@@ -372,15 +372,62 @@ async function main() {
         console.log("[mmrc] Dev server will connect to a remote API or start in-memory mode.");
         console.log("[mmrc] (For full local mode: `mmrc engine install` or `mmrc engine build`)\n");
       } else {
+        try {
+          const { execSync: ex } = __require("child_process");
+          const pid = ex(`lsof -ti :${apiPort} 2>/dev/null`, { encoding: "utf-8" }).trim();
+          if (pid) {
+            console.log(`[mmrc] Killing stale process on port ${apiPort} (PID ${pid})`);
+            ex(`kill -9 ${pid}`, { stdio: "ignore" });
+            const wait = (ms) => new Promise((r) => setTimeout(r, ms));
+            await wait(1e3);
+          }
+        } catch {
+        }
+        console.log(`[mmrc] Starting local PostgreSQL via Docker...`);
+        try {
+          const { execSync: execS } = __require("child_process");
+          const running = execS("docker ps -q -f name=mm-dev-pg", { encoding: "utf-8" }).trim();
+          if (!running) {
+            execS("docker run -d --name mm-dev-pg -p 5433:5432 -e POSTGRES_DB=mm_dev -e POSTGRES_USER=mm -e POSTGRES_PASSWORD=mm -e POSTGRES_HOST_AUTH_METHOD=trust postgres:16-alpine 2>/dev/null || docker start mm-dev-pg 2>/dev/null", { stdio: "pipe" });
+            console.log("[mmrc] PostgreSQL starting (port 5433)...");
+            for (let i = 0; i < 20; i++) {
+              try {
+                execS("docker exec mm-dev-pg pg_isready -U mm 2>/dev/null", { stdio: "pipe" });
+                break;
+              } catch {
+                await new Promise((r) => setTimeout(r, 500));
+              }
+            }
+          }
+          console.log("[mmrc] PostgreSQL ready");
+        } catch (e) {
+          console.log("[mmrc] Docker not available \u2014 using SQLite (some features may be limited)");
+        }
         console.log(`[mmrc] Starting local engine: ${resolution.path} (${resolution.source})`);
         const { spawn: spawnProcess } = __require("child_process");
-        engineProcess = spawnProcess(resolution.path, ["--dev"], {
+        let dbUrl;
+        try {
+          const { execSync: execS2 } = __require("child_process");
+          const pgRunning = execS2("docker ps -q -f name=mm-dev-pg", { encoding: "utf-8" }).trim();
+          if (pgRunning) {
+            dbUrl = "postgres://mm:mm@localhost:5433/mm_dev";
+          }
+        } catch {
+        }
+        const engineArgs = dbUrl ? [] : ["--dev"];
+        const engineEnv = {
+          ...process.env,
+          PORT: String(apiPort),
+          RUST_LOG: "mm_api=info,mm_storage=info",
+          JWT_SECRET: "dev-secret-do-not-use-in-production",
+          MM_DEV_MODE: "1"
+        };
+        if (dbUrl) {
+          engineEnv.DATABASE_URL = dbUrl;
+        }
+        engineProcess = spawnProcess(resolution.path, engineArgs, {
           stdio: ["ignore", "pipe", "pipe"],
-          env: {
-            ...process.env,
-            PORT: String(apiPort),
-            RUST_LOG: "mm_api=info,mm_storage=info"
-          },
+          env: engineEnv,
           cwd: process.cwd()
         });
         if (engineProcess.stdout) {
@@ -564,7 +611,7 @@ async function main() {
       console.error('[mmrc] Error: name is required\n  Usage: mmrc init <name> [--description "..."] [--icon "..."] [--author "..."]');
       process.exit(1);
     }
-    const { init } = await import("../init-DY6SJDRX.mjs");
+    const { init } = await import("../init-CJCDWI33.mjs");
     await init({
       name,
       description: getFlag("--description"),

package/dist/dev-server.js

@@ -12409,70 +12409,41 @@ createRoot(document.getElementById('root')).render(React.createElement(App));
       <p>Loading...</p>
     </div>
   </div>
-  <script type="module">
-    import React from 'react';
-    import { createRoot } from 'react-dom/client';
-
-    function App() {
-      const [data, setData] = React.useState({ definitions: [], instances: [] });
-      const [error, setError] = React.useState(null);
-
-      React.useEffect(() => {
-        fetch('/api/v1/workflow/definitions')
-          .then(r => r.ok ? r.json() : Promise.reject('API ' + r.status))
-          .then(defs => setData(d => ({ ...d, definitions: Array.isArray(defs) ? defs : defs.data || [] })))
-          .catch(e => setError(String(e)));
-      }, []);
-
-      if (error) return React.createElement('div', { style: { padding: 40 } },
-        React.createElement('h1', null, 'MindMatrix Dev'),
-        React.createElement('p', { style: { color: '#c00', marginTop: 8 } }, 'API Error: ' + error),
-        React.createElement('p', { style: { color: '#888', marginTop: 8 } }, 'The engine is running but the API returned an error. This may be an auth issue in SQLite mode.')
-      );
-
-      return React.createElement('div', { style: { padding: 40, maxWidth: 800 } },
-        React.createElement('h1', { style: { marginBottom: 16 } }, 'MindMatrix Dev'),
-        React.createElement('p', { style: { color: '#666', marginBottom: 24 } },
-          data.definitions.length + ' definition(s) deployed'),
-        data.definitions.map((def, i) =>
-          React.createElement('div', { key: i, style: { border: '1px solid #ddd', borderRadius: 8, padding: 16, marginBottom: 12, background: '#fff' } },
-            React.createElement('h3', { style: { marginBottom: 4 } }, def.name || def.slug || 'Unnamed'),
-            React.createElement('p', { style: { color: '#888', fontSize: 13 } },
-              'slug: ' + (def.slug || '?') + ' | states: ' + (def.states?.length || 0) + ' | fields: ' + (def.fields?.length || 0))
-          )
-        ),
-        data.definitions.length === 0 && React.createElement('p', { style: { color: '#888' } },
-          'No definitions deployed yet. Edit your model files and save \u2014 mmrc dev will auto-compile and deploy.')
-      );
+  <script>
+    async function render() {
+      const root = document.getElementById('root');
+      try {
+        const res = await fetch('/api/v1/workflow/definitions');
+        const json = await res.json();
+        const items = json.items || json.data || [];
+        let html = '<div style="padding:40px;max-width:960px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif">';
+        html += '<h1 style="margin-bottom:8px">MindMatrix Dev</h1>';
+        html += '<p style="color:#666;margin-bottom:24px">' + items.length + ' definition(s) deployed</p>';
+        if (items.length === 0) {
+          html += '<div style="text-align:center;padding:60px 20px;color:#888"><p>No definitions yet.</p><p style="margin-top:8px;font-size:13px">Edit your model files and save.</p></div>';
+        }
+        for (const def of items) {
+          html += '<div style="border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;background:#fff">';
+          html += '<h3 style="margin-bottom:4px">' + (def.name || def.slug || 'Unnamed') + '</h3>';
+          html += '<p style="color:#888;font-size:13px">slug: ' + (def.slug || '?') + ' | states: ' + (def.states?.length || 0) + ' | fields: ' + (def.fields?.length || 0) + '</p>';
+          html += '</div>';
+        }
+        html += '</div>';
+        root.innerHTML = html;
+      } catch (e) {
+        root.innerHTML = '<div style="padding:40px"><h1>MindMatrix Dev</h1><p style="color:#c00;margin-top:8px">API Error: ' + e.message + '</p></div>';
+      }
     }
-
-    createRoot(document.getElementById('root')).render(React.createElement(App));
+    render();
+    setInterval(render, 3000);
   </script>
 </body>
 </html>`;
-  const htmlPlugin = {
-    name: "mindmatrix-dev-html",
-    // Return a function from configureServer → runs as POST-middleware,
-    // after Vite's built-in static file serving and SPA fallback.
-    configureServer(server) {
-      return () => {
-        server.middlewares.use(async (req, res, next) => {
-          const url = req.url ?? "";
-          if (url !== "/" && url !== "/index.html" && !url.startsWith("/?")) return next();
-          const accept = req.headers?.accept ?? "";
-          if (!accept.includes("text/html")) return next();
-          try {
-            const transformed = await server.transformIndexHtml(url, devHtml);
-            res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-            res.end(transformed);
-          } catch (e) {
-            res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-            res.end(devHtml);
-          }
-        });
-      };
-    }
-  };
+  const { mkdtempSync, writeFileSync: writeFileSync5 } = await import("fs");
+  const { join: join4 } = await import("path");
+  const { tmpdir } = await import("os");
+  const devRoot = mkdtempSync(join4(tmpdir(), "mm-dev-"));
+  writeFileSync5(join4(devRoot, "index.html"), devHtml, "utf-8");
   let deployInFlight = false;
   const compileDeployPlugin = {
     name: "mindmatrix-dev-compile-deploy",
@@ -12503,14 +12474,16 @@ createRoot(document.getElementById('root')).render(React.createElement(App));
     }
   };
   const viteConfig = {
-    root: process.cwd(),
-    // 'custom' suppresses "Could not auto-determine entry point" warning
-    // since we serve a virtual index.html via the htmlPlugin.
-    appType: "custom",
+    // Physical index.html lives in a temp dir so Vite serves it natively.
+    root: devRoot,
+    // Pre-bundle React so Vite doesn't warn about missing entry point.
+    optimizeDeps: { include: ["react", "react-dom/client"] },
     server: {
       port,
       open,
       host: true,
+      // Allow serving files from the real project directory (fs.allow).
+      fs: { allow: [devRoot, process.cwd(), ".."] },
       proxy: {
         "/api": { target: proxyTarget, changeOrigin: true, secure: true, ws: true },
         "/health": { target: proxyTarget, changeOrigin: true, secure: true },
@@ -12518,7 +12491,6 @@ createRoot(document.getElementById('root')).render(React.createElement(App));
       }
     },
     plugins: [
-      htmlPlugin,
       mindmatrixReact(pluginOpts),
       compileDeployPlugin,
       devPlayerPlugin,
@@ -12582,6 +12554,11 @@ createRoot(document.getElementById('root')).render(React.createElement(App));
       if (localServer) {
         await localServer.close();
       }
+      try {
+        const { rmSync } = await import("fs");
+        rmSync(devRoot, { recursive: true, force: true });
+      } catch {
+      }
     }
   };
 }

package/dist/dev-server.mjs

@@ -1,6 +1,6 @@
 import {
   createDevServer
-} from "./chunk-GVCJJX7E.mjs";
+} from "./chunk-GMW45YVD.mjs";
 import "./chunk-BZEXUPDH.mjs";
 import "./chunk-DNWDIPH2.mjs";
 import "./chunk-5M7DKKBC.mjs";

package/dist/index.js

@@ -14623,70 +14623,41 @@ createRoot(document.getElementById('root')).render(React.createElement(App));
       <p>Loading...</p>
     </div>
   </div>
-  <script type="module">
-    import React from 'react';
-    import { createRoot } from 'react-dom/client';
-
-    function App() {
-      const [data, setData] = React.useState({ definitions: [], instances: [] });
-      const [error, setError] = React.useState(null);
-
-      React.useEffect(() => {
-        fetch('/api/v1/workflow/definitions')
-          .then(r => r.ok ? r.json() : Promise.reject('API ' + r.status))
-          .then(defs => setData(d => ({ ...d, definitions: Array.isArray(defs) ? defs : defs.data || [] })))
-          .catch(e => setError(String(e)));
-      }, []);
-
-      if (error) return React.createElement('div', { style: { padding: 40 } },
-        React.createElement('h1', null, 'MindMatrix Dev'),
-        React.createElement('p', { style: { color: '#c00', marginTop: 8 } }, 'API Error: ' + error),
-        React.createElement('p', { style: { color: '#888', marginTop: 8 } }, 'The engine is running but the API returned an error. This may be an auth issue in SQLite mode.')
-      );
-
-      return React.createElement('div', { style: { padding: 40, maxWidth: 800 } },
-        React.createElement('h1', { style: { marginBottom: 16 } }, 'MindMatrix Dev'),
-        React.createElement('p', { style: { color: '#666', marginBottom: 24 } },
-          data.definitions.length + ' definition(s) deployed'),
-        data.definitions.map((def, i) =>
-          React.createElement('div', { key: i, style: { border: '1px solid #ddd', borderRadius: 8, padding: 16, marginBottom: 12, background: '#fff' } },
-            React.createElement('h3', { style: { marginBottom: 4 } }, def.name || def.slug || 'Unnamed'),
-            React.createElement('p', { style: { color: '#888', fontSize: 13 } },
-              'slug: ' + (def.slug || '?') + ' | states: ' + (def.states?.length || 0) + ' | fields: ' + (def.fields?.length || 0))
-          )
-        ),
-        data.definitions.length === 0 && React.createElement('p', { style: { color: '#888' } },
-          'No definitions deployed yet. Edit your model files and save \u2014 mmrc dev will auto-compile and deploy.')
-      );
+  <script>
+    async function render() {
+      const root = document.getElementById('root');
+      try {
+        const res = await fetch('/api/v1/workflow/definitions');
+        const json = await res.json();
+        const items = json.items || json.data || [];
+        let html = '<div style="padding:40px;max-width:960px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif">';
+        html += '<h1 style="margin-bottom:8px">MindMatrix Dev</h1>';
+        html += '<p style="color:#666;margin-bottom:24px">' + items.length + ' definition(s) deployed</p>';
+        if (items.length === 0) {
+          html += '<div style="text-align:center;padding:60px 20px;color:#888"><p>No definitions yet.</p><p style="margin-top:8px;font-size:13px">Edit your model files and save.</p></div>';
+        }
+        for (const def of items) {
+          html += '<div style="border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;background:#fff">';
+          html += '<h3 style="margin-bottom:4px">' + (def.name || def.slug || 'Unnamed') + '</h3>';
+          html += '<p style="color:#888;font-size:13px">slug: ' + (def.slug || '?') + ' | states: ' + (def.states?.length || 0) + ' | fields: ' + (def.fields?.length || 0) + '</p>';
+          html += '</div>';
+        }
+        html += '</div>';
+        root.innerHTML = html;
+      } catch (e) {
+        root.innerHTML = '<div style="padding:40px"><h1>MindMatrix Dev</h1><p style="color:#c00;margin-top:8px">API Error: ' + e.message + '</p></div>';
+      }
     }
-
-    createRoot(document.getElementById('root')).render(React.createElement(App));
+    render();
+    setInterval(render, 3000);
   </script>
 </body>
 </html>`;
-  const htmlPlugin = {
-    name: "mindmatrix-dev-html",
-    // Return a function from configureServer → runs as POST-middleware,
-    // after Vite's built-in static file serving and SPA fallback.
-    configureServer(server) {
-      return () => {
-        server.middlewares.use(async (req, res, next) => {
-          const url = req.url ?? "";
-          if (url !== "/" && url !== "/index.html" && !url.startsWith("/?")) return next();
-          const accept = req.headers?.accept ?? "";
-          if (!accept.includes("text/html")) return next();
-          try {
-            const transformed = await server.transformIndexHtml(url, devHtml);
-            res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-            res.end(transformed);
-          } catch (e) {
-            res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-            res.end(devHtml);
-          }
-        });
-      };
-    }
-  };
+  const { mkdtempSync, writeFileSync: writeFileSync5 } = await import("fs");
+  const { join: join4 } = await import("path");
+  const { tmpdir } = await import("os");
+  const devRoot = mkdtempSync(join4(tmpdir(), "mm-dev-"));
+  writeFileSync5(join4(devRoot, "index.html"), devHtml, "utf-8");
   let deployInFlight = false;
   const compileDeployPlugin = {
     name: "mindmatrix-dev-compile-deploy",
@@ -14717,14 +14688,16 @@ createRoot(document.getElementById('root')).render(React.createElement(App));
     }
   };
   const viteConfig = {
-    root: process.cwd(),
-    // 'custom' suppresses "Could not auto-determine entry point" warning
-    // since we serve a virtual index.html via the htmlPlugin.
-    appType: "custom",
+    // Physical index.html lives in a temp dir so Vite serves it natively.
+    root: devRoot,
+    // Pre-bundle React so Vite doesn't warn about missing entry point.
+    optimizeDeps: { include: ["react", "react-dom/client"] },
     server: {
       port,
       open,
       host: true,
+      // Allow serving files from the real project directory (fs.allow).
+      fs: { allow: [devRoot, process.cwd(), ".."] },
       proxy: {
         "/api": { target: proxyTarget, changeOrigin: true, secure: true, ws: true },
         "/health": { target: proxyTarget, changeOrigin: true, secure: true },
@@ -14732,7 +14705,6 @@ createRoot(document.getElementById('root')).render(React.createElement(App));
       }
     },
     plugins: [
-      htmlPlugin,
       mindmatrixReact(pluginOpts),
       compileDeployPlugin,
       devPlayerPlugin,
@@ -14796,6 +14768,11 @@ createRoot(document.getElementById('root')).render(React.createElement(App));
       if (localServer) {
         await localServer.close();
       }
+      try {
+        const { rmSync } = await import("fs");
+        rmSync(devRoot, { recursive: true, force: true });
+      } catch {
+      }
     }
   };
 }

package/dist/index.mjs

@@ -21,7 +21,7 @@ import {
 } from "./chunk-XDVM4YHX.mjs";
 import {
   createDevServer
-} from "./chunk-GVCJJX7E.mjs";
+} from "./chunk-GMW45YVD.mjs";
 import "./chunk-BZEXUPDH.mjs";
 import {
   buildEnvelope

package/dist/{init-2CRSUGV5.mjs → init-CJCDWI33.mjs}

@@ -70,6 +70,110 @@ export default defineBlueprint({
 });
 `;
 }
+function generateIndexHtml(name) {
+  const title = toTitleCase(name);
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${title} \u2014 MindMatrix Dev</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #fafafa; color: #111; }
+    #root { min-height: 100vh; padding: 40px; max-width: 960px; margin: 0 auto; }
+    h1 { font-size: 24px; margin-bottom: 8px; }
+    .subtitle { color: #666; margin-bottom: 24px; }
+    .card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; margin-bottom: 12px; background: #fff; }
+    .card h3 { font-size: 16px; margin-bottom: 4px; }
+    .card .meta { color: #888; font-size: 13px; }
+    .badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }
+    .badge-state { background: #e3f2fd; color: #1565c0; }
+    .empty { text-align: center; padding: 60px 20px; color: #888; }
+    .error { color: #c62828; background: #ffebee; padding: 16px; border-radius: 8px; margin-bottom: 16px; }
+    .actions { display: flex; gap: 8px; margin-top: 8px; }
+    .btn { padding: 6px 12px; border-radius: 4px; border: 1px solid #ddd; background: #fff; cursor: pointer; font-size: 13px; }
+    .btn:hover { background: #f5f5f5; }
+    .btn-primary { background: #1976d2; color: #fff; border-color: #1976d2; }
+    .btn-primary:hover { background: #1565c0; }
+  </style>
+</head>
+<body>
+  <div id="root">
+    <h1>${title}</h1>
+    <p class="subtitle">Loading...</p>
+  </div>
+  <script type="module">
+    const API = '/api/v1';
+
+    async function api(path, opts) {
+      const res = await fetch(API + path, {
+        headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer dev-local' },
+        ...opts,
+      });
+      return res.json();
+    }
+
+    async function render() {
+      const root = document.getElementById('root');
+      try {
+        const defs = await api('/workflow/definitions');
+        const items = defs.items || defs.data || [];
+
+        let html = '<h1>${title}</h1>';
+        html += '<p class="subtitle">' + items.length + ' definition(s) deployed</p>';
+
+        if (items.length === 0) {
+          html += '<div class="empty"><p>No definitions deployed yet.</p><p style="margin-top:8px;font-size:13px">Edit your model files and save \u2014 mmrc dev will auto-compile and deploy.</p></div>';
+        }
+
+        for (const def of items) {
+          const states = def.states || [];
+          const fields = def.fields || [];
+          const transitions = def.transitions || [];
+          html += '<div class="card">';
+          html += '<h3>' + (def.name || def.slug || 'Unnamed') + '</h3>';
+          html += '<p class="meta">' + states.length + ' states \xB7 ' + fields.length + ' fields \xB7 ' + transitions.length + ' transitions</p>';
+          html += '<div class="actions">';
+          html += '<button class="btn btn-primary" onclick="createInstance(\\'' + def.slug + '\\')">+ Create Instance</button>';
+          html += '</div>';
+          html += '</div>';
+        }
+
+        // Show instances
+        const instances = await api('/workflow/instances');
+        const instItems = instances.items || instances.data || [];
+        if (instItems.length > 0) {
+          html += '<h2 style="margin-top:32px;margin-bottom:12px">Instances (' + instItems.length + ')</h2>';
+          for (const inst of instItems) {
+            html += '<div class="card">';
+            html += '<h3>' + (inst.definition_slug || '?') + ' <span class="badge badge-state">' + (inst.current_state || inst.state || '?') + '</span></h3>';
+            html += '<p class="meta">ID: ' + inst.id + '</p>';
+            html += '</div>';
+          }
+        }
+
+        root.innerHTML = html;
+      } catch (e) {
+        root.innerHTML = '<h1>${title}</h1><div class="error">API Error: ' + e.message + '</div>';
+      }
+    }
+
+    window.createInstance = async function(slug) {
+      await api('/workflow/instances', {
+        method: 'POST',
+        body: JSON.stringify({ definition_slug: slug, state_data: { title: 'New Item', priority: 'medium' } }),
+      });
+      render();
+    };
+
+    render();
+    // Auto-refresh every 3 seconds
+    setInterval(render, 3000);
+  </script>
+</body>
+</html>`;
+}
 function generateModel(name) {
   const modelSlug = `${name}-item`;
   const pascal = toPascalCase(name);
@@ -372,6 +476,20 @@ async function init(options) {
     console.error(`[mmrc] Error: Directory already exists: ${blueprintDir}`);
     process.exit(1);
   }
+  try {
+    const pkgPath = __require.resolve("@mmapp/react-compiler/package.json");
+    const { version } = __require(pkgPath);
+    console.log(`[mmrc] v${version}`);
+  } catch {
+    try {
+      const { readFileSync } = __require("fs");
+      const { resolve, dirname } = __require("path");
+      const pkg = JSON.parse(readFileSync(resolve(__dirname, "../../package.json"), "utf-8"));
+      console.log(`[mmrc] v${pkg.version}`);
+    } catch {
+      console.log(`[mmrc]`);
+    }
+  }
   console.log(`[mmrc] Creating blueprint: ${name}
 `);
   mkdirSync(join(blueprintDir, "models"), { recursive: true });
@@ -383,6 +501,7 @@ async function init(options) {
     ["mm.config.ts", generateMmConfig(name, options)],
     ["mmrc.config.ts", generateMmrcConfig()],
     [".gitignore", generateGitignore()],
+    ["index.html", generateIndexHtml(name)],
     ["models/item.ts", generateModel(name)],
     ["app/layout.tsx", generateLayout(name)],
     ["app/page.tsx", generatePage(name)]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmapp/react-compiler",
-  "version": "0.1.0-alpha.16",
+  "version": "0.1.0-alpha.18",
   "description": "Babel plugin + Vite integration for compiling React workflows to Pure Form IR",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -66,7 +66,7 @@
     "@babel/plugin-syntax-typescript": "^7.24.0",
     "@babel/traverse": "^7.24.0",
     "@babel/types": "^7.24.0",
-    "@mmapp/player-core": "^0.1.0-alpha.16",
+    "@mmapp/player-core": "^0.1.0-alpha.18",
     "glob": "^10.3.10"
   },
   "peerDependencies": {