@prismicio/next 2.1.0 → 2.1.1-pr.120.3fae0cb

package/README.md

@@ -81,8 +81,8 @@ For more clarity on this project and its structure you can also check out the de
 [npm-version-href]: https://npmjs.com/package/@prismicio/next
 [npm-downloads-src]: https://img.shields.io/npm/dm/@prismicio/next.svg
 [npm-downloads-href]: https://npmjs.com/package/@prismicio/next
-[github-actions-ci-src]: https://github.com/prismicio/prismic-next/workflows/ci/badge.svg
-[github-actions-ci-href]: https://github.com/prismicio/prismic-next/actions?query=workflow%3Aci
+[github-actions-ci-src]: https://github.com/prismicio/prismic-next/workflows/validate/badge.svg
+[github-actions-ci-href]: https://github.com/prismicio/prismic-next/actions?query=workflow%3Avalidate
 [codecov-src]: https://img.shields.io/codecov/c/github/prismicio/prismic-next.svg
 [codecov-href]: https://codecov.io/gh/prismicio/prismic-next
 [conventional-commits-src]: https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg

package/dist/index.cjs

@@ -5,15 +5,17 @@ const require_enableAutoPreviews = require('./enableAutoPreviews.cjs');
 const require_redirectToPreviewURL = require('./redirectToPreviewURL.cjs');
 const require_imgixLoader = require('./imgixLoader.cjs');
 const require_PrismicNextImage = require('./PrismicNextImage.cjs');
-const require_PrismicNextRichText = require('./PrismicNextRichText.cjs');
+const require_SliceSimulator = require('./simulator/SliceSimulator.cjs');
+const require_getSlices = require('./simulator/getSlices.cjs');
 const require_createLocaleRedirect = require('./createLocaleRedirect.cjs');
 
 exports.PrismicNextImage = require_PrismicNextImage.PrismicNextImage;
 exports.PrismicNextLink = require_PrismicNextLink.PrismicNextLink;
-exports.PrismicNextRichText = require_PrismicNextRichText.PrismicNextRichText;
 exports.PrismicPreview = require_PrismicPreview.PrismicPreview;
+exports.SliceSimulator = require_SliceSimulator.SliceSimulator;
 exports.createLocaleRedirect = require_createLocaleRedirect.createLocaleRedirect;
 exports.enableAutoPreviews = require_enableAutoPreviews.enableAutoPreviews;
 exports.exitPreview = require_exitPreview.exitPreview;
+exports.getSlices = require_getSlices.getSlices;
 exports.imgixLoader = require_imgixLoader.imgixLoader;
 exports.redirectToPreviewURL = require_redirectToPreviewURL.redirectToPreviewURL;

package/dist/index.d.cts

@@ -5,7 +5,9 @@ import { EnableAutoPreviewsConfig, enableAutoPreviews } from "./enableAutoPrevie
 import { CreateClientConfig } from "./types.cjs";
 import { RedirectToPreviewURLConfig, redirectToPreviewURL } from "./redirectToPreviewURL.cjs";
 import { PrismicNextImage, PrismicNextImageProps } from "./PrismicNextImage.cjs";
-import { PrismicNextRichText, PrismicNextRichTextProps } from "./PrismicNextRichText.cjs";
+import { SliceSimulator, SliceSimulatorProps, SliceSimulatorSliceZoneProps } from "./simulator/SliceSimulator.cjs";
+import { getSlices } from "./simulator/getSlices.cjs";
+import { SliceSimulatorParams } from "./simulator/types.cjs";
 import { imgixLoader } from "./imgixLoader.cjs";
 import { CreateLocaleRedirectConfig, createLocaleRedirect } from "./createLocaleRedirect.cjs";
-export { type CreateClientConfig, type CreateLocaleRedirectConfig, type EnableAutoPreviewsConfig, PrismicNextImage, type PrismicNextImageProps, PrismicNextLink, type PrismicNextLinkProps, PrismicNextRichText, type PrismicNextRichTextProps, PrismicPreview, type PrismicPreviewProps, type RedirectToPreviewURLConfig, createLocaleRedirect, enableAutoPreviews, exitPreview, imgixLoader, redirectToPreviewURL };
+export { type CreateClientConfig, type CreateLocaleRedirectConfig, type EnableAutoPreviewsConfig, PrismicNextImage, type PrismicNextImageProps, PrismicNextLink, type PrismicNextLinkProps, PrismicPreview, type PrismicPreviewProps, type RedirectToPreviewURLConfig, SliceSimulator, type SliceSimulatorParams, type SliceSimulatorProps, type SliceSimulatorSliceZoneProps, createLocaleRedirect, enableAutoPreviews, exitPreview, getSlices, imgixLoader, redirectToPreviewURL };

package/dist/package.cjs

@@ -1,6 +1,6 @@
 
 //#region package.json
