storybook-astro 0.1.0

package/dist/integration/toolbar-app.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+var toolbar = require('astro/toolbar');
+
+// src/integration/toolbar-app.ts
+var toolbar_app_default = toolbar.defineToolbarApp({
+  init(canvas) {
+    fetch("/__storybook-config").then((res) => res.json()).then((config) => {
+      const storybookUrl = `http://${config.host}:${config.port}`;
+      const container = document.createElement("astro-dev-toolbar-window");
+      const content = document.createElement("div");
+      content.style.padding = "1rem";
+      const title = document.createElement("h2");
+      title.textContent = "Storybook";
+      title.style.marginTop = "0";
+      title.style.marginBottom = "0.5rem";
+      title.style.fontSize = "1.1rem";
+      title.style.fontWeight = "600";
+      content.appendChild(title);
+      const description = document.createElement("p");
+      description.textContent = "View and develop your components in isolation.";
+      description.style.marginTop = "0";
+      description.style.marginBottom = "1rem";
+      description.style.fontSize = "0.85rem";
+      description.style.opacity = "0.8";
+      content.appendChild(description);
+      const openButton = document.createElement("astro-dev-toolbar-button");
+      openButton.setAttribute("button-style", "purple");
+      openButton.innerHTML = `
+          <span style="display: flex; align-items: center; gap: 0.5rem;">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
+              <polyline points="15,3 21,3 21,9"/>
+              <line x1="10" y1="14" x2="21" y2="3"/>
+            </svg>
+            Open Storybook
+          </span>
+        `;
+      openButton.addEventListener("click", () => {
+        window.open(storybookUrl, "_blank");
+      });
+      content.appendChild(openButton);
+      const statusContainer = document.createElement("div");
+      statusContainer.style.marginTop = "1rem";
+      statusContainer.style.fontSize = "0.75rem";
+      statusContainer.style.display = "flex";
+      statusContainer.style.alignItems = "center";
+      statusContainer.style.gap = "0.5rem";
+      const statusDot = document.createElement("span");
+      statusDot.style.width = "8px";
+      statusDot.style.height = "8px";
+      statusDot.style.borderRadius = "50%";
+      statusDot.style.backgroundColor = "#888";
+      const statusText = document.createElement("span");
+      statusText.textContent = "Checking...";
+      statusText.style.opacity = "0.7";
+      statusContainer.appendChild(statusDot);
+      statusContainer.appendChild(statusText);
+      content.appendChild(statusContainer);
+      container.appendChild(content);
+      canvas.appendChild(container);
+      checkStorybookStatus(storybookUrl, statusDot, statusText);
+    }).catch(() => {
+      const container = document.createElement("astro-dev-toolbar-window");
+      const content = document.createElement("div");
+      content.style.padding = "1rem";
+      content.innerHTML = `
+          <h2 style="margin: 0 0 0.5rem 0; font-size: 1.1rem;">Storybook</h2>
+          <p style="margin: 0; font-size: 0.85rem; opacity: 0.8;">
+            Run <code style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 4px;">npm run storybook</code> to start Storybook.
+          </p>
+        `;
+      container.appendChild(content);
+      canvas.appendChild(container);
+    });
+  }
+});
+async function checkStorybookStatus(url, dot, text) {
+  try {
+    await fetch(url, { mode: "no-cors" });
+    dot.style.backgroundColor = "#4ade80";
+    text.textContent = `Running at ${url}`;
+  } catch {
+    dot.style.backgroundColor = "#f87171";
+    text.textContent = "Not running";
+  }
+}
+
+module.exports = toolbar_app_default;
+//# sourceMappingURL=toolbar-app.cjs.map
+//# sourceMappingURL=toolbar-app.cjs.map

