@storyblok/astro 5.1.0-next.1 → 5.1.0

package/dist/types/components/FallbackComponent.d.ts

@@ -1,2 +0,0 @@
-import FallbackComponent from "./FallbackComponent.astro";
-export default FallbackComponent;

package/dist/types/components/StoryblokComponent.d.ts

@@ -1,2 +0,0 @@
-import StoryblokComponent from "./StoryblokComponent.astro";
-export default StoryblokComponent;

package/dist/types/cypress/plugins/index.d.ts

@@ -1,2 +0,0 @@
-declare function _exports(on: any): void;
-export = _exports;

package/dist/types/cypress/support/e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/cypress.config.d.ts

@@ -1,2 +0,0 @@
-declare const _exports: Cypress.ConfigOptions<any>;
-export = _exports;

package/dist/types/dev-toolbar/toolbarApp.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    id: string;
-    name: string;
-    icon: "<svg width=\"45px\" height=\"53px\" viewBox=\"0 0 45 53\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <g id=\"storyblok-logo-kit\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"storyblok-partner-logo\" transform=\"translate(-59.000000, -169.000000)\" fill-rule=\"nonzero\">\n            <g id=\"storyblok-symbol\" transform=\"translate(59.000000, 169.000000)\">\n                <path d=\"M2.32662261,0 C1.03405449,0 0,1.0331384 0,2.27290448 L0,42.8752437 C0,44.1150097 1.03405449,44.8898635 2.27491989,44.8898635 L8.27243596,44.8898635 L8.27243596,53 L15.7176283,44.9415205 L42.9132615,44.9415205 C44.1541269,44.9415205 44.9296678,44.1666667 44.9296678,42.8752437 L44.9296678,2.3245614 C44.9296678,1.08479532 44.2058296,0 42.9132615,0 L2.32662261,0 Z\" id=\"Shape-path-Copy\" fill=\"#0AB3AF\"></path>\n                <path d=\"M29.1016723,8.11483254 C30.1351059,8.11483254 31.0135245,8.32132604 31.8402713,8.78593643 C32.6153465,9.19892344 33.33875,9.76678059 33.9071385,10.4378845 C35.0647615,11.8482391 35.6869248,13.6215753 35.6639755,15.445352 C35.6639755,16.7875598 35.3022738,18.0781442 34.630542,19.3171053 C33.9341248,20.5632996 32.8438147,21.5436614 31.5302412,22.1047676 C33.183735,22.569378 34.4755269,23.395352 35.4572888,24.5826897 C36.387379,25.8216507 36.8524241,27.4219754 36.8524241,29.4352871 C36.8524241,30.7258715 36.6168825,31.8756998 36.1290206,32.7391832 C35.6123039,33.668404 34.8372287,34.4427546 33.9071385,35.0106118 C32.9253766,35.6300923 31.8402713,36.1979494 30.600151,36.4560663 C29.3600307,36.7658066 28.0165671,37.0239234 26.6214318,37.0239234 L8.32965751,37.0239234 L8.32965751,8.11483254 L29.1016723,8.11483254 Z M26.1340815,24.271851 L15.77813,24.271851 L15.77813,29.1552028 L25.8851404,29.1552028 C26.4825991,29.1552028 27.0302696,28.9110352 27.4783637,28.5203671 C27.8766695,28.1296989 28.1256107,27.5436967 28.1256107,26.811194 C28.140051,26.1827412 27.948041,25.5663945 27.5779401,25.0531873 C27.1796343,24.5648522 26.7315403,24.271851 26.1340815,24.271851 Z M25.2876816,14.5051475 L15.77813,14.5051475 L15.77813,18.9001641 L25.0885287,18.9001641 C25.586411,18.9001641 26.0842933,18.6559965 26.4825991,18.3629954 C26.9306932,18.0699943 27.1298461,17.4351586 27.1298461,16.6049888 C27.1298461,15.872486 26.9306932,15.3353173 26.5821756,14.9934827 C26.233658,14.7004816 25.7855639,14.5051475 25.2876816,14.5051475 Z\" id=\"Combined-Shape-Copy-3\" fill=\"#FFFFFF\"></path>\n            </g>\n        </g>\n    </g>\n</svg>";
-    init(canvas: ShadowRoot): void;
-};
-export default _default;

