@onlook/storybook-plugin 0.3.2-beta.0 → 0.3.2-beta.2

package/dist/cli/index.js

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+import { createRequire } from 'node:module';
 import { command, string, boolean, run } from '@drizzle-team/brocli';
 import { spawn } from 'child_process';
 import fs, { readFileSync, existsSync } from 'fs';
@@ -6,6 +7,7 @@ import path, { resolve, join, dirname } from 'path';
 import crypto from 'crypto';
 import { chromium } from 'playwright';
 
+globalThis.require = createRequire(import.meta.url);
 var CACHE_DIR = path.join(process.cwd(), ".storybook-cache");
 var SCREENSHOTS_DIR = path.join(CACHE_DIR, "screenshots");
 var MANIFEST_PATH = path.join(CACHE_DIR, "manifest.json");

package/dist/index.d.ts

@@ -7,12 +7,17 @@ type OnlookPluginOptions = {
     /** Additional allowed origins for CORS (merged with defaults) */
     allowedOrigins?: string[];
     /**
-     * Set when this plugin runs inside an E2B sandbox. Enables the
-     * WSS:443 HMR override required for Vite's HMR client to talk back
-     * through E2B's HTTPS port-proxy. Leave false (default) for local
-     * `bun dev:storybook` so HMR uses Vite defaults and actually fires.
+     * Override Vite's HMR client config. Set when Storybook is fronted by
+     * an HTTPS reverse proxy (sandbox runtime, ngrok, Cloudflare tunnel,
+     * etc.) so the in-page HMR client connects via WSS on the public port
+     * instead of `ws://localhost:<port>`. Plugin fills in the internal
+     * `port` so callers only specify what changes (`protocol`, `clientPort`).
+     * Leave undefined locally so Vite defaults apply and HMR fires.
      */
-    e2b?: boolean;
+    hmr?: {
+        protocol?: 'ws' | 'wss';
+        clientPort?: number;
+    };
 };
 declare function storybookOnlookPlugin(options?: OnlookPluginOptions): PluginOption[];
 

package/dist/index.js

@@ -1,3 +1,4 @@
+import { createRequire } from 'node:module';
 import CJS_COMPAT_NODE_URL_at6j9ae2j2t, { fileURLToPath } from 'url';
 import path5, { dirname, join, relative } from 'path';
 import CJS_COMPAT_NODE_MODULE_at6j9ae2j2t from 'module';
@@ -14,6 +15,7 @@ import * as k from 'readline';
 import k__default from 'readline';
 import { ReadStream } from 'tty';
 
+globalThis.require = createRequire(import.meta.url);
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -17189,27 +17191,26 @@ function storybookOnlookPlugin(options = {}) {
   }
   const port = options.port ?? 6006;
   const allowedOrigins = [...DEFAULT_ALLOWED_ORIGINS, ...options.allowedOrigins ?? []];
-  const isE2B = options.e2b === true;
+  const hmrOverride = options.hmr;
   console.log("[STORYBOOK_PLUGIN] Plugin initialized", {
     port,
     allowedOrigins,
     storybookLocation,
     repoRoot,
-    e2b: isE2B
+    hmr: hmrOverride ?? null
   });
   const mainPlugin = {
     name: "storybook-onlook-plugin",
     config() {
       return {
         server: {
-          // HMR override only applies inside E2B sandboxes — they front
-          // Storybook over HTTPS:443, so the Vite HMR client must connect
-          // via WSS:443. Locally, omitting this lets Vite use defaults
+          // HMR override applies only when the caller explicitly opts in
+          // (typically: Storybook fronted over HTTPS by a reverse proxy).
+          // Locally, omitting this lets Vite use defaults
           // (ws://localhost:<port>) and HMR works as expected.
-          ...isE2B && {
+          ...hmrOverride && {
             hmr: {
-              protocol: "wss",
-              clientPort: 443,
+              ...hmrOverride,
               port
             }
           },

package/dist/screenshot-service/index.js

@@ -1,9 +1,10 @@
+import { createRequire } from 'node:module';
 import crypto from 'crypto';
 import fs from 'fs';
 import path from 'path';
 import { chromium } from 'playwright';
 
-// src/utils/fileSystem/fileSystem.ts
+globalThis.require = createRequire(import.meta.url);
 var CACHE_DIR = path.join(process.cwd(), ".storybook-cache");
 var SCREENSHOTS_DIR = path.join(CACHE_DIR, "screenshots");
 var MANIFEST_PATH = path.join(CACHE_DIR, "manifest.json");

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

@@ -1,6 +1,7 @@
+import { createRequire } from 'node:module';
 import { chromium } from 'playwright';
 
-// src/screenshot-service/utils/browser/browser.ts
+globalThis.require = createRequire(import.meta.url);
 var browser = null;
 async function getBrowser() {
   if (!browser) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onlook/storybook-plugin",
-  "version": "0.3.2-beta.0",
+  "version": "0.3.2-beta.2",
   "type": "module",
   "bin": {
     "onlook-storybook": "./dist/cli/index.js"