-var version = "2.1.0";
+var version = "2.1.1-pr.120.3fae0cb";
 
 //#endregion
 Object.defineProperty(exports, 'version', {

package/dist/pages.cjs

@@ -1,7 +1,6 @@
 const require_PrismicNextLink = require('./PrismicNextLink.cjs');
 const require_imgixLoader = require('./imgixLoader.cjs');
 const require_PrismicNextImage = require('./PrismicNextImage.cjs');
-const require_PrismicNextRichText = require('./PrismicNextRichText.cjs');
 const require_createLocaleRedirect = require('./createLocaleRedirect.cjs');
 const require_PrismicPreview = require('./pages/PrismicPreview.cjs');
 const require_enableAutoPreviews = require('./pages/enableAutoPreviews.cjs');
@@ -11,7 +10,6 @@ const require_setPreviewData = require('./pages/setPreviewData.cjs');
 
 exports.PrismicNextImage = require_PrismicNextImage.PrismicNextImage;
 exports.PrismicNextLink = require_PrismicNextLink.PrismicNextLink;
-exports.PrismicNextRichText = require_PrismicNextRichText.PrismicNextRichText;
 exports.PrismicPreview = require_PrismicPreview.PrismicPreview;
 exports.createLocaleRedirect = require_createLocaleRedirect.createLocaleRedirect;
 exports.enableAutoPreviews = require_enableAutoPreviews.enableAutoPreviews;

package/dist/pages.d.cts

@@ -1,6 +1,5 @@
 import { PrismicNextLink, PrismicNextLinkProps } from "./PrismicNextLink.cjs";
 import { PrismicNextImage, PrismicNextImageProps } from "./PrismicNextImage.cjs";
-import { PrismicNextRichText, PrismicNextRichTextProps } from "./PrismicNextRichText.cjs";
 import { imgixLoader } from "./imgixLoader.cjs";
 import { CreateLocaleRedirectConfig, createLocaleRedirect } from "./createLocaleRedirect.cjs";
 import { PrismicPreview, PrismicPreviewProps } from "./pages/PrismicPreview.cjs";
@@ -9,4 +8,4 @@ import { EnableAutoPreviewsConfig, enableAutoPreviews } from "./pages/enableAuto
 import { RedirectToPreviewURLConfig, redirectToPreviewURL } from "./pages/redirectToPreviewURL.cjs";
 import { ExitPreviewAPIRouteConfig, exitPreview } from "./pages/exitPreview.cjs";
 import { SetPreviewDataConfig, setPreviewData } from "./pages/setPreviewData.cjs";
-export { type CreateClientConfig, type CreateLocaleRedirectConfig, type EnableAutoPreviewsConfig, type ExitPreviewAPIRouteConfig, PrismicNextImage, type PrismicNextImageProps, PrismicNextLink, type PrismicNextLinkProps, PrismicNextRichText, type PrismicNextRichTextProps, PrismicPreview, type PrismicPreviewProps, type RedirectToPreviewURLConfig, type SetPreviewDataConfig, createLocaleRedirect, enableAutoPreviews, exitPreview, imgixLoader, redirectToPreviewURL, setPreviewData };
+export { type CreateClientConfig, type CreateLocaleRedirectConfig, type EnableAutoPreviewsConfig, type ExitPreviewAPIRouteConfig, PrismicNextImage, type PrismicNextImageProps, PrismicNextLink, type PrismicNextLinkProps, PrismicPreview, type PrismicPreviewProps, type RedirectToPreviewURLConfig, type SetPreviewDataConfig, createLocaleRedirect, enableAutoPreviews, exitPreview, imgixLoader, redirectToPreviewURL, setPreviewData };

package/dist/react-server.cjs

@@ -0,0 +1,5 @@
+const require_getSlices = require('./simulator/react-server/getSlices.cjs');
+const require_SliceSimulator = require('./simulator/react-server/SliceSimulator.cjs');
+
+exports.SliceSimulator = require_SliceSimulator.SliceSimulator;
+exports.getSlices = require_getSlices.getSlices;

package/dist/react-server.d.cts

@@ -0,0 +1,3 @@
+import { SliceSimulator } from "./simulator/react-server/SliceSimulator.cjs";
+import { getSlices } from "./simulator/react-server/getSlices.cjs";
+export { SliceSimulator, getSlices };

package/dist/simulator/SliceSimulator.cjs

@@ -0,0 +1,45 @@
+"use client";
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_SliceSimulatorWrapper = require('./SliceSimulatorWrapper.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _prismicio_simulator_kit = require("@prismicio/simulator/kit");
+
+//#region src/simulator/SliceSimulator.tsx
+const simulatorManager = new _prismicio_simulator_kit.SimulatorManager();
+/**
+* Simulate slices in isolation. The slice simulator enables live slice
+* development in Slice Machine and live previews in the Page Builder.
+*/
+const SliceSimulator = ({ background, zIndex, className, ...restProps }) => {
+	if (!("sliceZone" in restProps)) throw new Error("A sliceZone prop must be provided when <SliceZone> is rendered in a Client Component. Add a sliceZone prop or convert your simulator to a Server Component with the getSlices helper.");
+	const [slices, setSlices] = (0, react.useState)(() => (0, _prismicio_simulator_kit.getDefaultSlices)());
+	const [message, setMessage] = (0, react.useState)(() => (0, _prismicio_simulator_kit.getDefaultMessage)());
+	(0, react.useEffect)(() => {
+		simulatorManager.state.on(_prismicio_simulator_kit.StateEventType.Slices, (_slices) => {
+			setSlices(_slices);
+		}, "simulator-slices");
+		simulatorManager.state.on(_prismicio_simulator_kit.StateEventType.Message, (_message) => {
+			setMessage(_message);
+		}, "simulator-message");
+		simulatorManager.init();
+		return () => {
+			simulatorManager.state.off(_prismicio_simulator_kit.StateEventType.Slices, "simulator-slices");
+			simulatorManager.state.off(_prismicio_simulator_kit.StateEventType.Message, "simulator-message");
+		};
+	}, []);
+	const SliceZoneComp = restProps.sliceZone;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SliceSimulatorWrapper.SliceSimulatorWrapper, {
+		message,
+		hasSlices: slices.length > 0,
+		background,
+		zIndex,
+		className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliceZoneComp, { slices })
+	});
+};
+
+//#endregion
+exports.SliceSimulator = SliceSimulator;
+//# sourceMappingURL=SliceSimulator.cjs.map

package/dist/simulator/SliceSimulator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulator.cjs","names":["SimulatorManager","StateEventType","SliceSimulatorWrapper"],"sources":["../../src/simulator/SliceSimulator.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { ComponentType, FC } from \"react\";\n\nimport {\n\tSimulatorManager,\n\tStateEventType,\n\tgetDefaultMessage,\n\tgetDefaultSlices,\n} from \"@prismicio/simulator/kit\";\nimport type {\n\tSliceSimulatorProps as BaseSliceSimulatorProps,\n\tSliceSimulatorState,\n} from \"@prismicio/simulator/kit\";\n\nimport { SliceSimulatorWrapper } from \"./SliceSimulatorWrapper\";\n\nconst simulatorManager = new SimulatorManager();\n\nexport type SliceSimulatorSliceZoneProps = {\n\tslices: SliceSimulatorState[\"slices\"];\n};\n\nexport type SliceSimulatorProps = {\n\tclassName?: string;\n} & Omit<BaseSliceSimulatorProps, \"state\"> &\n\t(\n\t\t| {\n\t\t\t\t/**\n\t\t\t\t * React component to render simulated Slices.\n\t\t\t\t *\n\t\t\t\t * @example\n\t\t\t\t *\n\t\t\t\t * ```tsx\n\t\t\t\t * import { SliceSimulator } from \"@slicemachine/adapter-next/simulator\";\n\t\t\t\t * import { SliceZone } from \"@prismicio/react\";\n\t\t\t\t *\n\t\t\t\t * import { components } from \"../slices\";\n\t\t\t\t *\n\t\t\t\t * <SliceSimulator\n\t\t\t\t * \tsliceZone={({ slices }) => (\n\t\t\t\t * \t\t<SliceZone slices={slices} components={components} />\n\t\t\t\t * \t)}\n\t\t\t\t * />;\n\t\t\t\t * ```\n\t\t\t\t */\n\t\t\t\tsliceZone: ComponentType<SliceSimulatorSliceZoneProps>;\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t  }\n\t);\n\n/**\n * Simulate slices in isolation. The slice simulator enables live slice\n * development in Slice Machine and live previews in the Page Builder.\n */\nexport const SliceSimulator: FC<SliceSimulatorProps> = ({\n\tbackground,\n\tzIndex,\n\tclassName,\n\t...restProps\n}) => {\n\tif (!(\"sliceZone\" in restProps)) {\n\t\tthrow new Error(\n\t\t\t\"A sliceZone prop must be provided when <SliceZone> is rendered in a Client Component. Add a sliceZone prop or convert your simulator to a Server Component with the getSlices helper.\",\n\t\t);\n\t}\n\n\tconst [slices, setSlices] = useState(() => getDefaultSlices());\n\tconst [message, setMessage] = useState(() => getDefaultMessage());\n\n\tuseEffect(() => {\n\t\tsimulatorManager.state.on(\n\t\t\tStateEventType.Slices,\n\t\t\t(_slices) => {\n\t\t\t\tsetSlices(_slices);\n\t\t\t},\n\t\t\t\"simulator-slices\",\n\t\t);\n\t\tsimulatorManager.state.on(\n\t\t\tStateEventType.Message,\n\t\t\t(_message) => {\n\t\t\t\tsetMessage(_message);\n\t\t\t},\n\t\t\t\"simulator-message\",\n\t\t);\n\n\t\tsimulatorManager.init();\n\n\t\treturn () => {\n\t\t\tsimulatorManager.state.off(StateEventType.Slices, \"simulator-slices\");\n\n\t\t\tsimulatorManager.state.off(StateEventType.Message, \"simulator-message\");\n\t\t};\n\t}, []);\n\n\tconst SliceZoneComp = restProps.sliceZone;\n\n\treturn (\n\t\t<SliceSimulatorWrapper\n\t\t\tmessage={message}\n\t\t\thasSlices={slices.length > 0}\n\t\t\tbackground={background}\n\t\t\tzIndex={zIndex}\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<SliceZoneComp slices={slices} />\n\t\t</SliceSimulatorWrapper>\n\t);\n};\n"],"mappings":";;;;;;;;;AAkBA,MAAM,mBAAmB,IAAIA,2CAAkB;;;;;AAwC/C,MAAa,kBAA2C,EACvD,YACA,QACA,WACA,GAAG,gBACE;AACL,KAAI,EAAE,eAAe,WACpB,OAAM,IAAI,MACT,wLACA;CAGF,MAAM,CAAC,QAAQ,uFAA8C,CAAC;CAC9D,MAAM,CAAC,SAAS,yFAAgD,CAAC;AAEjE,4BAAgB;AACf,mBAAiB,MAAM,GACtBC,wCAAe,SACd,YAAY;AACZ,aAAU,QAAQ;KAEnB,mBACA;AACD,mBAAiB,MAAM,GACtBA,wCAAe,UACd,aAAa;AACb,cAAW,SAAS;KAErB,oBACA;AAED,mBAAiB,MAAM;AAEvB,eAAa;AACZ,oBAAiB,MAAM,IAAIA,wCAAe,QAAQ,mBAAmB;AAErE,oBAAiB,MAAM,IAAIA,wCAAe,SAAS,oBAAoB;;IAEtE,EAAE,CAAC;CAEN,MAAM,gBAAgB,UAAU;AAEhC,QACC,2CAACC;EACS;EACT,WAAW,OAAO,SAAS;EACf;EACJ;EACG;YAEX,2CAAC,iBAAsB,SAAU;GACV"}

