@onlook/storybook-plugin 0.4.0-beta.13 → 0.4.0-beta.15

package/dist/cli/index.js

@@ -63,6 +63,9 @@ var execFileAsync = promisify(execFile);
 var require2 = createRequire$1(import.meta.url);
 var browserPromise = null;
 var installPromise = null;
+var ChromiumUnavailableError = class extends Error {
+  code = "CHROMIUM_UNAVAILABLE";
+};
 var isMissingExecutableError = (err) => {
   const msg = err instanceof Error ? err.message : String(err);
   return msg.includes("Executable doesn't exist") || msg.includes("Please run the following command to download new browsers") || // Older playwright revisions phrase the version-mismatch case differently.
@@ -95,7 +98,9 @@ async function installChromium() {
       } catch (err) {
         const detail = err instanceof Error ? err.message : String(err);
         console.error(`[STORYBOOK_PLUGIN] chromium install FAILED: ${detail}`);
-        throw new Error(`Playwright chromium install failed: ${detail}`);
+        throw new ChromiumUnavailableError(
+          `Playwright chromium install failed: ${detail}`
+        );
       } finally {
         installPromise = null;
       }
@@ -117,7 +122,7 @@ async function launchWithSelfHeal() {
       console.error(
         `[STORYBOOK_PLUGIN] launch still failing after install \u2014 likely path or libs issue: ${detail}`
       );
-      throw new Error(
+      throw new ChromiumUnavailableError(
         `Playwright chromium is unavailable in this sandbox (install ran but launch still failed): ${detail}`
       );
     }

package/dist/index.js

@@ -440,6 +440,9 @@ var execFileAsync = promisify(execFile);
 var require2 = createRequire$1(import.meta.url);
 var browserPromise = null;
 var installPromise = null;
+var ChromiumUnavailableError = class extends Error {
+  code = "CHROMIUM_UNAVAILABLE";
+};
 var isMissingExecutableError = (err) => {
   const msg = err instanceof Error ? err.message : String(err);
   return msg.includes("Executable doesn't exist") || msg.includes("Please run the following command to download new browsers") || // Older playwright revisions phrase the version-mismatch case differently.
@@ -472,7 +475,9 @@ async function installChromium() {
       } catch (err) {
         const detail = err instanceof Error ? err.message : String(err);
         console.error(`[STORYBOOK_PLUGIN] chromium install FAILED: ${detail}`);
-        throw new Error(`Playwright chromium install failed: ${detail}`);
+        throw new ChromiumUnavailableError(
+          `Playwright chromium install failed: ${detail}`
+        );
       } finally {
         installPromise = null;
       }
@@ -494,7 +499,7 @@ async function launchWithSelfHeal() {
       console.error(
         `[STORYBOOK_PLUGIN] launch still failing after install \u2014 likely path or libs issue: ${detail}`
       );
-      throw new Error(
+      throw new ChromiumUnavailableError(
         `Playwright chromium is unavailable in this sandbox (install ran but launch still failed): ${detail}`
       );
     }
@@ -1101,6 +1106,12 @@ function findGitRoot(startPath) {
 }
 
 // src/storybook-onlook-plugin.ts
+function errorCode(error) {
+  if (error && typeof error === "object" && "code" in error && typeof error.code === "string") {
+    return error.code;
+  }
+  return void 0;
+}
 var __dirname$1 = dirname(fileURLToPath(import.meta.url));
 var storybookDir = join(__dirname$1, "..");
 var gitRoot = findGitRoot(storybookDir);
@@ -1246,11 +1257,13 @@ var serveMetadataAndScreenshots = (req, res, next) => {
       res.end(buffer);
     }).catch((error) => {
       console.error("Screenshot capture error:", error);
+      const code = errorCode(error);
       res.statusCode = 500;
       res.setHeader("Content-Type", "application/json");
       res.end(
         JSON.stringify({
           error: "Failed to capture screenshot",
+          ...code ? { code } : {},
           details: String(error)
         })
       );
@@ -1280,11 +1293,13 @@ var serveMetadataAndScreenshots = (req, res, next) => {
       res.end(JSON.stringify(result));
     }).catch((error) => {
       console.error("Console log capture error:", error);
+      const code = errorCode(error);
       res.statusCode = 500;
       res.setHeader("Content-Type", "application/json");
       res.end(
         JSON.stringify({
           error: "Failed to capture console logs",
+          ...code ? { code } : {},
           details: String(error)
         })
       );
@@ -1332,6 +1347,7 @@ var serveMetadataAndScreenshots = (req, res, next) => {
           `[STORYBOOK_PLUGIN] Failed to generate screenshot: ${storyId}/${theme}`,
           error
         );
+        const code = errorCode(error);
         res.statusCode = 500;
         res.setHeader("Content-Type", "application/json");
         res.setHeader("Access-Control-Allow-Origin", "*");
@@ -1339,6 +1355,7 @@ var serveMetadataAndScreenshots = (req, res, next) => {
         res.end(
           JSON.stringify({
             error: "Failed to generate screenshot",
+            ...code ? { code } : {},
             details: String(error)
           })
         );

package/dist/preset/index.js

@@ -320,6 +320,9 @@ var execFileAsync = promisify(execFile);
 var require2 = createRequire$1(import.meta.url);
 var browserPromise = null;
 var installPromise = null;
+var ChromiumUnavailableError = class extends Error {
+  code = "CHROMIUM_UNAVAILABLE";
+};
 var isMissingExecutableError = (err) => {
   const msg = err instanceof Error ? err.message : String(err);
   return msg.includes("Executable doesn't exist") || msg.includes("Please run the following command to download new browsers") || // Older playwright revisions phrase the version-mismatch case differently.
@@ -352,7 +355,9 @@ async function installChromium() {
       } catch (err) {
         const detail = err instanceof Error ? err.message : String(err);
         console.error(`[STORYBOOK_PLUGIN] chromium install FAILED: ${detail}`);
-        throw new Error(`Playwright chromium install failed: ${detail}`);
+        throw new ChromiumUnavailableError(
+          `Playwright chromium install failed: ${detail}`
+        );
       } finally {
         installPromise = null;
       }
@@ -374,7 +379,7 @@ async function launchWithSelfHeal() {
       console.error(
         `[STORYBOOK_PLUGIN] launch still failing after install \u2014 likely path or libs issue: ${detail}`
       );
-      throw new Error(
+      throw new ChromiumUnavailableError(
         `Playwright chromium is unavailable in this sandbox (install ran but launch still failed): ${detail}`
       );
     }
@@ -1097,6 +1102,12 @@ function findGitRoot(startPath) {
 }
 
 // src/storybook-onlook-plugin.ts
+function errorCode(error) {
+  if (error && typeof error === "object" && "code" in error && typeof error.code === "string") {
+    return error.code;
+  }
+  return void 0;
+}
 var __dirname$1 = dirname(fileURLToPath(import.meta.url));
 var storybookDir = join(__dirname$1, "..");
 var gitRoot = findGitRoot(storybookDir);
@@ -1242,11 +1253,13 @@ var serveMetadataAndScreenshots = (req, res, next) => {
       res.end(buffer);
     }).catch((error) => {
       console.error("Screenshot capture error:", error);
+      const code = errorCode(error);
       res.statusCode = 500;
       res.setHeader("Content-Type", "application/json");
       res.end(
         JSON.stringify({
           error: "Failed to capture screenshot",
+          ...code ? { code } : {},
           details: String(error)
         })
       );
@@ -1276,11 +1289,13 @@ var serveMetadataAndScreenshots = (req, res, next) => {
       res.end(JSON.stringify(result));
     }).catch((error) => {
       console.error("Console log capture error:", error);
+      const code = errorCode(error);
       res.statusCode = 500;
       res.setHeader("Content-Type", "application/json");
       res.end(
         JSON.stringify({
           error: "Failed to capture console logs",
+          ...code ? { code } : {},
           details: String(error)
         })
       );
@@ -1328,6 +1343,7 @@ var serveMetadataAndScreenshots = (req, res, next) => {
           `[STORYBOOK_PLUGIN] Failed to generate screenshot: ${storyId}/${theme}`,
           error
         );
+        const code = errorCode(error);
         res.statusCode = 500;
         res.setHeader("Content-Type", "application/json");
         res.setHeader("Access-Control-Allow-Origin", "*");
@@ -1335,6 +1351,7 @@ var serveMetadataAndScreenshots = (req, res, next) => {
         res.end(
           JSON.stringify({
             error: "Failed to generate screenshot",
+            ...code ? { code } : {},
             details: String(error)
           })
         );

package/dist/preview/index.js

@@ -106,6 +106,9 @@ function handleRootCaughtError(error, componentStack) {
     ...module ? { module } : {},
     ...stack ? { componentStack: stack } : {}
   });
+  if (storyId) {
+    queueMicrotask(() => setRenderState("contained", storyId));
+  }
 }
 function summarizeError(error, maxLength = 400) {
   const raw = error instanceof Error ? error.message : typeof error === "string" ? error : String(error);

package/dist/screenshot-service/index.js

@@ -61,6 +61,9 @@ var execFileAsync = promisify(execFile);
 var require2 = createRequire$1(import.meta.url);
 var browserPromise = null;
 var installPromise = null;
+var ChromiumUnavailableError = class extends Error {
+  code = "CHROMIUM_UNAVAILABLE";
+};
 var isMissingExecutableError = (err) => {
   const msg = err instanceof Error ? err.message : String(err);
   return msg.includes("Executable doesn't exist") || msg.includes("Please run the following command to download new browsers") || // Older playwright revisions phrase the version-mismatch case differently.
@@ -93,7 +96,9 @@ async function installChromium() {
       } catch (err) {
         const detail = err instanceof Error ? err.message : String(err);
         console.error(`[STORYBOOK_PLUGIN] chromium install FAILED: ${detail}`);
-        throw new Error(`Playwright chromium install failed: ${detail}`);
+        throw new ChromiumUnavailableError(
+          `Playwright chromium install failed: ${detail}`
+        );
       } finally {
         installPromise = null;
       }
@@ -115,7 +120,7 @@ async function launchWithSelfHeal() {
       console.error(
         `[STORYBOOK_PLUGIN] launch still failing after install \u2014 likely path or libs issue: ${detail}`
       );
-      throw new Error(
+      throw new ChromiumUnavailableError(
         `Playwright chromium is unavailable in this sandbox (install ran but launch still failed): ${detail}`
       );
     }

package/dist/screenshot-service/utils/browser/index.d.ts

@@ -1,6 +1,17 @@
 import { Browser } from 'playwright';
 
+/**
+ * Terminal "this sandbox cannot launch chromium" failure (ONL-1429/ONL-1602).
+ * The `code` property rides the plugin's HTTP 5xx JSON error bodies
+ * (storybook-onlook-plugin.ts) so consumers — the agent runner's canvas
+ * tools — can classify the failure as tool_unavailable via a contract WE own,
+ * instead of regex-parsing Playwright's error prose (which reworded across
+ * versions and broke the detection twice: ONL-1085 → ONL-1364).
+ */
+declare class ChromiumUnavailableError extends Error {
+    readonly code = "CHROMIUM_UNAVAILABLE";
+}
 declare function getBrowser(): Promise<Browser>;
 declare function closeBrowser(): Promise<void>;
 
-export { closeBrowser, getBrowser };
+export { ChromiumUnavailableError, closeBrowser, getBrowser };

package/dist/screenshot-service/utils/browser/index.js

@@ -10,6 +10,9 @@ var execFileAsync = promisify(execFile);
 var require2 = createRequire$1(import.meta.url);
 var browserPromise = null;
 var installPromise = null;
+var ChromiumUnavailableError = class extends Error {
+  code = "CHROMIUM_UNAVAILABLE";
+};
 var isMissingExecutableError = (err) => {
   const msg = err instanceof Error ? err.message : String(err);
   return msg.includes("Executable doesn't exist") || msg.includes("Please run the following command to download new browsers") || // Older playwright revisions phrase the version-mismatch case differently.
@@ -42,7 +45,9 @@ async function installChromium() {
       } catch (err) {
         const detail = err instanceof Error ? err.message : String(err);
         console.error(`[STORYBOOK_PLUGIN] chromium install FAILED: ${detail}`);
-        throw new Error(`Playwright chromium install failed: ${detail}`);
+        throw new ChromiumUnavailableError(
+          `Playwright chromium install failed: ${detail}`
+        );
       } finally {
         installPromise = null;
       }
@@ -64,7 +69,7 @@ async function launchWithSelfHeal() {
       console.error(
         `[STORYBOOK_PLUGIN] launch still failing after install \u2014 likely path or libs issue: ${detail}`
       );
-      throw new Error(
+      throw new ChromiumUnavailableError(
         `Playwright chromium is unavailable in this sandbox (install ran but launch still failed): ${detail}`
       );
     }
@@ -91,4 +96,4 @@ async function closeBrowser() {
   }
 }
 
-export { closeBrowser, getBrowser };
+export { ChromiumUnavailableError, closeBrowser, getBrowser };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onlook/storybook-plugin",
-  "version": "0.4.0-beta.13",
+  "version": "0.4.0-beta.15",
   "type": "module",
   "bin": {
     "onlook-storybook": "./dist/cli/index.js"
@@ -47,8 +47,8 @@
     "@babel/traverse": "^7.26.9",
     "@babel/types": "^7.29.0",
     "@drizzle-team/brocli": "^0.11.0",
-    "playwright": "^1.52.0",
-    "playwright-core": "^1.52.0",
+    "playwright": "1.57.0",
+    "playwright-core": "1.57.0",
     "storybook": "^10.1.11"
   },
   "devDependencies": {