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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook-astro/framework",
-  "version": "0.1.0-beta.7",
+  "version": "0.1.0-beta.8",
   "description": "Community-supported Storybook framework for Astro 6 components",
   "type": "module",
   "license": "MIT",
@@ -147,7 +147,7 @@
     }
   },
   "dependencies": {
-    "@storybook-astro/renderer": "0.1.0-beta.7",
+    "@storybook-astro/renderer": "0.1.0-beta.8",
     "vite": "^6.2.5 || ^7.0.0"
   }
 }

package/src/middleware.ts

@@ -9,6 +9,7 @@ export type HandlerProps = {
 };
 
 export async function handlerFactory(integrations: Integration[]) {
+  const safeIntegrations = integrations ?? [];
   const container = await AstroContainer.create({
     // Somewhat hacky way to force client-side Storybook's Vite to resolve modules properly
     resolve: async (s) => {
@@ -16,7 +17,7 @@ export async function handlerFactory(integrations: Integration[]) {
         return `/@id/${s}`;
       }
 
-      for (const integration of integrations) {
+      for (const integration of safeIntegrations) {
         const resolution = integration.resolveClient(s);
 
         if (resolution) {

package/src/viteAstroContainerRenderersPlugin.ts

@@ -1,6 +1,7 @@
 import type { Integration } from './integrations/index.ts';
 
 export function viteAstroContainerRenderersPlugin(integrations: Integration[]) {
+  const safeIntegrations = integrations ?? [];
   const name = 'astro-container-renderers';
   const virtualModuleId = `virtual:${name}`;
   const resolvedVirtualModuleId = `\0${virtualModuleId}`;
@@ -16,12 +17,12 @@ export function viteAstroContainerRenderersPlugin(integrations: Integration[]) {
 
     load(id: string) {
       if (id === resolvedVirtualModuleId) {
-        const importStatements = buildImportStatements(integrations);
+        const importStatements = buildImportStatements(safeIntegrations);
 
         const code = `
           ${importStatements}
           export function addRenderers(container) {
-            ${integrations.map((integration) => buildServerRenderer(integration) + '\n' + buildClientRenderer(integration)).join('\n')}
+            ${safeIntegrations.map((integration) => buildServerRenderer(integration) + '\n' + buildClientRenderer(integration)).join('\n')}
           }
         `;
 

package/src/vitePluginAstroBuildPrerender.ts

@@ -26,6 +26,7 @@ import { createViteServer } from './viteStorybookAstroMiddlewarePlugin.ts';
  * - Stories that override the meta component are skipped
  */
 export function vitePluginAstroBuildPrerender(integrations: Integration[]): Plugin {
+  const safeIntegrations = integrations ?? [];
   let viteServer: ViteDevServer | null = null;
   let handler: ((data: HandlerProps) => Promise<string>) | null = null;
 
@@ -41,14 +42,14 @@ export function vitePluginAstroBuildPrerender(integrations: Integration[]): Plug
 
     async buildStart() {
       try {
-        viteServer = await createViteServer(integrations);
+        viteServer = await createViteServer(safeIntegrations);
 
         const filePath = fileURLToPath(new URL('./middleware', import.meta.url));
         const middleware = await viteServer.ssrLoadModule(filePath, {
           fixStacktrace: true
         });
 
-        handler = await middleware.handlerFactory(integrations);
+        handler = await middleware.handlerFactory(safeIntegrations);
       } catch (err) {
         console.warn(
           '[storybook-astro] Failed to create pre-render server:',

package/src/viteStorybookAstroMiddlewarePlugin.ts

@@ -20,7 +20,7 @@ export async function vitePluginStorybookAstroMiddleware(options: FrameworkOptio
       const middleware = await viteServer.ssrLoadModule(filePath, {
         fixStacktrace: true
       });
-      const handler = await middleware.handlerFactory(options.integrations);
+      const handler = await middleware.handlerFactory(options.integrations ?? []);
 
       server.ws.on('astro:render:request', async (data: RenderRequestMessage['data']) => {
         try {
@@ -93,13 +93,14 @@ return;
 
 export async function createViteServer(integrations: Integration[]) {
   const { getViteConfig } = await import('astro/config');
+  const safeIntegrations = integrations ?? [];
 
   const config = await getViteConfig(
     {},
     {
       configFile: false,
       integrations: await Promise.all(
-        integrations.map((integration) => integration.loadIntegration())
+        safeIntegrations.map((integration) => integration.loadIntegration())
       )
     }
   )({ mode: 'development', command: 'serve' });
@@ -109,7 +110,7 @@ export async function createViteServer(integrations: Integration[]) {
     ...config,
     plugins: [
       ...(config.plugins?.filter(Boolean) ?? []),
-      viteAstroContainerRenderersPlugin(integrations),
+      viteAstroContainerRenderersPlugin(safeIntegrations),
       vitePluginAstroFontsFallback()
     ]
   });

package/src/viteStorybookRendererFallbackPlugin.ts

@@ -1,6 +1,7 @@
 import type { Integration } from './integrations/index.ts';
 
 export function viteStorybookRendererFallbackPlugin(integrations: Integration[]) {
+  const safeIntegrations = integrations ?? [];
   const name = 'storybook-renderer-fallback';
   const virtualModuleId = `virtual:${name}`;
   const resolvedVirtualModuleId = `\0${virtualModuleId}`;
@@ -16,7 +17,7 @@ export function viteStorybookRendererFallbackPlugin(integrations: Integration[])
 
     load(id: string) {
       if (id === resolvedVirtualModuleId) {
-        return integrations
+        return safeIntegrations
           .filter((integration) => integration.storybookEntryPreview)
           .map(
             (integration) =>