storybook-solidjs-vite 10.0.13 → 10.1.1

package/README.md

@@ -15,10 +15,11 @@ Adds SolidJS support to Storybook.
 
 ## ✨ Features
 
-- SolidJS support out of the box
+- Solid 1 and Solid 2 support
 - Vite-powered builder
 - TypeScript-first setup
 - ArgTypes generation from TypeScript
+- [CSF Next](https://storybook.js.org/docs/api/csf/csf-next) factory API (optional)
 - Compatible with Storybook addons
 - Integrated testing (Vitest, Playwright)
 
@@ -45,6 +46,77 @@ You can customize Vite and Storybook as usual.
 - Add stories in `src/**/*.stories.tsx` or `src/**/*.stories.js`
 - Use Storybook addons for additional functionality
 
+### Solid 1
+
+On Solid 1, import from `storybook-solidjs-vite` in config, preview, and stories:
+
+```ts
+// .storybook/main.ts
+import type { StorybookConfig } from 'storybook-solidjs-vite';
+
+const config: StorybookConfig = {
+  framework: 'storybook-solidjs-vite',
+};
+
+export default config;
+```
+
+```ts
+// .storybook/preview.tsx & stories
+import type { Preview, Meta, StoryObj } from 'storybook-solidjs-vite';
+```
+
+### Solid 2
+
+On Solid 2, use `storybook-solidjs-vite/next` in preview and stories — the types there match the Solid 2 renderer:
+
+```ts
+import type { Preview, Meta, StoryObj } from 'storybook-solidjs-vite/next';
+```
+
+Imports without `/next` often still run, but TypeScript may complain because those types describe the Solid 1 renderer.
+
+In `main.ts` either framework name is fine: `storybook-solidjs-vite` reads the major version from your installed `solid-js`, and `storybook-solidjs-vite/next` forces Solid 2.
+
+```ts
+framework: 'storybook-solidjs-vite'
+framework: 'storybook-solidjs-vite/next'
+```
+
+### CSF Next
+
+[CSF Next](https://storybook.js.org/docs/api/csf/csf-next) works on Solid 1 and Solid 2.
+
+```ts
+// .storybook/main.ts
+import { defineMain } from 'storybook-solidjs-vite/node';
+
+export default defineMain({
+  framework: { name: 'storybook-solidjs-vite' },
+});
+```
+
+```ts
+// .storybook/preview.tsx
+import { definePreview } from 'storybook-solidjs-vite';
+// for Solid 2, use:
+// import { definePreview } from 'storybook-solidjs-vite/next';
+```
+
+```ts
+// src/Button.stories.ts
+import preview from '../.storybook/preview';
+import { Button } from './Button';
+
+const meta = preview.meta({
+  component: Button,
+});
+
+export const Primary = meta.story({
+  args: { label: 'Button' },
+});
+```
+
 ### TypeScript docgen
 
 TypeScript props for docs and controls are generated with [@joshwooding/vite-plugin-react-docgen-typescript](https://github.com/joshwooding/vite-plugin-react-docgen-typescript).
@@ -77,13 +149,13 @@ export default config;
 
 ## 🎨 Decorators
 
-Storybook re-executes decorator and story code on updates (e.g. args, globals). SolidJS uses fine-grained reactivity and does not require re-running component functions.
+On args or globals changes, Storybook re-runs decorators and stories — the same model as React, where each update calls your functions again. Solid updates through fine-grained signals and usually does not need that.
 
-This mismatch can cause duplicate DOM elements when decorators return JSX.
+If a decorator returns JSX, the extra runs can leave duplicate nodes in the DOM.
 
 ### createJSXDecorator
 
-Use for decorators that return JSX. Ensures they run only once.
+Use for decorators that return JSX. Ensures they run only once per story mount.
 
 ```tsx
 import { createJSXDecorator } from 'storybook-solidjs-vite';

package/dist/chunk-2DIRFC5W.js

@@ -0,0 +1,134 @@
+import { defaultDecorateStory } from 'storybook/preview-api';
+import { global } from '@storybook/global';
+import { createComponent } from 'solid-js';
+import { configure } from 'storybook/test';
+
+// src/renderer/shared/public-types.ts
+var IS_SOLID_JSX_FLAG = "__isJSX";
+
+// src/renderer/shared/story-store.ts
+var getStoryId = (context) => {
+  const canvasId = context.canvasElement?.id;
+  if (!canvasId || canvasId === "storybook-root") {
+    return context.id;
+  }
+  return canvasId;
+};
+function createStoryState(createStore) {
+  const [globals, setGlobals] = createStore({});
+  const renderedStories = /* @__PURE__ */ new Set();
+  const argsStores = /* @__PURE__ */ new Map();
+  const disposers = /* @__PURE__ */ new Map();
+  const getArgsStore = (storyId) => {
+    let store = argsStores.get(storyId);
+    if (!store) {
+      store = createStore({});
+      argsStores.set(storyId, store);
+    }
+    return store;
+  };
+  return {
+    isStoryRendered(storyId) {
+      return renderedStories.has(storyId);
+    },
+    resetStory(storyId) {
+      renderedStories.delete(storyId);
+      disposers.delete(storyId);
+      argsStores.delete(storyId);
+    },
+    setRendered(storyId, isRendered) {
+      if (isRendered) {
+        renderedStories.add(storyId);
+      } else {
+        renderedStories.delete(storyId);
+      }
+    },
+    setDisposeFn(storyId, disposeFn) {
+      if (disposeFn) {
+        disposers.set(storyId, disposeFn);
+      } else {
+        disposers.delete(storyId);
+      }
+    },
+    makeContextReactive(context) {
+      const storyId = getStoryId(context);
+      if (!storyId) {
+        throw new Error("Story ID is required");
+      }
+      const [args, setArgs] = getArgsStore(storyId);
+      setArgs(() => context.args);
+      setGlobals(() => context.globals);
+      context.args = args;
+      context.globals = globals;
+    },
+    disposeStory(storyId) {
+      disposers.get(storyId)?.();
+      disposers.delete(storyId);
+    }
+  };
+}
+function createApplyDecorators(store, createComponent2) {
+  return (storyFn, rawDecorators) => {
+    const decorators = rawDecorators.map(
+      (decorator) => {
+        const originalFn = decorator.originalFn;
+        const isJSX = Boolean(
+          decorator[IS_SOLID_JSX_FLAG] || originalFn?.[IS_SOLID_JSX_FLAG]
+        );
+        return (StoryFn, context) => {
+          if (isJSX) {
+            const storyId = getStoryId(context);
+            if (storyId && store.isStoryRendered(storyId)) {
+              return StoryFn(context);
+            }
+          }
+          return decorator(StoryFn, context);
+        };
+      }
+    );
+    return defaultDecorateStory((context) => {
+      const storyId = getStoryId(context);
+      if (storyId && store.isStoryRendered(storyId)) {
+        return null;
+      }
+      return createComponent2(storyFn, context);
+    }, decorators);
+  };
+}
+if (global.window) {
+  global.window.STORYBOOK_ENV = "solid";
+}
+var parameters = {
+  renderer: "solid"
+};
+var render = (_, context) => {
+  if (!context.component) {
+    throw new Error(
+      `Unable to render story ${context.id} as the component annotation is missing from the default export`
+    );
+  }
+  return createComponent(context.component, context.args);
+};
+var beforeAll = async () => {
+  try {
+    configure({
+      unstable_advanceTimersWrapper: (cb) => cb(),
+      asyncWrapper: async (cb) => {
+        const result = await cb();
+        await new Promise((resolve) => {
+          setTimeout(() => resolve(), 0);
+          if (typeof jest !== "undefined" && jest != null && (setTimeout._isMockFunction === true || Object.prototype.hasOwnProperty.call(setTimeout, "clock"))) {
+            jest.advanceTimersByTime(0);
+          }
+        });
+        return result;
+      },
+      eventWrapper: (cb) => cb()
+    });
+  } catch {
+  }
+};
+
+export { IS_SOLID_JSX_FLAG, beforeAll, createApplyDecorators, createStoryState, getStoryId, parameters, render };
+//# sourceMappingURL=chunk-2DIRFC5W.js.map
+//# sourceMappingURL=chunk-2DIRFC5W.js.map

package/dist/chunk-2DIRFC5W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderer/shared/public-types.ts","../src/renderer/shared/story-store.ts","../src/renderer/shared/apply-decorators.ts","../src/renderer/shared/preview-annotations.ts"],"names":["createComponent"],"mappings":"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","file":"chunk-2DIRFC5W.js","sourcesContent":["import type {\n    Canvas,\n    DecoratorFunction,\n    RenderContext as GenericRenderContext,\n    StoryContext as GenericStoryContext,\n    StrictArgs,\n    WebRenderer,\n} from 'storybook/internal/types';\nimport type { Simplify } from 'type-fest';\n\nexport type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';\n\n/**\n * Marks decorators that return JSX so they are not re-run on every Storybook update.\n * Prefer `createJSXDecorator` over setting this flag manually.\n */\nexport const IS_SOLID_JSX_FLAG = '__isJSX';\n\n// This performs a downcast to function types that are mocks, when a mock fn is given to meta args.\nexport type AddMocks<TArgs, DefaultArgs> = Simplify<{\n    [T in keyof TArgs]: T extends keyof DefaultArgs\n        ? DefaultArgs[T] extends (...args: any) => any & { mock: object }\n            ? DefaultArgs[T]\n            : TArgs[T]\n        : TArgs[T];\n}>;\n\n/** Loose renderer shape for shared runtime code (v1 entry-preview and v2 entry-preview). */\nexport interface SolidRenderer extends WebRenderer {\n    component: (props: Record<string, any>) => any;\n    storyResult: any;\n    mount: (ui?: any) => Promise<Canvas>;\n}\n\nexport type Decorator<TArgs = StrictArgs> = DecoratorFunction<SolidRenderer, TArgs> & {\n    [IS_SOLID_JSX_FLAG]?: boolean;\n};\n\nexport type StoryContext<TArgs = StrictArgs> = GenericStoryContext<SolidRenderer, TArgs> & {\n    renderToCanvas: () => Promise<void>;\n};\n\nexport type RenderContext = GenericRenderContext<SolidRenderer>;\n","import type { Args, Globals, StoryContext as InternalStoryContext } from 'storybook/internal/types';\nimport type { SolidRenderer } from './public-types';\n\n/** Update store via `(prev) => next` (version layer applies reconcile/draft setter). */\ntype SetStoreFn<T extends object> = (update: (prev: T) => T) => void;\n\n/** Reactive store tuple returned by `createStore` (state + setter). */\ntype SolidStore<T extends object> = readonly [\n    state: T,\n    setState: SetStoreFn<T>\n];\n\ntype CreateStoreFn = <T extends object>(initial: T) => SolidStore<T>;\n\nexport interface StoryStateStore {\n    isStoryRendered: (storyId: string) => boolean;\n    resetStory: (storyId: string) => void;\n    setRendered: (storyId: string, rendered: boolean) => void;\n    setDisposeFn: (storyId: string, disposeFn: (() => void) | null) => void;\n    makeContextReactive: (context: InternalStoryContext<SolidRenderer, Args>) => void;\n    disposeStory: (storyId: string) => void;\n}\n\nexport const getStoryId = (context: { id?: string; canvasElement?: { id?: string } }): string | undefined => {\n    const canvasId = context.canvasElement?.id;\n\n    if (!canvasId || canvasId === 'storybook-root') {\n        return context.id;\n    }\n\n    return canvasId;\n};\n\nexport function createStoryState(createStore: CreateStoreFn): StoryStateStore {\n    const [globals, setGlobals] = createStore<Globals>({});\n    const renderedStories = new Set<string>();\n    const argsStores = new Map<string, SolidStore<Args>>();\n    const disposers = new Map<string, () => void>();\n\n    const getArgsStore = (storyId: string): SolidStore<Args> => {\n        let store = argsStores.get(storyId);\n\n        if (!store) {\n            store = createStore({} as Args);\n            argsStores.set(storyId, store);\n        }\n\n        return store;\n    };\n\n    return {\n        isStoryRendered(storyId) {\n            return renderedStories.has(storyId);\n        },\n\n        resetStory(storyId) {\n            renderedStories.delete(storyId);\n            disposers.delete(storyId);\n            argsStores.delete(storyId);\n        },\n\n        setRendered(storyId, isRendered) {\n            if (isRendered) {\n                renderedStories.add(storyId);\n            }\n            else {\n                renderedStories.delete(storyId);\n            }\n        },\n\n        setDisposeFn(storyId, disposeFn) {\n            if (disposeFn) {\n                disposers.set(storyId, disposeFn);\n            }\n            else {\n                disposers.delete(storyId);\n            }\n        },\n\n        makeContextReactive(context) {\n            const storyId = getStoryId(context);\n\n            if (!storyId) {\n                throw new Error('Story ID is required');\n            }\n\n            const [args, setArgs] = getArgsStore(storyId);\n\n            // Update reactive stores with the new values\n            setArgs(() => context.args);\n            setGlobals(() => context.globals);\n\n            // Sync the reactive stores to the context\n            context.args = args;\n            context.globals = globals;\n        },\n\n        disposeStory(storyId) {\n            disposers.get(storyId)?.();\n            disposers.delete(storyId);\n        },\n    };\n}\n","import { defaultDecorateStory } from 'storybook/preview-api';\n\nimport { IS_SOLID_JSX_FLAG } from './public-types';\nimport { getStoryId } from './story-store';\n\nimport type { Args, StoryContext as InternalStoryContext, LegacyStoryFn } from 'storybook/internal/types';\nimport type {\n    Decorator,\n    SolidRenderer,\n} from './public-types';\nimport type { StoryStateStore } from './story-store';\n\nexport function createApplyDecorators(\n    store: StoryStateStore,\n    createComponent: (\n        storyFn: LegacyStoryFn<SolidRenderer>,\n        context: InternalStoryContext<SolidRenderer, Args>\n    ) => SolidRenderer['storyResult']\n): (\n    storyFn: LegacyStoryFn<SolidRenderer>,\n    rawDecorators: Decorator[]\n) => LegacyStoryFn<SolidRenderer> {\n    return (storyFn, rawDecorators) => {\n        const decorators = rawDecorators.map(\n            (decorator): Decorator => {\n                const originalFn = (decorator as Decorator & { originalFn?: Decorator }).originalFn;\n                const isJSX = Boolean(\n                    decorator[IS_SOLID_JSX_FLAG] || originalFn?.[IS_SOLID_JSX_FLAG]\n                );\n\n                return (StoryFn, context) => {\n                    if (isJSX) {\n                        const storyId = getStoryId(context);\n\n                        if (storyId && store.isStoryRendered(storyId)) {\n                            return StoryFn(context);\n                        }\n                    }\n\n                    return decorator(StoryFn, context);\n                };\n            }\n        );\n\n        return defaultDecorateStory((context) => {\n            const storyId = getStoryId(context);\n\n            if (storyId && store.isStoryRendered(storyId)) {\n                return null;\n            }\n\n            return createComponent(storyFn, context);\n        }, decorators);\n    };\n}\n","import { global } from '@storybook/global';\nimport { createComponent } from 'solid-js';\nimport { configure } from 'storybook/test';\n\nimport type { ArgsStoryFn } from 'storybook/internal/types';\nimport type { SolidRenderer } from './public-types';\n\nif (global.window) {\n    global.window.STORYBOOK_ENV = 'solid';\n}\n\n/** Preview-wide parameters for the Solid renderer. */\nexport const parameters = {\n    renderer: 'solid',\n};\n\n/** Default render for meta/stories with `component` + `args` and no custom `render` (CSF 3+). */\nexport const render: ArgsStoryFn<SolidRenderer> = (_, context) => {\n    if (!context.component) {\n        throw new Error(\n            `Unable to render story ${ context.id } as the component annotation is missing from the default export`\n        );\n    }\n\n    return createComponent(context.component, context.args);\n};\n\n/** Configures `storybook/test` wrappers so Solid updates flush after async play steps. */\nexport const beforeAll = async() => {\n    try {\n        configure({\n            unstable_advanceTimersWrapper: (cb: () => any) => cb(),\n            asyncWrapper: async(cb: () => any) => {\n                const result = await cb();\n\n                await new Promise<void>((resolve) => {\n                    setTimeout(() => resolve(), 0);\n\n                    // @ts-expect-error global jest\n                    if (typeof jest !== 'undefined' && jest != null && ((setTimeout as any)._isMockFunction === true || Object.prototype.hasOwnProperty.call(setTimeout, 'clock'))) {\n                        // @ts-expect-error global jest\n                        jest!.advanceTimersByTime(0);\n                    }\n                });\n\n                return result;\n            },\n            eventWrapper: (cb: () => any) => cb(),\n        });\n    }\n    catch {\n        // storybook/test might not be available; noop\n    }\n};\n"]}

package/dist/chunk-7HMQHLZ6.js

@@ -0,0 +1,90 @@
+import { render, parameters, beforeAll, createApplyDecorators, createStoryState, getStoryId } from './chunk-2DIRFC5W.js';
+import { __export } from './chunk-G3PMV62Z.js';
+import { render as render$1 } from '@solidjs/web';
+import { createComponent, onSettled, Errored, createStore as createStore$1 } from 'solid-js';
+
+// src/renderer/v2/entry-preview.ts
+var entry_preview_exports = {};
+__export(entry_preview_exports, {
+  applyDecorators: () => applyDecorators,
+  beforeAll: () => beforeAll,
+  mount: () => mount,
+  parameters: () => parameters,
+  render: () => render,
+  renderToCanvas: () => renderToCanvas
+});
+var createStore = (initial) => {
+  const [state, setStore] = createStore$1(initial);
+  const setState = (update) => {
+    setStore(() => update(state));
+  };
+  return [state, setState];
+};
+var storyStore = createStoryState(createStore);
+var applyDecorators = createApplyDecorators(
+  storyStore,
+  createComponent
+);
+var renderToCanvas = async (renderContext, canvasElement) => {
+  const storyId = getStoryId({ ...renderContext, canvasElement });
+  if (!storyId) {
+    throw new Error("Story ID is required");
+  }
+  const { storyContext, storyFn: StoryFn, showMain, showException } = renderContext;
+  const Story = StoryFn;
+  if (!storyStore.isStoryRendered(storyId)) {
+    const App = (() => {
+      onSettled(() => {
+        showMain();
+        storyStore.setRendered(storyId, true);
+        return () => {
+          storyStore.setRendered(storyId, false);
+        };
+      });
+      if (storyContext?.parameters?.["__isPortableStory"]) {
+        return createComponent(Story, {});
+      }
+      return createComponent(Errored, {
+        fallback: (err, _reset) => {
+          const error = err();
+          showException(error);
+          return error;
+        },
+        children: createComponent(Story, {})
+      });
+    });
+    const disposeFn = render$1(() => createComponent(App, {}), canvasElement);
+    storyStore.setDisposeFn(storyId, disposeFn);
+  } else {
+    StoryFn();
+  }
+  return () => {
+    storyStore.disposeStory(storyId);
+    storyStore.resetStory(storyId);
+  };
+};
+var mount = (context) => {
+  const storyId = getStoryId(context);
+  const { forceRemount } = context;
+  if (!storyId) {
+    throw new Error("Story ID is required");
+  }
+  return async (ui) => {
+    if (ui != null) {
+      context.originalStoryFn = () => ui;
+    }
+    if (forceRemount) {
+      storyStore.disposeStory(storyId);
+    }
+    if (!storyStore.isStoryRendered(storyId) || forceRemount) {
+      storyStore.resetStory(storyId);
+    }
+    storyStore.makeContextReactive(context);
+    await context.renderToCanvas();
+    return context.canvas;
+  };
+};
+
+export { applyDecorators, entry_preview_exports, mount, renderToCanvas };
+//# sourceMappingURL=chunk-7HMQHLZ6.js.map
+//# sourceMappingURL=chunk-7HMQHLZ6.js.map

package/dist/chunk-7HMQHLZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderer/v2/entry-preview.ts"],"names":["solidCreateStore","solidRender"],"mappings":"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","file":"chunk-7HMQHLZ6.js","sourcesContent":["import { render as solidRender } from '@solidjs/web';\nimport {\n    createComponent,\n    Errored,\n    onSettled,\n    createStore as solidCreateStore,\n} from 'solid-js-v2';\n\nimport { createApplyDecorators } from '../shared/apply-decorators.ts';\nimport { createStoryState, getStoryId } from '../shared/story-store';\n\nimport type { Args } from 'storybook/internal/types';\nimport type { RenderContext, SolidComponent, SolidRenderer, StoryContext, StoryFnReturnType } from './public-types';\n\nexport * from '../shared/preview-annotations';\n\nconst createStore = <T extends object>(initial: T) => {\n    const [state, setStore] = solidCreateStore(initial as any);\n\n    const setState = (update: (prev: T) => T) => {\n        setStore(() => update(state as unknown as T));\n    };\n\n    return [state as T, setState] as const;\n};\n\nconst storyStore = createStoryState(createStore);\n\n/** Wraps the story fn with decorators, JSX decorators skip re-render when the story is already mounted. */\nexport const applyDecorators = createApplyDecorators(\n    storyStore,\n    createComponent as Parameters<typeof createApplyDecorators>[1]\n);\n\n/** Mounts or updates the story in the preview canvas. Returns cleanup when the story changes. */\nexport const renderToCanvas = async(\n    renderContext: RenderContext,\n    canvasElement: SolidRenderer['canvasElement']\n) => {\n    const storyId = getStoryId({ ...renderContext, canvasElement });\n\n    if (!storyId) {\n        throw new Error('Story ID is required');\n    }\n\n    const { storyContext, storyFn: StoryFn, showMain, showException } = renderContext;\n    const Story = StoryFn as SolidComponent;\n\n    if (!storyStore.isStoryRendered(storyId)) {\n        const App = (() => {\n            onSettled(() => {\n                showMain();\n                storyStore.setRendered(storyId, true);\n\n                return () => {\n                    storyStore.setRendered(storyId, false);\n                };\n            });\n\n            if (storyContext?.parameters?.['__isPortableStory']) {\n                return createComponent(Story, {});\n            }\n\n            return createComponent(Errored, {\n                fallback: (err: () => unknown, _reset: () => void) => {\n                    const error = err() as Error;\n\n                    showException(error);\n\n                    return error as any;\n                },\n                children: createComponent(Story, {}),\n            });\n        }) as SolidComponent;\n\n        const disposeFn = solidRender(() => createComponent(App, {}), canvasElement);\n\n        storyStore.setDisposeFn(storyId, disposeFn);\n    }\n    else {\n        StoryFn();\n    }\n\n    return () => {\n        storyStore.disposeStory(storyId);\n        storyStore.resetStory(storyId);\n    };\n};\n\n/** Play/mount API: sync reactive args and globals, then render via `renderToCanvas`. */\nexport const mount = (context: StoryContext<Args>) => {\n    const storyId = getStoryId(context);\n    const { forceRemount } = context;\n\n    if (!storyId) {\n        throw new Error('Story ID is required');\n    }\n\n    return async(ui: StoryFnReturnType) => {\n        if (ui != null) {\n            context.originalStoryFn = () => ui;\n        }\n\n        if (forceRemount) {\n            storyStore.disposeStory(storyId);\n        }\n\n        if (!storyStore.isStoryRendered(storyId) || forceRemount) {\n            storyStore.resetStory(storyId);\n        }\n\n        storyStore.makeContextReactive(context);\n\n        await context.renderToCanvas();\n\n        return context.canvas;\n    };\n};\n"]}

package/dist/chunk-FRAIA7MB.js

@@ -0,0 +1,34 @@
+import { entry_preview_argtypes_exports } from './chunk-R46BQ22I.js';
+import { entry_preview_exports } from './chunk-W3QB2KPF.js';
+import { definePreview } from 'storybook/internal/csf';
+
+function createDefinePreview(solidAnnotations) {
+  return function definePreview$1(input) {
+    const { addons, ...projectAnnotations } = input;
+    const preview = definePreview({
+      ...projectAnnotations,
+      addons: [
+        solidAnnotations,
+        entry_preview_argtypes_exports,
+        entry_preview_exports,
+        ...addons ?? []
+      ]
+    });
+    const defineMeta = preview.meta.bind(preview);
+    preview.meta = (_input) => {
+      const meta = defineMeta(_input);
+      const defineStory = meta.story.bind(meta);
+      meta.story = (__input) => {
+        const story = defineStory(__input);
+        story.Component = story.__compose();
+        return story;
+      };
+      return meta;
+    };
+    return preview;
+  };
+}
+
+export { createDefinePreview };
+//# sourceMappingURL=chunk-FRAIA7MB.js.map
+//# sourceMappingURL=chunk-FRAIA7MB.js.map

package/dist/chunk-FRAIA7MB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderer/shared/create-define-preview.ts"],"names":["definePreview","definePreviewBase"],"mappings":";;;;AAQO,SAAS,oBAAoB,gBAAA,EAAuC;AACvE,EAAA,OAAO,SAASA,gBACZ,KAAA,EACF;AACE,IAAA,MAAM,EAAE,MAAA,EAAQ,GAAG,kBAAA,EAAmB,GAAI,KAAA;AAE1C,IAAA,MAAM,UAAUC,aAAA,CAAkB;AAAA,MAC9B,GAAG,kBAAA;AAAA,MACH,MAAA,EAAQ;AAAA,QACJ,gBAAA;AAAA,QACA,8BAAA;AAAA,QACA,qBAAA;AAAA,QACA,GAAI,UAAU;AAAC;AACnB,KACH,CAAA;AAED,IAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,OAAO,CAAA;AAE5C,IAAA,OAAA,CAAQ,IAAA,GAAO,CAAC,MAAA,KAAW;AACvB,MAAA,MAAM,IAAA,GAAO,WAAW,MAAM,CAAA;AAC9B,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAGxC,MAAA,IAAA,CAAK,KAAA,GAAQ,CAAC,OAAA,KAAiB;AAC3B,QAAA,MAAM,KAAA,GAAQ,YAAY,OAAO,CAAA;AAGjC,QAAA,KAAA,CAAM,SAAA,GAAY,MAAM,SAAA,EAAU;AAElC,QAAA,OAAO,KAAA;AAAA,MACX,CAAA;AAEA,MAAA,OAAO,IAAA;AAAA,IACX,CAAA;AAEA,IAAA,OAAO,OAAA;AAAA,EACX,CAAA;AACJ","file":"chunk-FRAIA7MB.js","sourcesContent":["import { definePreview as definePreviewBase } from 'storybook/internal/csf';\n\nimport * as solidDocsAnnotations from '../docs/entry-preview';\nimport * as solidArgTypesAnnotations from '../docs/entry-preview-argtypes';\n\nimport type { PreviewAddon } from 'storybook/internal/csf';\nimport type { ProjectAnnotations } from 'storybook/internal/types';\n\nexport function createDefinePreview(solidAnnotations: PreviewAddon<never>) {\n    return function definePreview<Addons extends PreviewAddon<never>[] = []>(\n        input: { addons?: Addons } & ProjectAnnotations<any>\n    ) {\n        const { addons, ...projectAnnotations } = input;\n\n        const preview = definePreviewBase({\n            ...projectAnnotations,\n            addons: [\n                solidAnnotations,\n                solidArgTypesAnnotations,\n                solidDocsAnnotations,\n                ...(addons ?? []),\n            ],\n        });\n\n        const defineMeta = preview.meta.bind(preview);\n\n        preview.meta = (_input) => {\n            const meta = defineMeta(_input);\n            const defineStory = meta.story.bind(meta);\n\n            // @ts-expect-error internal code that is hard to type\n            meta.story = (__input: any) => {\n                const story = defineStory(__input);\n\n                // @ts-ignore this is a private property used only here\n                story.Component = story.__compose();\n\n                return story;\n            };\n\n            return meta;\n        };\n\n        return preview;\n    };\n}\n"]}

package/dist/chunk-NNSMHFZY.js

@@ -0,0 +1,42 @@
+import { readFileSync } from 'fs';
+import { createRequire } from 'module';
+import { join } from 'path';
+import semver from 'semver';
+
+// src/framework/solidVersion.ts
+function getFrameworkName(framework) {
+  return typeof framework === "string" ? framework : framework.name;
+}
+function detectInstalledSolidVersion(configDir) {
+  const projectRequire = createRequire(join(configDir, "package.json"));
+  let pkgPath;
+  try {
+    pkgPath = projectRequire.resolve("solid-js/package.json");
+  } catch {
+    throw new Error("Could not detect Solid version: `solid-js` is not installed.");
+  }
+  const { version } = JSON.parse(readFileSync(pkgPath, "utf8"));
+  return semver.major(version ?? "1.9.0");
+}
+function resolveSolidVersion(framework, configDir) {
+  const name = getFrameworkName(framework);
+  if (name === "storybook-solidjs-vite/next") {
+    return 2;
+  }
+  return detectInstalledSolidVersion(configDir);
+}
+var SOLID_DEDUPE_PACKAGES = [
+  "solid-js",
+  "@solidjs/web",
+  "@solidjs/signals",
+  "@solidjs/router",
+  "@solidjs/meta"
+];
+function mergeSolidDedupe(existing) {
+  const base = existing == null ? [] : [...existing];
+  return [.../* @__PURE__ */ new Set([...base, ...SOLID_DEDUPE_PACKAGES])];
+}
+
+export { mergeSolidDedupe, resolveSolidVersion };
+//# sourceMappingURL=chunk-NNSMHFZY.js.map
+//# sourceMappingURL=chunk-NNSMHFZY.js.map

package/dist/chunk-NNSMHFZY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/framework/solidVersion.ts"],"names":[],"mappings":";;;;;;AAOA,SAAS,iBAAiB,SAAA,EAAoC;AAC1D,EAAA,OAAO,OAAO,SAAA,KAAc,QAAA,GAAW,SAAA,GAAY,SAAA,CAAU,IAAA;AACjE;AAEA,SAAS,4BAA4B,SAAA,EAAiC;AAClE,EAAA,MAAM,cAAA,GAAiB,aAAA,CAAc,IAAA,CAAK,SAAA,EAAW,cAAc,CAAC,CAAA;AAEpE,EAAA,IAAI,OAAA;AAEJ,EAAA,IAAI;AACA,IAAA,OAAA,GAAU,cAAA,CAAe,QAAQ,uBAAuB,CAAA;AAAA,EAC5D,CAAA,CAAA,MACM;AACF,IAAA,MAAM,IAAI,MAAM,8DAA8D,CAAA;AAAA,EAClF;AAEA,EAAA,MAAM,EAAE,SAAQ,GAAI,IAAA,CAAK,MAAM,YAAA,CAAa,OAAA,EAAS,MAAM,CAAC,CAAA;AAE5D,EAAA,OAAO,MAAA,CAAO,KAAA,CAAM,OAAA,IAAW,OAAO,CAAA;AAC1C;AAQO,SAAS,mBAAA,CACZ,WACA,SAAA,EACY;AACZ,EAAA,MAAM,IAAA,GAAO,iBAAiB,SAAS,CAAA;AAEvC,EAAA,IAAI,SAAS,6BAAA,EAA+B;AACxC,IAAA,OAAO,CAAA;AAAA,EACX;AAEA,EAAA,OAAO,4BAA4B,SAAS,CAAA;AAChD;AAGO,IAAM,qBAAA,GAAwB;AAAA,EACjC,UAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACJ,CAAA;AAEO,SAAS,iBAAiB,QAAA,EAAiD;AAC9E,EAAA,MAAM,OAAO,QAAA,IAAY,IAAA,GAAO,EAAC,GAAI,CAAC,GAAG,QAAQ,CAAA;AAEjD,EAAA,OAAO,CAAC,mBAAG,IAAI,GAAA,CAAI,CAAC,GAAG,IAAA,EAAM,GAAG,qBAAqB,CAAC,CAAC,CAAA;AAC3D","file":"chunk-NNSMHFZY.js","sourcesContent":["import { readFileSync } from 'node:fs';\nimport { createRequire } from 'node:module';\nimport { join } from 'node:path';\nimport semver from 'semver';\n\nimport type { FrameworkConfig, SolidVersion } from './types';\n\nfunction getFrameworkName(framework: FrameworkConfig): string {\n    return typeof framework === 'string' ? framework : framework.name;\n}\n\nfunction detectInstalledSolidVersion(configDir: string): SolidVersion {\n    const projectRequire = createRequire(join(configDir, 'package.json'));\n\n    let pkgPath: string;\n\n    try {\n        pkgPath = projectRequire.resolve('solid-js/package.json');\n    }\n    catch {\n        throw new Error('Could not detect Solid version: `solid-js` is not installed.');\n    }\n\n    const { version } = JSON.parse(readFileSync(pkgPath, 'utf8')) as { version?: string };\n\n    return semver.major(version ?? '1.9.0') as SolidVersion;\n}\n\n/**\n * Resolves the Solid major version for the Storybook renderer.\n *\n * - `storybook-solidjs-vite/next` → Solid 2\n * - `storybook-solidjs-vite` → detected from installed `solid-js`\n */\nexport function resolveSolidVersion(\n    framework: FrameworkConfig,\n    configDir: string\n): SolidVersion {\n    const name = getFrameworkName(framework);\n\n    if (name === 'storybook-solidjs-vite/next') {\n        return 2;\n    }\n\n    return detectInstalledSolidVersion(configDir);\n}\n\n/** Force a single copy of Solid packages (renderer + app + linked deps). */\nexport const SOLID_DEDUPE_PACKAGES = [\n    'solid-js',\n    '@solidjs/web',\n    '@solidjs/signals',\n    '@solidjs/router',\n    '@solidjs/meta',\n] as const;\n\nexport function mergeSolidDedupe(existing?: string | readonly string[]): string[] {\n    const base = existing == null ? [] : [...existing];\n\n    return [...new Set([...base, ...SOLID_DEDUPE_PACKAGES])];\n}\n"]}

package/dist/chunk-P43SJLUM.js

@@ -0,0 +1,87 @@
+import { render, parameters, beforeAll, createApplyDecorators, createStoryState, getStoryId } from './chunk-2DIRFC5W.js';
+import { __export } from './chunk-G3PMV62Z.js';
+import { createComponent, onMount, onCleanup, ErrorBoundary } from 'solid-js';
+import { createStore as createStore$1, reconcile } from 'solid-js/store';
+import { render as render$1 } from 'solid-js/web';
+
+// src/renderer/v1/entry-preview.ts
+var entry_preview_exports = {};
+__export(entry_preview_exports, {
+  applyDecorators: () => applyDecorators,
+  beforeAll: () => beforeAll,
+  mount: () => mount,
+  parameters: () => parameters,
+  render: () => render,
+  renderToCanvas: () => renderToCanvas
+});
+var createStore = (initial) => {
+  const [state, setStore] = createStore$1(initial);
+  const setState = (update) => {
+    setStore(reconcile(update(state)));
+  };
+  return [state, setState];
+};
+var storyStore = createStoryState(createStore);
+var applyDecorators = createApplyDecorators(storyStore, createComponent);
+var renderToCanvas = async (renderContext, canvasElement) => {
+  const storyId = getStoryId({ ...renderContext, canvasElement });
+  if (!storyId) {
+    throw new Error("Story ID is required");
+  }
+  const { storyContext, storyFn: StoryFn, showMain, showException } = renderContext;
+  const Story = StoryFn;
+  if (!storyStore.isStoryRendered(storyId)) {
+    const App = () => {
+      onMount(() => {
+        showMain();
+        storyStore.setRendered(storyId, true);
+      });
+      onCleanup(() => {
+        storyStore.setRendered(storyId, false);
+      });
+      if (storyContext?.parameters?.["__isPortableStory"]) {
+        return createComponent(Story, {});
+      }
+      return createComponent(ErrorBoundary, {
+        fallback: (err) => {
+          showException(err);
+          return err;
+        },
+        children: createComponent(Story, {})
+      });
+    };
+    const disposeFn = render$1(() => createComponent(App, {}), canvasElement);
+    storyStore.setDisposeFn(storyId, disposeFn);
+  } else {
+    StoryFn();
+  }
+  return () => {
+    storyStore.disposeStory(storyId);
+    storyStore.resetStory(storyId);
+  };
+};
+var mount = (context) => {
+  const storyId = getStoryId(context);
+  const { forceRemount } = context;
+  if (!storyId) {
+    throw new Error("Story ID is required");
+  }
+  return async (ui) => {
+    if (ui != null) {
+      context.originalStoryFn = () => ui;
+    }
+    if (forceRemount) {
+      storyStore.disposeStory(storyId);
+    }
+    if (!storyStore.isStoryRendered(storyId) || forceRemount) {
+      storyStore.resetStory(storyId);
+    }
+    storyStore.makeContextReactive(context);
+    await context.renderToCanvas();
+    return context.canvas;
+  };
+};
+
+export { applyDecorators, entry_preview_exports, mount, renderToCanvas };
+//# sourceMappingURL=chunk-P43SJLUM.js.map
+//# sourceMappingURL=chunk-P43SJLUM.js.map

package/dist/chunk-P43SJLUM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderer/v1/entry-preview.ts"],"names":["solidCreateStore","solidRender"],"mappings":"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","file":"chunk-P43SJLUM.js","sourcesContent":["import {\n    createComponent,\n    ErrorBoundary,\n    onCleanup,\n    onMount,\n} from 'solid-js-v1';\nimport { reconcile, createStore as solidCreateStore } from 'solid-js-v1/store';\nimport { render as solidRender } from 'solid-js-v1/web';\n\nimport { createApplyDecorators } from '../shared/apply-decorators.ts';\nimport { createStoryState, getStoryId } from '../shared/story-store';\n\nimport type { Args } from 'storybook/internal/types';\nimport type { RenderContext, SolidComponent, SolidRenderer, StoryContext, StoryFnReturnType } from './public-types';\n\nexport * from '../shared/preview-annotations';\n\n// Story state to control rendered stories and do not remount already rendered stories\nconst createStore = <T extends object>(initial: T) => {\n    const [state, setStore] = solidCreateStore<T>(initial);\n\n    const setState = (update: (prev: T) => T) => {\n        setStore(reconcile(update(state)));\n    };\n\n    return [state, setState] as const;\n};\n\nconst storyStore = createStoryState(createStore);\n\n/** Wraps the story fn with decorators, JSX decorators skip re-render when the story is already mounted. */\nexport const applyDecorators = createApplyDecorators(storyStore, createComponent);\n\n/** Mounts or updates the story in the preview canvas. Returns cleanup when the story changes. */\nexport const renderToCanvas = async(\n    renderContext: RenderContext,\n    canvasElement: SolidRenderer['canvasElement']\n) => {\n    const storyId = getStoryId({ ...renderContext, canvasElement });\n\n    if (!storyId) {\n        throw new Error('Story ID is required');\n    }\n\n    const { storyContext, storyFn: StoryFn, showMain, showException } = renderContext;\n    const Story = StoryFn as SolidComponent;\n\n    if (!storyStore.isStoryRendered(storyId)) {\n        const App: SolidComponent = () => {\n            onMount(() => {\n                showMain();\n                storyStore.setRendered(storyId, true);\n            });\n\n            onCleanup(() => {\n                storyStore.setRendered(storyId, false);\n            });\n\n            if (storyContext?.parameters?.['__isPortableStory']) {\n                return createComponent(Story, {});\n            }\n\n            return createComponent(ErrorBoundary, {\n                fallback: (err: Error) => {\n                    showException(err);\n\n                    return err as any;\n                },\n                children: createComponent(Story, {}),\n            });\n        };\n\n        const disposeFn = solidRender(() => createComponent(App, {}), canvasElement);\n\n        storyStore.setDisposeFn(storyId, disposeFn);\n    }\n    else {\n        StoryFn();\n    }\n\n    return () => {\n        storyStore.disposeStory(storyId);\n        storyStore.resetStory(storyId);\n    };\n};\n\n/** Play/mount API: sync reactive args and globals, then render via `renderToCanvas`. */\nexport const mount = (context: StoryContext<Args>) => {\n    const storyId = getStoryId(context);\n    const { forceRemount } = context;\n\n    if (!storyId) {\n        throw new Error('Story ID is required');\n    }\n\n    return async(ui: StoryFnReturnType) => {\n        if (ui != null) {\n            context.originalStoryFn = () => ui;\n        }\n\n        if (forceRemount) {\n            storyStore.disposeStory(storyId);\n        }\n\n        if (!storyStore.isStoryRendered(storyId) || forceRemount) {\n            storyStore.resetStory(storyId);\n        }\n\n        storyStore.makeContextReactive(context);\n\n        await context.renderToCanvas();\n\n        return context.canvas;\n    };\n};\n"]}