@storyblok/react 2.0.19 → 2.1.0

package/dist/storyblok-react2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-65ac33dd.js"),o=require("./storyblok-js-a8758ae9.js");require("react"),exports.StoryblokComponent=e.StoryblokComponent,exports.getComponent=e.getComponent,exports.getStoryblokApi=e.useStoryblokApi,exports.storyblokInit=e.storyblokInit,exports.useStoryblokApi=e.useStoryblokApi,exports.RichTextResolver=o.y,exports.RichTextSchema=o.ie,exports.apiPlugin=o.le,exports.loadStoryblokBridge=o.pe,exports.registerStoryblokBridge=o.he,exports.renderRichText=o.de,exports.storyblokEditable=o.ce,exports.useStoryblokBridge=o.he;

package/dist/storyblok-react2.mjs

@@ -0,0 +1,18 @@
+import { S, g, u, s, u as u2 } from "./index-f1318b50.mjs";
+import { y, i, l, p, h, d, c, h as h2 } from "./storyblok-js-612aedc3.mjs";
+import "react";
+export {
+  y as RichTextResolver,
+  i as RichTextSchema,
+  S as StoryblokComponent,
+  l as apiPlugin,
+  g as getComponent,
+  u as getStoryblokApi,
+  p as loadStoryblokBridge,
+  h as registerStoryblokBridge,
+  d as renderRichText,
+  c as storyblokEditable,
+  s as storyblokInit,
+  u2 as useStoryblokApi,
+  h2 as useStoryblokBridge
+};

package/dist/storyblok-react3.js

@@ -0,0 +1 @@
+"use strict";"use client";const e=require("react"),o=require("./storyblok-js-a8758ae9.js");module.exports=({options:t})=>((async e=>{await o.pe(),new window.StoryblokBridge(e).on(["published","change"],(()=>{window.location.reload()}))})(t),e.createElement(e.Fragment,null));

package/dist/storyblok-react3.mjs

@@ -0,0 +1,17 @@
+"use client";
+import React from "react";
+import { p as pe } from "./storyblok-js-612aedc3.mjs";
+const setBridge = async (options) => {
+  await pe();
+  const sbBridge = new window.StoryblokBridge(options);
+  sbBridge.on(["published", "change"], () => {
+    window.location.reload();
+  });
+};
+const StoryblokBridgeLoader = ({ options }) => {
+  setBridge(options);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+};
+export {
+  StoryblokBridgeLoader as default
+};

package/dist/storyblok-react4.js

@@ -0,0 +1 @@
+"use strict";"use client";const e=require("react"),t=require("./client-6eb29fd9.js"),r=require("./index-65ac33dd.js");require("./storyblok-js-a8758ae9.js");module.exports=({story:o})=>(o=t.useStoryblokState(o),e.createElement(r.StoryblokComponent,{blok:o.content}));

package/dist/storyblok-react4.mjs

@@ -0,0 +1,12 @@
+"use client";
+import React from "react";
+import { u as useStoryblokState } from "./client-16ee9ae1.mjs";
+import { S as StoryblokComponent } from "./index-f1318b50.mjs";
+import "./storyblok-js-612aedc3.mjs";
+const StoryblokStory = ({ story }) => {
+  story = useStoryblokState(story);
+  return /* @__PURE__ */ React.createElement(StoryblokComponent, { blok: story.content });
+};
+export {
+  StoryblokStory as default
+};

package/dist/types/bridge-loader.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StoryblokBridgeConfigV2 } from "./types";
+interface StoryblokBridgeLoaderProps {
+    options: StoryblokBridgeConfigV2;
+    [key: string]: unknown;
+}
+declare const StoryblokBridgeLoader: ({ options }: StoryblokBridgeLoaderProps) => React.JSX.Element;
+export default StoryblokBridgeLoader;

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

@@ -0,0 +1,2 @@
+import type { TUseStoryblokState } from "../types";
+export declare const useStoryblokState: TUseStoryblokState;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SbReactSDKOptions, StoryblokClient } from "../types";
+export declare const useStoryblokApi: () => StoryblokClient;
+export declare const getComponent: (componentKey: string) => false | import("react").ElementType<any>;
+export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => void;
+export { default as StoryblokComponent } from "./storyblok-component";
+export { useStoryblokApi as getStoryblokApi };
+export { storyblokEditable, apiPlugin, loadStoryblokBridge, useStoryblokBridge, registerStoryblokBridge, renderRichText, RichTextResolver, RichTextSchema, } from "@storyblok/js";
+export * from "../types";