package/dist/simulator/SliceSimulator.d.cts

@@ -0,0 +1,40 @@
+import { ComponentType, FC } from "react";
+import { SliceSimulatorProps, SliceSimulatorState } from "@prismicio/simulator/kit";
+
+//#region src/simulator/SliceSimulator.d.ts
+type SliceSimulatorSliceZoneProps = {
+  slices: SliceSimulatorState["slices"];
+};
+type SliceSimulatorProps$1 = {
+  className?: string;
+} & Omit<SliceSimulatorProps, "state"> & ({
+  /**
+   * React component to render simulated Slices.
+   *
+   * @example
+   *
+   * ```tsx
+   * import { SliceSimulator } from "@slicemachine/adapter-next/simulator";
+   * import { SliceZone } from "@prismicio/react";
+   *
+   * import { components } from "../slices";
+   *
+   * <SliceSimulator
+   * 	sliceZone={({ slices }) => (
+   * 		<SliceZone slices={slices} components={components} />
+   * 	)}
+   * />;
+   * ```
+   */
+  sliceZone: ComponentType<SliceSimulatorSliceZoneProps>;
+} | {
+  children: React.ReactNode;
+});
+/**
+ * Simulate slices in isolation. The slice simulator enables live slice
+ * development in Slice Machine and live previews in the Page Builder.
+ */
+declare const SliceSimulator: FC<SliceSimulatorProps$1>;
+//#endregion
+export { SliceSimulator, SliceSimulatorProps$1 as SliceSimulatorProps, SliceSimulatorSliceZoneProps };
+//# sourceMappingURL=SliceSimulator.d.cts.map

package/dist/simulator/SliceSimulatorWrapper.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _prismicio_simulator_kit = require("@prismicio/simulator/kit");
+
+//#region src/simulator/SliceSimulatorWrapper.tsx
+/**
+* A wrapper for the slice simulator that isolates the given children from the
+* page's layout.
+*/
+const SliceSimulatorWrapper = ({ className, children, zIndex, background, message, hasSlices }) => {
+	const defaultProps = (0, _prismicio_simulator_kit.getDefaultProps)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: [_prismicio_simulator_kit.simulatorClass, className].filter(Boolean).join(" "),
+		style: {
+			zIndex: typeof zIndex === "undefined" ? defaultProps.zIndex : zIndex ?? void 0,
+			position: "fixed",
+			top: 0,
+			left: 0,
+			width: "100%",
+			height: "100vh",
+			overflow: "auto",
+			background: typeof background === "undefined" ? defaultProps.background : background ?? void 0
+		},
+		children: message ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", { dangerouslySetInnerHTML: { __html: message } }) : hasSlices ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			id: "root",
+			className: _prismicio_simulator_kit.simulatorRootClass,
+			onClickCapture: _prismicio_simulator_kit.onClickHandler,
+			onSubmitCapture: _prismicio_simulator_kit.disableEventHandler,
+			children
+		}) : null
+	});
+};
+
+//#endregion
+exports.SliceSimulatorWrapper = SliceSimulatorWrapper;
+//# sourceMappingURL=SliceSimulatorWrapper.cjs.map