package/dist/types/live-preview/middleware.d.ts

@@ -1 +0,0 @@
-export declare const onRequest: import("astro").MiddlewareHandler;

package/dist/types/node_modules/camelcase/index.d.ts

@@ -1,102 +0,0 @@
-export type Options = {
-	/**
-	Uppercase the first character: `foo-bar` → `FooBar`.
-
-	@default false
-	*/
-	readonly pascalCase?: boolean;
-
-	/**
-	Preserve consecutive uppercase characters: `foo-BAR` → `FooBAR`.
-
-	@default false
-	*/
-	readonly preserveConsecutiveUppercase?: boolean;
-
-	/**
-	The locale parameter indicates the locale to be used to convert to upper/lower case according to any locale-specific case mappings. If multiple locales are given in an array, the best available locale is used.
-
-	Setting `locale: false` ignores the platform locale and uses the [Unicode Default Case Conversion](https://unicode-org.github.io/icu/userguide/transforms/casemappings.html#simple-single-character-case-mapping) algorithm.
-
-	Default: The host environment’s current locale.
-
-	@example
-	```
-	import camelCase from 'camelcase';
-
-	camelCase('lorem-ipsum', {locale: 'en-US'});
-	//=> 'loremIpsum'
-
-	camelCase('lorem-ipsum', {locale: 'tr-TR'});
-	//=> 'loremİpsum'
-
-	camelCase('lorem-ipsum', {locale: ['en-US', 'en-GB']});
-	//=> 'loremIpsum'
-
-	camelCase('lorem-ipsum', {locale: ['tr', 'TR', 'tr-TR']});
-	//=> 'loremİpsum'
-	```
-	*/
-	readonly locale?: false | string | readonly string[];
-};
-
-/**
-Convert a dash/dot/underscore/space separated string to camelCase or PascalCase: `foo-bar` → `fooBar`.
-
-Correctly handles Unicode strings.
-
-@param input - The string to convert to camel case.
-
-@example
-```
-import camelCase from 'camelcase';
-
-camelCase('foo-bar');
-//=> 'fooBar'
-
-camelCase('foo_bar');
-//=> 'fooBar'
-
-camelCase('Foo-Bar');
-//=> 'fooBar'
-
-camelCase('розовый_пушистый_единорог');
-//=> 'розовыйПушистыйЕдинорог'
-
-camelCase('Foo-Bar', {pascalCase: true});
-//=> 'FooBar'
-
-camelCase('--foo.bar', {pascalCase: false});
-//=> 'fooBar'
-
-camelCase('Foo-BAR', {preserveConsecutiveUppercase: true});
-//=> 'fooBAR'
-
-camelCase('fooBAR', {pascalCase: true, preserveConsecutiveUppercase: true});
-//=> 'FooBAR'
-
-camelCase('foo bar');
-//=> 'fooBar'
-
-console.log(process.argv[3]);
-//=> '--foo-bar'
-camelCase(process.argv[3]);
-//=> 'fooBar'
-
-camelCase(['foo', 'bar']);
-//=> 'fooBar'
-
-camelCase(['__foo__', '--bar'], {pascalCase: true});
-//=> 'FooBar'
-
-camelCase(['foo', 'BAR'], {pascalCase: true, preserveConsecutiveUppercase: true})
-//=> 'FooBAR'
-
-camelCase('lorem-ipsum', {locale: 'en-US'});
-//=> 'loremIpsum'
-```
-*/
-export default function camelcase(
-	input: string | readonly string[],
-	options?: Options
-): string;

package/dist/types/types.d.ts

@@ -1,12 +0,0 @@
-export type { SbPluginFactory, SbBlokKeyDataTypes, SbBlokData, SbRichTextOptions, SbSDKOptions, StoryblokClient, StoryblokBridgeV2, StoryblokBridgeConfigV2, ISbConfig, // previously StoryblokConfig
-ISbCache, // previously StoryblokCache
-ISbResult, // previously StoryblokResult
-ISbResponse, ISbError, ISbNode, ISbSchema, ThrottleFn, AsyncFn, ArrayFn, ISbContentMangmntAPI, ISbManagmentApiResult, // previously StoryblokManagmentApiResult
-ISbStories, // previously Stories
-ISbStory, // previously Story
-ISbDimensions, StoryblokComponentType, ISbStoryData, // previously StoryData
-ISbAlternateObject, // previously AlternateObject
-ISbStoriesParams, // previously StoriesParams
-ISbStoryParams, // previously StoryParams
-ISbRichtext, // previously Richtext
-ISbEventPayload, } from "@storyblok/js";