package/dist/types/index.d.ts

@@ -1,13 +1,6 @@
-/// <reference types="react" />
-import { SbReactSDKOptions, ISbStoriesParams, StoryblokBridgeConfigV2, StoryblokClient, ISbStoryData } from "./types";
-export { default as StoryblokComponent } from "./components/storyblok-component";
-export { storyblokEditable, apiPlugin, useStoryblokBridge, registerStoryblokBridge, renderRichText, RichTextResolver, RichTextSchema, } from "@storyblok/js";
+import { ISbStoriesParams, StoryblokBridgeConfigV2, ISbStoryData } from "./types";
 export declare const useStoryblok: (slug: string, apiOptions?: ISbStoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<import("@storyblok/js").StoryblokComponentType<string> & {
     [index: string]: any;
 }>;
-export declare const useStoryblokState: <T = void>(initialStory?: ISbStoryData<T>, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T>;
-export declare const useStoryblokApi: () => StoryblokClient;
-export { useStoryblokApi as getStoryblokApi };
-export declare const getComponent: (componentKey: string) => false | import("react").ElementType<any>;
-export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => void;
-export * from "./types";
+export * from "./common";
+export * from "./common/client";

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

@@ -0,0 +1 @@
+export * from "../common";

package/dist/types/story.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ISbStoryData } from "./types";
+interface StoryblokStoryProps {
+    story: ISbStoryData;
+    [key: string]: unknown;
+}
+declare const StoryblokStory: ({ story }: StoryblokStoryProps) => React.JSX.Element;
+export default StoryblokStory;

package/dist/types/types.d.ts

@@ -1,9 +1,11 @@
-import { SbSDKOptions } from "@storyblok/js";
 import React from "react";
+import { SbSDKOptions } from "@storyblok/js";
+import type { ISbStoryData, StoryblokBridgeConfigV2 } from "@storyblok/js";
 export interface SbReactComponentsMap {
     [key: string]: React.ElementType;
 }
 export interface SbReactSDKOptions extends SbSDKOptions {
     components?: SbReactComponentsMap;
 }
+export type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
 export type { ISbConfig, ISbCache, ISbResult, ISbResponse, ISbError, ISbNode, ISbSchema, ThrottleFn, AsyncFn, ArrayFn, ISbContentMangmntAPI, ISbManagmentApiResult, ISbStories, ISbStory, ISbDimensions, ISbStoryData, ISbAlternateObject, ISbStoriesParams, ISbStoryParams, ISbRichtext, SbBlokData, SbBlokKeyDataTypes, SbRichTextOptions, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokClient, StoryblokComponentType, useStoryblokBridge, } from "@storyblok/js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/react",
-  "version": "2.0.19",
+  "version": "2.1.0",
   "description": "SDK to integrate Storyblok into your project using React.",
   "main": "./dist/storyblok-react.js",
   "module": "./dist/storyblok-react.mjs",
@@ -12,15 +12,31 @@
     ".": {
       "import": "./dist/storyblok-react.mjs",
       "require": "./dist/storyblok-react.js"
+    },
+    "./rsc": {
+      "import": "./dist/storyblok-react2.mjs",
+      "require": "./dist/storyblok-react2.js"
+    },
+    "./bridge-loader": {
+      "import": "./dist/storyblok-react3.mjs",
+      "require": "./dist/storyblok-react3.js"
+    },
+    "./story": {
+      "import": "./dist/storyblok-react4.mjs",
+      "require": "./dist/storyblok-react4.js"
     }
   },
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build && tsc --project tsconfig.json",
-    "test": "npm run test:unit && npm run test:e2e",
+    "test": "npm run test:unit && npm run test:e2e && npm run test:comp",
     "test:unit": "jest __tests__",
-    "test:e2e": "cypress run-ct",
-    "test:e2e-watch": "cypress open-ct",
+    "test:e2e": "start-server-and-test cy:playground http://localhost:3000/ cy:run",
+    "test:e2e-watch": "start-server-and-test cy:playground http-get://localhost:3000/ cy:open",
+    "cy:playground": "npm run demo --prefix ../playground-next13-live-editing",
+    "cy:run": "cypress run",
+    "cy:open": "cypress open",
+    "test:comp": "cypress run-ct",
     "prepublishOnly": "npm run build && cp ../README.md ./"
   },
   "dependencies": {
@@ -41,7 +57,9 @@
     "jest": "^29.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^2.9.15"
+    "start-server-and-test": "^2.0.0",
+    "terser": "^5.16.6",
+    "vite": "^4.1.4"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",