@storyblok/astro 4.1.0-alpha.1 → 4.1.0-alpha.2

package/dist/types/index.d.ts

@@ -3,12 +3,7 @@ import type { ISbConfig, ISbRichtext, ISbStoriesParams, ISbStoryData, SbRichText
 export { handleStoryblokMessage } from "./live-preview/handleStoryblokMessage";
 export { storyblokEditable, loadStoryblokBridge, RichTextResolver, RichTextSchema, } from "@storyblok/js";
 export declare function useStoryblokApi(): StoryblokClient;
-export declare function useStoryblok({ slug, apiOptions, bridgeOptions, Astro, }: {
-    slug: string;
-    apiOptions: ISbStoriesParams;
-    bridgeOptions?: StoryblokBridgeConfigV2;
-    Astro: AstroGlobal;
-}): Promise<ISbStoryData<import("@storyblok/js").StoryblokComponentType<string> & {
+export declare function useStoryblok(slug: string, apiOptions: ISbStoriesParams, bridgeOptions: StoryblokBridgeConfigV2, Astro: AstroGlobal): Promise<ISbStoryData<import("@storyblok/js").StoryblokComponentType<string> & {
     [index: string]: any;
 }>>;
 export declare function renderRichText(data?: ISbRichtext, options?: SbRichTextOptions): string;
@@ -58,7 +53,7 @@ export type IntegrationOptions = {
     /**
      * A boolean to enable/disable the Experimental Live Preview feature. Disabled by default.
      */
-    experimentalLivePreview?: boolean;
+    livePreview?: boolean;
 };
 export default function storyblokIntegration(options: IntegrationOptions): AstroIntegration;
 export * from "./types";

package/live-preview/handleStoryblokMessage.ts

@@ -23,7 +23,7 @@ export async function handleStoryblokMessage(event: {
       const focusedElem = document.querySelector('[data-blok-focused="true"]');
       updateDOMWithNewBody(currentBody, newBody, focusedElem);
     };
-    const debounceDelay = 1000; // Adjust the delay as needed
+    const debounceDelay = 500; // Adjust the delay as needed
     clearTimeout(timeout);
     timeout = setTimeout(debouncedGetNewHTMLBody, debounceDelay);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/astro",
-  "version": "4.1.0-alpha.1",
+  "version": "4.1.0-alpha.2",
   "description": "Official Astro integration for the Storyblok Headless CMS",
   "main": "./dist/storyblok-astro.js",
   "module": "./dist/storyblok-astro.mjs",
@@ -63,6 +63,7 @@
   "devDependencies": {
     "@cypress/vite-dev-server": "^5.0.7",
     "@rollup/plugin-dynamic-import-vars": "^2.1.2",
+    "@types/lodash.mergewith": "^4.6.9",
     "@types/node": "20.12.11",
     "astro": "^4.6.3",
     "cypress": "^13.8.1",

package/utils/parseAstCode.ts

@@ -8,16 +8,20 @@ export function parseAstRawCode(astCode) {
       srcValue?.argument?.callee?.name === "useStoryblok"
     ) {
       const props = srcValue?.argument?.arguments;
-      props.forEach((argument) => {
-        argument?.properties?.forEach((property) => {
-          if (["apiOptions", "bridgeOptions"].includes(property.key.name)) {
-            obj = {
-              ...obj,
-              [property.key.name]: getAstPropToObj(property?.value?.properties),
-            };
-          }
-        });
-      });
+      if (props[1]?.type === "ObjectExpression") {
+        const apiOptions = getAstPropToObj(props[1]?.properties);
+        obj = {
+          ...obj,
+          apiOptions,
+        };
+      }
+      if (props[2]?.type === "ObjectExpression") {
+        const bridgeOptions = getAstPropToObj(props[2]?.properties);
+        obj = {
+          ...obj,
+          bridgeOptions,
+        };
+      }
     }
   }