@storyblok/react 3.0.15 → 4.2.0

package/dist/{types/types.d.ts → types.d.ts}

@@ -9,4 +9,5 @@ export interface SbReactSDKOptions extends SbSDKOptions {
     customFallbackComponent?: React.ElementType;
 }
 export type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
-export type { ArrayFn, AsyncFn, ISbAlternateObject, ISbCache, ISbConfig, ISbContentMangmntAPI, ISbDimensions, ISbError, ISbManagmentApiResult, ISbNode, ISbResponse, ISbResult, ISbRichtext, ISbSchema, ISbStories, ISbStoriesParams, ISbStory, ISbStoryData, ISbStoryParams, SbBlokData, SbBlokKeyDataTypes, SbRichTextOptions, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokClient, StoryblokComponentType, ThrottleFn, useStoryblokBridge, } from '@storyblok/js';
+export type { ArrayFn, AsyncFn, ISbAlternateObject, ISbCache, ISbConfig, ISbContentMangmntAPI, ISbDimensions, ISbError, ISbManagmentApiResult, ISbNode, ISbResponse, ISbResult, ISbRichtext, ISbSchema, ISbStories, ISbStoriesParams, ISbStory, ISbStoryData, ISbStoryParams, ISbThrottle, SbBlokData, SbBlokKeyDataTypes, SbRichTextOptions, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokClient, StoryblokComponentType, useStoryblokBridge, } from '@storyblok/js';
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAEzF,MAAM,WAAW,oBAAoB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;CAClC;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,uBAAuB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC7C;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,GAAG,IAAI,EACxC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EACpC,aAAa,CAAC,EAAE,uBAAuB,KACpC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAE5B,YAAY,EACV,OAAO,EACP,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@storyblok/react",
-  "version": "3.0.15",
+  "type": "module",
+  "version": "4.2.0",
+  "private": false,
+  "packageManager": "pnpm@9.13.2",
   "description": "SDK to integrate Storyblok into your project using React.",
   "author": "Storyblok",
-  "homepage": "https://github.com/storyblok/storyblok-react",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/storyblok/storyblok-react"
@@ -13,70 +16,75 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
     "./rsc": {
-      "types": "./dist/types/rsc/index.d.ts",
+      "types": "./dist/rsc/index.d.ts",
       "import": "./dist/rsc.mjs",
       "require": "./dist/rsc.js"
-    },
-    "./bridge-loader": {
-      "types": "./dist/types/bridge-loader.d.ts",
-      "import": "./dist/bridge-loader.mjs",
-      "require": "./dist/bridge-loader.js"
-    },
-    "./story": {
-      "types": "./dist/types/story.d.ts",
-      "import": "./dist/story.mjs",
-      "require": "./dist/story.js"
     }
   },
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
-  "types": "./dist/types/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build && tsc --project tsconfig.json",
-    "test": "npm run test:unit && npm run test:e2e && npm run test:comp",
-    "test:unit": "jest __tests__",
-    "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",
+    "test": "pnpm run test:unit:ci && pnpm run test:e2e",
+    "test:unit": "vitest",
+    "test:unit:ci": "vitest run",
+    "test:unit:ui": "vitest --ui",
+    "test:e2e": "start-server-and-test playground:next13-app-router http://localhost:3000/ cy:run",
+    "test:e2e-watch": "start-server-and-test playground:next13-app-router http-get://localhost:3000/ cy:open",
     "cy:run": "cypress run",
     "cy:open": "cypress open",
     "test:comp": "cypress run-ct",
-    "prepublishOnly": "npm run build && cp ../README.md ./"
+    "playground": "pnpm run --filter ./playground/react dev",
+    "playground:next": "pnpm run --filter ./playground/next15 dev",
+    "playground:next13": "pnpm run --filter ./playground/next13 dev",
+    "playground:next13-app-router": "pnpm run --filter ./playground/next13-app-router dev",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepublishOnly": "pnpm build"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "next": "^13 || ^14 || ^15",
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@storyblok/js": "^3.1.1"
+    "@storyblok/js": "3.1.9"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.4",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
     "@cypress/react": "^8.0.2",
-    "@cypress/vite-dev-server": "^5.2.0",
-    "@tsconfig/recommended": "^1.0.7",
-    "@types/react": "18.3.4",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@cypress/vite-dev-server": "^5.2.1",
+    "@storyblok/eslint-config": "^0.3.0",
+    "@tsconfig/recommended": "^1.0.8",
+    "@types/node": "^22.10.1",
+    "@types/react": "18.3.12",
+    "@vitejs/plugin-react": "^4.3.4",
     "babel-jest": "^29.7.0",
-    "cypress": "^13.14.2",
-    "eslint-plugin-cypress": "^3.5.0",
-    "eslint-plugin-jest": "^28.8.3",
-    "jest": "^29.7.0",
+    "cypress": "^13.16.1",
+    "eslint": "^9.16.0",
+    "eslint-plugin-cypress": "^4.1.0",
+    "eslint-plugin-jest": "^28.9.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rollup-plugin-preserve-directives": "^0.4.0",
-    "start-server-and-test": "^2.0.5",
-    "vite": "^5.4.3"
+    "simple-git-hooks": "^2.11.1",
+    "start-server-and-test": "^2.0.8",
+    "typescript": "5.6.3",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.8"
   },
   "babel": {
     "presets": [
@@ -90,14 +98,10 @@
       ]
     ]
   },
-  "jest": {
-    "moduleFileExtensions": [
-      "js",
-      "json"
-    ],
-    "transform": {
-      "^.+\\.js$": "babel-jest"
-    }
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
   },
   "release": {
     "branches": [
@@ -106,5 +110,9 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint",
+    "pre-push": "pnpm commitlint --last --verbose"
   }
 }

package/dist/bridge-loader.js

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

package/dist/bridge-loader.mjs

@@ -1,11 +0,0 @@
-"use client";
-import o from "react";
-import { loadStoryblokBridge as r } from "./storyblok-js.mjs";
-const t = async (e) => {
-  await r(), new window.StoryblokBridge(e).on(["published", "change"], () => {
-    window.location.reload();
-  });
-}, i = ({ options: e }) => (t(e), /* @__PURE__ */ o.createElement(o.Fragment, null));
-export {
-  i as default
-};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { 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

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

package/dist/types/common/storyblok-component.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { SbBlokData } from '../types';
-interface StoryblokComponentProps {
-    blok: SbBlokData;
-    [key: string]: unknown;
-}
-declare const StoryblokComponent: React.ForwardRefExoticComponent<Omit<StoryblokComponentProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default StoryblokComponent;

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

@@ -1,4 +0,0 @@
-export { default as BridgeLoader } from '../bridge-loader';
-export { default as StoryblokBridgeLoader } from '../bridge-loader';
-export * from '../common';
-export { default as StoryblokStory } from '../story';

package/dist/types/story.d.ts

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