@prismicio/next 2.1.1-canary.97120ae → 2.1.1-pr.120.3fae0cb

package/dist/PrismicNextLink.d.cts

@@ -23,7 +23,7 @@ type PrismicNextLinkProps = Omit<ComponentProps<typeof Link>, "field" | "documen
 });
 declare const PrismicNextLink: react0.ForwardRefExoticComponent<(Omit<Omit<Omit<react0.AnchorHTMLAttributes<HTMLAnchorElement>, keyof next_link0.LinkProps<any>> & next_link0.LinkProps<any> & {
   children?: React.ReactNode | undefined;
-} & react0.RefAttributes<HTMLAnchorElement>, "href" | "rel" | "field" | "document"> & {
+} & react0.RefAttributes<HTMLAnchorElement>, "rel" | "field" | "href" | "document"> & {
   linkResolver?: LinkResolverFunction;
   rel?: string | AsLinkAttrsConfig["rel"];
 } & {
@@ -32,7 +32,7 @@ declare const PrismicNextLink: react0.ForwardRefExoticComponent<(Omit<Omit<Omit<
   href?: never;
 }, "ref"> | Omit<Omit<Omit<react0.AnchorHTMLAttributes<HTMLAnchorElement>, keyof next_link0.LinkProps<any>> & next_link0.LinkProps<any> & {
   children?: React.ReactNode | undefined;
-} & react0.RefAttributes<HTMLAnchorElement>, "href" | "rel" | "field" | "document"> & {
+} & react0.RefAttributes<HTMLAnchorElement>, "rel" | "field" | "href" | "document"> & {
   linkResolver?: LinkResolverFunction;
   rel?: string | AsLinkAttrsConfig["rel"];
 } & {
@@ -41,7 +41,7 @@ declare const PrismicNextLink: react0.ForwardRefExoticComponent<(Omit<Omit<Omit<
   href?: never;
 }, "ref"> | Omit<Omit<Omit<react0.AnchorHTMLAttributes<HTMLAnchorElement>, keyof next_link0.LinkProps<any>> & next_link0.LinkProps<any> & {
   children?: React.ReactNode | undefined;
-} & react0.RefAttributes<HTMLAnchorElement>, "href" | "rel" | "field" | "document"> & {
+} & react0.RefAttributes<HTMLAnchorElement>, "rel" | "field" | "href" | "document"> & {
   linkResolver?: LinkResolverFunction;
   rel?: string | AsLinkAttrsConfig["rel"];
 } & {

package/dist/index.cjs

@@ -5,13 +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_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.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,6 +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 { 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, 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.1-canary.97120ae";
+var version = "2.1.1-pr.120.3fae0cb";
 
 //#endregion
 Object.defineProperty(exports, 'version', {

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.1-canary.97120ae",
+	"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,7 +59,9 @@
 		"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",

package/src/index.ts

@@ -15,6 +15,13 @@ export type { RedirectToPreviewURLConfig } from "./redirectToPreviewURL";
 export { PrismicNextImage } from "./PrismicNextImage";
 export type { PrismicNextImageProps } from "./PrismicNextImage";
 
+export { SliceSimulator, getSlices } from "./simulator";
+export type {
+	SliceSimulatorProps,
+	SliceSimulatorSliceZoneProps,
+	SliceSimulatorParams,
+} from "./simulator";
+
 export { imgixLoader } from "./imgixLoader";
 
 export type { CreateClientConfig } from "./types";

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;
+	}>;
+};