package/dist/integration/toolbar-app.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/integration/toolbar-app.ts"],"names":["defineToolbarApp"],"mappings":"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","file":"toolbar-app.cjs","sourcesContent":["/**\n * Storybook Dev Toolbar App\n * \n * Shows a Storybook icon in the Astro dev toolbar that opens Storybook when clicked.\n */\n\nimport { defineToolbarApp } from 'astro/toolbar';\n\nexport default defineToolbarApp({\n  init(canvas) {\n    // Fetch Storybook config\n    fetch('/__storybook-config')\n      .then(res => res.json())\n      .then(config => {\n        const storybookUrl = `http://${config.host}:${config.port}`;\n        \n        // Create the UI\n        const container = document.createElement('astro-dev-toolbar-window');\n        \n        const content = document.createElement('div');\n        content.style.padding = '1rem';\n        \n        const title = document.createElement('h2');\n        title.textContent = 'Storybook';\n        title.style.marginTop = '0';\n        title.style.marginBottom = '0.5rem';\n        title.style.fontSize = '1.1rem';\n        title.style.fontWeight = '600';\n        content.appendChild(title);\n        \n        const description = document.createElement('p');\n        description.textContent = 'View and develop your components in isolation.';\n        description.style.marginTop = '0';\n        description.style.marginBottom = '1rem';\n        description.style.fontSize = '0.85rem';\n        description.style.opacity = '0.8';\n        content.appendChild(description);\n        \n        // Open Storybook button using astro-dev-toolbar-button\n        const openButton = document.createElement('astro-dev-toolbar-button');\n        openButton.setAttribute('button-style', 'purple');\n        openButton.innerHTML = `\n          <span style=\"display: flex; align-items: center; gap: 0.5rem;\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/>\n              <polyline points=\"15,3 21,3 21,9\"/>\n              <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"/>\n            </svg>\n            Open Storybook\n          </span>\n        `;\n        openButton.addEventListener('click', () => {\n          window.open(storybookUrl, '_blank');\n        });\n        content.appendChild(openButton);\n        \n        // Status indicator\n        const statusContainer = document.createElement('div');\n        statusContainer.style.marginTop = '1rem';\n        statusContainer.style.fontSize = '0.75rem';\n        statusContainer.style.display = 'flex';\n        statusContainer.style.alignItems = 'center';\n        statusContainer.style.gap = '0.5rem';\n        \n        const statusDot = document.createElement('span');\n        statusDot.style.width = '8px';\n        statusDot.style.height = '8px';\n        statusDot.style.borderRadius = '50%';\n        statusDot.style.backgroundColor = '#888';\n        \n        const statusText = document.createElement('span');\n        statusText.textContent = 'Checking...';\n        statusText.style.opacity = '0.7';\n        \n        statusContainer.appendChild(statusDot);\n        statusContainer.appendChild(statusText);\n        content.appendChild(statusContainer);\n        \n        container.appendChild(content);\n        canvas.appendChild(container);\n        \n        // Check if Storybook is running\n        checkStorybookStatus(storybookUrl, statusDot, statusText);\n      })\n      .catch(() => {\n        // Fallback if config fetch fails\n        const container = document.createElement('astro-dev-toolbar-window');\n        const content = document.createElement('div');\n        content.style.padding = '1rem';\n        content.innerHTML = `\n          <h2 style=\"margin: 0 0 0.5rem 0; font-size: 1.1rem;\">Storybook</h2>\n          <p style=\"margin: 0; font-size: 0.85rem; opacity: 0.8;\">\n            Run <code style=\"background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 4px;\">npm run storybook</code> to start Storybook.\n          </p>\n        `;\n        container.appendChild(content);\n        canvas.appendChild(container);\n      });\n  },\n});\n\n/**\n * Check if Storybook is running and update the status indicator\n */\nasync function checkStorybookStatus(\n  url: string, \n  dot: HTMLElement, \n  text: HTMLElement\n): Promise<void> {\n  try {\n    await fetch(url, { mode: 'no-cors' });\n    // no-cors mode doesn't give us status, but if it doesn't throw, something is there\n    dot.style.backgroundColor = '#4ade80';\n    text.textContent = `Running at ${url}`;\n  } catch {\n    dot.style.backgroundColor = '#f87171';\n    text.textContent = 'Not running';\n  }\n}\n"]}

package/dist/integration/toolbar-app.d.cts

@@ -0,0 +1,10 @@
+import * as astro from 'astro';
+
+/**
+ * Storybook Dev Toolbar App
+ *
+ * Shows a Storybook icon in the Astro dev toolbar that opens Storybook when clicked.
+ */
+declare const _default: astro.DevToolbarApp;
+
+export { _default as default };

package/dist/integration/toolbar-app.d.ts

@@ -0,0 +1,10 @@
+import * as astro from 'astro';
+
+/**
+ * Storybook Dev Toolbar App
+ *
+ * Shows a Storybook icon in the Astro dev toolbar that opens Storybook when clicked.
+ */
+declare const _default: astro.DevToolbarApp;
+
+export { _default as default };

package/dist/integration/toolbar-app.js

@@ -0,0 +1,89 @@
+import { defineToolbarApp } from 'astro/toolbar';
+
+// src/integration/toolbar-app.ts
+var toolbar_app_default = defineToolbarApp({
+  init(canvas) {
+    fetch("/__storybook-config").then((res) => res.json()).then((config) => {
+      const storybookUrl = `http://${config.host}:${config.port}`;
+      const container = document.createElement("astro-dev-toolbar-window");
+      const content = document.createElement("div");
+      content.style.padding = "1rem";
+      const title = document.createElement("h2");
+      title.textContent = "Storybook";
+      title.style.marginTop = "0";
+      title.style.marginBottom = "0.5rem";
+      title.style.fontSize = "1.1rem";
+      title.style.fontWeight = "600";
+      content.appendChild(title);
+      const description = document.createElement("p");
+      description.textContent = "View and develop your components in isolation.";
+      description.style.marginTop = "0";
+      description.style.marginBottom = "1rem";
+      description.style.fontSize = "0.85rem";
+      description.style.opacity = "0.8";
+      content.appendChild(description);
+      const openButton = document.createElement("astro-dev-toolbar-button");
+      openButton.setAttribute("button-style", "purple");
+      openButton.innerHTML = `
+          <span style="display: flex; align-items: center; gap: 0.5rem;">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
+              <polyline points="15,3 21,3 21,9"/>
+              <line x1="10" y1="14" x2="21" y2="3"/>
+            </svg>
+            Open Storybook
+          </span>
+        `;
+      openButton.addEventListener("click", () => {
+        window.open(storybookUrl, "_blank");
+      });
+      content.appendChild(openButton);
+      const statusContainer = document.createElement("div");
+      statusContainer.style.marginTop = "1rem";
+      statusContainer.style.fontSize = "0.75rem";
+      statusContainer.style.display = "flex";
+      statusContainer.style.alignItems = "center";
+      statusContainer.style.gap = "0.5rem";
+      const statusDot = document.createElement("span");
+      statusDot.style.width = "8px";
+      statusDot.style.height = "8px";
+      statusDot.style.borderRadius = "50%";
+      statusDot.style.backgroundColor = "#888";
+      const statusText = document.createElement("span");
+      statusText.textContent = "Checking...";
+      statusText.style.opacity = "0.7";
+      statusContainer.appendChild(statusDot);
+      statusContainer.appendChild(statusText);
+      content.appendChild(statusContainer);
+      container.appendChild(content);
+      canvas.appendChild(container);
+      checkStorybookStatus(storybookUrl, statusDot, statusText);
+    }).catch(() => {
+      const container = document.createElement("astro-dev-toolbar-window");
+      const content = document.createElement("div");
+      content.style.padding = "1rem";
+      content.innerHTML = `
+          <h2 style="margin: 0 0 0.5rem 0; font-size: 1.1rem;">Storybook</h2>
+          <p style="margin: 0; font-size: 0.85rem; opacity: 0.8;">
+            Run <code style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 4px;">npm run storybook</code> to start Storybook.
+          </p>
+        `;
+      container.appendChild(content);
+      canvas.appendChild(container);
+    });
+  }
+});
+async function checkStorybookStatus(url, dot, text) {
+  try {
+    await fetch(url, { mode: "no-cors" });
+    dot.style.backgroundColor = "#4ade80";
+    text.textContent = `Running at ${url}`;
+  } catch {
+    dot.style.backgroundColor = "#f87171";
+    text.textContent = "Not running";
+  }
+}
+
+export { toolbar_app_default as default };
+//# sourceMappingURL=toolbar-app.js.map
+//# sourceMappingURL=toolbar-app.js.map

package/dist/integration/toolbar-app.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/integration/toolbar-app.ts"],"names":[],"mappings":"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","file":"toolbar-app.js","sourcesContent":["/**\n * Storybook Dev Toolbar App\n * \n * Shows a Storybook icon in the Astro dev toolbar that opens Storybook when clicked.\n */\n\nimport { defineToolbarApp } from 'astro/toolbar';\n\nexport default defineToolbarApp({\n  init(canvas) {\n    // Fetch Storybook config\n    fetch('/__storybook-config')\n      .then(res => res.json())\n      .then(config => {\n        const storybookUrl = `http://${config.host}:${config.port}`;\n        \n        // Create the UI\n        const container = document.createElement('astro-dev-toolbar-window');\n        \n        const content = document.createElement('div');\n        content.style.padding = '1rem';\n        \n        const title = document.createElement('h2');\n        title.textContent = 'Storybook';\n        title.style.marginTop = '0';\n        title.style.marginBottom = '0.5rem';\n        title.style.fontSize = '1.1rem';\n        title.style.fontWeight = '600';\n        content.appendChild(title);\n        \n        const description = document.createElement('p');\n        description.textContent = 'View and develop your components in isolation.';\n        description.style.marginTop = '0';\n        description.style.marginBottom = '1rem';\n        description.style.fontSize = '0.85rem';\n        description.style.opacity = '0.8';\n        content.appendChild(description);\n        \n        // Open Storybook button using astro-dev-toolbar-button\n        const openButton = document.createElement('astro-dev-toolbar-button');\n        openButton.setAttribute('button-style', 'purple');\n        openButton.innerHTML = `\n          <span style=\"display: flex; align-items: center; gap: 0.5rem;\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/>\n              <polyline points=\"15,3 21,3 21,9\"/>\n              <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"/>\n            </svg>\n            Open Storybook\n          </span>\n        `;\n        openButton.addEventListener('click', () => {\n          window.open(storybookUrl, '_blank');\n        });\n        content.appendChild(openButton);\n        \n        // Status indicator\n        const statusContainer = document.createElement('div');\n        statusContainer.style.marginTop = '1rem';\n        statusContainer.style.fontSize = '0.75rem';\n        statusContainer.style.display = 'flex';\n        statusContainer.style.alignItems = 'center';\n        statusContainer.style.gap = '0.5rem';\n        \n        const statusDot = document.createElement('span');\n        statusDot.style.width = '8px';\n        statusDot.style.height = '8px';\n        statusDot.style.borderRadius = '50%';\n        statusDot.style.backgroundColor = '#888';\n        \n        const statusText = document.createElement('span');\n        statusText.textContent = 'Checking...';\n        statusText.style.opacity = '0.7';\n        \n        statusContainer.appendChild(statusDot);\n        statusContainer.appendChild(statusText);\n        content.appendChild(statusContainer);\n        \n        container.appendChild(content);\n        canvas.appendChild(container);\n        \n        // Check if Storybook is running\n        checkStorybookStatus(storybookUrl, statusDot, statusText);\n      })\n      .catch(() => {\n        // Fallback if config fetch fails\n        const container = document.createElement('astro-dev-toolbar-window');\n        const content = document.createElement('div');\n        content.style.padding = '1rem';\n        content.innerHTML = `\n          <h2 style=\"margin: 0 0 0.5rem 0; font-size: 1.1rem;\">Storybook</h2>\n          <p style=\"margin: 0; font-size: 0.85rem; opacity: 0.8;\">\n            Run <code style=\"background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 4px;\">npm run storybook</code> to start Storybook.\n          </p>\n        `;\n        container.appendChild(content);\n        canvas.appendChild(container);\n      });\n  },\n});\n\n/**\n * Check if Storybook is running and update the status indicator\n */\nasync function checkStorybookStatus(\n  url: string, \n  dot: HTMLElement, \n  text: HTMLElement\n): Promise<void> {\n  try {\n    await fetch(url, { mode: 'no-cors' });\n    // no-cors mode doesn't give us status, but if it doesn't throw, something is there\n    dot.style.backgroundColor = '#4ade80';\n    text.textContent = `Running at ${url}`;\n  } catch {\n    dot.style.backgroundColor = '#f87171';\n    text.textContent = 'Not running';\n  }\n}\n"]}

package/dist/preset.cjs

@@ -0,0 +1,294 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var path = require('path');
+var url = require('url');
+var module$1 = require('module');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/framework/vite-plugins.ts
+var vite_plugins_exports = {};
+__export(vite_plugins_exports, {
+  createAstroVitePlugins: () => createAstroVitePlugins
+});
+async function createAstroVitePlugins(options) {
+  process.env.VITEST = "true";
+  const astroViteConfig = await getAstroViteConfig();
+  const astroPlugins = extractAstroPlugins(astroViteConfig);
+  return [
+    ...astroPlugins,
+    astroContainerPlugin(),
+    astroStylesPlugin(options.stylesheets || []),
+    astroScriptsPlugin(options.scripts || []),
+    astroComponentMarkerPlugin()
+  ];
+}
+async function getAstroViteConfig() {
+  if (cachedAstroViteConfig) {
+    return cachedAstroViteConfig;
+  }
+  try {
+    const { getViteConfig } = await import('astro/config');
+    const configFn = getViteConfig({}, {
+      // Minimal inline Astro config - will use astro.config.mjs from project
+    });
+    cachedAstroViteConfig = await configFn({
+      mode: "development",
+      command: "serve"
+    });
+    return cachedAstroViteConfig;
+  } catch (error) {
+    console.warn("[storybook-astro] Could not load Astro Vite config:", error);
+    return { plugins: [] };
+  }
+}
+function extractAstroPlugins(config) {
+  if (!config.plugins) return [];
+  const flatPlugins = [];
+  const flatten = (arr) => {
+    for (const item of arr) {
+      if (Array.isArray(item)) {
+        flatten(item);
+      } else if (item) {
+        flatPlugins.push(item);
+      }
+    }
+  };
+  flatten(config.plugins);
+  const essentialPlugins = [
+    "astro:build",
+    "astro:build:normal",
+    "astro:config-alias",
+    "astro:load-fallback",
+    "astro:postprocess",
+    "astro:markdown",
+    "astro:html",
+    "astro:scripts",
+    "astro:assets",
+    "astro:head",
+    "astro:container"
+  ];
+  return flatPlugins.filter((p) => {
+    if (!p || typeof p !== "object") return false;
+    const name = "name" in p ? String(p.name) : "";
+    return essentialPlugins.some((essential) => name.startsWith(essential) || name === essential);
+  });
+}
+function astroContainerPlugin() {
+  let viteServer;
+  return {
+    name: "storybook-astro:container",
+    configureServer(server) {
+      viteServer = server;
+      server.ws.on("astro:render:request", async (data, client) => {
+        try {
+          const html = await renderAstroComponent(data, viteServer);
+          const response = {
+            id: data.id,
+            html
+          };
+          client.send("astro:render:response", response);
+        } catch (error) {
+          const errorMessage = error instanceof Error ? error.message : "Unknown error";
+          console.error("[storybook-astro] Render error:", errorMessage);
+          const response = {
+            id: data.id,
+            html: `<div style="color: #dc2626; background: #fef2f2; padding: 16px; border-radius: 8px; font-family: system-ui;">
+              <strong>Render Error</strong>
+              <pre style="margin: 8px 0 0; white-space: pre-wrap;">${escapeHtml(errorMessage)}</pre>
+            </div>`,
+            error: errorMessage
+          };
+          client.send("astro:render:response", response);
+        }
+      });
+    }
+  };
+}
+async function renderAstroComponent(data, server) {
+  const { experimental_AstroContainer: AstroContainer } = await import('astro/container');
+  const container = await AstroContainer.create({
+    // Resolve module paths for client-side scripts
+    resolve: async (specifier) => {
+      if (specifier.startsWith("astro:scripts")) {
+        return `/@id/${specifier}`;
+      }
+      return specifier;
+    }
+  });
+  const componentModule = await server.ssrLoadModule(data.component);
+  const Component = componentModule.default;
+  if (!Component) {
+    throw new Error(`Component not found: ${data.component}`);
+  }
+  const html = await container.renderToString(Component, {
+    props: data.args || {},
+    slots: data.slots || {}
+  });
+  return html;
+}
+function astroStylesPlugin(stylesheets) {
+  const virtualModuleId = "virtual:astro-storybook/styles";
+  const resolvedVirtualModuleId = "\0" + virtualModuleId;
+  return {
+    name: "storybook-astro:styles",
+    resolveId(id) {
+      if (id === virtualModuleId) {
+        return resolvedVirtualModuleId;
+      }
+    },
+    load(id) {
+      if (id === resolvedVirtualModuleId) {
+        const normalized = stylesheets.map((s) => normalizeAssetPath(s));
+        return `export const stylesheets = ${JSON.stringify(normalized)};`;
+      }
+    }
+  };
+}
+function astroScriptsPlugin(scripts) {
+  const virtualModuleId = "virtual:astro-storybook/scripts";
+  const resolvedVirtualModuleId = "\0" + virtualModuleId;
+  return {
+    name: "storybook-astro:scripts",
+    resolveId(id) {
+      if (id === virtualModuleId) {
+        return resolvedVirtualModuleId;
+      }
+    },
+    load(id) {
+      if (id === resolvedVirtualModuleId) {
+        const normalized = scripts.map((s) => normalizeAssetPath(s));
+        return `export const scripts = ${JSON.stringify(normalized)};`;
+      }
+    }
+  };
+}
+function astroComponentMarkerPlugin() {
+  return {
+    name: "storybook-astro:component-marker",
+    enforce: "post",
+    transform(code, id) {
+      if (!id.endsWith(".astro") && !id.includes(".astro?")) {
+        return null;
+      }
+      if (code.includes("export default") || code.includes("export { $$Component as default }")) {
+        const moduleIdLine = `
+;(function() { 
+          if (typeof $$Component !== 'undefined') { 
+            $$Component.isAstroComponentFactory = true;
+            $$Component.moduleId = ${JSON.stringify(id.split("?")[0])}; 
+          }
+        })();
+`;
+        return {
+          code: code + moduleIdLine,
+          map: null
+        };
+      }
+      return null;
+    },
+    // Handle HMR for Astro components
+    handleHotUpdate({ file, server }) {
+      if (file.endsWith(".astro")) {
+        server.ws.send({
+          type: "custom",
+          event: "astro:component:update",
+          data: { file }
+        });
+      }
+    }
+  };
+}
+function normalizeAssetPath(path) {
+  if (/^https?:\/\//.test(path)) {
+    return path;
+  }
+  path = path.replace(/^\.\//, "");
+  if (!path.startsWith("/")) {
+    path = "/" + path;
+  }
+  return path;
+}
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+var cachedAstroViteConfig;
+var init_vite_plugins = __esm({
+  "src/framework/vite-plugins.ts"() {
+    cachedAstroViteConfig = null;
+  }
+});
+var __dirname$1 = path.dirname(url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('preset.cjs', document.baseURI).href))));
+var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('preset.cjs', document.baseURI).href)));
+function getAbsolutePath(input) {
+  return path.dirname(require2.resolve(path.join(input, "package.json")));
+}
+var core = {
+  builder: getAbsolutePath("@storybook/builder-vite"),
+  renderer: path.join(__dirname$1, "renderer")
+};
+var frameworkName = "storybook-astro";
+var previewAnnotations = async (input = []) => {
+  return [
+    ...input,
+    path.join(__dirname$1, "renderer", "entry-preview.js")
+  ];
+};
+async function viteFinal(config, { presets }) {
+  const frameworkOptions = await presets.apply("frameworkOptions");
+  const { createAstroVitePlugins: createAstroVitePlugins2 } = await Promise.resolve().then(() => (init_vite_plugins(), vite_plugins_exports));
+  const astroPlugins = await createAstroVitePlugins2(frameworkOptions || {});
+  const existingPlugins = config.plugins || [];
+  const existingOptimizeDeps = config.optimizeDeps || {};
+  const existingSsr = config.ssr || {};
+  return {
+    ...config,
+    plugins: [...existingPlugins, ...astroPlugins],
+    optimizeDeps: {
+      ...existingOptimizeDeps,
+      include: [
+        ...existingOptimizeDeps.include || [],
+        // Pre-bundle CJS modules that Astro depends on
+        "cssesc",
+        "string-width"
+      ],
+      exclude: [
+        ...existingOptimizeDeps.exclude || [],
+        "astro",
+        "astro/container"
+      ]
+    },
+    ssr: {
+      ...existingSsr,
+      noExternal: [
+        ...Array.isArray(existingSsr.noExternal) ? existingSsr.noExternal : [],
+        "storybook-astro"
+      ]
+    }
+  };
+}
+var preset_default = {
+  core,
+  viteFinal,
+  frameworkName,
+  previewAnnotations
+};
+
+exports.core = core;
+exports.default = preset_default;
+exports.frameworkName = frameworkName;
+exports.previewAnnotations = previewAnnotations;
+exports.viteFinal = viteFinal;
+//# sourceMappingURL=preset.cjs.map
+//# sourceMappingURL=preset.cjs.map

package/dist/preset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/framework/vite-plugins.ts","../src/preset.ts"],"names":["__dirname","dirname","fileURLToPath","require","createRequire","join","createAstroVitePlugins"],"mappings":"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","file":"preset.cjs","sourcesContent":["/**\n * Vite plugins for Astro Storybook integration\n * \n * Creates the necessary Vite plugins to:\n * 1. Handle Astro component imports via Astro's Vite plugin\n * 2. Set up WebSocket communication for rendering\n * 3. Inject global styles and scripts\n */\n\nimport type { Plugin, ViteDevServer, InlineConfig } from 'vite';\nimport type { FrameworkOptions, RenderRequestMessage, RenderResponseMessage } from '../types/index.js';\n\n// Cache the Astro Vite config to avoid recreating it\nlet cachedAstroViteConfig: InlineConfig | null = null;\n\n/**\n * Create all Vite plugins needed for Astro support in Storybook\n */\nexport async function createAstroVitePlugins(options: FrameworkOptions): Promise<Plugin[]> {\n  // Set VITEST env to trick Astro into compiling components for client-side rendering\n  // This works around the SSR check in astro:build plugin that would otherwise\n  // stub out components with an error\n  process.env.VITEST = 'true';\n  \n  // Get Astro's full Vite configuration including all plugins\n  const astroViteConfig = await getAstroViteConfig();\n  \n  // Extract plugins from Astro's config\n  const astroPlugins = extractAstroPlugins(astroViteConfig);\n  \n  return [\n    ...astroPlugins,\n    astroContainerPlugin(),\n    astroStylesPlugin(options.stylesheets || []),\n    astroScriptsPlugin(options.scripts || []),\n    astroComponentMarkerPlugin(),\n  ];\n}\n\n/**\n * Get the full Astro Vite configuration using getViteConfig\n */\nasync function getAstroViteConfig(): Promise<InlineConfig> {\n  if (cachedAstroViteConfig) {\n    return cachedAstroViteConfig;\n  }\n  \n  try {\n    const { getViteConfig } = await import('astro/config');\n    \n    // getViteConfig returns a function that takes { mode, command }\n    const configFn = getViteConfig({}, {\n      // Minimal inline Astro config - will use astro.config.mjs from project\n    });\n    \n    cachedAstroViteConfig = await configFn({ \n      mode: 'development', \n      command: 'serve' \n    });\n    \n    return cachedAstroViteConfig;\n  } catch (error) {\n    console.warn('[storybook-astro] Could not load Astro Vite config:', error);\n    return { plugins: [] };\n  }\n}\n\n/**\n * Extract relevant plugins from Astro's Vite configuration\n */\nfunction extractAstroPlugins(config: InlineConfig): Plugin[] {\n  if (!config.plugins) return [];\n  \n  // Flatten nested plugin arrays - use explicit typing to avoid deep recursion\n  const flatPlugins: unknown[] = [];\n  const flatten = (arr: unknown[]): void => {\n    for (const item of arr) {\n      if (Array.isArray(item)) {\n        flatten(item);\n      } else if (item) {\n        flatPlugins.push(item);\n      }\n    }\n  };\n  flatten(config.plugins as unknown[]);\n  \n  // Include plugins essential for .astro file compilation\n  const essentialPlugins = [\n    'astro:build',\n    'astro:build:normal', \n    'astro:config-alias',\n    'astro:load-fallback',\n    'astro:postprocess',\n    'astro:markdown',\n    'astro:html',\n    'astro:scripts',\n    'astro:assets',\n    'astro:head',\n    'astro:container',\n  ];\n  \n  return flatPlugins.filter((p): p is Plugin => {\n    if (!p || typeof p !== 'object') return false;\n    const name = 'name' in p ? String((p as { name: unknown }).name) : '';\n    return essentialPlugins.some(essential => name.startsWith(essential) || name === essential);\n  });\n}\n\n/**\n * Plugin that sets up the Astro Container API for server-side rendering\n * Handles WebSocket messages from the client to render components\n */\nfunction astroContainerPlugin(): Plugin {\n  let viteServer: ViteDevServer;\n  \n  return {\n    name: 'storybook-astro:container',\n    \n    configureServer(server) {\n      viteServer = server;\n      \n      // Handle render requests from the client\n      server.ws.on('astro:render:request', async (data: RenderRequestMessage['data'], client) => {\n        try {\n          const html = await renderAstroComponent(data, viteServer);\n          \n          const response: RenderResponseMessage['data'] = {\n            id: data.id,\n            html,\n          };\n          \n          client.send('astro:render:response', response);\n        } catch (error) {\n          const errorMessage = error instanceof Error ? error.message : 'Unknown error';\n          console.error('[storybook-astro] Render error:', errorMessage);\n          \n          const response: RenderResponseMessage['data'] = {\n            id: data.id,\n            html: `<div style=\"color: #dc2626; background: #fef2f2; padding: 16px; border-radius: 8px; font-family: system-ui;\">\n              <strong>Render Error</strong>\n              <pre style=\"margin: 8px 0 0; white-space: pre-wrap;\">${escapeHtml(errorMessage)}</pre>\n            </div>`,\n            error: errorMessage,\n          };\n          \n          client.send('astro:render:response', response);\n        }\n      });\n    },\n  };\n}\n\n/**\n * Render an Astro component using the Container API\n */\nasync function renderAstroComponent(\n  data: RenderRequestMessage['data'],\n  server: ViteDevServer\n): Promise<string> {\n  // Dynamic import to get fresh module on HMR\n  const { experimental_AstroContainer: AstroContainer } = await import('astro/container');\n  \n  // Create container for rendering\n  const container = await AstroContainer.create({\n    // Resolve module paths for client-side scripts\n    resolve: async (specifier: string) => {\n      if (specifier.startsWith('astro:scripts')) {\n        return `/@id/${specifier}`;\n      }\n      return specifier;\n    },\n  });\n  \n  // Import the component module\n  const componentModule = await server.ssrLoadModule(data.component);\n  const Component = componentModule.default;\n  \n  if (!Component) {\n    throw new Error(`Component not found: ${data.component}`);\n  }\n  \n  // Render to string\n  const html = await container.renderToString(Component, {\n    props: data.args || {},\n    slots: data.slots || {},\n  });\n  \n  return html;\n}\n\n/**\n * Virtual module plugin for injecting global stylesheets\n */\nfunction astroStylesPlugin(stylesheets: string[]): Plugin {\n  const virtualModuleId = 'virtual:astro-storybook/styles';\n  const resolvedVirtualModuleId = '\\0' + virtualModuleId;\n  \n  return {\n    name: 'storybook-astro:styles',\n    \n    resolveId(id) {\n      if (id === virtualModuleId) {\n        return resolvedVirtualModuleId;\n      }\n    },\n    \n    load(id) {\n      if (id === resolvedVirtualModuleId) {\n        const normalized = stylesheets.map(s => normalizeAssetPath(s));\n        return `export const stylesheets = ${JSON.stringify(normalized)};`;\n      }\n    },\n  };\n}\n\n/**\n * Virtual module plugin for injecting global scripts\n */\nfunction astroScriptsPlugin(scripts: string[]): Plugin {\n  const virtualModuleId = 'virtual:astro-storybook/scripts';\n  const resolvedVirtualModuleId = '\\0' + virtualModuleId;\n  \n  return {\n    name: 'storybook-astro:scripts',\n    \n    resolveId(id) {\n      if (id === virtualModuleId) {\n        return resolvedVirtualModuleId;\n      }\n    },\n    \n    load(id) {\n      if (id === resolvedVirtualModuleId) {\n        const normalized = scripts.map(s => normalizeAssetPath(s));\n        return `export const scripts = ${JSON.stringify(normalized)};`;\n      }\n    },\n  };\n}\n\n/**\n * Plugin to mark Astro components with their module ID for rendering\n */\nfunction astroComponentMarkerPlugin(): Plugin {\n  return {\n    name: 'storybook-astro:component-marker',\n    enforce: 'post',\n    \n    transform(code, id) {\n      // Only process compiled .astro files\n      if (!id.endsWith('.astro') && !id.includes('.astro?')) {\n        return null;\n      }\n      \n      // Look for the default export and add moduleId\n      // Astro compiles components to have a default export\n      if (code.includes('export default') || code.includes('export { $$Component as default }')) {\n        const moduleIdLine = `\\n;(function() { \n          if (typeof $$Component !== 'undefined') { \n            $$Component.isAstroComponentFactory = true;\n            $$Component.moduleId = ${JSON.stringify(id.split('?')[0])}; \n          }\n        })();\\n`;\n        \n        return {\n          code: code + moduleIdLine,\n          map: null,\n        };\n      }\n      \n      return null;\n    },\n    \n    // Handle HMR for Astro components\n    handleHotUpdate({ file, server }) {\n      if (file.endsWith('.astro')) {\n        server.ws.send({\n          type: 'custom',\n          event: 'astro:component:update',\n          data: { file },\n        });\n      }\n    },\n  };\n}\n\n/**\n * Normalize asset paths for injection\n */\nfunction normalizeAssetPath(path: string): string {\n  // Keep absolute URLs as-is\n  if (/^https?:\\/\\//.test(path)) {\n    return path;\n  }\n  \n  // Remove leading ./ and ensure leading /\n  path = path.replace(/^\\.\\//, '');\n  if (!path.startsWith('/')) {\n    path = '/' + path;\n  }\n  \n  return path;\n}\n\n/**\n * Escape HTML special characters\n */\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\n","/**\n * Storybook Preset for Astro Framework\n * \n * This preset configures Storybook to work with Astro components by:\n * 1. Setting up the Vite builder with Astro-specific plugins\n * 2. Configuring the custom Astro renderer\n * 3. Adding middleware for server-side rendering via Container API\n */\n\nimport { dirname, join } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport { createRequire } from 'node:module';\nimport type { FrameworkOptions } from './types/index.js';\nimport type { InlineConfig } from 'vite';\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\nconst require = createRequire(import.meta.url);\n\n/**\n * Get absolute path to a package\n */\nfunction getAbsolutePath<T extends string>(input: T): T {\n  return dirname(require.resolve(join(input, 'package.json'))) as T;\n}\n\n/**\n * Core Storybook configuration\n */\nexport const core = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer: join(__dirname, 'renderer'),\n};\n\n/**\n * Framework name for Storybook\n */\nexport const frameworkName = 'storybook-astro' as const;\n\n/**\n * Preview annotations - tells Storybook where to find the render functions\n */\nexport const previewAnnotations = async (input: string[] = []) => {\n  return [\n    ...input,\n    join(__dirname, 'renderer', 'entry-preview.js'),\n  ];\n};\n\ninterface ViteFinalContext {\n  presets: {\n    apply<T>(preset: string): Promise<T>;\n  };\n}\n\n/**\n * Vite configuration for Astro support\n */\nexport async function viteFinal(\n  config: InlineConfig,\n  { presets }: ViteFinalContext\n): Promise<InlineConfig> {\n  const frameworkOptions = await presets.apply<FrameworkOptions>('frameworkOptions');\n  \n  // Dynamic import to avoid bundling issues\n  const { createAstroVitePlugins } = await import('./framework/vite-plugins.js');\n  \n  const astroPlugins = await createAstroVitePlugins(frameworkOptions || {});\n  \n  const existingPlugins = config.plugins || [];\n  const existingOptimizeDeps = config.optimizeDeps || {};\n  const existingSsr = config.ssr || {};\n  \n  return {\n    ...config,\n    plugins: [...existingPlugins, ...astroPlugins],\n    optimizeDeps: {\n      ...existingOptimizeDeps,\n      include: [\n        ...(existingOptimizeDeps.include || []),\n        // Pre-bundle CJS modules that Astro depends on\n        'cssesc',\n        'string-width',\n      ],\n      exclude: [\n        ...(existingOptimizeDeps.exclude || []),\n        'astro',\n        'astro/container',\n      ],\n    },\n    ssr: {\n      ...existingSsr,\n      noExternal: [\n        ...(Array.isArray(existingSsr.noExternal) ? existingSsr.noExternal : []),\n        'storybook-astro',\n      ],\n    },\n  };\n}\n\n/**\n * Default export for preset auto-detection\n */\nexport default {\n  core,\n  viteFinal,\n  frameworkName,\n  previewAnnotations,\n};\n"]}

package/dist/preset.d.cts

@@ -0,0 +1,49 @@
+import { InlineConfig } from 'vite';
+
+/**
+ * Storybook Preset for Astro Framework
+ *
+ * This preset configures Storybook to work with Astro components by:
+ * 1. Setting up the Vite builder with Astro-specific plugins
+ * 2. Configuring the custom Astro renderer
+ * 3. Adding middleware for server-side rendering via Container API
+ */
+
+/**
+ * Core Storybook configuration
+ */
+declare const core: {
+    builder: "@storybook/builder-vite";
+    renderer: string;
+};
+/**
+ * Framework name for Storybook
+ */
+declare const frameworkName: "storybook-astro";
+/**
+ * Preview annotations - tells Storybook where to find the render functions
+ */
+declare const previewAnnotations: (input?: string[]) => Promise<string[]>;
+interface ViteFinalContext {
+    presets: {
+        apply<T>(preset: string): Promise<T>;
+    };
+}
+/**
+ * Vite configuration for Astro support
+ */
+declare function viteFinal(config: InlineConfig, { presets }: ViteFinalContext): Promise<InlineConfig>;
+/**
+ * Default export for preset auto-detection
+ */
+declare const _default: {
+    core: {
+        builder: "@storybook/builder-vite";
+        renderer: string;
+    };
+    viteFinal: typeof viteFinal;
+    frameworkName: "storybook-astro";
+    previewAnnotations: (input?: string[]) => Promise<string[]>;
+};
+
+export { core, _default as default, frameworkName, previewAnnotations, viteFinal };