package/dist/simulator/SliceSimulatorWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulatorWrapper.cjs","names":["simulatorClass","simulatorRootClass","onClickHandler","disableEventHandler"],"sources":["../../src/simulator/SliceSimulatorWrapper.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport {\n\tdisableEventHandler,\n\tgetDefaultProps,\n\tonClickHandler,\n\tsimulatorClass,\n\tsimulatorRootClass,\n} from \"@prismicio/simulator/kit\";\nimport type { SliceSimulatorProps } from \"./SliceSimulator\";\n\ntype SliceSimulatorWrapperProps = {\n\tchildren: ReactNode;\n\tclassName?: string;\n\tmessage?: string;\n\thasSlices: boolean;\n} & Omit<SliceSimulatorProps, \"state\">;\n\n/**\n * A wrapper for the slice simulator that isolates the given children from the\n * page's layout.\n */\nexport const SliceSimulatorWrapper: FC<SliceSimulatorWrapperProps> = ({\n\tclassName,\n\tchildren,\n\tzIndex,\n\tbackground,\n\tmessage,\n\thasSlices,\n}) => {\n\tconst defaultProps = getDefaultProps();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={[simulatorClass, className].filter(Boolean).join(\" \")}\n\t\t\tstyle={{\n\t\t\t\tzIndex:\n\t\t\t\t\ttypeof zIndex === \"undefined\"\n\t\t\t\t\t\t? defaultProps.zIndex\n\t\t\t\t\t\t: zIndex ?? undefined,\n\t\t\t\tposition: \"fixed\",\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100vh\",\n\t\t\t\toverflow: \"auto\",\n\t\t\t\tbackground:\n\t\t\t\t\ttypeof background === \"undefined\"\n\t\t\t\t\t\t? defaultProps.background\n\t\t\t\t\t\t: background ?? undefined,\n\t\t\t}}\n\t\t>\n\t\t\t{message ? (\n\t\t\t\t<article dangerouslySetInnerHTML={{ __html: message }} />\n\t\t\t) : hasSlices ? (\n\t\t\t\t<div\n\t\t\t\t\tid=\"root\"\n\t\t\t\t\tclassName={simulatorRootClass}\n\t\t\t\t\tonClickCapture={onClickHandler as unknown as React.MouseEventHandler}\n\t\t\t\t\tonSubmitCapture={\n\t\t\t\t\t\tdisableEventHandler as unknown as React.FormEventHandler\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n};\n"],"mappings":";;;;;;;;;AAqBA,MAAa,yBAAyD,EACrE,WACA,UACA,QACA,YACA,SACA,gBACK;CACL,MAAM,8DAAgC;AAEtC,QACC,2CAAC;EACA,WAAW,CAACA,yCAAgB,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAChE,OAAO;GACN,QACC,OAAO,WAAW,cACf,aAAa,SACb,UAAU;GACd,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,UAAU;GACV,YACC,OAAO,eAAe,cACnB,aAAa,aACb,cAAc;GAClB;YAEA,UACA,2CAAC,aAAQ,yBAAyB,EAAE,QAAQ,SAAS,GAAI,GACtD,YACH,2CAAC;GACA,IAAG;GACH,WAAWC;GACX,gBAAgBC;GAChB,iBACCC;GAGA;IACI,GACH;GACC"}

package/dist/simulator/getSlices.cjs

@@ -0,0 +1,16 @@
+
+//#region src/simulator/getSlices.ts
+/**
+* Returns the simulator's slices from the page's `searchParams.state` value.
+* The `state` value is set by `<SliceSimulator>`.
+*
+* **Note**: `getSlices` should only be used in the App Router with a Server
+* Component.
+*/
+const getSlices = (state) => {
+	throw new Error("getSlices is designed only for Server Components. Convert your simulator page to a Server Component or remove the function from your Client Component.");
+};
+
+//#endregion
+exports.getSlices = getSlices;
+//# sourceMappingURL=getSlices.cjs.map

package/dist/simulator/getSlices.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSlices.cjs","names":[],"sources":["../../src/simulator/getSlices.ts"],"sourcesContent":["import type { StateEvents, StateEventType } from \"@prismicio/simulator/kit\";\n\n/**\n * Returns the simulator's slices from the page's `searchParams.state` value.\n * The `state` value is set by `<SliceSimulator>`.\n *\n * **Note**: `getSlices` should only be used in the App Router with a Server\n * Component.\n */\nexport const getSlices = (\n\tstate: string | null | undefined,\n): StateEvents[StateEventType.Slices] => {\n\t// Prevent tsserver + eslint warnings about unused vars.\n\tstate;\n\n\tthrow new Error(\n\t\t\"getSlices is designed only for Server Components. Convert your simulator page to a Server Component or remove the function from your Client Component.\",\n\t);\n};\n"],"mappings":";;;;;;;;;AASA,MAAa,aACZ,UACwC;AAIxC,OAAM,IAAI,MACT,yJACA"}

package/dist/simulator/getSlices.d.cts

@@ -0,0 +1,15 @@
+import { StateEventType, StateEvents } from "@prismicio/simulator/kit";
+
+//#region src/simulator/getSlices.d.ts
+
+/**
+ * Returns the simulator's slices from the page's `searchParams.state` value.
+ * The `state` value is set by `<SliceSimulator>`.
+ *
+ * **Note**: `getSlices` should only be used in the App Router with a Server
+ * Component.
+ */
+declare const getSlices: (state: string | null | undefined) => StateEvents[StateEventType.Slices];
+//#endregion
+export { getSlices };
+//# sourceMappingURL=getSlices.d.cts.map

package/dist/simulator/react-server/SliceSimulator.cjs

