@onlook/storybook-plugin 0.3.4 → 0.3.6

package/dist/index.js

@@ -518,6 +518,23 @@ function storybookOnlookPlugin(options = {}) {
           cors: {
             origin: allowedOrigins
           }
+        },
+        optimizeDeps: {
+          // Collapse lucide-react's icon graph into a single prebundled chunk.
+          // Without these two directives, repos that import both `lucide-react`
+          // AND `lucide-react/dynamic` become two co-equal esbuild scan entries
+          // sharing ~5,800 icon modules — esbuild's code-splitting then shatters
+          // the shared graph per-icon, producing ~1,770 HTTP requests per iframe
+          // and tripping Chrome's URLLoader scheduler on canvases with multiple
+          // frames (net::ERR_INSUFFICIENT_RESOURCES / "Failed to fetch
+          // dynamically imported module"). Parent: ONL-832. Fix: ONL-875.
+          //
+          // `include: ['lucide-react']` pins it as a single scan entry that
+          // esbuild bundles into one chunk. `exclude: ['lucide-react/dynamic']`
+          // keeps the DynamicIcon pathway out of prebundling so it can't become
+          // a second shared-graph entry.
+          include: ["lucide-react"],
+          exclude: ["lucide-react/dynamic"]
         }
       };
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onlook/storybook-plugin",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "type": "module",
   "bin": {
     "onlook-storybook": "dist/cli/index.js"
@@ -47,6 +47,7 @@
     "@types/babel__traverse": "^7.20.6",
     "@types/node": "^22.15.32",
     "bun-types": "^1.3.5",
+    "storybook": "^10.1.11",
     "tsup": "^8.5.1",
     "typescript": "5.8.3",
     "vite": "^6.3.5"