@onlook/storybook-plugin 0.3.3 → 0.3.4

package/README.md

@@ -76,6 +76,27 @@ Screenshots are saved to `.storybook-cache/screenshots/`.
 
 The plugin auto-disables when `CHROMATIC` or `CI` environment variables are set.
 
+## Publishing
+
+Three release paths:
+
+```bash
+# 1. Ship the current version to npm as `latest` (default dist-tag).
+bun run publish-pkg
+
+# 2. Ship under the `next` dist-tag — for testing against preview deploys
+#    without affecting consumers pinned to ^x.y.z ranges. Consumers opt in
+#    via `@onlook/storybook-plugin@next`.
+bun run publish-pkg:next
+
+# 3. Promote a previously-published version to `latest`. Reads the version
+#    from package.json, so bump first if you want to promote something else.
+bun run promote-latest
+```
+
+The typical flow for risky changes: `publish-pkg:next` → test against a
+Vercel preview deploy → `promote-latest` once confident.
+
 ## License
 
 MIT

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { PluginOption } from 'vite';
+import { Indexer } from 'storybook/internal/types';
 
 type OnlookPluginOptions = {
     /** Storybook port (default: 6006) */
@@ -8,4 +9,6 @@ type OnlookPluginOptions = {
 };
 declare function storybookOnlookPlugin(options?: OnlookPluginOptions): PluginOption[];
 
-export { type OnlookPluginOptions, storybookOnlookPlugin };
+declare const tolerantCsfIndexer: Indexer;
+
+export { type OnlookPluginOptions, storybookOnlookPlugin, tolerantCsfIndexer };

package/dist/index.js

@@ -7,6 +7,7 @@ import traverseModule from '@babel/traverse';
 import * as t from '@babel/types';
 import crypto from 'crypto';
 import { chromium } from 'playwright';
+import { readCsf } from 'storybook/internal/csf-tools';
 
 // src/storybook-onlook-plugin.ts
 function componentLocPlugin(options = {}) {
@@ -538,5 +539,17 @@ function storybookOnlookPlugin(options = {}) {
   };
   return [componentLocPlugin(), mainPlugin];
 }
+var tolerantCsfIndexer = {
+  test: /(stories|story)\.(m?js|ts)x?$/,
+  createIndex: async (fileName, options) => {
+    try {
+      return (await readCsf(fileName, options)).parse().indexInputs;
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      console.warn("[onbook] Skipping broken story file:", fileName, msg);
+      return [];
+    }
+  }
+};
 
-export { storybookOnlookPlugin };
+export { storybookOnlookPlugin, tolerantCsfIndexer };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@onlook/storybook-plugin",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "type": "module",
   "bin": {
-    "onlook-storybook": "./dist/cli/index.js"
+    "onlook-storybook": "dist/cli/index.js"
   },
   "exports": {
     ".": {
@@ -29,7 +29,9 @@
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "bun run build && bun scripts/prepublish.ts",
     "postpublish": "bun scripts/postpublish.ts",
-    "publish-pkg": "npm publish"
+    "publish-pkg": "npm publish",
+    "publish-pkg:next": "npm publish --tag next",
+    "promote-latest": "npm dist-tag add @onlook/storybook-plugin@$(node -p \"require('./package.json').version\") latest"
   },
   "dependencies": {
     "@babel/generator": "^7.26.9",
@@ -53,6 +55,7 @@
     "access": "public"
   },
   "peerDependencies": {
+    "storybook": "^10.0.0",
     "vite": "^5.0.0 || ^6.0.0"
   }
 }