@@ -0,0 +1,45 @@
+"use client";
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_SliceSimulatorWrapper = require('../SliceSimulatorWrapper.cjs');
+const require_getSlices = require('./getSlices.cjs');
+let next_navigation = require("next/navigation");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _prismicio_simulator_kit = require("@prismicio/simulator/kit");
+let lz_string = require("lz-string");
+
+//#region src/simulator/react-server/SliceSimulator.tsx
+const STATE_PARAMS_KEY = "state";
+const simulatorManager = new _prismicio_simulator_kit.SimulatorManager();
+const SliceSimulator = ({ children, background, zIndex, className }) => {
+	const [message, setMessage] = (0, react.useState)(() => (0, _prismicio_simulator_kit.getDefaultMessage)());
+	const router = (0, next_navigation.useRouter)();
+	const hasSlices = require_getSlices.getSlices(typeof window !== "undefined" ? new URL(window.location.href).searchParams.get(STATE_PARAMS_KEY) : void 0).length > 0;
+	(0, react.useEffect)(() => {
+		simulatorManager.state.on(_prismicio_simulator_kit.StateEventType.Slices, (newSlices) => {
+			const url = new URL(window.location.href);
+			url.searchParams.set(STATE_PARAMS_KEY, (0, lz_string.compressToEncodedURIComponent)(JSON.stringify(newSlices)));
+			window.history.replaceState(null, "", url);
+			setTimeout(() => router.refresh(), 0);
+		}, "simulator-slices");
+		simulatorManager.state.on(_prismicio_simulator_kit.StateEventType.Message, (newMessage) => setMessage(newMessage), "simulator-message");
+		simulatorManager.init();
+		return () => {
+			simulatorManager.state.off(_prismicio_simulator_kit.StateEventType.Slices, "simulator-slices");
+			simulatorManager.state.off(_prismicio_simulator_kit.StateEventType.Message, "simulator-message");
+		};
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SliceSimulatorWrapper.SliceSimulatorWrapper, {
+		message,
+		hasSlices,
+		background,
+		zIndex,
+		className,
+		children
+	});
+};
+
+//#endregion
+exports.SliceSimulator = SliceSimulator;
+//# sourceMappingURL=SliceSimulator.cjs.map

package/dist/simulator/react-server/SliceSimulator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulator.cjs","names":["SimulatorManager","getSlices","StateEventType","SliceSimulatorWrapper"],"sources":["../../../src/simulator/react-server/SliceSimulator.tsx"],"sourcesContent":["// This `<SliceSimulator>` is only accessible from Server Components.\n\n\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { FC } from \"react\";\n\nimport { useRouter } from \"next/navigation\";\nimport {\n\tSimulatorManager,\n\tStateEventType,\n\tgetDefaultMessage,\n} from \"@prismicio/simulator/kit\";\nimport type { SliceSimulatorProps as BaseSliceSimulatorProps } from \"@prismicio/simulator/kit\";\nimport { compressToEncodedURIComponent } from \"lz-string\";\n\nimport { SliceSimulatorWrapper } from \"../SliceSimulatorWrapper\";\nimport { getSlices } from \"./getSlices\";\n\nconst STATE_PARAMS_KEY = \"state\";\n\nconst simulatorManager = new SimulatorManager();\n\nexport type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, \"state\"> & {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n};\n\nexport const SliceSimulator: FC<SliceSimulatorProps> = ({\n\tchildren,\n\tbackground,\n\tzIndex,\n\tclassName,\n}) => {\n\tconst [message, setMessage] = useState(() => getDefaultMessage());\n\tconst router = useRouter();\n\n\tconst state =\n\t\ttypeof window !== \"undefined\"\n\t\t\t? new URL(window.location.href).searchParams.get(STATE_PARAMS_KEY)\n\t\t\t: undefined;\n\tconst hasSlices = getSlices(state).length > 0;\n\n\tuseEffect(() => {\n\t\tsimulatorManager.state.on(\n\t\t\tStateEventType.Slices,\n\t\t\t(newSlices) => {\n\t\t\t\tconst url = new URL(window.location.href);\n\t\t\t\turl.searchParams.set(\n\t\t\t\t\tSTATE_PARAMS_KEY,\n\t\t\t\t\tcompressToEncodedURIComponent(JSON.stringify(newSlices)),\n\t\t\t\t);\n\n\t\t\t\twindow.history.replaceState(null, \"\", url);\n\t\t\t\t// Wait until the next tick to prevent URL state race conditions.\n\t\t\t\tsetTimeout(() => router.refresh(), 0);\n\t\t\t},\n\t\t\t\"simulator-slices\",\n\t\t);\n\t\tsimulatorManager.state.on(\n\t\t\tStateEventType.Message,\n\t\t\t(newMessage) => setMessage(newMessage),\n\t\t\t\"simulator-message\",\n\t\t);\n\n\t\tsimulatorManager.init();\n\n\t\treturn () => {\n\t\t\tsimulatorManager.state.off(StateEventType.Slices, \"simulator-slices\");\n\n\t\t\tsimulatorManager.state.off(StateEventType.Message, \"simulator-message\");\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<SliceSimulatorWrapper\n\t\t\tmessage={message}\n\t\t\thasSlices={hasSlices}\n\t\t\tbackground={background}\n\t\t\tzIndex={zIndex}\n\t\t\tclassName={className}\n\t\t>\n\t\t\t{children}\n\t\t</SliceSimulatorWrapper>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB,IAAIA,2CAAkB;AAO/C,MAAa,kBAA2C,EACvD,UACA,YACA,QACA,gBACK;CACL,MAAM,CAAC,SAAS,yFAAgD,CAAC;CACjE,MAAM,yCAAoB;CAM1B,MAAM,YAAYC,4BAHjB,OAAO,WAAW,cACf,IAAI,IAAI,OAAO,SAAS,KAAK,CAAC,aAAa,IAAI,iBAAiB,GAChE,OAC8B,CAAC,SAAS;AAE5C,4BAAgB;AACf,mBAAiB,MAAM,GACtBC,wCAAe,SACd,cAAc;GACd,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,KAAK;AACzC,OAAI,aAAa,IAChB,+DAC8B,KAAK,UAAU,UAAU,CAAC,CACxD;AAED,UAAO,QAAQ,aAAa,MAAM,IAAI,IAAI;AAE1C,oBAAiB,OAAO,SAAS,EAAE,EAAE;KAEtC,mBACA;AACD,mBAAiB,MAAM,GACtBA,wCAAe,UACd,eAAe,WAAW,WAAW,EACtC,oBACA;AAED,mBAAiB,MAAM;AAEvB,eAAa;AACZ,oBAAiB,MAAM,IAAIA,wCAAe,QAAQ,mBAAmB;AAErE,oBAAiB,MAAM,IAAIA,wCAAe,SAAS,oBAAoB;;IAEtE,EAAE,CAAC;AAEN,QACC,2CAACC;EACS;EACE;EACC;EACJ;EACG;EAEV;GACsB"}

package/dist/simulator/react-server/SliceSimulator.d.cts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { SliceSimulatorProps } from "@prismicio/simulator/kit";
+
+//#region src/simulator/react-server/SliceSimulator.d.ts
+type SliceSimulatorProps$1 = Omit<SliceSimulatorProps, "state"> & {
+  children: React.ReactNode;
+  className?: string;
+};
+declare const SliceSimulator: FC<SliceSimulatorProps$1>;
+//#endregion
+export { SliceSimulator };
+//# sourceMappingURL=SliceSimulator.d.cts.map

package/dist/simulator/react-server/getSlices.cjs

@@ -0,0 +1,12 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _prismicio_simulator_kit = require("@prismicio/simulator/kit");
+let lz_string = require("lz-string");
+
+//#region src/simulator/react-server/getSlices.ts
+const getSlices = (state) => {
+	return state ? JSON.parse((0, lz_string.decompressFromEncodedURIComponent)(state)) : (0, _prismicio_simulator_kit.getDefaultSlices)();
+};
+
+//#endregion
+exports.getSlices = getSlices;
+//# sourceMappingURL=getSlices.cjs.map

package/dist/simulator/react-server/getSlices.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSlices.cjs","names":[],"sources":["../../../src/simulator/react-server/getSlices.ts"],"sourcesContent":["// This `getSlices` is only accessible from Server Components.\n\nimport { getDefaultSlices } from \"@prismicio/simulator/kit\";\nimport type { StateEvents, StateEventType } from \"@prismicio/simulator/kit\";\nimport { decompressFromEncodedURIComponent } from \"lz-string\";\n\nexport const getSlices = (\n\tstate: string | null | undefined,\n): StateEvents[StateEventType.Slices] => {\n\treturn state\n\t\t? JSON.parse(decompressFromEncodedURIComponent(state))\n\t\t: getDefaultSlices();\n};\n"],"mappings":";;;;;AAMA,MAAa,aACZ,UACwC;AACxC,QAAO,QACJ,KAAK,uDAAwC,MAAM,CAAC,mDAClC"}

package/dist/simulator/react-server/getSlices.d.cts

@@ -0,0 +1,7 @@
+import { StateEventType, StateEvents } from "@prismicio/simulator/kit";
+
+//#region src/simulator/react-server/getSlices.d.ts
+declare const getSlices: (state: string | null | undefined) => StateEvents[StateEventType.Slices];
+//#endregion
+export { getSlices };
+//# sourceMappingURL=getSlices.d.cts.map

package/dist/simulator/types.d.cts

@@ -0,0 +1,15 @@
+//#region src/simulator/types.d.ts
+/**
+ * Parameters provided to the Slice Simulator page.
+ *
+ * **Note**: `SliceSimulatorParams` should only be used in the App Router with a
+ * Server Component.
+ */
+type SliceSimulatorParams = {
+  searchParams: Promise<{
+    state?: string;
+  }>;
+};
+//#endregion
+export { SliceSimulatorParams };
+//# sourceMappingURL=types.d.cts.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/next",
-	"version": "2.1.0",
+	"version": "2.1.1-pr.120.3fae0cb",
 	"description": "Helpers to integrate Prismic into Next.js apps",
 	"keywords": [
 		"typescript",
@@ -20,6 +20,7 @@
 	"exports": {
 		".": "./dist/index.cjs",
 		"./pages": "./dist/pages.cjs",
+		"./react-server": "./dist/react-server.cjs",
 		"./package.json": "./package.json"
 	},
 	"main": "./dist/index.cjs",
@@ -32,6 +33,9 @@
 			],
 			"pages": [
 				"./dist/pages/index.d.ts"
+			],
+			"react-server": [
+				"./dist/react-server/index.d.ts"
 			]
 		}
 	},
