@storybook-astro/framework 0.1.0-beta.8 → 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+import { ProjectAnnotations } from 'storybook/internal/types';
+export { ArgTypes, Args, Parameters, ProjectAnnotations, StrictArgs } from 'storybook/internal/types';
+import { A as AstroRenderer } from './portable-stories-BvdaQigq.js';
+export { c as composeStories, a as composeStory, s as setProjectAnnotations } from './portable-stories-BvdaQigq.js';
+export { F as FrameworkOptions, S as SanitizationOptions, a as StoryRulesOptions, b as StorybookConfig } from './types-CHTsRtA7.js';
+import { RequestHandler } from 'msw';
+export { core, viteFinal } from './preset.js';
+import 'vite';
+import './base-IRZo3zgK.js';
+import 'astro';
+import 'sanitize-html';
+
+type StoryMode = 'development' | 'production';
+type StoryRuleUseResult = void | Promise<void>;
+type StoryRuleUseContext = {
+    mode: StoryMode;
+    story: StoryRuleStory;
+    msw: {
+        use: (...handlers: RequestHandler[]) => void;
+    };
+    mock: (specifier: string, replacement: string) => void;
+};
+type StoryRuleUse = (context: StoryRuleUseContext) => StoryRuleUseResult;
+type StoryRule = {
+    match: string | string[];
+    use: StoryRuleUse | StoryRuleUse[];
+};
+type StoryRulesConfig = {
+    rules: StoryRule[];
+};
+type StoryRuleStory = {
+    id: string;
+    title?: string;
+    name?: string;
+    keys: string[];
+};
+declare function defineStoryRules(config: StoryRulesConfig): StoryRulesConfig;
+
+/** Preview configuration type for `.storybook/preview.ts` in Astro projects. */
+type Preview = ProjectAnnotations<AstroRenderer>;
+
+export { AstroRenderer, type Preview, type StoryRule, type StoryRuleUse, type StoryRuleUseContext, type StoryRulesConfig, defineStoryRules };

package/dist/index.js

