npm - rastack - Versions diffs - 0.0.57 → 0.0.58 - Mend

rastack 0.0.57 → 0.0.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/CHANGELOG.md +2 -0
package/admin/index.tsx +19 -13
package/admin/ui/BootScreen.tsx +201 -0
package/dist/admin.js +156 -18
package/dist/dev/harness.js +20 -3
package/dist/rastack-dev.js +190 -4
package/dist/wasm/rastack_wasm_bg.wasm +0 -0
package/package.json +2 -1
package/src/dev/harness.ts +20 -3
package/src/rastack-dev.ts +222 -6
package/wasm/rastack_wasm_bg.wasm +0 -0

package/dist/dev/harness.js CHANGED Viewed

@@ -202,13 +202,30 @@ function renderShell(title = "React API Stack — admin") {
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>${title}</title>
 <style>
-  html, body { margin: 0; height: 100%; }
+  html, body { margin: 0; height: 100%; background: #F2F5FB;
+    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
+  @media (prefers-color-scheme: dark) { html, body { background: #06080F; } }
   #root { min-height: 100%; }
-  .rastack-boot { font: 14px system-ui, sans-serif; padding: 2rem; color: #555; }
+  .rastack-boot { min-height: 100vh; display: flex; flex-direction: column;
+    align-items: center; justify-content: center; gap: 20px; }
+  .rastack-boot-logo { width: 60px; height: 60px; border-radius: 18px; background: #4F6BFF;
+    box-shadow: 0 8px 24px rgba(79,107,255,0.30); animation: rastack-boot-bob 3s ease-in-out infinite; }
+  .rastack-boot-track { position: relative; width: 168px; height: 4px; border-radius: 999px;
+    overflow: hidden; background: rgba(11,16,32,0.10); }
+  @media (prefers-color-scheme: dark) { .rastack-boot-track { background: rgba(233,239,255,0.14); } }
+  .rastack-boot-track::after { content: ""; position: absolute; top: 0; left: -42%; height: 100%;
+    width: 40%; border-radius: inherit; background: linear-gradient(90deg, transparent, #4F6BFF);
+    animation: rastack-boot-slide 1.25s cubic-bezier(0.5,0.1,0.3,1) infinite; }
+  @keyframes rastack-boot-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
+  @keyframes rastack-boot-slide { to { left: 100%; } }
+  @media (prefers-reduced-motion: reduce) {
+    .rastack-boot-logo { animation: none; }
+    .rastack-boot-track::after { animation: none; left: 0; width: 100%; }
+  }
 </style>
 </head>
 <body>
-<div id="root"><div class="rastack-boot">Loading the WASM engine…</div></div>
+<div id="root"><div class="rastack-boot"><div class="rastack-boot-logo"></div><div class="rastack-boot-track"></div></div></div>
 <script src="/dev/admin.js"></script>
 </body>
 </html>

package/dist/rastack-dev.js CHANGED Viewed

@@ -57,6 +57,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const child_process_1 = require("child_process");
 const fs = __importStar(require("fs"));
 const http = __importStar(require("http"));
+const net = __importStar(require("net"));
 const path = __importStar(require("path"));
 const compile_1 = require("./compile");
 const harness_1 = require("./dev/harness");
@@ -144,14 +145,198 @@ function openBrowser(url) {
         /* non-fatal — the URL is printed anyway */
     }
 }
-function main(argv) {
+// ---------------------------------------------------------------------------
+// Live-dev mode — `rastack dev` for an Expo / react-native-web app.
+//
+// A React Native (Expo) app has no static `index.html`: its web build is a
+// Metro bundle. Rather than make the developer run a second tool, `dev` starts
+// Expo's Metro dev server itself and reverse-proxies to it, so `rastack dev`
+// stays the single command *and* keeps Metro's fast-refresh. The WASM
+// static-serve path remains the default for apps that ship a built index.html.
+// ---------------------------------------------------------------------------
+/** True when the project is an Expo app (so `dev` should drive Metro). */
+function isExpoProject(cwd) {
+    try {
+        const appJson = JSON.parse(fs.readFileSync(path.join(cwd, "app.json"), "utf-8"));
+        if (appJson && appJson.expo)
+            return true;
+    }
+    catch {
+        /* no app.json — fall through to package.json */
+    }
+    try {
+        const pkg = JSON.parse(fs.readFileSync(path.join(cwd, "package.json"), "utf-8"));
+        if (pkg?.dependencies?.expo || pkg?.devDependencies?.expo)
+            return true;
+    }
+    catch {
+        /* no package.json */
+    }
+    return false;
+}
+/** Locate the prebuilt wasm bundle without the cargo fallback (optional here). */
+function findWasmDir() {
+    for (const dir of (0, harness_1.wasmBundleCandidates)(HERE)) {
+        if (fs.existsSync(path.join(dir, harness_1.WASM_ENTRY)))
+            return dir;
+    }
+    return null;
+}
+/** Grab an ephemeral free TCP port for Metro (avoids a fixed-port clash). */
+function getFreePort() {
+    return new Promise((resolve, reject) => {
+        const srv = net.createServer();
+        srv.on("error", reject);
+        srv.listen(0, "127.0.0.1", () => {
+            const addr = srv.address();
+            const port = addr && typeof addr === "object" ? addr.port : 0;
+            srv.close(() => (port ? resolve(port) : reject(new Error("no free port"))));
+        });
+    });
+}
+/** Start `expo start --web` on `port`, with a reload-enabled environment. */
+function startMetro(cwd, port) {
+    // A live dev server needs watch mode, so we must NOT set CI (Expo reads it as
+    // "reloads disabled"). BROWSER=none stops Expo opening its own tab — we front
+    // it on the rastack port. `shell:true` keeps the npx / npx.cmd split portable.
+    const env = {
+        ...process.env,
+        BROWSER: "none",
+        EXPO_NO_TELEMETRY: "1",
+    };
+    delete env.CI;
+    // nosemgrep: javascript.lang.security.detect-child-process.detect-child-process
+    const child = (0, child_process_1.spawn)(`npx expo start --web --port ${port}`, {
+        cwd,
+        env,
+        stdio: ["ignore", "pipe", "pipe"],
+        shell: true,
+    });
+    // Surface Metro's own errors (bundling failures, port issues) with a prefix.
+    child.stderr?.on("data", (d) => process.stderr.write(`  [metro] ${d}`));
+    return child;
+}
+/** Poll Metro's `/status` until it answers `packager-status:running`. */
+function waitForMetro(port, timeoutMs = 120000) {
+    const deadline = Date.now() + timeoutMs;
+    return new Promise((resolve) => {
+        const retry = () => Date.now() > deadline ? resolve(false) : setTimeout(tick, 400);
+        const tick = () => {
+            const req = http.get({ host: "127.0.0.1", port, path: "/status", timeout: 2000 }, (res) => {
+                let body = "";
+                res.on("data", (c) => (body += c));
+                res.on("end", () => body.includes("packager-status:running") ? resolve(true) : retry());
+            });
+            req.on("error", retry);
+            req.on("timeout", () => req.destroy());
+        };
+        tick();
+    });
+}
+/** Reverse-proxy one HTTP request/response pair to Metro. */
+function proxyToMetro(req, res, port) {
+    const proxyReq = http.request({ host: "127.0.0.1", port, method: req.method, path: req.url, headers: req.headers }, (proxyRes) => {
+        res.writeHead(proxyRes.statusCode || 502, proxyRes.headers);
+        proxyRes.pipe(res);
+    });
+    proxyReq.on("error", () => {
+        if (!res.headersSent)
+            res.writeHead(502);
+        res.end("Metro is not reachable.");
+    });
+    req.pipe(proxyReq);
+}
+/** Reverse-proxy a WebSocket upgrade (Metro HMR / fast-refresh) to Metro. */
+function proxyUpgrade(req, clientSocket, head, port) {
+    const upstream = net.connect(port, "127.0.0.1", () => {
+        const lines = [`${req.method} ${req.url} HTTP/1.1`];
+        for (const [k, v] of Object.entries(req.headers)) {
+            if (Array.isArray(v))
+                v.forEach((vv) => lines.push(`${k}: ${vv}`));
+            else if (v != null)
+                lines.push(`${k}: ${v}`);
+        }
+        upstream.write(lines.join("\r\n") + "\r\n\r\n");
+        if (head && head.length)
+            upstream.write(head);
+        upstream.pipe(clientSocket);
+        clientSocket.pipe(upstream);
+    });
+    upstream.on("error", () => clientSocket.destroy());
+    clientSocket.on("error", () => upstream.destroy());
+}
+/** `rastack dev` for an Expo app: start Metro and reverse-proxy to it. */
+async function runMetroMode(args, cwd) {
+    // The wasm engine is optional here — an Expo/RN-web app runs its own engine —
+    // so a missing bundle is fine. When present, the reserved backend routes work.
+    const wasmDir = findWasmDir();
+    const metroPort = await getFreePort();
+    console.log(`▸ Starting Metro bundler (Expo) on :${metroPort} …`);
+    const metro = startMetro(cwd, metroPort);
+    let shuttingDown = false;
+    const stop = (code = 0) => {
+        if (shuttingDown)
+            return;
+        shuttingDown = true;
+        try {
+            metro.kill();
+        }
+        catch {
+            /* already gone */
+        }
+        process.exit(code);
+    };
+    process.on("SIGINT", () => stop(0));
+    process.on("SIGTERM", () => stop(0));
+    metro.on("exit", (code) => {
+        if (!shuttingDown) {
+            console.error(`\n  ✗ Metro exited (code ${code ?? "?"}).`);
+            process.exit(code ?? 1);
+        }
+    });
+    if (!(await waitForMetro(metroPort))) {
+        console.error("  ✗ Metro did not come up in time.");
+        return stop(1);
+    }
+    const server = http.createServer((req, res) => {
+        const url = (req.url || "/").split("?")[0];
+        // Reserved backend routes win when the engine bundle is available.
+        if (wasmDir && url.startsWith("/wasm/"))
+            return serveUnder(res, wasmDir, url.slice("/wasm/".length));
+        if (url === "/schema.rastack.json" || url === "/openapi.json")
+            return serveUnder(res, args.outDir, path.basename(url));
+        if (url.startsWith("/data/warehouse/"))
+            return serveUnder(res, args.warehouseDir, url.slice("/data/warehouse/".length));
+        // Everything else → the live Metro bundle (HTML, JS, assets, HMR polls).
+        return proxyToMetro(req, res, metroPort);
+    });
+    server.on("upgrade", (req, socket, head) => proxyUpgrade(req, socket, head, metroPort));
+    server.listen(args.port, () => {
+        const url = `http://localhost:${args.port}`;
+        console.log(`  ✓ Metro live on :${metroPort} — fast refresh on`);
+        if (wasmDir)
+            console.log(`  ✓ WASM engine: ${path.relative(cwd, wasmDir)}`);
+        console.log(`\n  ▸ ${url}\n`);
+        console.log("  Edits reload live. Need the database console? Run `rastack admin`. Ctrl+C to stop.\n");
+        if (args.open)
+            openBrowser(url);
+    });
+}
+async function main(argv) {
     const args = (0, harness_1.parseDevArgs)(argv);
+    const cwd = process.cwd();
     console.log(`\n  rastack dev — your app, in your browser over WASM\n`);
     console.log(`▸ Compiling ${args.resourcesDir} → ${args.outDir}`);
     if (!(0, compile_1.runCompile)(args.resourcesDir, args.outDir)) {
         console.error("  ✗ compile failed — fix the resource graph and re-run.");
         process.exit(1);
     }
+    // Serve the developer's own app when there is one; otherwise the welcome page.
+    const appRoot = resolveAppRoot(args.appDir);
+    // No static build, but an Expo source tree → drive Metro live (fast refresh).
+    if (!appRoot && isExpoProject(cwd)) {
+        return runMetroMode(args, cwd);
+    }
     const wasmDir = resolveWasmDir();
     if (!wasmDir) {
         console.error("\n  ✗ No WASM engine available.\n" +
@@ -161,8 +346,6 @@ function main(argv) {
             "      cargo install wasm-bindgen-cli\n");
         process.exit(1);
     }
-    // Serve the developer's own app when there is one; otherwise the welcome page.
-    const appRoot = resolveAppRoot(args.appDir);
     const server = http.createServer((req, res) => {
         const url = (req.url || "/").split("?")[0];
         if (req.method !== "GET") {
@@ -213,5 +396,8 @@ function main(argv) {
     });
 }
 if (require.main === module) {
-    main(process.argv.slice(2));
+    main(process.argv.slice(2)).catch((err) => {
+        console.error(err);
+        process.exit(1);
+    });
 }

package/dist/wasm/rastack_wasm_bg.wasm CHANGED Viewed

Binary file

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "rastack",
-  "version": "0.0.57",
+  "version": "0.0.58",
   "description": "",
   "main": "runtime.ts",
   "types": "runtime.ts",
@@ -14,6 +14,7 @@
   "scripts": {
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "build": "tsc && cp src/.prettierrc dist/.prettierrc && node scripts/copy-templates.js && node scripts/build-admin.js && node scripts/copy-wasm.js",
+    "dev:install": "node scripts/dev-install.mjs",
     "start": "node dist/index.js",
     "test": "jest"
   },

package/src/dev/harness.ts CHANGED Viewed

@@ -191,13 +191,30 @@ export function renderShell(title = "React API Stack — admin"): string {
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>${title}</title>
 <style>
-  html, body { margin: 0; height: 100%; }
+  html, body { margin: 0; height: 100%; background: #F2F5FB;
+    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
+  @media (prefers-color-scheme: dark) { html, body { background: #06080F; } }
   #root { min-height: 100%; }
-  .rastack-boot { font: 14px system-ui, sans-serif; padding: 2rem; color: #555; }
+  .rastack-boot { min-height: 100vh; display: flex; flex-direction: column;
+    align-items: center; justify-content: center; gap: 20px; }
+  .rastack-boot-logo { width: 60px; height: 60px; border-radius: 18px; background: #4F6BFF;
+    box-shadow: 0 8px 24px rgba(79,107,255,0.30); animation: rastack-boot-bob 3s ease-in-out infinite; }
+  .rastack-boot-track { position: relative; width: 168px; height: 4px; border-radius: 999px;
+    overflow: hidden; background: rgba(11,16,32,0.10); }
+  @media (prefers-color-scheme: dark) { .rastack-boot-track { background: rgba(233,239,255,0.14); } }
+  .rastack-boot-track::after { content: ""; position: absolute; top: 0; left: -42%; height: 100%;
+    width: 40%; border-radius: inherit; background: linear-gradient(90deg, transparent, #4F6BFF);
+    animation: rastack-boot-slide 1.25s cubic-bezier(0.5,0.1,0.3,1) infinite; }
+  @keyframes rastack-boot-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
+  @keyframes rastack-boot-slide { to { left: 100%; } }
+  @media (prefers-reduced-motion: reduce) {
+    .rastack-boot-logo { animation: none; }
+    .rastack-boot-track::after { animation: none; left: 0; width: 100%; }
+  }
 </style>
 </head>
 <body>
-<div id="root"><div class="rastack-boot">Loading the WASM engine…</div></div>
+<div id="root"><div class="rastack-boot"><div class="rastack-boot-logo"></div><div class="rastack-boot-track"></div></div></div>
 <script src="/dev/admin.js"></script>
 </body>
 </html>

package/src/rastack-dev.ts CHANGED Viewed

@@ -21,9 +21,10 @@
  * but a Rust + wasm toolchain is, it is built from source as a fallback.
  */
-import { execFileSync, spawnSync } from "child_process";
+import { execFileSync, spawn, spawnSync, type ChildProcess } from "child_process";
 import * as fs from "fs";
 import * as http from "http";
+import * as net from "net";
 import * as path from "path";
 import { runCompile } from "./compile";
 import {
@@ -31,6 +32,7 @@ import {
   WASM_ENTRY,
   appRootCandidates,
   contentType,
+  type DevArgs,
   parseDevArgs,
   renderWelcome,
   wasmBundleCandidates,
@@ -128,8 +130,214 @@ function openBrowser(url: string): void {
   }
 }
-function main(argv: string[]): void {
+// ---------------------------------------------------------------------------
+// Live-dev mode — `rastack dev` for an Expo / react-native-web app.
+//
+// A React Native (Expo) app has no static `index.html`: its web build is a
+// Metro bundle. Rather than make the developer run a second tool, `dev` starts
+// Expo's Metro dev server itself and reverse-proxies to it, so `rastack dev`
+// stays the single command *and* keeps Metro's fast-refresh. The WASM
+// static-serve path remains the default for apps that ship a built index.html.
+// ---------------------------------------------------------------------------
+/** True when the project is an Expo app (so `dev` should drive Metro). */
+function isExpoProject(cwd: string): boolean {
+  try {
+    const appJson = JSON.parse(
+      fs.readFileSync(path.join(cwd, "app.json"), "utf-8"),
+    );
+    if (appJson && appJson.expo) return true;
+  } catch {
+    /* no app.json — fall through to package.json */
+  }
+  try {
+    const pkg = JSON.parse(
+      fs.readFileSync(path.join(cwd, "package.json"), "utf-8"),
+    );
+    if (pkg?.dependencies?.expo || pkg?.devDependencies?.expo) return true;
+  } catch {
+    /* no package.json */
+  }
+  return false;
+}
+/** Locate the prebuilt wasm bundle without the cargo fallback (optional here). */
+function findWasmDir(): string | null {
+  for (const dir of wasmBundleCandidates(HERE)) {
+    if (fs.existsSync(path.join(dir, WASM_ENTRY))) return dir;
+  }
+  return null;
+}
+/** Grab an ephemeral free TCP port for Metro (avoids a fixed-port clash). */
+function getFreePort(): Promise<number> {
+  return new Promise((resolve, reject) => {
+    const srv = net.createServer();
+    srv.on("error", reject);
+    srv.listen(0, "127.0.0.1", () => {
+      const addr = srv.address();
+      const port = addr && typeof addr === "object" ? addr.port : 0;
+      srv.close(() => (port ? resolve(port) : reject(new Error("no free port"))));
+    });
+  });
+}
+/** Start `expo start --web` on `port`, with a reload-enabled environment. */
+function startMetro(cwd: string, port: number): ChildProcess {
+  // A live dev server needs watch mode, so we must NOT set CI (Expo reads it as
+  // "reloads disabled"). BROWSER=none stops Expo opening its own tab — we front
+  // it on the rastack port. `shell:true` keeps the npx / npx.cmd split portable.
+  const env: NodeJS.ProcessEnv = {
+    ...process.env,
+    BROWSER: "none",
+    EXPO_NO_TELEMETRY: "1",
+  };
+  delete env.CI;
+  // nosemgrep: javascript.lang.security.detect-child-process.detect-child-process
+  const child = spawn(`npx expo start --web --port ${port}`, {
+    cwd,
+    env,
+    stdio: ["ignore", "pipe", "pipe"],
+    shell: true,
+  });
+  // Surface Metro's own errors (bundling failures, port issues) with a prefix.
+  child.stderr?.on("data", (d) => process.stderr.write(`  [metro] ${d}`));
+  return child;
+}
+/** Poll Metro's `/status` until it answers `packager-status:running`. */
+function waitForMetro(port: number, timeoutMs = 120_000): Promise<boolean> {
+  const deadline = Date.now() + timeoutMs;
+  return new Promise((resolve) => {
+    const retry = () =>
+      Date.now() > deadline ? resolve(false) : setTimeout(tick, 400);
+    const tick = () => {
+      const req = http.get(
+        { host: "127.0.0.1", port, path: "/status", timeout: 2000 },
+        (res) => {
+          let body = "";
+          res.on("data", (c) => (body += c));
+          res.on("end", () =>
+            body.includes("packager-status:running") ? resolve(true) : retry(),
+          );
+        },
+      );
+      req.on("error", retry);
+      req.on("timeout", () => req.destroy());
+    };
+    tick();
+  });
+}
+/** Reverse-proxy one HTTP request/response pair to Metro. */
+function proxyToMetro(
+  req: http.IncomingMessage,
+  res: http.ServerResponse,
+  port: number,
+): void {
+  const proxyReq = http.request(
+    { host: "127.0.0.1", port, method: req.method, path: req.url, headers: req.headers },
+    (proxyRes) => {
+      res.writeHead(proxyRes.statusCode || 502, proxyRes.headers);
+      proxyRes.pipe(res);
+    },
+  );
+  proxyReq.on("error", () => {
+    if (!res.headersSent) res.writeHead(502);
+    res.end("Metro is not reachable.");
+  });
+  req.pipe(proxyReq);
+}
+/** Reverse-proxy a WebSocket upgrade (Metro HMR / fast-refresh) to Metro. */
+function proxyUpgrade(
+  req: http.IncomingMessage,
+  clientSocket: net.Socket,
+  head: Buffer,
+  port: number,
+): void {
+  const upstream = net.connect(port, "127.0.0.1", () => {
+    const lines = [`${req.method} ${req.url} HTTP/1.1`];
+    for (const [k, v] of Object.entries(req.headers)) {
+      if (Array.isArray(v)) v.forEach((vv) => lines.push(`${k}: ${vv}`));
+      else if (v != null) lines.push(`${k}: ${v}`);
+    }
+    upstream.write(lines.join("\r\n") + "\r\n\r\n");
+    if (head && head.length) upstream.write(head);
+    upstream.pipe(clientSocket);
+    clientSocket.pipe(upstream);
+  });
+  upstream.on("error", () => clientSocket.destroy());
+  clientSocket.on("error", () => upstream.destroy());
+}
+/** `rastack dev` for an Expo app: start Metro and reverse-proxy to it. */
+async function runMetroMode(args: DevArgs, cwd: string): Promise<void> {
+  // The wasm engine is optional here — an Expo/RN-web app runs its own engine —
+  // so a missing bundle is fine. When present, the reserved backend routes work.
+  const wasmDir = findWasmDir();
+  const metroPort = await getFreePort();
+  console.log(`▸ Starting Metro bundler (Expo) on :${metroPort} …`);
+  const metro = startMetro(cwd, metroPort);
+  let shuttingDown = false;
+  const stop = (code = 0) => {
+    if (shuttingDown) return;
+    shuttingDown = true;
+    try {
+      metro.kill();
+    } catch {
+      /* already gone */
+    }
+    process.exit(code);
+  };
+  process.on("SIGINT", () => stop(0));
+  process.on("SIGTERM", () => stop(0));
+  metro.on("exit", (code) => {
+    if (!shuttingDown) {
+      console.error(`\n  ✗ Metro exited (code ${code ?? "?"}).`);
+      process.exit(code ?? 1);
+    }
+  });
+  if (!(await waitForMetro(metroPort))) {
+    console.error("  ✗ Metro did not come up in time.");
+    return stop(1);
+  }
+  const server = http.createServer((req, res) => {
+    const url = (req.url || "/").split("?")[0];
+    // Reserved backend routes win when the engine bundle is available.
+    if (wasmDir && url.startsWith("/wasm/"))
+      return serveUnder(res, wasmDir, url.slice("/wasm/".length));
+    if (url === "/schema.rastack.json" || url === "/openapi.json")
+      return serveUnder(res, args.outDir, path.basename(url));
+    if (url.startsWith("/data/warehouse/"))
+      return serveUnder(res, args.warehouseDir, url.slice("/data/warehouse/".length));
+    // Everything else → the live Metro bundle (HTML, JS, assets, HMR polls).
+    return proxyToMetro(req, res, metroPort);
+  });
+  server.on("upgrade", (req, socket, head) =>
+    proxyUpgrade(req, socket as net.Socket, head, metroPort),
+  );
+  server.listen(args.port, () => {
+    const url = `http://localhost:${args.port}`;
+    console.log(`  ✓ Metro live on :${metroPort} — fast refresh on`);
+    if (wasmDir)
+      console.log(`  ✓ WASM engine: ${path.relative(cwd, wasmDir)}`);
+    console.log(`\n  ▸ ${url}\n`);
+    console.log(
+      "  Edits reload live. Need the database console? Run `rastack admin`. Ctrl+C to stop.\n",
+    );
+    if (args.open) openBrowser(url);
+  });
+}
+async function main(argv: string[]): Promise<void> {
   const args = parseDevArgs(argv);
+  const cwd = process.cwd();
   console.log(`\n  rastack dev — your app, in your browser over WASM\n`);
   console.log(`▸ Compiling ${args.resourcesDir} → ${args.outDir}`);
@@ -138,6 +346,14 @@ function main(argv: string[]): void {
     process.exit(1);
   }
+  // Serve the developer's own app when there is one; otherwise the welcome page.
+  const appRoot = resolveAppRoot(args.appDir);
+  // No static build, but an Expo source tree → drive Metro live (fast refresh).
+  if (!appRoot && isExpoProject(cwd)) {
+    return runMetroMode(args, cwd);
+  }
   const wasmDir = resolveWasmDir();
   if (!wasmDir) {
     console.error(
@@ -150,9 +366,6 @@ function main(argv: string[]): void {
     process.exit(1);
   }
-  // Serve the developer's own app when there is one; otherwise the welcome page.
-  const appRoot = resolveAppRoot(args.appDir);
   const server = http.createServer((req, res) => {
     const url = (req.url || "/").split("?")[0];
     if (req.method !== "GET") {
@@ -212,5 +425,8 @@ function main(argv: string[]): void {
 }
 if (require.main === module) {
-  main(process.argv.slice(2));
+  main(process.argv.slice(2)).catch((err) => {
+    console.error(err);
+    process.exit(1);
+  });
 }

package/wasm/rastack_wasm_bg.wasm CHANGED Viewed

Binary file