@@ -55,12 +59,13 @@
 		"types": "tsc --noEmit"
 	},
 	"dependencies": {
-		"imgix-url-builder": "^0.0.5"
+		"@prismicio/simulator": "^0.1.4",
+		"imgix-url-builder": "^0.0.5",
+		"lz-string": "^1.5.0"
 	},
 	"devDependencies": {
 		"@playwright/test": "^1.49.1",
 		"@prismicio/client": "^7.12.0",
-		"@prismicio/react": "^3.2.2",
 		"@trivago/prettier-plugin-sort-imports": "^6.0.2",
 		"@types/node": "^22.10.2",
 		"@types/react": "^19.2.3",
@@ -76,15 +81,9 @@
 	},
 	"peerDependencies": {
 		"@prismicio/client": "^7",
-		"@prismicio/react": "^3",
 		"next": "^13.4.5 || ^14 || ^15 || ^16",
 		"react": "^18 || ^19"
 	},
-	"peerDependenciesMeta": {
-		"@prismicio/react": {
-			"optional": true
-		}
-	},
 	"engines": {
 		"node": ">=20"
 	},

package/src/index.ts

@@ -15,8 +15,12 @@ export type { RedirectToPreviewURLConfig } from "./redirectToPreviewURL";
 export { PrismicNextImage } from "./PrismicNextImage";
 export type { PrismicNextImageProps } from "./PrismicNextImage";
 
-export { PrismicNextRichText } from "./PrismicNextRichText";
-export type { PrismicNextRichTextProps } from "./PrismicNextRichText";
+export { SliceSimulator, getSlices } from "./simulator";
+export type {
+	SliceSimulatorProps,
+	SliceSimulatorSliceZoneProps,
+	SliceSimulatorParams,
+} from "./simulator";
 
 export { imgixLoader } from "./imgixLoader";
 

package/src/pages/index.ts

@@ -4,9 +4,6 @@ export { type PrismicNextLinkProps } from "../PrismicNextLink";
 export { PrismicNextImage } from "../PrismicNextImage";
 export { type PrismicNextImageProps } from "../PrismicNextImage";
 
-export { PrismicNextRichText } from "../PrismicNextRichText";
-export { type PrismicNextRichTextProps } from "../PrismicNextRichText";
-
 export { imgixLoader } from "../imgixLoader";
 
 export { PrismicPreview } from "./PrismicPreview";

package/src/simulator/SliceSimulator.tsx

@@ -0,0 +1,112 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import type { ComponentType, FC } from "react";
+
+import {
+	SimulatorManager,
+	StateEventType,
+	getDefaultMessage,
+	getDefaultSlices,
+} from "@prismicio/simulator/kit";
+import type {
+	SliceSimulatorProps as BaseSliceSimulatorProps,
+	SliceSimulatorState,
+} from "@prismicio/simulator/kit";
+
+import { SliceSimulatorWrapper } from "./SliceSimulatorWrapper";
+
+const simulatorManager = new SimulatorManager();
+
+export type SliceSimulatorSliceZoneProps = {
+	slices: SliceSimulatorState["slices"];
+};
+
+export type SliceSimulatorProps = {
+	className?: string;
+} & Omit<BaseSliceSimulatorProps, "state"> &
+	(
+		| {
+				/**
+				 * React component to render simulated Slices.
+				 *
+				 * @example
+				 *
+				 * ```tsx
+				 * import { SliceSimulator } from "@slicemachine/adapter-next/simulator";
+				 * import { SliceZone } from "@prismicio/react";
+				 *
+				 * import { components } from "../slices";
+				 *
+				 * <SliceSimulator
+				 * 	sliceZone={({ slices }) => (
+				 * 		<SliceZone slices={slices} components={components} />
+				 * 	)}
+				 * />;
+				 * ```
+				 */
+				sliceZone: ComponentType<SliceSimulatorSliceZoneProps>;
+		  }
+		| {
+				children: React.ReactNode;
+		  }
+	);
+
+/**
+ * Simulate slices in isolation. The slice simulator enables live slice
+ * development in Slice Machine and live previews in the Page Builder.
+ */
+export const SliceSimulator: FC<SliceSimulatorProps> = ({
+	background,
+	zIndex,
+	className,
+	...restProps
+}) => {
+	if (!("sliceZone" in restProps)) {
+		throw new Error(
+			"A sliceZone prop must be provided when <SliceZone> is rendered in a Client Component. Add a sliceZone prop or convert your simulator to a Server Component with the getSlices helper.",
+		);
+	}
+
+	const [slices, setSlices] = useState(() => getDefaultSlices());
+	const [message, setMessage] = useState(() => getDefaultMessage());
+
+	useEffect(() => {
+		simulatorManager.state.on(
+			StateEventType.Slices,
+			(_slices) => {
+				setSlices(_slices);
+			},
+			"simulator-slices",
+		);
+		simulatorManager.state.on(
+			StateEventType.Message,
+			(_message) => {
+				setMessage(_message);
+			},
+			"simulator-message",
+		);
+
+		simulatorManager.init();
+
+		return () => {
+			simulatorManager.state.off(StateEventType.Slices, "simulator-slices");
+
+			simulatorManager.state.off(StateEventType.Message, "simulator-message");
+		};
+	}, []);
+
+	const SliceZoneComp = restProps.sliceZone;
+
+	return (
+		<SliceSimulatorWrapper
+			message={message}
+			hasSlices={slices.length > 0}
+			background={background}
+			zIndex={zIndex}
+			className={className}
+		>
+			<SliceZoneComp slices={slices} />
+		</SliceSimulatorWrapper>
+	);
+};

