@storyblok/astro 7.3.9 → 8.0.0

package/dist/types.d.ts

@@ -8,4 +8,4 @@ ISbStoriesParams, // previously StoriesParams
 ISbStory, // previously Story
 ISbStoryData, // previously StoryData
 ISbStoryParams, // previously StoryParams
-MarkTypes, SbBlokData, SbBlokKeyDataTypes, SbPluginFactory, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokClient, StoryblokComponentType, StoryblokRichTextDocumentNode, StoryblokRichTextImageOptimizationOptions, StoryblokRichTextNode, StoryblokRichTextNodeResolver, StoryblokRichTextNodeTypes, StoryblokRichTextOptions, StoryblokRichTextResolvers, TextTypes, } from '@storyblok/js';
+MarkTypes, SbBlokData, SbBlokKeyDataTypes, SbPluginFactory, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokClient, StoryblokComponentType, StoryblokRichTextDocumentNode, StoryblokRichTextImageOptimizationOptions, StoryblokRichTextNode, StoryblokRichTextNodeTypes, StoryblokRichTextOptions, TextTypes, } from '@storyblok/js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/astro",
   "type": "module",
-  "version": "7.3.9",
+  "version": "8.0.0",
   "private": false,
   "description": "Official Astro integration for the Storyblok Headless CMS",
   "author": "Storyblok",
@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "camelcase": "^8.0.0",
-    "@storyblok/js": "4.4.5"
+    "@storyblok/js": "5.0.0"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^6.0.3",
@@ -74,7 +74,7 @@
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-static-copy": "^2.2.0",
     "vitest": "^3.1.3",
-    "@storyblok/eslint-config": "0.4.1"
+    "@storyblok/eslint-config": "0.4.2"
   },
   "eslintConfig": {
     "env": {

package/dist/lib/richTextToHTML.ts

@@ -1,103 +0,0 @@
-import {
-  richTextResolver,
-  type StoryblokRichTextNode,
-  type StoryblokRichTextResolvers,
-} from '@storyblok/js';
-import { experimental_AstroContainer } from 'astro/container';
-import StoryblokComponent from '@storyblok/astro/StoryblokComponent.astro';
-
-// Lazily initialized Astro container (for rendering blok components)
-let container: null | experimental_AstroContainer = null;
-
-/**
- * @experimental Converts a Storyblok RichText field into an HTML string.
- *
- * This API is still under development and may change in future releases.
- * It also relies on Astro’s experimental
- * [experimental_AstroContainer](https://docs.astro.build/en/reference/container-reference/) feature.
- *
- * @async
- * @param {StoryblokRichTextNode} richTextField - The root RichText node to convert.
- * @param {StoryblokRichTextResolvers} [customResolvers] - Optional custom resolvers
- *   for customizing how specific nodes or marks are transformed into HTML.
- * @returns {Promise<string>} A promise that resolves to the HTML string representation
- *   of the provided RichText content.
- *
- * @example
- * ```astro
- * ---
- * import { richTextToHTML } from '@storyblok/astro/client';
- * const { blok } = Astro.props;
- * const renderedRichText = await richTextToHTML(blok.text);
- * ---
- *
- * <div set:html={renderedRichText} />
- * ```
- */
-export const richTextToHTML = async (
-  richTextField: StoryblokRichTextNode,
-  customResolvers?: StoryblokRichTextResolvers,
-): Promise<string> => {
-  // Create Astro container only once
-  if (!container) {
-    container = await experimental_AstroContainer.create();
-  }
-
-  // Collect async render results keyed by placeholder ID
-  const asyncReplacements: Promise<{ id: string; result: string }>[] = [];
-  // Build the resolvers object
-  const resolvers: StoryblokRichTextResolvers = {
-    // Handle async components
-    blok: (node) => {
-      const componentBody = node.attrs?.body;
-      if (!Array.isArray(componentBody)) {
-        return '';
-      }
-
-      return componentBody
-        .map((blok) => {
-          if (!blok || typeof blok !== 'object' || !container) {
-            return '';
-          }
-
-          // Generate unique placeholder ID
-          const id = crypto.randomUUID();
-          const placeholder = `<!--ASYNC-${id}-->`;
-
-          // Queue async render
-          const promise = container
-            .renderToString(StoryblokComponent, {
-              props: { blok },
-            })
-            .then(result => ({ id, result }))
-            .catch((err) => {
-              console.error('Component rendering failed:', err);
-              return { id, result: '<!-- Component render error -->' };
-            });
-
-          asyncReplacements.push(promise);
-          return placeholder;
-        })
-        .join('\n');
-    },
-
-    // Add custom resolvers if provided
-    ...customResolvers,
-  };
-
-  const resolver = richTextResolver({ resolvers });
-
-  let html = resolver.render(richTextField);
-  // Wait for all async renders
-  const results = await Promise.all(asyncReplacements);
-  const replacements = new Map(
-    results.map(({ id, result }) => [id, result ?? '']),
-  );
-
-  // Single-pass replacement using regex
-  html = html.replace(/<!--ASYNC-([\w-]+)-->/g, (_, id: string) => {
-    return replacements.get(id) ?? '';
-  });
-
-  return html;
-};