@vercel/next-browser 0.1.5 → 0.1.7

package/dist/browser.js

@@ -28,6 +28,7 @@ const installHook = readFileSync(join(extensionPath, "build", "installHook.js"),
 let context = null;
 let page = null;
 let profileDirPath = null;
+let initialOrigin = null;
 // ── Browser lifecycle ────────────────────────────────────────────────────────
 /**
  * Launch the browser (if not already open) and optionally navigate to a URL.
@@ -41,6 +42,7 @@ export async function open(url) {
         net.attach(page);
     }
     if (url) {
+        initialOrigin = new URL(url).origin;
         await page.goto(url, { waitUntil: "domcontentloaded" });
     }
 }
@@ -67,6 +69,7 @@ export async function close() {
         const { rmSync } = await import("node:fs");
         rmSync(profileDirPath, { recursive: true, force: true });
         profileDirPath = null;
+        initialOrigin = null;
     }
 }
 // ── PPR lock/unlock ──────────────────────────────────────────────────────────
@@ -336,6 +339,7 @@ export async function goto(url) {
     if (!page)
         throw new Error("browser not open");
     const target = new URL(url, page.url()).href;
+    initialOrigin = new URL(target).origin;
     await page.goto(target, { waitUntil: "domcontentloaded" });
     return target;
 }
@@ -408,11 +412,17 @@ export async function evaluate(script) {
         throw new Error("browser not open");
     return page.evaluate(script);
 }
-/** Call a Next.js dev server MCP tool (JSON-RPC over SSE at /_next/mcp). */
+/**
+ * Call a Next.js dev server MCP tool (JSON-RPC over SSE at /_next/mcp).
+ *
+ * Uses the initial navigation origin (before any proxy redirects) rather than
+ * the current page origin. This handles microfrontends proxies that redirect
+ * e.g. localhost:3332 -> localhost:3024 but don't forward /_next/mcp.
+ */
 export async function mcp(tool, args) {
     if (!page)
         throw new Error("browser not open");
-    const origin = new URL(page.url()).origin;
+    const origin = initialOrigin ?? new URL(page.url()).origin;
     return nextMcp.call(origin, tool, args);
 }
 /** Get network request log, or detail for a specific request index. */

package/dist/cli.js

@@ -18,6 +18,7 @@ if (cmd === "open") {
         console.error("usage: next-browser open <url> [--cookies-json <file>]");
         process.exit(1);
     }
+    const url = /^https?:\/\//.test(arg) ? arg : `http://${arg}`;
     const cookieIdx = args.indexOf("--cookies-json");
     const cookieFile = cookieIdx >= 0 ? args[cookieIdx + 1] : undefined;
     if (cookieFile) {
@@ -26,15 +27,15 @@ if (cmd === "open") {
             exit(res, "");
         const raw = readFileSync(cookieFile, "utf-8");
         const cookies = JSON.parse(raw);
-        const domain = new URL(arg).hostname;
+        const domain = new URL(url).hostname;
         const cRes = await send("cookies", { cookies, domain });
         if (!cRes.ok)
             exit(cRes, "");
-        await send("goto", { url: arg });
-        exit(res, `opened → ${arg} (${cookies.length} cookies for ${domain})`);
+        await send("goto", { url });
+        exit(res, `opened → ${url} (${cookies.length} cookies for ${domain})`);
     }
-    const res = await send("open", { url: arg });
-    exit(res, `opened → ${arg}`);
+    const res = await send("open", { url });
+    exit(res, `opened → ${url}`);
 }
 if (cmd === "ppr" && arg === "lock") {
     const res = await send("lock");

package/dist/cloud-daemon.js

@@ -43,19 +43,27 @@ async function run(cmd) {
         if (!cmd.command)
             return { ok: false, error: "missing command" };
         const result = await cloud.exec(cmd.command);
-        const data = [
+        const output = [
             result.stdout,
             result.stderr ? `stderr:\n${result.stderr}` : "",
             result.exitCode !== 0 ? `exit code: ${result.exitCode}` : "",
         ]
             .filter(Boolean)
             .join("\n");
-        return { ok: result.exitCode === 0, data };
+        if (result.exitCode === 0)
+            return { ok: true, data: output };
+        return { ok: false, error: output || `exit code: ${result.exitCode}` };
     }
     if (cmd.action === "status") {
         const data = await cloud.status();
         return { ok: true, data };
     }
+    if (cmd.action === "upload") {
+        if (!cmd.localPath || !cmd.remotePath)
+            return { ok: false, error: "missing localPath or remotePath" };
+        const data = await cloud.upload(cmd.localPath, cmd.remotePath);
+        return { ok: true, data };
+    }
     if (cmd.action === "destroy") {
         const data = await cloud.destroy();
         return { ok: true, data };

package/dist/cloud.js

@@ -7,7 +7,6 @@ import { dirname, join, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { cloudStateFile } from "./cloud-paths.js";
 const __dirname = dirname(fileURLToPath(import.meta.url));
-// Dynamic import so the main CLI doesn't fail if @vercel/sandbox isn't installed
 async function getSandboxSDK() {
     try {
         return await import("@vercel/sandbox");
@@ -32,14 +31,37 @@ function loadState() {
 function clearState() {
     rmSync(cloudStateFile, { force: true });
 }
-// Keep the live Sandbox instance in memory (daemon process)
 let sandbox = null;
+/** System dependencies required for headless Chromium on Amazon Linux 2023. */
+const CHROME_SYSTEM_DEPS = [
+    "nspr", "nss", "atk", "at-spi2-atk", "cups-libs", "libdrm",
+    "libxkbcommon", "libXcomposite", "libXdamage", "libXfixes",
+    "libXrandr", "mesa-libgbm", "alsa-lib", "cairo", "pango",
+    "glib2", "gtk3", "libX11", "libXext", "libXcursor", "libXi", "libXtst",
+];
+async function runInSandbox(cmd) {
+    if (!sandbox)
+        throw new Error("no sandbox");
+    const result = await sandbox.runCommand({
+        cmd: "bash",
+        args: ["-lc", cmd],
+    });
+    let stdout = "";
+    let stderr = "";
+    for await (const log of result.logs()) {
+        if (log.stream === "stdout")
+            stdout += log.data;
+        else
+            stderr += log.data;
+    }
+    await result.wait();
+    return { exitCode: result.exitCode, stdout, stderr };
+}
 export async function create() {
     if (sandbox) {
         return `sandbox already running: ${sandbox.sandboxId}`;
     }
     loadEnv();
-    // Check for existing state (previous daemon)
     const existing = loadState();
     if (existing) {
         try {
@@ -50,14 +72,14 @@ export async function create() {
             }
         }
         catch {
-            // stale state, clean up
+            // stale state
         }
         clearState();
     }
     const { Sandbox } = await getSandboxSDK();
     sandbox = await Sandbox.create({
-        resources: { vcpus: 4 },
-        timeout: 300_000,
+        resources: { vcpus: 8 },
+        timeout: 18_000_000, // 5 hours (max for Pro/Enterprise)
         ports: [3000],
         runtime: "node22",
     });
@@ -73,6 +95,36 @@ export async function create() {
         // no public URL yet
     }
     saveState(state);
+    // ── Full environment setup ───────────────────────────────────
+    // 1. Chrome system deps (headless Chromium on Amazon Linux 2023)
+    await runInSandbox(`sudo dnf install -y ${CHROME_SYSTEM_DEPS.join(" ")} > /dev/null 2>&1`);
+    // 2. next-browser + Playwright Chromium
+    await runInSandbox(`npm install -g @vercel/next-browser 2>&1 | tail -1`);
+    await runInSandbox(`npm install -g playwright @playwright/browser-chromium 2>&1 | tail -1`);
+    await runInSandbox(`npx playwright install chromium 2>&1 | tail -1`);
+    // 3. SSH key (for private git repos)
+    const { homedir } = await import("node:os");
+    const sshKeyPath = join(homedir(), ".ssh", "id_ed25519");
+    if (existsSync(sshKeyPath)) {
+        const key = readFileSync(sshKeyPath, "utf-8");
+        await runInSandbox(`mkdir -p ~/.ssh && chmod 700 ~/.ssh`);
+        await sandbox.writeFiles([
+            { path: "/home/vercel-sandbox/.ssh/id_ed25519", content: Buffer.from(key) },
+        ]);
+        await runInSandbox(`chmod 600 ~/.ssh/id_ed25519`);
+        await runInSandbox(`ssh-keyscan github.com >> ~/.ssh/known_hosts 2>/dev/null`);
+    }
+    // 4. npmrc (for private packages)
+    const npmrcPath = join(homedir(), ".npmrc");
+    if (existsSync(npmrcPath)) {
+        const npmrc = readFileSync(npmrcPath, "utf-8");
+        await sandbox.writeFiles([
+            { path: "/home/vercel-sandbox/.npmrc", content: Buffer.from(npmrc) },
+        ]);
+    }
+    // 5. Node 24 via nvm (many projects require it)
+    await runInSandbox(`curl -fsSL https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash > /dev/null 2>&1`);
+    await runInSandbox(`source ~/.nvm/nvm.sh && nvm install 24 > /dev/null 2>&1`);
     return [
         `sandbox created: ${sandbox.sandboxId}`,
         state.publicUrl ? `url: ${state.publicUrl}` : null,
@@ -83,20 +135,15 @@ export async function create() {
 export async function exec(command) {
     if (!sandbox)
         throw new Error("no sandbox running — run `cloud create` first");
-    const result = await sandbox.runCommand({
-        cmd: "bash",
-        args: ["-lc", command],
-    });
-    let stdout = "";
-    let stderr = "";
-    for await (const log of result.logs()) {
-        if (log.stream === "stdout")
-            stdout += log.data;
-        else
-            stderr += log.data;
-    }
-    await result.wait();
-    return { exitCode: result.exitCode, stdout, stderr };
+    return runInSandbox(command);
+}
+/** Upload a local file to the sandbox. */
+export async function upload(localPath, remotePath) {
+    if (!sandbox)
+        throw new Error("no sandbox running — run `cloud create` first");
+    const content = readFileSync(localPath);
+    await sandbox.writeFiles([{ path: remotePath, content }]);
+    return `uploaded ${localPath} → ${remotePath} (${content.length} bytes)`;
 }
 export async function destroy() {
     if (!sandbox) {
@@ -147,7 +194,6 @@ export async function status() {
 }
 /**
  * Load .env.local for Vercel credentials.
- * Searches from package directory and common locations.
  */
 function loadEnv() {
     const candidates = [

package/dist/mcp.js

@@ -27,5 +27,12 @@ export async function call(origin, tool, args = {}) {
     if (parsed.error)
         throw new Error(parsed.error.message);
     const text = parsed.result?.content?.[0]?.text;
-    return text ? JSON.parse(text) : parsed.result;
+    if (!text)
+        return parsed.result;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/next-browser",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Headed Playwright browser with React DevTools pre-loaded",
   "license": "MIT",
   "repository": {