package/src/simulator/SliceSimulatorWrapper.tsx

@@ -0,0 +1,68 @@
+import type { FC, ReactNode } from "react";
+import {
+	disableEventHandler,
+	getDefaultProps,
+	onClickHandler,
+	simulatorClass,
+	simulatorRootClass,
+} from "@prismicio/simulator/kit";
+import type { SliceSimulatorProps } from "./SliceSimulator";
+
+type SliceSimulatorWrapperProps = {
+	children: ReactNode;
+	className?: string;
+	message?: string;
+	hasSlices: boolean;
+} & Omit<SliceSimulatorProps, "state">;
+
+/**
+ * A wrapper for the slice simulator that isolates the given children from the
+ * page's layout.
+ */
+export const SliceSimulatorWrapper: FC<SliceSimulatorWrapperProps> = ({
+	className,
+	children,
+	zIndex,
+	background,
+	message,
+	hasSlices,
+}) => {
+	const defaultProps = getDefaultProps();
+
+	return (
+		<div
+			className={[simulatorClass, className].filter(Boolean).join(" ")}
+			style={{
+				zIndex:
+					typeof zIndex === "undefined"
+						? defaultProps.zIndex
+						: zIndex ?? undefined,
+				position: "fixed",
+				top: 0,
+				left: 0,
+				width: "100%",
+				height: "100vh",
+				overflow: "auto",
+				background:
+					typeof background === "undefined"
+						? defaultProps.background
+						: background ?? undefined,
+			}}
+		>
+			{message ? (
+				<article dangerouslySetInnerHTML={{ __html: message }} />
+			) : hasSlices ? (
+				<div
+					id="root"
+					className={simulatorRootClass}
+					onClickCapture={onClickHandler as unknown as React.MouseEventHandler}
+					onSubmitCapture={
+						disableEventHandler as unknown as React.FormEventHandler
+					}
+				>
+					{children}
+				</div>
+			) : null}
+		</div>
+	);
+};

package/src/simulator/getSlices.ts

@@ -0,0 +1,19 @@
+import type { StateEvents, StateEventType } from "@prismicio/simulator/kit";
+
+/**
+ * Returns the simulator's slices from the page's `searchParams.state` value.
+ * The `state` value is set by `<SliceSimulator>`.
+ *
+ * **Note**: `getSlices` should only be used in the App Router with a Server
+ * Component.
+ */
+export const getSlices = (
+	state: string | null | undefined,
+): StateEvents[StateEventType.Slices] => {
+	// Prevent tsserver + eslint warnings about unused vars.
+	state;
+
+	throw new Error(
+		"getSlices is designed only for Server Components. Convert your simulator page to a Server Component or remove the function from your Client Component.",
+	);
+};

package/src/simulator/index.ts

@@ -0,0 +1,8 @@
+export { SliceSimulator } from "./SliceSimulator";
+export type {
+	SliceSimulatorProps,
+	SliceSimulatorSliceZoneProps,
+} from "./SliceSimulator";
+
+export { getSlices } from "./getSlices";
+export type { SliceSimulatorParams } from "./types";

package/src/simulator/react-server/SliceSimulator.tsx

@@ -0,0 +1,86 @@
+// This `<SliceSimulator>` is only accessible from Server Components.
+
+"use client";
+
+import { useEffect, useState } from "react";
+import type { FC } from "react";
+
+import { useRouter } from "next/navigation";
+import {
+	SimulatorManager,
+	StateEventType,
+	getDefaultMessage,
+} from "@prismicio/simulator/kit";
+import type { SliceSimulatorProps as BaseSliceSimulatorProps } from "@prismicio/simulator/kit";
+import { compressToEncodedURIComponent } from "lz-string";
+
+import { SliceSimulatorWrapper } from "../SliceSimulatorWrapper";
+import { getSlices } from "./getSlices";
+
+const STATE_PARAMS_KEY = "state";
+
+const simulatorManager = new SimulatorManager();
+
+export type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, "state"> & {
+	children: React.ReactNode;
+	className?: string;
+};
+
+export const SliceSimulator: FC<SliceSimulatorProps> = ({
+	children,
+	background,
+	zIndex,
+	className,
+}) => {
+	const [message, setMessage] = useState(() => getDefaultMessage());
+	const router = useRouter();
+
+	const state =
+		typeof window !== "undefined"
+			? new URL(window.location.href).searchParams.get(STATE_PARAMS_KEY)
+			: undefined;
+	const hasSlices = getSlices(state).length > 0;
+
+	useEffect(() => {
+		simulatorManager.state.on(
+			StateEventType.Slices,
+			(newSlices) => {
+				const url = new URL(window.location.href);
+				url.searchParams.set(
+					STATE_PARAMS_KEY,
+					compressToEncodedURIComponent(JSON.stringify(newSlices)),
+				);
+
+				window.history.replaceState(null, "", url);
+				// Wait until the next tick to prevent URL state race conditions.
+				setTimeout(() => router.refresh(), 0);
+			},
+			"simulator-slices",
+		);
+		simulatorManager.state.on(
+			StateEventType.Message,
+			(newMessage) => setMessage(newMessage),
+			"simulator-message",
+		);
+
+		simulatorManager.init();
+
+		return () => {
+			simulatorManager.state.off(StateEventType.Slices, "simulator-slices");
+
+			simulatorManager.state.off(StateEventType.Message, "simulator-message");
+		};
+	}, []);
+
+	return (
+		<SliceSimulatorWrapper
+			message={message}
+			hasSlices={hasSlices}
+			background={background}
+			zIndex={zIndex}
+			className={className}
+		>
+			{children}
+		</SliceSimulatorWrapper>
+	);
+};

package/src/simulator/react-server/getSlices.ts

