@storyblok/react 2.1.8 → 2.2.0

package/README.md

@@ -178,6 +178,7 @@ useStoryblok(
   { version: "draft", resolveRelations: ["Article.author"] },
   {
     resolveRelations: ["Article.author"],
+    resolveLinks: "url",
     preventClicks: true,
   }
 );
@@ -271,7 +272,10 @@ export async function fetchData() {
 }
 ```
 
-`StoryblokStory` keeps the state for thet story behind the scenes and uses `StoryblokComponent` to render the route components dynamically, using the list of components loaded during the initialization inside the `storyblokInit` function. You can use the `StoryblokComponent` inside the components to redner the nested components dynamically.
+`StoryblokStory` keeps the state for thet story behind the scenes and uses `StoryblokComponent` to render the route components dynamically, using the list of components loaded during the initialization inside the `storyblokInit` function. You can use the `StoryblokComponent` inside the components to render the nested components dynamically. You can also pass bridge options to `StoryblokStory` using the prop `bridgeOptions`. 
+```js
+    <StoryblokStory story={data.story} bridgeOptions={bridgeOptions} />
+```
 
 > Note: To use this approach (with `getStoryblokApi`), you need to include the `apiPlugin` module when calling `storyblokInit` function. If you don't use `apiPlugin`, you can use your preferred method or function to fetch your data.
 

package/dist/storyblok-react4.js

@@ -1 +1 @@
-"use strict";"use client";const e=require("react"),t=require("./client-0cdf4d8e.js"),r=require("./index-364d653e.js");require("./storyblok-js-5db94779.js");const o=e.forwardRef((({story:o,...n},s)=>("string"==typeof o.content&&(o.content=JSON.parse(o.content)),o=t.useStoryblokState(o),e.createElement(r.StoryblokComponent,{ref:s,blok:o.content,...n}))));module.exports=o;
+"use strict";"use client";const e=require("react"),t=require("./client-0cdf4d8e.js"),r=require("./index-364d653e.js");require("./storyblok-js-5db94779.js");const o=e.forwardRef((({story:o,bridgeOptions:n,...s},c)=>("string"==typeof o.content&&(o.content=JSON.parse(o.content)),o=t.useStoryblokState(o,n),e.createElement(r.StoryblokComponent,{ref:c,blok:o.content,...s}))));module.exports=o;

package/dist/storyblok-react4.mjs

@@ -4,11 +4,11 @@ import { u as useStoryblokState } from "./client-798eb80c.mjs";
 import { S as StoryblokComponent } from "./index-4af66cd0.mjs";
 import "./storyblok-js-5fd880b4.mjs";
 const StoryblokStory = forwardRef(
-  ({ story, ...restProps }, ref) => {
+  ({ story, bridgeOptions, ...restProps }, ref) => {
     if (typeof story.content === "string") {
       story.content = JSON.parse(story.content);
     }
-    story = useStoryblokState(story);
+    story = useStoryblokState(story, bridgeOptions);
     return /* @__PURE__ */ React.createElement(StoryblokComponent, { ref, blok: story.content, ...restProps });
   }
 );

package/dist/types/story.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
-import { ISbStoryData } from "./types";
+import { ISbStoryData, StoryblokBridgeConfigV2 } from "./types";
 interface StoryblokStoryProps {
     story: ISbStoryData;
+    bridgeOptions: StoryblokBridgeConfigV2;
     [key: string]: unknown;
 }
 declare const StoryblokStory: React.ForwardRefExoticComponent<Omit<StoryblokStoryProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/react",
-  "version": "2.1.8",
+  "version": "2.2.0",
   "description": "SDK to integrate Storyblok into your project using React.",
   "main": "./dist/storyblok-react.js",
   "module": "./dist/storyblok-react.mjs",
@@ -44,25 +44,25 @@
     "prepublishOnly": "npm run build && cp ../README.md ./"
   },
   "dependencies": {
-    "@storyblok/js": "^2.2.1"
+    "@storyblok/js": "^2.2.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.6",
-    "@babel/preset-env": "^7.22.6",
+    "@babel/core": "^7.22.9",
+    "@babel/preset-env": "^7.22.9",
     "@cypress/react": "^5.12.5",
     "@cypress/vite-dev-server": "^2.2.3",
     "@tsconfig/recommended": "^1.0.2",
-    "@types/react": "18.2.14",
-    "@vitejs/plugin-react": "^4.0.1",
-    "babel-jest": "^29.5.0",
+    "@types/react": "18.2.15",
+    "@vitejs/plugin-react": "^4.0.3",
+    "babel-jest": "^29.6.1",
     "cypress": "^9.7.0",
     "eslint-plugin-cypress": "^2.13.3",
-    "eslint-plugin-jest": "^27.2.2",
-    "jest": "^29.6.0",
+    "eslint-plugin-jest": "^27.2.3",
+    "jest": "^29.6.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "start-server-and-test": "^2.0.0",
-    "terser": "^5.18.2",
+    "terser": "^5.19.0",
     "vite": "^4.1.4"
   },
   "peerDependencies": {