@storyblok/react - npm Package Compare versions

Comparing version 2.1.9 to 2.2.0

dist/storyblok-react4.js

		@@ -1,1 +0,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;

dist/types/story.d.ts

		import React from "react";
		import { ISbStoryData } from "./types";
		import { ISbStoryData, StoryblokBridgeConfigV2 } from "./types";
		interface StoryblokStoryProps {
		story: ISbStoryData;
		bridgeOptions: StoryblokBridgeConfigV2;
		[key: string]: unknown;
		@@ -6,0 +7,0 @@ }

package.json

		{
		"name": "@storyblok/react",
		"version": "2.1.9",
		"version": "2.2.0",
		"description": "SDK to integrate Storyblok into your project using React.",
		@@ -50,18 +50,18 @@ "main": "./dist/storyblok-react.js",
		"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"
		@@ -68,0 +68,0 @@ },

README.md

		@@ -181,2 +181,3 @@ <div align="center">
		resolveRelations: ["Article.author"],
		resolveLinks: "url",
		preventClicks: true,
		@@ -275,3 +276,6 @@ }

		`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} />
		```

		@@ -278,0 +282,0 @@ > 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.

dist/storyblok-react4.mjs

Sorry, the diff of this file is not supported yet

New alerts