package/dist/types/utils/generateFinalBridgeObject.d.ts

@@ -1,3 +0,0 @@
-import type { StoryblokBridgeConfigV2 } from "@storyblok/js";
-import type { RawCode } from "../vite-plugins/vite-plugin-storyblok-bridge";
-export declare function generateFinalBridgeObject(rawCode: RawCode): StoryblokBridgeConfigV2;

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

@@ -1,2 +0,0 @@
-import type { Plugin } from "vite";
-export declare function vitePluginStoryblokComponents(componentsDir: string, components?: object, enableFallbackComponent?: boolean, customFallbackComponent?: string): Plugin;

package/dist/types/vite-plugins/vite-plugin-storyblok-init.d.ts

@@ -1,3 +0,0 @@
-import type { ISbConfig } from "../types";
-import type { Plugin } from "vite";
-export declare function vitePluginStoryblokInit(accessToken: string, useCustomApi: boolean, apiOptions: ISbConfig): Plugin;

package/live-preview/handleStoryblokMessage.ts

@@ -1,76 +0,0 @@
-import type { ISbStoryData } from "@storyblok/js";
-
-let timeout: NodeJS.Timeout;
-/**
- * Our current tests indicate that the post request section
- * is the bottleneck in terms of time consumption.
- * We should explore alternative methods to optimize
- * this process and improve efficiency.
- */
-export async function handleStoryblokMessage(event: {
-  action: string;
-  story: ISbStoryData;
-}) {
-  const { action, story } = event || {};
-
-  if (action === "input" && story) {
-    // Debounce the getNewHTMLBody function
-    const debouncedGetNewHTMLBody = async () => {
-      const newBody = await getNewHTMLBody(story);
-      const currentBody = document.body;
-      if (newBody.outerHTML === currentBody.outerHTML) return;
-      // Get current focused element in Storyblok
-      const focusedElem = document.querySelector('[data-blok-focused="true"]');
-      updateDOMWithNewBody(currentBody, newBody, focusedElem);
-    };
-    const debounceDelay = 500; // Adjust the delay as needed
-    clearTimeout(timeout);
-    timeout = setTimeout(debouncedGetNewHTMLBody, debounceDelay);
-  }
-
-  if (["published", "change"].includes(event?.action)) {
-    location.reload();
-  }
-}
-
-function updateDOMWithNewBody(
-  currentBody: HTMLElement,
-  newBody: HTMLElement,
-  focusedElem: Element | null
-) {
-  if (focusedElem) {
-    //Get the [data-blok-uid] of the focused element in storyblok
-    const focusedElementID = focusedElem.getAttribute("data-blok-uid");
-    //Now find the same element by above [data-blok-uid] in our new virtual HTML page
-    const newDomFocusElem = newBody.querySelector(
-      `[data-blok-uid="${focusedElementID}"]`
-    );
-    if (newDomFocusElem) {
-      // Add the [data-blok-focused] attribute to the above element
-      newDomFocusElem.setAttribute("data-blok-focused", "true");
-      // console.log("Doing partial replace");
-      focusedElem.replaceWith(newDomFocusElem);
-    }
-  } else {
-    // console.log("Doing full replace");
-    currentBody.replaceWith(newBody);
-  }
-}
-
-async function getNewHTMLBody(story: ISbStoryData) {
-  //TODO How to handel (50x, 405, etc.)
-  const result = await fetch(location.href, {
-    method: "POST",
-    body: JSON.stringify({
-      ...story,
-      is_storyblok_preview: true,
-    }),
-    headers: {
-      "Content-Type": "application/json",
-    },
-  });
-  const html = await result.text();
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(html, "text/html");
-  return doc.body;
-}

package/live-preview/middleware.ts

