@storybook-astro/framework 0.1.0-beta.1

package/dist/index.js

@@ -0,0 +1,76 @@
+import {
+  core,
+  viteFinal
+} from "./chunk-LLYYQI75.js";
+import "./chunk-G3PMV62Z.js";
+
+// src/portable-stories.ts
+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);
+}
+export {
+  composeStories,
+  composeStory,
+  core,
+  setProjectAnnotations,
+  viteFinal
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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":[]}

package/dist/integrations/index.js

@@ -0,0 +1,206 @@
+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,
+  react,
+  solid,
+  svelte,
+  vue
+};
+//# sourceMappingURL=index.js.map

package/dist/integrations/index.js.map

@@ -0,0 +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"]}