@@ -0,0 +1,13 @@
+// This `getSlices` is only accessible from Server Components.
+
+import { getDefaultSlices } from "@prismicio/simulator/kit";
+import type { StateEvents, StateEventType } from "@prismicio/simulator/kit";
+import { decompressFromEncodedURIComponent } from "lz-string";
+
+export const getSlices = (
+	state: string | null | undefined,
+): StateEvents[StateEventType.Slices] => {
+	return state
+		? JSON.parse(decompressFromEncodedURIComponent(state))
+		: getDefaultSlices();
+};

package/src/simulator/react-server/index.ts

@@ -0,0 +1,4 @@
+// These exports are only accessible from Server Components.
+
+export { SliceSimulator } from "./SliceSimulator";
+export { getSlices } from "./getSlices";

package/src/simulator/types.ts

@@ -0,0 +1,11 @@
+/**
+ * Parameters provided to the Slice Simulator page.
+ *
+ * **Note**: `SliceSimulatorParams` should only be used in the App Router with a
+ * Server Component.
+ */
+export type SliceSimulatorParams = {
+	searchParams: Promise<{
+		state?: string;
+	}>;
+};

package/dist/PrismicNextRichText.cjs

@@ -1,34 +0,0 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_PrismicNextLink = require('./PrismicNextLink.cjs');
-const require_PrismicNextImage = require('./PrismicNextImage.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let _prismicio_react = require("@prismicio/react");
-
-//#region src/PrismicNextRichText.tsx
-const defaultComponents = {
-	image: ({ node }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: "block-img",
-		children: node.linkTo ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PrismicNextLink.PrismicNextLink, {
-			field: node.linkTo,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PrismicNextImage.PrismicNextImage, { field: node })
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PrismicNextImage.PrismicNextImage, { field: node })
-	}),
-	hyperlink: ({ node, children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PrismicNextLink.PrismicNextLink, {
-		field: node.data,
-		children
-	})
-};
-const PrismicNextRichText = (props) => {
-	const { components, ...restProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_prismicio_react.PrismicRichText, {
-		components: {
-			...defaultComponents,
-			...components
-		},
-		...restProps
-	});
-};
-
-//#endregion
-exports.PrismicNextRichText = PrismicNextRichText;
-//# sourceMappingURL=PrismicNextRichText.cjs.map

package/dist/PrismicNextRichText.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicNextRichText.cjs","names":["PrismicNextLink","PrismicNextImage","PrismicRichText"],"sources":["../src/PrismicNextRichText.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { PrismicRichText } from \"@prismicio/react\";\nimport type { PrismicRichTextProps, JSXMapSerializer } from \"@prismicio/react\";\n\nimport { PrismicNextImage } from \"./PrismicNextImage\";\nimport { PrismicNextLink } from \"./PrismicNextLink\";\n\nexport type PrismicNextRichTextProps = Omit<\n\tPrismicRichTextProps,\n\t\"components\"\n> & {\n\tcomponents?: JSXMapSerializer;\n};\n\nconst defaultComponents: JSXMapSerializer = {\n\timage: ({ node }) => (\n\t\t<p className=\"block-img\">\n\t\t\t{node.linkTo ? (\n\t\t\t\t<PrismicNextLink field={node.linkTo}>\n\t\t\t\t\t<PrismicNextImage field={node} />\n\t\t\t\t</PrismicNextLink>\n\t\t\t) : (\n\t\t\t\t<PrismicNextImage field={node} />\n\t\t\t)}\n\t\t</p>\n\t),\n\thyperlink: ({ node, children }) => (\n\t\t<PrismicNextLink field={node.data}>{children}</PrismicNextLink>\n\t),\n};\n\nexport const PrismicNextRichText: FC<PrismicNextRichTextProps> = (props) => {\n\tconst { components, ...restProps } = props;\n\n\treturn (\n\t\t<PrismicRichText\n\t\t\tcomponents={{ ...defaultComponents, ...components }}\n\t\t\t{...restProps}\n\t\t/>\n\t);\n};\n"],"mappings":";;;;;;;AAcA,MAAM,oBAAsC;CAC3C,QAAQ,EAAE,WACT,2CAAC;EAAE,WAAU;YACX,KAAK,SACL,2CAACA;GAAgB,OAAO,KAAK;aAC5B,2CAACC,6CAAiB,OAAO,OAAQ;IAChB,GAElB,2CAACA,6CAAiB,OAAO,OAAQ;GAE/B;CAEL,YAAY,EAAE,MAAM,eACnB,2CAACD;EAAgB,OAAO,KAAK;EAAO;GAA2B;CAEhE;AAED,MAAa,uBAAqD,UAAU;CAC3E,MAAM,EAAE,YAAY,GAAG,cAAc;AAErC,QACC,2CAACE;EACA,YAAY;GAAE,GAAG;GAAmB,GAAG;GAAY;EACnD,GAAI;GACH"}

package/dist/PrismicNextRichText.d.cts

@@ -1,11 +0,0 @@
-import { FC } from "react";
-import { JSXMapSerializer, PrismicRichTextProps } from "@prismicio/react";
-
-//#region src/PrismicNextRichText.d.ts
-type PrismicNextRichTextProps = Omit<PrismicRichTextProps, "components"> & {
-  components?: JSXMapSerializer;
-};
-declare const PrismicNextRichText: FC<PrismicNextRichTextProps>;
-//#endregion
-export { PrismicNextRichText, PrismicNextRichTextProps };
-//# sourceMappingURL=PrismicNextRichText.d.cts.map

package/src/PrismicNextRichText.tsx

@@ -1,41 +0,0 @@
-import type { FC } from "react";
-import { PrismicRichText } from "@prismicio/react";
-import type { PrismicRichTextProps, JSXMapSerializer } from "@prismicio/react";
-
-import { PrismicNextImage } from "./PrismicNextImage";
-import { PrismicNextLink } from "./PrismicNextLink";
-
-export type PrismicNextRichTextProps = Omit<
-	PrismicRichTextProps,
-	"components"
-> & {
-	components?: JSXMapSerializer;
-};
-
-const defaultComponents: JSXMapSerializer = {
-	image: ({ node }) => (
-		<p className="block-img">
-			{node.linkTo ? (
-				<PrismicNextLink field={node.linkTo}>
-					<PrismicNextImage field={node} />
-				</PrismicNextLink>
-			) : (
-				<PrismicNextImage field={node} />
-			)}
-		</p>
-	),
-	hyperlink: ({ node, children }) => (
-		<PrismicNextLink field={node.data}>{children}</PrismicNextLink>
-	),
-};
-
-export const PrismicNextRichText: FC<PrismicNextRichTextProps> = (props) => {
-	const { components, ...restProps } = props;
-
-	return (
-		<PrismicRichText
-			components={{ ...defaultComponents, ...components }}
-			{...restProps}
-		/>
-	);
-};