@@ -1,24 +0,0 @@
-import { defineMiddleware } from "astro/middleware";
-
-export const onRequest = defineMiddleware(async ({ locals, request }, next) => {
-  if (request["method"] === "POST") {
-    const url = new URL(request.url);
-    //First do a basic check if its coming from within storyblok
-    const isStoryblokRequest =
-      url.searchParams.has("_storyblok") &&
-      url.searchParams.has("_storyblok_c");
-
-    if (isStoryblokRequest) {
-      try {
-        //Create a copy of the request
-        const requestBody = await request.clone().json();
-        if (requestBody && requestBody["is_storyblok_preview"]) {
-          locals["_storyblok_preview_data"] = requestBody;
-        }
-      } catch (error) {
-        console.error("Error reading request body:", error);
-      }
-    }
-  }
-  return next();
-});

package/utils/generateFinalBridgeObject.ts

@@ -1,33 +0,0 @@
-import type { StoryblokBridgeConfigV2 } from "@storyblok/js";
-import type { RawCode } from "../vite-plugins/vite-plugin-storyblok-bridge";
-
-export function generateFinalBridgeObject(rawCode: RawCode) {
-  let mergedOptions: StoryblokBridgeConfigV2 = {
-    resolveRelations: [],
-  };
-
-  function addToResolveRelations(resolveRelations?: string[] | string) {
-    if (resolveRelations && Array.isArray(mergedOptions.resolveRelations)) {
-      mergedOptions.resolveRelations.push(
-        ...(Array.isArray(resolveRelations)
-          ? resolveRelations
-          : [resolveRelations])
-      );
-    }
-  }
-
-  for (const item of rawCode) {
-    if (item.options) {
-      const { apiOptions, bridgeOptions } = item.options;
-      addToResolveRelations(apiOptions?.resolve_relations);
-      if (bridgeOptions) {
-        const { resolveRelations, ...rest } = bridgeOptions;
-        addToResolveRelations(resolveRelations);
-        Object.assign(mergedOptions, rest);
-      }
-    }
-  }
-  mergedOptions.resolveRelations = [...new Set(mergedOptions.resolveRelations)];
-
-  return mergedOptions;
-}

package/utils/parseAstCode.ts

@@ -1,66 +0,0 @@
-import mergeWith from "lodash.mergewith";
-import type { ISbStoriesParams, StoryblokBridgeConfigV2 } from "@storyblok/js";
-import type { RawCodeItemOptions } from "../vite-plugins/vite-plugin-storyblok-bridge";
-import type { Rollup } from "vite";
-import type { SpreadElement, Property } from "estree";
-
-/**
- * Parses through the Abstract Syntax Tree (AST) code to locate the 'useStoryblok' function and its properties.
- * This functionality is crucial for generating a virtual module that can be utilized during the initialization of the Storyblok bridge.
- */
-
-export function parseAstRawCode(astCode: Rollup.ProgramNode) {
-  let obj: RawCodeItemOptions = {};
-
-  function customizer(_: any, srcValue: any) {
-    if (
-      srcValue?.type === "AwaitExpression" &&
-      srcValue.argument.type === "CallExpression" &&
-      srcValue.argument.callee.type === "Identifier" &&
-      srcValue.argument.callee.name === "useStoryblok"
-    ) {
-      const props = srcValue.argument.arguments;
-      if (props && props[1].type === "ObjectExpression") {
-        const apiOptions = getAstPropToObj(props[1].properties);
-        obj = {
-          ...obj,
-          apiOptions,
-        };
-      }
-      if (props && props[2].type === "ObjectExpression") {
-        const bridgeOptions = getAstPropToObj(props[2].properties);
-        obj = {
-          ...obj,
-          bridgeOptions,
-        };
-      }
-    }
-  }
-
-  mergeWith({}, astCode, customizer);
-  return obj;
-}
-
-function getAstPropToObj(properties: (SpreadElement | Property)[]) {
-  const option: ISbStoriesParams | StoryblokBridgeConfigV2 = {};
-
-  return properties.reduce((options, property) => {
-    if (property.type !== "Property") return options;
-    const { key, value } = property;
-    const { type } = value;
-    if (key.type !== "Identifier") return options;
-
-    if (type === "Literal") {
-      options[key.name] = value.value;
-    } else if (type === "ArrayExpression") {
-      const arrayValues = value.elements.reduce((acc, element) => {
-        if (element.type === "Literal" && element.value) {
-          return [...acc, element.value];
-        }
-        return acc;
-      }, []);
-      options[key.name] = arrayValues;
-    }
-    return options;
-  }, option);
-}