@storyblok/react 2.4.7 → 2.4.8

package/README.md

@@ -560,7 +560,7 @@ import cloneDeep from "clone-deep";
 
 const mySchema = cloneDeep(RichTextSchema); // you can make a copy of the default RichTextSchema
 // ... and edit the nodes and marks, or add your own.
-// Check the base RichTextSchema source here https://github.com/storyblok/storyblok-js-client/blob/master/source/schema.js
+// Check the base RichTextSchema source here https://github.com/storyblok/storyblok-js-client/blob/main/src/schema.ts
 
 storyblokInit({
   accessToken: "<your-token>",
@@ -625,5 +625,5 @@ By default, `@storyblok/react` returns an empty `<div>` if a component is not im
 
 ### Contributing
 
-Please see our [contributing guidelines](https://github.com/storyblok/.github/blob/main/contributing.md) and our [code of conduct](https://www.storyblok.com/trust-center#code-of-conduct?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-react).
+Please see our [contributing guidelines](https://github.com/storyblok/.github/blob/master/contributing.md) and our [code of conduct](https://www.storyblok.com/trust-center#code-of-conduct?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-react).
 This project use [semantic-release](https://semantic-release.gitbook.io/semantic-release/) for generate new versions by using commit messages and we use the Angular Convention to naming the commits. Check [this question](https://semantic-release.gitbook.io/semantic-release/support/faq#how-can-i-change-the-type-of-commits-that-trigger-a-release) about it in semantic-release FAQ.

package/dist/client.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),u=require("./storyblok-js.js"),l=(e=null,s={})=>{let[t,r]=o.useState(e);if(!(typeof window<"u"&&typeof window.storyblokRegisterEvent<"u")||!e)return e;const n=t.internalId||t.id;return o.useEffect(()=>{r(e),u.registerStoryblokBridge(n,d=>r(d),s)},[e]),t};exports.useStoryblokState=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("./storyblok-js.js"),f=(e=null,n={})=>{let[t,o]=s.useState(e);const r=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u";return s.useEffect(()=>{if(!r||!e)return;const u=t.internalId||t.id;o(e),c.registerStoryblokBridge(u,d=>o(d),n)},[e,r,t]),!r||!e?e:t};exports.useStoryblokState=f;

package/dist/client.mjs

@@ -1,18 +1,19 @@
-import { useState as n, useEffect as f } from "react";
-import { registerStoryblokBridge as u } from "./storyblok-js.mjs";
-const l = (e = null, o = {}) => {
-  let [t, r] = n(e);
-  if (!(typeof window < "u" && typeof window.storyblokRegisterEvent < "u") || !e)
-    return e;
-  const s = t.internalId || t.id;
-  return f(() => {
-    r(e), u(
-      s,
-      (d) => r(d),
-      o
+import { useState as f, useEffect as u } from "react";
+import { registerStoryblokBridge as p } from "./storyblok-js.mjs";
+const g = (e = null, s = {}) => {
+  let [t, o] = f(e);
+  const r = typeof window < "u" && typeof window.storyblokRegisterEvent < "u";
+  return u(() => {
+    if (!r || !e)
+      return;
+    const d = t.internalId || t.id;
+    o(e), p(
+      d,
+      (n) => o(n),
+      s
     );
-  }, [e]), t;
+  }, [e, r, t]), !r || !e ? e : t;
 };
 export {
-  l as useStoryblokState
+  g as useStoryblokState
 };

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("./storyblok-js.js"),o=require("./index2.js"),c=require("./client.js"),S=require("./storyblok-component.js"),d=(n,r={},t={})=>{const s=o.useStoryblokApi();if(!s)return console.error("You can't use useStoryblok if you're not loading apiPlugin."),null;let[a,i]=y.useState({});t.resolveRelations=t.resolveRelations??r.resolve_relations,t.resolveLinks=t.resolveLinks??r.resolve_links;const b=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u";return y.useEffect(()=>{async function k(){const{data:l}=await s.get(`cdn/stories/${n}`,r);i(l.story),b&&l.story.id&&e.registerStoryblokBridge(l.story.id,u=>i(u),t)}k()},[n,JSON.stringify(r)]),a};exports.RichTextResolver=e.RichTextResolver;exports.RichTextSchema=e.RichTextSchema;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.getComponent=o.getComponent;exports.getCustomFallbackComponent=o.getCustomFallbackComponent;exports.getEnableFallbackComponent=o.getEnableFallbackComponent;exports.getStoryblokApi=o.useStoryblokApi;exports.setComponents=o.setComponents;exports.storyblokInit=o.storyblokInit;exports.useStoryblokApi=o.useStoryblokApi;exports.useStoryblokState=c.useStoryblokState;exports.StoryblokComponent=S;exports.useStoryblok=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("./storyblok-js.js"),o=require("./index2.js"),c=require("./client.js"),S=require("./storyblok-component.js"),d=(s,r={},t={})=>{let[a,i]=y.useState({});const u=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u",n=o.useStoryblokApi();return y.useEffect(()=>{if(!n){console.error("You can't use useStoryblok if you're not loading apiPlugin.");return}async function b(){const{data:l}=await n.get(`cdn/stories/${s}`,r);i(l.story),u&&l.story.id&&e.registerStoryblokBridge(l.story.id,k=>i(k),t)}b()},[s,JSON.stringify(r),n]),n?(t.resolveRelations=t.resolveRelations??r.resolve_relations,t.resolveLinks=t.resolveLinks??r.resolve_links,a):null};exports.RichTextResolver=e.RichTextResolver;exports.RichTextSchema=e.RichTextSchema;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.getComponent=o.getComponent;exports.getCustomFallbackComponent=o.getCustomFallbackComponent;exports.getEnableFallbackComponent=o.getEnableFallbackComponent;exports.getStoryblokApi=o.useStoryblokApi;exports.setComponents=o.setComponents;exports.storyblokInit=o.storyblokInit;exports.useStoryblokApi=o.useStoryblokApi;exports.useStoryblokState=c.useStoryblokState;exports.StoryblokComponent=S;exports.useStoryblok=d;

package/dist/index.mjs

@@ -1,33 +1,33 @@
-import { useState as f, useEffect as k } from "react";
-import { registerStoryblokBridge as u } from "./storyblok-js.mjs";
+import { useState as f, useEffect as u } from "react";
+import { registerStoryblokBridge as k } from "./storyblok-js.mjs";
 import { RichTextResolver as v, RichTextSchema as x, apiPlugin as R, loadStoryblokBridge as C, renderRichText as w, storyblokEditable as B } from "./storyblok-js.mjs";
 import { useStoryblokApi as c } from "./index2.mjs";
 import { getComponent as h, getCustomFallbackComponent as A, getEnableFallbackComponent as T, setComponents as F, storyblokInit as I } from "./index2.mjs";
 import { useStoryblokState as P } from "./client.mjs";
 import { default as J } from "./storyblok-component.mjs";
-const b = (r, e = {}, o = {}) => {
-  const s = c();
-  if (!s)
-    return console.error(
-      "You can't use useStoryblok if you're not loading apiPlugin."
-    ), null;
+const b = (s, e = {}, o = {}) => {
   let [l, n] = f({});
-  o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links;
-  const i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u";
-  return k(() => {
+  const i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = c();
+  return u(() => {
+    if (!t) {
+      console.error(
+        "You can't use useStoryblok if you're not loading apiPlugin."
+      );
+      return;
+    }
     async function a() {
-      const { data: t } = await s.get(
-        `cdn/stories/${r}`,
+      const { data: r } = await t.get(
+        `cdn/stories/${s}`,
         e
       );
-      n(t.story), i && t.story.id && u(
-        t.story.id,
+      n(r.story), i && r.story.id && k(
+        r.story.id,
         (y) => n(y),
         o
       );
     }
     a();
-  }, [r, JSON.stringify(e)]), l;
+  }, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links, l) : null;
 };
 export {
   v as RichTextResolver,
@@ -39,13 +39,13 @@ export {
   T as getEnableFallbackComponent,
   c as getStoryblokApi,
   C as loadStoryblokBridge,
-  u as registerStoryblokBridge,
+  k as registerStoryblokBridge,
   w as renderRichText,
   F as setComponents,
   B as storyblokEditable,
   I as storyblokInit,
   b as useStoryblok,
   c as useStoryblokApi,
-  u as useStoryblokBridge,
+  k as useStoryblokBridge,
   P as useStoryblokState
 };

package/dist/types/common/index.d.ts

@@ -2,9 +2,9 @@
 import { SbReactComponentsMap, SbReactSDKOptions, StoryblokClient } from "../types";
 export declare const useStoryblokApi: () => StoryblokClient;
 export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => SbReactComponentsMap;
-export declare const getComponent: (componentKey: string) => false | import("react").ElementType<any>;
+export declare const getComponent: (componentKey: string) => false | import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
 export declare const getEnableFallbackComponent: () => boolean;
-export declare const getCustomFallbackComponent: () => import("react").ElementType<any>;
+export declare const getCustomFallbackComponent: () => import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
 export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => void;
 export { default as StoryblokComponent } from "./storyblok-component";
 export { useStoryblokApi as getStoryblokApi };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/react",
-  "version": "2.4.7",
+  "version": "2.4.8",
   "description": "SDK to integrate Storyblok into your project using React.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -47,23 +47,23 @@
     "@storyblok/js": "^2.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.11",
-    "@babel/preset-env": "^7.22.10",
-    "@cypress/react": "^5.12.5",
-    "@cypress/vite-dev-server": "^2.2.3",
-    "@tsconfig/recommended": "^1.0.2",
-    "@types/react": "18.2.21",
-    "@vitejs/plugin-react": "^4.0.4",
-    "babel-jest": "^29.6.4",
-    "cypress": "^9.7.0",
-    "eslint-plugin-cypress": "^2.14.0",
-    "eslint-plugin-jest": "^27.2.3",
-    "jest": "^29.6.4",
+    "@babel/core": "^7.23.6",
+    "@babel/preset-env": "^7.23.6",
+    "@cypress/react": "^8.0.0",
+    "@cypress/vite-dev-server": "^5.0.6",
+    "@tsconfig/recommended": "^1.0.3",
+    "@types/react": "18.2.45",
+    "@vitejs/plugin-react": "^4.2.1",
+    "babel-jest": "^29.7.0",
+    "cypress": "^13.6.1",
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-jest": "^27.6.0",
+    "jest": "^29.7.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-preserve-directives": "^0.2.0",
-    "start-server-and-test": "^2.0.0",
-    "vite": "^4.4.9"
+    "start-server-and-test": "^2.0.3",
+    "vite": "^5.0.8"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",