@storyblok/astro 10.0.1 → 10.1.0

package/dist/index.js

@@ -113,13 +113,15 @@ function C(e, t, n, r) {
 	};
 }
 function w(e, t, n) {
+	let r = `${s(e)}/storyblok/**/*.astro`, i = [...n];
+	t && i.push(t);
+	let a = i.map((e) => e.importStatement), o = i.map((e) => e.wrapperDefinition), c = i.map((e) => e.registrationCall);
 	return `
-    // Import utilities and fallback component
     import { toCamelCase } from '@storyblok/astro';
+    ${a.join("\n    ")}
+
+    const modules = import.meta.glob('${r}', { eager: true });
 
-    // Dynamically import all Storyblok components using Vite's glob import
-    const modules = import.meta.glob('${`${s(e)}/storyblok/**/*.astro`}', { eager: true });
-    // Process imported modules into a components object
     const storyblokComponents = {};
     const createComponentLoader = (module) => {
       return async () => module?.default ?? module;
@@ -131,25 +133,24 @@ function w(e, t, n) {
         get: () => createComponentLoader(component),
       });
     };
+
     for (const filePath in modules) {
-      // Extract component name from file path (remove extension)
       const fileName = filePath.split('/').pop();
-      const componentName = toCamelCase(fileName?.replace(/\.[^/.]+$/, '') ?? '');
+      const componentName = toCamelCase(fileName?.replace(/\\.[^/.]+$/, '') ?? '');
       if (componentName) {
         registerComponent(componentName, modules[filePath]);
       }
     }
-    
-    // Manual components
-    ${n.join("\n\n")}
-    // Add fallback component if enabled
-    ${t}    
-    // Export the components object for use in Storyblok initialization
+
+    ${o.join("\n    ")}
+
+    ${c.join("\n    ")}
+
     export { storyblokComponents };
   `.trim();
 }
 async function ee(e, t, n, r) {
-	if (!n) return "";
+	if (!n) return null;
 	if (!r) return D({
 		componentName: "FallbackComponent",
 		importPath: "@storyblok/astro/FallbackComponent.astro"
@@ -181,10 +182,12 @@ function E(e, t) {
 	return o(`${s(e)}${s(t)}`);
 }
 function D({ componentName: e, importPath: t }) {
-	return `
-  import ${e} from '${t}';
-  registerComponent('${e}', ${e});
-`.trim();
+	let n = `__${e}_component__`, r = `__${e}_wrapper__`;
+	return {
+		importStatement: `import ${n} from '${t}';`,
+		wrapperDefinition: `const ${r} = { get default() { return ${n}; } };`,
+		registrationCall: `registerComponent('${e}', ${r});`
+	};
 }
 //#endregion
 //#region src/lib/storyblok-integration.ts

package/dist/vite-plugins/vite-plugin-import-storyblok-components.d.ts

@@ -1,8 +1,32 @@
 import { Plugin } from 'vite';
 /**
- * Vite plugin that automatically imports Storyblok components from a specified directory
- * and merges them with optional user-provided component mappings.
- *
- * @returns Vite plugin object
+ * Vite plugin that auto-imports Storyblok components from a directory
+ * and merges them with user-provided component mappings.
  */
 export declare function vitePluginImportStoryblokComponents(components: Record<string, string>, componentsDir: string, enableFallbackComponent: boolean, customFallbackComponent?: string): Plugin;
+export interface ComponentRegistrationParts {
+    importStatement: string;
+    wrapperDefinition: string;
+    registrationCall: string;
+}
+/**
+ * Generates the virtual module code with:
+ * - Static imports at the top for proper hoisting
+ * - Glob-imported components from storyblok folder
+ * - Manual and fallback component registrations
+ */
+export declare function generateModuleCode(componentsDir: string, fallbackRegistration: ComponentRegistrationParts | null, manualRegistrations: ComponentRegistrationParts[]): string;
+interface CreateComponentRegistrationPartsOptions {
+    componentName: string;
+    importPath: string;
+}
+/**
+ * Generates structured registration parts for a component.
+ *
+ * Uses a getter wrapper to avoid TDZ (Temporal Dead Zone) errors.
+ * When Vite bundles modules, direct references to imported components
+ * can cause "Cannot access 'X' before initialization" errors.
+ * The getter defers access until the component is actually needed.
+ */
+export declare function createComponentRegistrationParts({ componentName, importPath, }: CreateComponentRegistrationPartsOptions): ComponentRegistrationParts;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/astro",
   "type": "module",
-  "version": "10.0.1",
+  "version": "10.1.0",
   "private": false,
   "description": "Official Astro integration for the Storyblok Headless CMS",
   "author": "Storyblok",
@@ -51,8 +51,8 @@
   "dependencies": {
     "camelcase": "^8.0.0",
     "morphdom": "^2.7.8",
-    "@storyblok/richtext": "5.0.1",
-    "@storyblok/js": "6.0.1"
+    "@storyblok/richtext": "5.1.0",
+    "@storyblok/js": "6.1.0"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^6.0.3",
@@ -73,7 +73,7 @@
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-static-copy": "^4.1.1",
     "vitest": "^3.1.3",
-    "@storyblok/eslint-config": "0.5.1"
+    "@storyblok/eslint-config": "0.6.0"
   },
   "eslintConfig": {
     "env": {