@@ -1,75 +1,24 @@
 import {
   core,
   viteFinal
-} from "./chunk-SAOPE6SA.js";
-import "./chunk-G3PMV62Z.js";
-
-// src/portable-stories.ts
+} from "./chunk-UK43WNEA.js";
 import {
-  composeStory as originalComposeStory,
-  composeStories as originalComposeStories,
-  setProjectAnnotations as originalSetProjectAnnotations
-} from "storybook/internal/preview-api";
-var render = (args, context) => {
-  const Component = context?.component;
-  const renderer = context?.parameters?.renderer;
-  const id = context?.id || "test-story";
-  const brokenRenderers = [];
-  if (renderer && brokenRenderers.includes(renderer)) {
-    throw new Error(`Renderer '${renderer}' not found. Available renderers: react, vue, svelte, solid, preact`);
-  }
-  if (!Component) {
-    throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
-  }
-  if (typeof Component === "function" && Component.isAstroComponentFactory) {
-    return Component;
-  }
-  if (typeof Component === "function") {
-    if (renderer && !brokenRenderers.includes(renderer)) {
-      return Component;
-    }
-    if (!renderer) {
-      throw new Error(
-        `Component appears to be a framework component but no renderer is specified. Add 'parameters: { renderer: "framework-name" }' to your story configuration.`
-      );
-    }
-  }
-  return {
-    component: Component,
-    args,
-    renderer: renderer || "astro"
-  };
-};
-function setProjectAnnotations(projectAnnotations) {
-  return originalSetProjectAnnotations(projectAnnotations);
-}
-function composeStory(story, componentAnnotations, projectAnnotations, exportsName) {
-  const mergedProjectAnnotations = projectAnnotations ? {
-    ...projectAnnotations,
-    render: projectAnnotations.render || render
-  } : {
-    render
-  };
-  return originalComposeStory(
-    story,
-    componentAnnotations,
-    mergedProjectAnnotations,
-    exportsName
-  );
-}
-function composeStories(storiesImport, projectAnnotations) {
-  const mergedProjectAnnotations = projectAnnotations ? {
-    ...projectAnnotations,
-    render: projectAnnotations.render || render
-  } : {
-    render
-  };
-  return originalComposeStories(storiesImport, mergedProjectAnnotations);
-}
+  defineStoryRules
+} from "./chunk-C5OH4VBR.js";
+import {
+  composeStories,
+  composeStory,
+  setProjectAnnotations
+} from "./chunk-5EF25G5S.js";
+import "./chunk-E4LB75JN.js";
+import "./chunk-7GHEQUPV.js";
+import "./chunk-DNGQBPT7.js";
+import "./chunk-G3PMV62Z.js";
 export {
   composeStories,
   composeStory,
   core,
+  defineStoryRules,
   setProjectAnnotations,
   viteFinal
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/portable-stories.ts"],"sourcesContent":["// @ts-ignore - Storybook internal modules have complex module resolution\nimport type {\n  Args,\n  ComponentAnnotations,\n  NamedOrDefaultProjectAnnotations,\n  NormalizedProjectAnnotations,\n  ProjectAnnotations,\n  StoryAnnotationsOrFn,\n  WebRenderer,\n} from 'storybook/internal/types';\n// @ts-ignore - Storybook internal modules have complex module resolution\nimport {\n  composeStory as originalComposeStory,\n  composeStories as originalComposeStories,\n  setProjectAnnotations as originalSetProjectAnnotations,\n} from 'storybook/internal/preview-api';\n\n// Define the AstroRenderer type to match other frameworks\nexport interface AstroRenderer extends WebRenderer {\n  component: any;\n  storyResult: any;\n}\n\n// Create a render function for testing that mimics Storybook's render behavior\nconst render = (args: Args, context?: any) => {\n  const Component = context?.component;\n  const renderer = context?.parameters?.renderer;\n  const id = context?.id || 'test-story';\n  \n  // Renderers that are known to not work in the current integration\n  const brokenRenderers: string[] = [];\n  \n  // Mimic the renderer detection logic from the main renderer\n  if (renderer && brokenRenderers.includes(renderer)) {\n    throw new Error(`Renderer '${renderer}' not found. Available renderers: react, vue, svelte, solid, preact`);\n  }\n  \n  // For Astro components and working integrations, return a renderable object\n  if (!Component) {\n    throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);\n  }\n  \n  // Astro components can be identified by isAstroComponentFactory\n  if (typeof Component === 'function' && (Component as any).isAstroComponentFactory) {\n    // This is an Astro component - return it for server-side rendering\n    return Component;\n  }\n  \n  // For framework components that have working integrations\n  if (typeof Component === 'function') {\n    if (renderer && !brokenRenderers.includes(renderer)) {\n      // This would delegate to working framework renderer\n      return Component;\n    }\n    \n    // If no renderer specified for function component\n    if (!renderer) {\n      throw new Error(\n        `Component appears to be a framework component but no renderer is specified. ` +\n        `Add 'parameters: { renderer: \"framework-name\" }' to your story configuration.`\n      );\n    }\n  }\n  \n  // Return a basic representation for testing\n  return {\n    component: Component,\n    args: args,\n    renderer: renderer || 'astro'\n  };\n};\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook-astro/framework';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations:\n    | NamedOrDefaultProjectAnnotations<AstroRenderer>\n    | NamedOrDefaultProjectAnnotations<AstroRenderer>[]\n): NormalizedProjectAnnotations<AstroRenderer> {\n  return originalSetProjectAnnotations<AstroRenderer>(projectAnnotations);\n}\n\n/**\n * Function that will receive a story along with meta (e.g. a default export from a .stories file)\n * and optionally projectAnnotations e.g. (import * as projectAnnotations from '../.storybook/preview')\n * and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.\n *\n * It's very useful for reusing a story in scenarios outside of Storybook like unit testing.\n *\n * Example:\n * ```jsx\n * import { render } from '@testing-library/react';\n * import { composeStory } from '@storybook-astro/framework';\n * import meta, { Primary as PrimaryStory } from './Button.stories';\n *\n * const Primary = composeStory(PrimaryStory, meta);\n *\n * test('renders primary button', () => {\n *   const { getByRole } = render(<Primary>Hello world</Primary>);\n *   expect(getByRole('button')).toBeInTheDocument();\n * });\n * ```\n *\n * @param story - E.g. (import { Primary } from './Button.stories')\n * @param componentAnnotations - E.g. (import meta from './Button.stories')\n * @param projectAnnotations - E.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.\n * @param exportsName - In case your story does not contain a name and you want it to have a name.\n */\nexport function composeStory<TArgs extends Args = Args>(\n  story: StoryAnnotationsOrFn<AstroRenderer, TArgs>,\n  componentAnnotations: ComponentAnnotations<AstroRenderer, TArgs>,\n  projectAnnotations?: ProjectAnnotations<AstroRenderer>,\n  exportsName?: string\n) {\n  // Merge project annotations with Astro renderer\n  const mergedProjectAnnotations: any = projectAnnotations ? {\n    ...projectAnnotations,\n    render: projectAnnotations.render || render\n  } : {\n    render\n  };\n  \n  return originalComposeStory<AstroRenderer, TArgs>(\n    story as any,\n    componentAnnotations,\n    mergedProjectAnnotations as any,\n    exportsName as any\n  );\n}\n\n/**\n * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)\n * and optionally a globalConfig (e.g. `import * from '../.storybook/preview`)\n * and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.\n *\n * It's very useful for reusing stories in scenarios outside of Storybook like unit testing.\n *\n * Example:\n * ```jsx\n * import { render } from '@testing-library/react';\n * import { composeStories } from '@storybook-astro/framework';\n * import * as stories from './Button.stories';\n *\n * const { Primary, Secondary } = composeStories(stories);\n *\n * test('renders primary button', () => {\n *   const { getByRole } = render(<Primary>Hello world</Primary>);\n *   expect(getByRole('button')).toBeInTheDocument();\n * });\n * ```\n *\n * @param storiesImport - E.g. (import * as stories from './Button.stories')\n * @param projectAnnotations - E.g. (import * as globalConfig from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.\n */\nexport function composeStories<TModule extends Record<string, any>>(\n  storiesImport: TModule,\n  projectAnnotations?: ProjectAnnotations<AstroRenderer>\n): { [K in keyof Omit<TModule, 'default'>]: any } {\n  // Merge project annotations with Astro renderer\n  const mergedProjectAnnotations: any = projectAnnotations ? {\n    ...projectAnnotations,\n    render: projectAnnotations.render || render\n  } : {\n    render\n  };\n  \n  return originalComposeStories(storiesImport as any, mergedProjectAnnotations as any) as { [K in keyof Omit<TModule, 'default'>]: any };\n}\n"],"mappings":";;;;;;;AAWA;AAAA,EACE,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,yBAAyB;AAAA,OACpB;AASP,IAAM,SAAS,CAAC,MAAY,YAAkB;AAC5C,QAAM,YAAY,SAAS;AAC3B,QAAM,WAAW,SAAS,YAAY;AACtC,QAAM,KAAK,SAAS,MAAM;AAG1B,QAAM,kBAA4B,CAAC;AAGnC,MAAI,YAAY,gBAAgB,SAAS,QAAQ,GAAG;AAClD,UAAM,IAAI,MAAM,aAAa,QAAQ,qEAAqE;AAAA,EAC5G;AAGA,MAAI,CAAC,WAAW;AACd,UAAM,IAAI,MAAM,0BAA0B,EAAE,iEAAiE;AAAA,EAC/G;AAGA,MAAI,OAAO,cAAc,cAAe,UAAkB,yBAAyB;AAEjF,WAAO;AAAA,EACT;AAGA,MAAI,OAAO,cAAc,YAAY;AACnC,QAAI,YAAY,CAAC,gBAAgB,SAAS,QAAQ,GAAG;AAEnD,aAAO;AAAA,IACT;AAGA,QAAI,CAAC,UAAU;AACb,YAAM,IAAI;AAAA,QACR;AAAA,MAEF;AAAA,IACF;AAAA,EACF;AAGA,SAAO;AAAA,IACL,WAAW;AAAA,IACX;AAAA,IACA,UAAU,YAAY;AAAA,EACxB;AACF;AAqBO,SAAS,sBACd,oBAG6C;AAC7C,SAAO,8BAA6C,kBAAkB;AACxE;AA4BO,SAAS,aACd,OACA,sBACA,oBACA,aACA;AAEA,QAAM,2BAAgC,qBAAqB;AAAA,IACzD,GAAG;AAAA,IACH,QAAQ,mBAAmB,UAAU;AAAA,EACvC,IAAI;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AA0BO,SAAS,eACd,eACA,oBACgD;AAEhD,QAAM,2BAAgC,qBAAqB;AAAA,IACzD,GAAG;AAAA,IACH,QAAQ,mBAAmB,UAAU;AAAA,EACvC,IAAI;AAAA,IACF;AAAA,EACF;AAEA,SAAO,uBAAuB,eAAsB,wBAA+B;AACrF;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/integrations/index.d.ts

@@ -0,0 +1,138 @@
+import * as astro from 'astro';
+import { I as Integration } from '../base-IRZo3zgK.js';
+import { PreactPluginOptions } from '@preact/preset-vite';
+import { Options as Options$6 } from '@vitejs/plugin-react';
+import { Options as Options$7 } from 'vite-plugin-solid';
+import { PluginOptions, SvelteConfig } from '@sveltejs/vite-plugin-svelte';
+import { Options as Options$8 } from '@vitejs/plugin-vue';
+import { Options as Options$9 } from '@vitejs/plugin-vue-jsx';
+
+type Options$5 = Record<string, unknown>;
+declare class AlpineIntegration implements Integration {
+    readonly name = "alpine";
+    readonly dependencies: string[];
+    readonly options: Options$5;
+    readonly renderer: {};
+    constructor(options?: Options$5);
+    resolveClient(_moduleName: string): undefined;
+    loadIntegration(resolveFrom?: string): Promise<astro.AstroIntegration>;
+}
+
+type Options$4 = Pick<PreactPluginOptions, 'include' | 'exclude'> & {
+    compat?: boolean;
+    devtools?: boolean;
+};
+declare class PreactIntegration implements Integration {
+    readonly name = "preact";
+    readonly dependencies: string[];
+    readonly options: Options$4;
+    readonly storybookEntryPreview = "@storybook/preact/entry-preview";
+    readonly renderer: {
+        server: {
+            name: string;
+            entrypoint: string;
+        };
+        client: {
+            name: string;
+            entrypoint: string;
+        };
+    };
+    constructor(options?: Options$4);
+    resolveClient(moduleName: string): string | undefined;
+    loadIntegration(resolveFrom?: string): Promise<astro.AstroIntegration>;
+}
+
+type Options$3 = Pick<Options$6, 'include' | 'exclude'>;
+declare class ReactIntegration implements Integration {
+    readonly name = "react";
+    readonly dependencies: string[];
+    readonly options: Options$3;
+    readonly storybookEntryPreview = "@storybook/react/entry-preview";
+    readonly renderer: {
+        server: {
+            name: string;
+            entrypoint: string;
+        };
+        client: {
+            name: string;
+            entrypoint: string;
+        };
+    };
+    constructor(options?: Options$3);
+    resolveClient(moduleName: string): string | undefined;
+    loadIntegration(resolveFrom?: string): Promise<astro.AstroIntegration>;
+}
+
+type Options$2 = Pick<Options$7, 'include' | 'exclude'>;
+declare class SolidIntegration implements Integration {
+    readonly name = "solid";
+    readonly dependencies: string[];
+    readonly options: Options$2;
+    readonly storybookEntryPreview = "storybook-solidjs-vite/renderer/entry-preview";
+    readonly renderer: {
+        server: {
+            name: string;
+            entrypoint: string;
+        };
+        client: {
+            name: string;
+            entrypoint: string;
+        };
+    };
+    constructor(options?: Options$2);
+    resolveClient(moduleName: string): string | undefined;
+    loadIntegration(resolveFrom?: string): Promise<astro.AstroIntegration>;
+}
+
+type Options$1 = Omit<PluginOptions, ''> & Omit<SvelteConfig, 'vitePlugin'>;
+declare class SvelteIntegration implements Integration {
+    readonly name = "svelte";
+    readonly dependencies: string[];
+    readonly options: Options$1;
+    readonly storybookEntryPreview = "@storybook/svelte/entry-preview";
+    readonly renderer: {
+        server: {
+            entrypoint: string;
+            name: string;
+        };
+        client: {
+            name: string;
+            entrypoint: string;
+        };
+    };
+    constructor(options?: Options$1);
+    resolveClient(moduleName: string): string | undefined;
+    loadIntegration(resolveFrom?: string): Promise<astro.AstroIntegration>;
+}
+
+type Options = Pick<Options$8, 'include' | 'exclude'> & {
+    jsx?: boolean | Options$9;
+};
+declare class VueIntegration implements Integration {
+    readonly name = "vue";
+    readonly dependencies: string[];
+    readonly options: Options;
+    readonly storybookEntryPreview = "@storybook/vue3/entry-preview";
+    readonly renderer: {
+        server: {
+            name: string;
+            entrypoint: string;
+        };
+        client: {
+            name: string;
+            entrypoint: string;
+        };
+    };
+    constructor(options?: Options);
+    resolveClient(moduleName: string): string | undefined;
+    loadIntegration(resolveFrom?: string): Promise<astro.AstroIntegration>;
+}
+
+declare function alpinejs(options?: Options$5): AlpineIntegration;
+declare function preact(options?: Options$4): PreactIntegration;
+declare function react(options?: Options$3): ReactIntegration;
+declare function solid(options?: Options$2): SolidIntegration;
+declare function svelte(options?: Options$1): SvelteIntegration;
+declare function vue(options?: Options): VueIntegration;
+
+export { Integration, alpinejs, preact, react, solid, svelte, vue };

package/dist/integrations/index.js

@@ -1,200 +1,12 @@
+import {
+  alpinejs,
+  preact,
+  react,
+  solid,
+  svelte,
+  vue
+} from "../chunk-PJEDXZVN.js";
 import "../chunk-G3PMV62Z.js";
-
-// src/integrations/alpine.ts
-var AlpineIntegration = class {
-  name = "alpine";
-  dependencies = [
-    "@astrojs/alpinejs",
-    "alpinejs"
-  ];
-  options;
-  renderer = {};
-  constructor(options = {}) {
-    this.options = options;
-  }
-  resolveClient(_moduleName) {
-  }
-  async loadIntegration() {
-    const framework = await import("@astrojs/alpinejs");
-    return framework.default(this.options);
-  }
-};
-
-// src/integrations/preact.ts
-var PreactIntegration = class {
-  name = "preact";
-  dependencies = ["@astrojs/preact", "@storybook/preact-vite", "preact"];
-  options;
-  storybookEntryPreview = "@storybook/preact/entry-preview";
-  renderer = {
-    server: {
-      name: "@astrojs/preact",
-      entrypoint: "@astrojs/preact/server.js"
-    },
-    client: {
-      name: "@astrojs/preact",
-      entrypoint: "@astrojs/preact/client.js"
-    }
-  };
-  constructor(options = {}) {
-    this.options = options;
-  }
-  resolveClient(moduleName) {
-    if (moduleName.startsWith("@astrojs/preact/client")) {
-      return `/@id/${moduleName}`;
-    }
-  }
-  async loadIntegration() {
-    const framework = await import("@astrojs/preact");
-    return framework.default(this.options);
-  }
-};
-
-// src/integrations/react.ts
-var ReactIntegration = class {
-  name = "react";
-  dependencies = ["@astrojs/react", "@storybook/react", "react", "react-dom"];
-  options;
-  storybookEntryPreview = "@storybook/react/entry-preview";
-  renderer = {
-    server: {
-      name: "@astrojs/react",
-      entrypoint: "@astrojs/react/server.js"
-    },
-    client: {
-      name: "@astrojs/react",
-      entrypoint: "@astrojs/react/client.js"
-    }
-  };
-  constructor(options = {}) {
-    this.options = options;
-  }
-  resolveClient(moduleName) {
-    if (moduleName.startsWith("@astrojs/react/client")) {
-      return `/@id/${moduleName}`;
-    }
-  }
-  async loadIntegration() {
-    const framework = await import("@astrojs/react");
-    return framework.default(this.options);
-  }
-};
-
-// src/integrations/solid.ts
-var SolidIntegration = class {
-  name = "solid";
-  dependencies = ["@astrojs/solid-js", "storybook-solidjs-vite", "solid-js"];
-  options;
-  storybookEntryPreview = "storybook-solidjs-vite/renderer/entry-preview";
-  renderer = {
-    server: {
-      name: "@astrojs/solid-js",
-      entrypoint: "@astrojs/solid-js/server.js"
-    },
-    client: {
-      name: "@astrojs/solid-js",
-      entrypoint: "@astrojs/solid-js/client.js"
-    }
-  };
-  constructor(options = {}) {
-    this.options = options;
-  }
-  resolveClient(moduleName) {
-    if (moduleName.startsWith("@astrojs/solid-js/client")) {
-      return `/@id/${moduleName}`;
-    }
-  }
-  async loadIntegration() {
-    const framework = await import("@astrojs/solid-js");
-    return framework.default(this.options);
-  }
-};
-
-// src/integrations/svelte.ts
-var DEFAULT_OPTIONS = {
-  extensions: [".svelte"]
-};
-var SvelteIntegration = class {
-  name = "svelte";
-  dependencies = ["@astrojs/svelte", "@storybook/svelte", "svelte"];
-  options;
-  storybookEntryPreview = "@storybook/svelte/entry-preview";
-  renderer = {
-    server: {
-      entrypoint: "@astrojs/svelte/server.js",
-      name: "@astrojs/svelte"
-    },
-    client: {
-      name: "@astrojs/svelte",
-      entrypoint: "@astrojs/svelte/client.js"
-    }
-  };
-  constructor(options = DEFAULT_OPTIONS) {
-    this.options = options;
-  }
-  resolveClient(moduleName) {
-    if (moduleName.startsWith("@astrojs/svelte/client")) {
-      return `/@id/${moduleName}`;
-    }
-  }
-  async loadIntegration() {
-    const framework = await import("@astrojs/svelte");
-    return framework.default(this.options);
-  }
-};
-
-// src/integrations/vue.ts
-var DEFAULT_OPTIONS2 = {
-  include: ["**/*.vue"]
-};
-var VueIntegration = class {
-  name = "vue";
-  dependencies = ["@astrojs/vue", "@storybook/vue3", "vue"];
-  options;
-  storybookEntryPreview = "@storybook/vue3/entry-preview";
-  renderer = {
-    server: {
-      name: "@astrojs/vue",
-      entrypoint: "@astrojs/vue/server.js"
-    },
-    client: {
-      name: "@astrojs/vue",
-      entrypoint: "@astrojs/vue/client.js"
-    }
-  };
-  constructor(options = DEFAULT_OPTIONS2) {
-    this.options = options;
-  }
-  resolveClient(moduleName) {
-    if (moduleName.startsWith("@astrojs/vue/client")) {
-      return `/@id/${moduleName}`;
-    }
-  }
-  async loadIntegration() {
-    const framework = await import("@astrojs/vue");
-    return framework.default(this.options);
-  }
-};
-
-// src/integrations/index.ts
-function alpinejs(options) {
-  return new AlpineIntegration(options);
-}
-function preact(options) {
-  return new PreactIntegration(options);
-}
-function react(options) {
-  return new ReactIntegration(options);
-}
-function solid(options) {
-  return new SolidIntegration(options);
-}
-function svelte(options) {
-  return new SvelteIntegration(options);
-}
-function vue(options) {
-  return new VueIntegration(options);
-}
 export {
   alpinejs,
   preact,

package/dist/integrations/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/integrations/alpine.ts","../../src/integrations/preact.ts","../../src/integrations/react.ts","../../src/integrations/solid.ts","../../src/integrations/svelte.ts","../../src/integrations/vue.ts","../../src/integrations/index.ts"],"sourcesContent":["import type { Integration } from './base.ts';\n\nexport type Options = Record<string, unknown>;\n\nexport class AlpineIntegration implements Integration {\n  readonly name = 'alpine';\n  readonly dependencies = [\n    '@astrojs/alpinejs',\n    'alpinejs'\n  ];\n  readonly options: Options;\n  readonly renderer = {};\n\n  constructor(options: Options = {}) {\n    this.options = options;\n  }\n\n  resolveClient(_moduleName: string): undefined {}\n\n  async loadIntegration() {\n    const framework = await import('@astrojs/alpinejs');\n\n    return framework.default(this.options);\n  }\n}\n","import type { Integration } from './base.ts';\nimport type { PreactPluginOptions } from '@preact/preset-vite';\n\nexport type Options = Pick<PreactPluginOptions, 'include' | 'exclude'> & {\n  compat?: boolean;\n  devtools?: boolean;\n};\n\nexport class PreactIntegration implements Integration {\n  readonly name = 'preact';\n  readonly dependencies = ['@astrojs/preact', '@storybook/preact-vite', 'preact'];\n  readonly options: Options;\n  readonly storybookEntryPreview = '@storybook/preact/entry-preview';\n  \n  readonly renderer = {\n    server: {\n      name: '@astrojs/preact',\n      entrypoint: '@astrojs/preact/server.js'\n    },\n    client: {\n      name: '@astrojs/preact',\n      entrypoint: '@astrojs/preact/client.js'\n    }\n  };\n\n  constructor(options: Options = {}) {\n    this.options = options;\n  }\n\n  resolveClient(moduleName: string): string | undefined {\n    if (moduleName.startsWith('@astrojs/preact/client')) {\n      return `/@id/${moduleName}`;\n    }\n  }\n\n  async loadIntegration() {\n    const framework = await import('@astrojs/preact');\n\n    return framework.default(this.options);\n  }\n}\n","import type { Integration } from './base.ts';\nimport type { Options as ViteReactPluginOptions } from '@vitejs/plugin-react';\n\nexport type Options = Pick<ViteReactPluginOptions, 'include' | 'exclude'>;\n\nexport class ReactIntegration implements Integration {\n  readonly name = 'react';\n  readonly dependencies = ['@astrojs/react', '@storybook/react', 'react', 'react-dom'];\n  readonly options: Options;\n  readonly storybookEntryPreview = '@storybook/react/entry-preview';\n\n  readonly renderer = {\n    server: {\n      name: '@astrojs/react',\n      entrypoint: '@astrojs/react/server.js'\n    },\n    client: {\n      name: '@astrojs/react',\n      entrypoint: '@astrojs/react/client.js'\n    }\n  };\n\n  constructor(options: Options = {}) {\n    this.options = options;\n  }\n\n  resolveClient(moduleName: string): string | undefined {\n    if (moduleName.startsWith('@astrojs/react/client')) {\n      return `/@id/${moduleName}`;\n    }\n  }\n\n  async loadIntegration() {\n    const framework = await import('@astrojs/react');\n\n    return framework.default(this.options);\n  }\n}\n","import type { Integration } from './base.ts';\nimport type { Options as ViteSolidPluginOptions } from 'vite-plugin-solid';\n\nexport type Options = Pick<ViteSolidPluginOptions, 'include' | 'exclude'>;\n\nexport class SolidIntegration implements Integration {\n  readonly name = 'solid';\n  readonly dependencies = ['@astrojs/solid-js', 'storybook-solidjs-vite', 'solid-js'];\n  readonly options: Options;\n  readonly storybookEntryPreview = 'storybook-solidjs-vite/renderer/entry-preview';\n  readonly renderer = {\n    server: {\n      name: '@astrojs/solid-js',\n      entrypoint: '@astrojs/solid-js/server.js'\n    },\n    client: {\n      name: '@astrojs/solid-js',\n      entrypoint: '@astrojs/solid-js/client.js'\n    }\n  };\n\n  constructor(options: Options = {}) {\n    this.options = options;\n  }\n\n  resolveClient(moduleName: string): string | undefined {\n    if (moduleName.startsWith('@astrojs/solid-js/client')) {\n      return `/@id/${moduleName}`;\n    }\n  }\n\n  async loadIntegration() {\n    const framework = await import('@astrojs/solid-js');\n\n    return framework.default(this.options);\n  }\n}\n","import type { Integration } from './base.ts';\nimport type { Options as _foo, PluginOptions, SvelteConfig } from '@sveltejs/vite-plugin-svelte';\n\n// Using Omit with empty string to preserve index signature\n// capabilities while maintaining the structure of the original types\nexport type Options = Omit<PluginOptions, ''> & Omit<SvelteConfig, 'vitePlugin'>;\n\nconst DEFAULT_OPTIONS: Options = {\n  extensions: ['.svelte']\n};\n\nexport class SvelteIntegration implements Integration {\n  readonly name = 'svelte';\n  readonly dependencies = ['@astrojs/svelte', '@storybook/svelte', 'svelte'];\n  readonly options: Options;\n  readonly storybookEntryPreview = '@storybook/svelte/entry-preview';\n  readonly renderer = {\n    server: {\n      entrypoint: '@astrojs/svelte/server.js',\n      name: '@astrojs/svelte'\n    },\n    client: {\n      name: '@astrojs/svelte',\n      entrypoint: '@astrojs/svelte/client.js'\n    }\n  };\n\n  constructor(options: Options = DEFAULT_OPTIONS) {\n    this.options = options;\n  }\n\n  resolveClient(moduleName: string): string | undefined {\n    if (moduleName.startsWith('@astrojs/svelte/client')) {\n      return `/@id/${moduleName}`;\n    }\n  }\n\n  async loadIntegration() {\n    const framework = await import('@astrojs/svelte');\n\n    return framework.default(this.options);\n  }\n}\n","import type { Integration } from './base.ts';\nimport type { Options as VueOptions } from '@vitejs/plugin-vue';\nimport type { Options as VueJsxOptions } from '@vitejs/plugin-vue-jsx';\n\nexport type Options = Pick<VueOptions, 'include' | 'exclude'> & {\n  jsx?: boolean | VueJsxOptions;\n};\n\nconst DEFAULT_OPTIONS: Options = {\n  include: ['**/*.vue']\n};\n\nexport class VueIntegration implements Integration {\n  readonly name = 'vue';\n  readonly dependencies = ['@astrojs/vue', '@storybook/vue3', 'vue'];\n  readonly options: Options;\n  readonly storybookEntryPreview = '@storybook/vue3/entry-preview';\n\n  readonly renderer = {\n    server: {\n      name: '@astrojs/vue',\n      entrypoint: '@astrojs/vue/server.js'\n    },\n    client: {\n      name: '@astrojs/vue',\n      entrypoint: '@astrojs/vue/client.js'\n    }\n  };\n\n  constructor(options: Options = DEFAULT_OPTIONS) {\n    this.options = options;\n  }\n\n  resolveClient(moduleName: string): string | undefined {\n    if (moduleName.startsWith('@astrojs/vue/client')) {\n      return `/@id/${moduleName}`;\n    }\n  }\n\n  async loadIntegration() {\n    const framework = await import('@astrojs/vue');\n\n    return framework.default(this.options);\n  }\n}\n","import { AlpineIntegration, type Options as AlpineOptions } from './alpine.ts';\nimport { PreactIntegration, type Options as PreactOptions } from './preact.ts';\nimport { ReactIntegration, type Options as ReactOptions } from './react.ts';\nimport { SolidIntegration, type Options as SolidOptions } from './solid.ts';\nimport { SvelteIntegration, type Options as SvelteOptions } from './svelte.ts';\nimport { VueIntegration, type Options as VueOptions } from './vue.ts';\n\n\nexport function alpinejs(options?: AlpineOptions) {\n  return new AlpineIntegration(options);\n}\n\nexport function preact(options?: PreactOptions) {\n  return new PreactIntegration(options);\n}\n\nexport function react(options?: ReactOptions) {\n  return new ReactIntegration(options);\n}\n\nexport function solid(options?: SolidOptions) {\n  return new SolidIntegration(options);\n}\n\nexport function svelte(options?: SvelteOptions) {\n  return new SvelteIntegration(options);\n}\n\nexport function vue(options?: VueOptions) {\n  return new VueIntegration(options);\n}\n\nexport type { Integration } from './base.ts';\n"],"mappings":"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","names":["DEFAULT_OPTIONS"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/middleware.d.ts

@@ -0,0 +1,26 @@
+import { I as Integration } from './base-IRZo3zgK.js';
+import { R as RenderStoryInput, S as SanitizationOptions } from './types-CHTsRtA7.js';
+import 'astro';
+import 'storybook/internal/types';
+import 'vite';
+import 'sanitize-html';
+
+type ResolveRulesConfigModule = () => unknown | Promise<unknown>;
+type HandlerProps = {
+    component: string;
+    args?: Record<string, unknown>;
+    slots?: Record<string, unknown>;
+    story?: RenderStoryInput;
+};
+type HandlerFactoryOptions = {
+    mode?: 'development' | 'production';
+    sanitization?: SanitizationOptions;
+    rulesConfigFilePath?: string;
+    resolveRulesConfigModule?: ResolveRulesConfigModule;
+    loadModule?: (id: string) => Promise<{
+        default: unknown;
+    }>;
+};
+declare function handlerFactory(_integrations: Integration[], options?: HandlerFactoryOptions): Promise<(data: HandlerProps) => Promise<string>>;
+
+export { type HandlerProps, handlerFactory };