@slicemachine/adapter-next 0.3.38 → 0.3.39-alpha.aa-fix-nextjs-rsc-simulator.1

package/dist/simulator/SliceSimulator.cjs

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const lzString = require("lz-string");
 const kit = require("@prismicio/simulator/kit");
-const SliceSimulatorWrapper = require("./SliceSimulatorWrapper.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -23,28 +23,75 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const STATE_PARAMS_KEY = "state";
+const SERVER_REVALIDATE_THROTTLE_DELAY = 300;
+const throttle = (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (fn, wait) => {
+    let timeoutId;
+    let lastCallTime = 0;
+    return async (...args) => {
+      clearTimeout(timeoutId);
+      const now = Date.now();
+      const timeSinceLastCall = now - lastCallTime;
+      const delayForNextCall = wait - timeSinceLastCall;
+      if (delayForNextCall <= 0) {
+        lastCallTime = now;
+        fn(...args);
+      } else {
+        timeoutId = setTimeout(() => {
+          lastCallTime = Date.now();
+          fn(...args);
+        }, delayForNextCall);
+      }
+    };
+  }
+);
 const simulatorManager = new kit.SimulatorManager();
-const SliceSimulator = ({ background, zIndex, className, ...restProps }) => {
-  if (!("sliceZone" in restProps)) {
+const SliceSimulator = ({ background, zIndex, className, sliceZone: SliceZoneComp, children, __revalidatePath }) => {
+  const isServerComponent = Boolean(__revalidatePath);
+  if (isServerComponent && SliceZoneComp) {
+    throw new Error("The sliceZone prop should not be used when <SliceSimulator> is rendered in a Server Component. Use the getSlices helper or convert your simulator to a Client Component.");
+  }
+  if (!isServerComponent && !SliceZoneComp) {
     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] = React__namespace.useState(() => kit.getDefaultSlices());
   const [message, setMessage] = React__namespace.useState(() => kit.getDefaultMessage());
+  const throttledRevalidatePath = React__namespace.useRef(__revalidatePath ? throttle(__revalidatePath, SERVER_REVALIDATE_THROTTLE_DELAY) : void 0);
+  const defaultProps = kit.getDefaultProps();
+  const hasSlices = slices.length > 0;
   React__namespace.useEffect(() => {
-    simulatorManager.state.on(kit.StateEventType.Slices, (_slices) => {
-      setSlices(_slices);
+    simulatorManager.state.on(kit.StateEventType.Slices, (newSlices) => {
+      if (isServerComponent) {
+        const url = new URL(window.location.href);
+        url.searchParams.set(STATE_PARAMS_KEY, lzString.compressToEncodedURIComponent(JSON.stringify(newSlices)));
+        window.history.pushState(null, "", url);
+        const path = window.location.pathname;
+        setTimeout(() => {
+          var _a;
+          return (_a = throttledRevalidatePath.current) == null ? void 0 : _a.call(throttledRevalidatePath, path);
+        }, 0);
+      }
+      setSlices(newSlices);
     }, "simulator-slices");
-    simulatorManager.state.on(kit.StateEventType.Message, (_message) => {
-      setMessage(_message);
-    }, "simulator-message");
+    simulatorManager.state.on(kit.StateEventType.Message, (newMessage) => setMessage(newMessage), "simulator-message");
     simulatorManager.init();
     return () => {
       simulatorManager.state.off(kit.StateEventType.Slices, "simulator-slices");
       simulatorManager.state.off(kit.StateEventType.Message, "simulator-message");
     };
   }, []);
-  const SliceZoneComp = restProps.sliceZone;
-  return jsxRuntime.jsx(SliceSimulatorWrapper.SliceSimulatorWrapper, { message, hasSlices: slices.length > 0, background, zIndex, className, children: jsxRuntime.jsx(SliceZoneComp, { slices }) });
+  return jsxRuntime.jsx("div", { className: [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 ? jsxRuntime.jsx("article", { dangerouslySetInnerHTML: { __html: message } }) : hasSlices ? jsxRuntime.jsx("div", { id: "root", className: kit.simulatorRootClass, onClickCapture: kit.onClickHandler, onSubmitCapture: kit.disableEventHandler, children: SliceZoneComp ? jsxRuntime.jsx(SliceZoneComp, { slices }) : children }) : null });
 };
 exports.SliceSimulator = SliceSimulator;
 //# sourceMappingURL=SliceSimulator.cjs.map

package/dist/simulator/SliceSimulator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliceSimulator.cjs","sources":["../../../src/simulator/SliceSimulator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n\tSliceSimulatorProps as BaseSliceSimulatorProps,\n\tSimulatorManager,\n\tSliceSimulatorState,\n\tStateEventType,\n\tgetDefaultMessage,\n\tgetDefaultSlices,\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: (props: SliceSimulatorSliceZoneProps) => JSX.Element;\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 = ({\n\tbackground,\n\tzIndex,\n\tclassName,\n\t...restProps\n}: SliceSimulatorProps): JSX.Element => {\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] = React.useState(() => getDefaultSlices());\n\tconst [message, setMessage] = React.useState(() => getDefaultMessage());\n\n\tReact.useEffect(() => {\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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAeA;AAwCa;AAMR;AACG;AACkL;AAInL;AACA;AAENA;AACC;AAGE;AAAiB;AAInB;AAGE;AAAmB;AAKrB;AAEA;AACC;AAEA;AAAsE;AAAA;AAIxE;AAEA;AAWD;;"}
+{"version":3,"file":"SliceSimulator.cjs","sources":["../../../src/simulator/SliceSimulator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { compressToEncodedURIComponent } from \"lz-string\";\nimport {\n\tSimulatorManager,\n\tStateEventType,\n\tgetDefaultMessage,\n\tSliceSimulatorProps as BaseSliceSimulatorProps,\n\tSliceSimulatorState,\n\tgetDefaultSlices,\n\tdisableEventHandler,\n\tgetDefaultProps,\n\tonClickHandler,\n\tsimulatorClass,\n\tsimulatorRootClass,\n} from \"@prismicio/simulator/kit\";\n\nconst STATE_PARAMS_KEY = \"state\";\nconst SERVER_REVALIDATE_THROTTLE_DELAY = 300;\n\nconst throttle =\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t<TArgs extends [...any]>(fn: (...args: TArgs) => unknown, wait: number) => {\n\t\tlet timeoutId: ReturnType<typeof setTimeout>;\n\t\tlet lastCallTime = 0;\n\n\t\treturn async (...args: TArgs) => {\n\t\t\tclearTimeout(timeoutId);\n\n\t\t\tconst now = Date.now();\n\t\t\tconst timeSinceLastCall = now - lastCallTime;\n\t\t\tconst delayForNextCall = wait - timeSinceLastCall;\n\n\t\t\tif (delayForNextCall <= 0) {\n\t\t\t\tlastCallTime = now;\n\t\t\t\tfn(...args);\n\t\t\t} else {\n\t\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\t\tlastCallTime = Date.now();\n\t\t\t\t\tfn(...args);\n\t\t\t\t}, delayForNextCall);\n\t\t\t}\n\t\t};\n\t};\n\nconst simulatorManager = new SimulatorManager();\n\nexport type SliceSimulatorSliceZoneProps = {\n\tslices: SliceSimulatorState[\"slices\"];\n};\n\nexport type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, \"state\"> & {\n\t/**\n\t * React component to render simulated Slices.\n\t *\n\t * @example\n\t *\n\t * ```tsx\n\t * import { SliceSimulator } from \"@slicemachine/adapter-next/simulator\";\n\t * import { SliceZone } from \"@prismicio/react\";\n\t *\n\t * import { components } from \"../slices\";\n\t *\n\t * <SliceSimulator\n\t * \tsliceZone={({ slices }) => (\n\t * \t\t<SliceZone slices={slices} components={components} />\n\t * \t)}\n\t * />;\n\t * ```\n\t */\n\tsliceZone?: (props: SliceSimulatorSliceZoneProps) => JSX.Element;\n\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\n\t/** @internal */\n\t__revalidatePath?: (path: string) => Promise<void>;\n};\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 = ({\n\tbackground,\n\tzIndex,\n\tclassName,\n\tsliceZone: SliceZoneComp,\n\tchildren,\n\t__revalidatePath,\n}: SliceSimulatorProps): JSX.Element => {\n\tconst isServerComponent = Boolean(__revalidatePath);\n\n\tif (isServerComponent && SliceZoneComp) {\n\t\tthrow new Error(\n\t\t\t\"The sliceZone prop should not be used when <SliceSimulator> is rendered in a Server Component. Use the getSlices helper or convert your simulator to a Client Component.\",\n\t\t);\n\t}\n\n\tif (!isServerComponent && !SliceZoneComp) {\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] = React.useState(() => getDefaultSlices());\n\tconst [message, setMessage] = React.useState(() => getDefaultMessage());\n\tconst throttledRevalidatePath = React.useRef(\n\t\t__revalidatePath\n\t\t\t? throttle(__revalidatePath, SERVER_REVALIDATE_THROTTLE_DELAY)\n\t\t\t: undefined,\n\t);\n\n\tconst defaultProps = getDefaultProps();\n\tconst hasSlices = slices.length > 0;\n\n\tReact.useEffect(() => {\n\t\tsimulatorManager.state.on(\n\t\t\tStateEventType.Slices,\n\t\t\t(newSlices) => {\n\t\t\t\tif (isServerComponent) {\n\t\t\t\t\tconst url = new URL(window.location.href);\n\t\t\t\t\turl.searchParams.set(\n\t\t\t\t\t\tSTATE_PARAMS_KEY,\n\t\t\t\t\t\tcompressToEncodedURIComponent(JSON.stringify(newSlices)),\n\t\t\t\t\t);\n\n\t\t\t\t\twindow.history.pushState(null, \"\", url);\n\n\t\t\t\t\t// A 0 ms timeout is needed to prevent a bug\n\t\t\t\t\t// where the path is revalidated before the URL\n\t\t\t\t\t// is updated with the new state.\n\t\t\t\t\tconst path = window.location.pathname;\n\t\t\t\t\tsetTimeout(() => throttledRevalidatePath.current?.(path), 0);\n\t\t\t\t}\n\n\t\t\t\tsetSlices(newSlices);\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\t\t\tsimulatorManager.state.off(StateEventType.Message, \"simulator-message\");\n\t\t};\n\t}, []);\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{SliceZoneComp ? <SliceZoneComp slices={slices} /> : children}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;AACA;AAEA;AAAM;AAAA;AAGA;AACJ;AAEA;AACC;AAEM;AACN;AACA;AAEA;AACgB;AACf;AAAU;AAEV;AACC;AACA;AAAU;AACQ;AACnB;AAAA;AAEH;AAED;AAsCa;AAQN;AAEN;AACO;AACqK;AAIxK;AACG;AACkL;AAInL;AACA;AACA;AAMN;AACM;AAENA;AACC;AAGE;AACC;AACI;AAKJ;AAKM;AACN;;AAAiB;AAAkC;AAAQ;AAG5D;AAAmB;AAIJ;AAMjB;AAEA;AACC;AACA;AAAsE;AAAA;AAIxE;AAGS;AAIQ;AACJ;AACL;AACC;AACC;AACC;AACE;AAIQ;AAmBtB;;"}

package/dist/simulator/SliceSimulator.d.ts

@@ -3,9 +3,7 @@ import { SliceSimulatorProps as BaseSliceSimulatorProps, SliceSimulatorState } f
 export type SliceSimulatorSliceZoneProps = {
     slices: SliceSimulatorState["slices"];
 };
-export type SliceSimulatorProps = {
-    className?: string;
-} & Omit<BaseSliceSimulatorProps, "state"> & ({
+export type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, "state"> & {
     /**
      * React component to render simulated Slices.
      *
@@ -24,12 +22,14 @@ export type SliceSimulatorProps = {
      * />;
      * ```
      */
-    sliceZone: (props: SliceSimulatorSliceZoneProps) => JSX.Element;
-} | {
+    sliceZone?: (props: SliceSimulatorSliceZoneProps) => JSX.Element;
     children: React.ReactNode;
-});
+    className?: string;
+    /** @internal */
+    __revalidatePath?: (path: string) => Promise<void>;
+};
 /**
  * Simulate slices in isolation. The slice simulator enables live slice
  * development in Slice Machine and live previews in the Page Builder.
  */
-export declare const SliceSimulator: ({ background, zIndex, className, ...restProps }: SliceSimulatorProps) => JSX.Element;
+export declare const SliceSimulator: ({ background, zIndex, className, sliceZone: SliceZoneComp, children, __revalidatePath, }: SliceSimulatorProps) => JSX.Element;

package/dist/simulator/SliceSimulator.js

@@ -2,30 +2,77 @@
 'use client';
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { SimulatorManager, getDefaultSlices, getDefaultMessage, StateEventType } from "@prismicio/simulator/kit";
-import { SliceSimulatorWrapper } from "./SliceSimulatorWrapper.js";
+import { compressToEncodedURIComponent } from "lz-string";
+import { SimulatorManager, getDefaultSlices, getDefaultMessage, getDefaultProps, StateEventType, simulatorClass, simulatorRootClass, onClickHandler, disableEventHandler } from "@prismicio/simulator/kit";
+const STATE_PARAMS_KEY = "state";
+const SERVER_REVALIDATE_THROTTLE_DELAY = 300;
+const throttle = (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (fn, wait) => {
+    let timeoutId;
+    let lastCallTime = 0;
+    return async (...args) => {
+      clearTimeout(timeoutId);
+      const now = Date.now();
+      const timeSinceLastCall = now - lastCallTime;
+      const delayForNextCall = wait - timeSinceLastCall;
+      if (delayForNextCall <= 0) {
+        lastCallTime = now;
+        fn(...args);
+      } else {
+        timeoutId = setTimeout(() => {
+          lastCallTime = Date.now();
+          fn(...args);
+        }, delayForNextCall);
+      }
+    };
+  }
+);
 const simulatorManager = new SimulatorManager();
-const SliceSimulator = ({ background, zIndex, className, ...restProps }) => {
-  if (!("sliceZone" in restProps)) {
+const SliceSimulator = ({ background, zIndex, className, sliceZone: SliceZoneComp, children, __revalidatePath }) => {
+  const isServerComponent = Boolean(__revalidatePath);
+  if (isServerComponent && SliceZoneComp) {
+    throw new Error("The sliceZone prop should not be used when <SliceSimulator> is rendered in a Server Component. Use the getSlices helper or convert your simulator to a Client Component.");
+  }
+  if (!isServerComponent && !SliceZoneComp) {
     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] = React.useState(() => getDefaultSlices());
   const [message, setMessage] = React.useState(() => getDefaultMessage());
+  const throttledRevalidatePath = React.useRef(__revalidatePath ? throttle(__revalidatePath, SERVER_REVALIDATE_THROTTLE_DELAY) : void 0);
+  const defaultProps = getDefaultProps();
+  const hasSlices = slices.length > 0;
   React.useEffect(() => {
-    simulatorManager.state.on(StateEventType.Slices, (_slices) => {
-      setSlices(_slices);
+    simulatorManager.state.on(StateEventType.Slices, (newSlices) => {
+      if (isServerComponent) {
+        const url = new URL(window.location.href);
+        url.searchParams.set(STATE_PARAMS_KEY, compressToEncodedURIComponent(JSON.stringify(newSlices)));
+        window.history.pushState(null, "", url);
+        const path = window.location.pathname;
+        setTimeout(() => {
+          var _a;
+          return (_a = throttledRevalidatePath.current) == null ? void 0 : _a.call(throttledRevalidatePath, path);
+        }, 0);
+      }
+      setSlices(newSlices);
     }, "simulator-slices");
-    simulatorManager.state.on(StateEventType.Message, (_message) => {
-      setMessage(_message);
-    }, "simulator-message");
+    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");
     };
   }, []);
-  const SliceZoneComp = restProps.sliceZone;
-  return jsx(SliceSimulatorWrapper, { message, hasSlices: slices.length > 0, background, zIndex, className, children: jsx(SliceZoneComp, { slices }) });
+  return jsx("div", { className: [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 ? jsx("article", { dangerouslySetInnerHTML: { __html: message } }) : hasSlices ? jsx("div", { id: "root", className: simulatorRootClass, onClickCapture: onClickHandler, onSubmitCapture: disableEventHandler, children: SliceZoneComp ? jsx(SliceZoneComp, { slices }) : children }) : null });
 };
 export {
   SliceSimulator

package/dist/simulator/SliceSimulator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliceSimulator.js","sources":["../../../src/simulator/SliceSimulator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n\tSliceSimulatorProps as BaseSliceSimulatorProps,\n\tSimulatorManager,\n\tSliceSimulatorState,\n\tStateEventType,\n\tgetDefaultMessage,\n\tgetDefaultSlices,\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: (props: SliceSimulatorSliceZoneProps) => JSX.Element;\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 = ({\n\tbackground,\n\tzIndex,\n\tclassName,\n\t...restProps\n}: SliceSimulatorProps): JSX.Element => {\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] = React.useState(() => getDefaultSlices());\n\tconst [message, setMessage] = React.useState(() => getDefaultMessage());\n\n\tReact.useEffect(() => {\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"],"names":[],"mappings":";;;;;;AAeA;AAwCa;AAMR;AACG;AACkL;AAInL;AACA;AAEN;AACC;AAGE;AAAiB;AAInB;AAGE;AAAmB;AAKrB;AAEA;AACC;AAEA;AAAsE;AAAA;AAIxE;AAEA;AAWD;;;;"}
+{"version":3,"file":"SliceSimulator.js","sources":["../../../src/simulator/SliceSimulator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { compressToEncodedURIComponent } from \"lz-string\";\nimport {\n\tSimulatorManager,\n\tStateEventType,\n\tgetDefaultMessage,\n\tSliceSimulatorProps as BaseSliceSimulatorProps,\n\tSliceSimulatorState,\n\tgetDefaultSlices,\n\tdisableEventHandler,\n\tgetDefaultProps,\n\tonClickHandler,\n\tsimulatorClass,\n\tsimulatorRootClass,\n} from \"@prismicio/simulator/kit\";\n\nconst STATE_PARAMS_KEY = \"state\";\nconst SERVER_REVALIDATE_THROTTLE_DELAY = 300;\n\nconst throttle =\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t<TArgs extends [...any]>(fn: (...args: TArgs) => unknown, wait: number) => {\n\t\tlet timeoutId: ReturnType<typeof setTimeout>;\n\t\tlet lastCallTime = 0;\n\n\t\treturn async (...args: TArgs) => {\n\t\t\tclearTimeout(timeoutId);\n\n\t\t\tconst now = Date.now();\n\t\t\tconst timeSinceLastCall = now - lastCallTime;\n\t\t\tconst delayForNextCall = wait - timeSinceLastCall;\n\n\t\t\tif (delayForNextCall <= 0) {\n\t\t\t\tlastCallTime = now;\n\t\t\t\tfn(...args);\n\t\t\t} else {\n\t\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\t\tlastCallTime = Date.now();\n\t\t\t\t\tfn(...args);\n\t\t\t\t}, delayForNextCall);\n\t\t\t}\n\t\t};\n\t};\n\nconst simulatorManager = new SimulatorManager();\n\nexport type SliceSimulatorSliceZoneProps = {\n\tslices: SliceSimulatorState[\"slices\"];\n};\n\nexport type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, \"state\"> & {\n\t/**\n\t * React component to render simulated Slices.\n\t *\n\t * @example\n\t *\n\t * ```tsx\n\t * import { SliceSimulator } from \"@slicemachine/adapter-next/simulator\";\n\t * import { SliceZone } from \"@prismicio/react\";\n\t *\n\t * import { components } from \"../slices\";\n\t *\n\t * <SliceSimulator\n\t * \tsliceZone={({ slices }) => (\n\t * \t\t<SliceZone slices={slices} components={components} />\n\t * \t)}\n\t * />;\n\t * ```\n\t */\n\tsliceZone?: (props: SliceSimulatorSliceZoneProps) => JSX.Element;\n\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\n\t/** @internal */\n\t__revalidatePath?: (path: string) => Promise<void>;\n};\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 = ({\n\tbackground,\n\tzIndex,\n\tclassName,\n\tsliceZone: SliceZoneComp,\n\tchildren,\n\t__revalidatePath,\n}: SliceSimulatorProps): JSX.Element => {\n\tconst isServerComponent = Boolean(__revalidatePath);\n\n\tif (isServerComponent && SliceZoneComp) {\n\t\tthrow new Error(\n\t\t\t\"The sliceZone prop should not be used when <SliceSimulator> is rendered in a Server Component. Use the getSlices helper or convert your simulator to a Client Component.\",\n\t\t);\n\t}\n\n\tif (!isServerComponent && !SliceZoneComp) {\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] = React.useState(() => getDefaultSlices());\n\tconst [message, setMessage] = React.useState(() => getDefaultMessage());\n\tconst throttledRevalidatePath = React.useRef(\n\t\t__revalidatePath\n\t\t\t? throttle(__revalidatePath, SERVER_REVALIDATE_THROTTLE_DELAY)\n\t\t\t: undefined,\n\t);\n\n\tconst defaultProps = getDefaultProps();\n\tconst hasSlices = slices.length > 0;\n\n\tReact.useEffect(() => {\n\t\tsimulatorManager.state.on(\n\t\t\tStateEventType.Slices,\n\t\t\t(newSlices) => {\n\t\t\t\tif (isServerComponent) {\n\t\t\t\t\tconst url = new URL(window.location.href);\n\t\t\t\t\turl.searchParams.set(\n\t\t\t\t\t\tSTATE_PARAMS_KEY,\n\t\t\t\t\t\tcompressToEncodedURIComponent(JSON.stringify(newSlices)),\n\t\t\t\t\t);\n\n\t\t\t\t\twindow.history.pushState(null, \"\", url);\n\n\t\t\t\t\t// A 0 ms timeout is needed to prevent a bug\n\t\t\t\t\t// where the path is revalidated before the URL\n\t\t\t\t\t// is updated with the new state.\n\t\t\t\t\tconst path = window.location.pathname;\n\t\t\t\t\tsetTimeout(() => throttledRevalidatePath.current?.(path), 0);\n\t\t\t\t}\n\n\t\t\t\tsetSlices(newSlices);\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\t\t\tsimulatorManager.state.off(StateEventType.Message, \"simulator-message\");\n\t\t};\n\t}, []);\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{SliceZoneComp ? <SliceZoneComp slices={slices} /> : children}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n};\n"],"names":[],"mappings":";;;;;;AAmBA;AACA;AAEA;AAAM;AAAA;AAGA;AACJ;AAEA;AACC;AAEM;AACN;AACA;AAEA;AACgB;AACf;AAAU;AAEV;AACC;AACA;AAAU;AACQ;AACnB;AAAA;AAEH;AAED;AAsCa;AAQN;AAEN;AACO;AACqK;AAIxK;AACG;AACkL;AAInL;AACA;AACA;AAMN;AACM;AAEN;AACC;AAGE;AACC;AACI;AAKJ;AAKM;AACN;;AAAiB;AAAkC;AAAQ;AAG5D;AAAmB;AAIJ;AAMjB;AAEA;AACC;AACA;AAAsE;AAAA;AAIxE;AAGS;AAIQ;AACJ;AACL;AACC;AACC;AACC;AACE;AAIQ;AAmBtB;;;;"}

package/dist/simulator/index.d.ts

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

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

@@ -3,74 +3,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const kit = require("@prismicio/simulator/kit");
-const lzString = require("lz-string");
-const SliceSimulatorWrapper = require("../SliceSimulatorWrapper.cjs");
+const SliceSimulator$1 = require("../SliceSimulator.cjs");
 const actions = require("./actions.cjs");
-const getSlices = require("./getSlices.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const STATE_PARAMS_KEY = "state";
-const throttle = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (fn, wait) => {
-    let timeoutId;
-    let lastCallTime = 0;
-    return (...args) => {
-      clearTimeout(timeoutId);
-      const now = Date.now();
-      const timeSinceLastCall = now - lastCallTime;
-      const delayForNextCall = wait - timeSinceLastCall;
-      if (delayForNextCall <= 0) {
-        lastCallTime = now;
-        fn(...args);
-      } else {
-        timeoutId = setTimeout(() => {
-          lastCallTime = Date.now();
-          fn(...args);
-        }, delayForNextCall);
-      }
-    };
-  }
-);
-const throttledRevalidatePath = throttle(actions.revalidatePath, 300);
-const simulatorManager = new kit.SimulatorManager();
-const SliceSimulator = ({ children, background, zIndex, className }) => {
-  const [message, setMessage] = React__namespace.useState(() => kit.getDefaultMessage());
-  const state = typeof window !== "undefined" ? new URL(window.location.href).searchParams.get(STATE_PARAMS_KEY) : void 0;
-  const hasSlices = getSlices.getSlices(state).length > 0;
-  React__namespace.useEffect(() => {
-    simulatorManager.state.on(kit.StateEventType.Slices, (newSlices) => {
-      const url = new URL(window.location.href);
-      url.searchParams.set(STATE_PARAMS_KEY, lzString.compressToEncodedURIComponent(JSON.stringify(newSlices)));
-      window.history.pushState(null, "", url);
-      const path = window.location.pathname;
-      setTimeout(() => throttledRevalidatePath(path), 0);
-    }, "simulator-slices");
-    simulatorManager.state.on(kit.StateEventType.Message, (newMessage) => setMessage(newMessage), "simulator-message");
-    simulatorManager.init();
-    return () => {
-      simulatorManager.state.off(kit.StateEventType.Slices, "simulator-slices");
-      simulatorManager.state.off(kit.StateEventType.Message, "simulator-message");
-    };
-  }, []);
-  return jsxRuntime.jsx(SliceSimulatorWrapper.SliceSimulatorWrapper, { message, hasSlices, background, zIndex, className, children });
+const SliceSimulator = (props) => {
+  return jsxRuntime.jsx(SliceSimulator$1.SliceSimulator, { ...props, __revalidatePath: actions.revalidatePath });
 };
 exports.SliceSimulator = SliceSimulator;
 //# sourceMappingURL=SliceSimulator.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliceSimulator.cjs","sources":["../../../../src/simulator/react-server/SliceSimulator.tsx"],"sourcesContent":["// This `<SliceSimulator>` is only accessible from Server Components.\n\n\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n\tSliceSimulatorProps as BaseSliceSimulatorProps,\n\tSimulatorManager,\n\tStateEventType,\n\tgetDefaultMessage,\n} from \"@prismicio/simulator/kit\";\nimport { compressToEncodedURIComponent } from \"lz-string\";\n\nimport { SliceSimulatorWrapper } from \"../SliceSimulatorWrapper\";\nimport { revalidatePath } from \"./actions\";\nimport { getSlices } from \"./getSlices\";\n\nconst STATE_PARAMS_KEY = \"state\";\n\nconst throttle =\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t<TArgs extends [...any]>(fn: (...args: TArgs) => unknown, wait: number) => {\n\t\tlet timeoutId: ReturnType<typeof setTimeout>;\n\t\tlet lastCallTime = 0;\n\n\t\treturn (...args: TArgs) => {\n\t\t\tclearTimeout(timeoutId);\n\n\t\t\tconst now = Date.now();\n\t\t\tconst timeSinceLastCall = now - lastCallTime;\n\t\t\tconst delayForNextCall = wait - timeSinceLastCall;\n\n\t\t\tif (delayForNextCall <= 0) {\n\t\t\t\tlastCallTime = now;\n\t\t\t\tfn(...args);\n\t\t\t} else {\n\t\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\t\tlastCallTime = Date.now();\n\t\t\t\t\tfn(...args);\n\t\t\t\t}, delayForNextCall);\n\t\t\t}\n\t\t};\n\t};\nconst throttledRevalidatePath = throttle(revalidatePath, 300);\n\nconst simulatorManager = new SimulatorManager();\n\nexport type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, \"state\"> & {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n};\n\nexport const SliceSimulator = ({\n\tchildren,\n\tbackground,\n\tzIndex,\n\tclassName,\n}: SliceSimulatorProps): JSX.Element => {\n\tconst [message, setMessage] = React.useState(() => getDefaultMessage());\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\tReact.useEffect(() => {\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\t\t\t\twindow.history.pushState(null, \"\", url);\n\n\t\t\t\t// A 0 ms timeout is needed to prevent a bug\n\t\t\t\t// where the path is revalidated before the URL\n\t\t\t\t// is updated with the new state.\n\t\t\t\tconst path = window.location.pathname;\n\t\t\t\tsetTimeout(() => throttledRevalidatePath(path), 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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;AAEA;AAAM;AAAA;AAGA;AACJ;AAEA;AACC;AAEM;AACN;AACA;AAEA;AACgB;AACf;AAAU;AAEV;AACC;AACA;AAAU;AACQ;AACnB;AAAA;AAEH;AACD;AAEA;AAOO;AAMA;AAEN;AAIA;AAEAA;AACC;AAGE;AACI;AAIJ;AAKM;AACN;AAAiD;AAIlC;AAMjB;AAEA;AACC;AAEA;AAAsE;AAAA;AAKvE;AAUF;;"}
+{"version":3,"file":"SliceSimulator.cjs","sources":["../../../../src/simulator/react-server/SliceSimulator.tsx"],"sourcesContent":["// This `<SliceSimulator>` is only accessible from Server Components.\n\n\"use client\";\n\nimport {\n\tSliceSimulator as BaseSliceSimulator,\n\tSliceSimulatorProps,\n} from \"../SliceSimulator\";\nimport { revalidatePath } from \"./actions\";\n\nexport const SliceSimulator = (props: SliceSimulatorProps): JSX.Element => {\n\treturn <BaseSliceSimulator {...props} __revalidatePath={revalidatePath} />;\n};\n"],"names":[],"mappings":";;;;;;;AAUa;AACZ;AACD;;"}

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

@@ -1,7 +1,2 @@
-import * as React from "react";
-import { SliceSimulatorProps as BaseSliceSimulatorProps } from "@prismicio/simulator/kit";
-export type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, "state"> & {
-    children: React.ReactNode;
-    className?: string;
-};
-export declare const SliceSimulator: ({ children, background, zIndex, className, }: SliceSimulatorProps) => JSX.Element;
+import { SliceSimulatorProps } from "../SliceSimulator";
+export declare const SliceSimulator: (props: SliceSimulatorProps) => JSX.Element;

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

@@ -1,57 +1,10 @@
 'use client';
 'use client';
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { SimulatorManager, getDefaultMessage, StateEventType } from "@prismicio/simulator/kit";
-import { compressToEncodedURIComponent } from "lz-string";
-import { SliceSimulatorWrapper } from "../SliceSimulatorWrapper.js";
+import { SliceSimulator as SliceSimulator$1 } from "../SliceSimulator.js";
 import { revalidatePath } from "./actions.js";
-import { getSlices } from "./getSlices.js";
-const STATE_PARAMS_KEY = "state";
-const throttle = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (fn, wait) => {
-    let timeoutId;
-    let lastCallTime = 0;
-    return (...args) => {
-      clearTimeout(timeoutId);
-      const now = Date.now();
-      const timeSinceLastCall = now - lastCallTime;
-      const delayForNextCall = wait - timeSinceLastCall;
-      if (delayForNextCall <= 0) {
-        lastCallTime = now;
-        fn(...args);
-      } else {
-        timeoutId = setTimeout(() => {
-          lastCallTime = Date.now();
-          fn(...args);
-        }, delayForNextCall);
-      }
-    };
-  }
-);
-const throttledRevalidatePath = throttle(revalidatePath, 300);
-const simulatorManager = new SimulatorManager();
-const SliceSimulator = ({ children, background, zIndex, className }) => {
-  const [message, setMessage] = React.useState(() => getDefaultMessage());
-  const state = typeof window !== "undefined" ? new URL(window.location.href).searchParams.get(STATE_PARAMS_KEY) : void 0;
-  const hasSlices = getSlices(state).length > 0;
-  React.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.pushState(null, "", url);
-      const path = window.location.pathname;
-      setTimeout(() => throttledRevalidatePath(path), 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 jsx(SliceSimulatorWrapper, { message, hasSlices, background, zIndex, className, children });
+const SliceSimulator = (props) => {
+  return jsx(SliceSimulator$1, { ...props, __revalidatePath: revalidatePath });
 };
 export {
   SliceSimulator

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

@@ -1 +1 @@
-{"version":3,"file":"SliceSimulator.js","sources":["../../../../src/simulator/react-server/SliceSimulator.tsx"],"sourcesContent":["// This `<SliceSimulator>` is only accessible from Server Components.\n\n\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n\tSliceSimulatorProps as BaseSliceSimulatorProps,\n\tSimulatorManager,\n\tStateEventType,\n\tgetDefaultMessage,\n} from \"@prismicio/simulator/kit\";\nimport { compressToEncodedURIComponent } from \"lz-string\";\n\nimport { SliceSimulatorWrapper } from \"../SliceSimulatorWrapper\";\nimport { revalidatePath } from \"./actions\";\nimport { getSlices } from \"./getSlices\";\n\nconst STATE_PARAMS_KEY = \"state\";\n\nconst throttle =\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t<TArgs extends [...any]>(fn: (...args: TArgs) => unknown, wait: number) => {\n\t\tlet timeoutId: ReturnType<typeof setTimeout>;\n\t\tlet lastCallTime = 0;\n\n\t\treturn (...args: TArgs) => {\n\t\t\tclearTimeout(timeoutId);\n\n\t\t\tconst now = Date.now();\n\t\t\tconst timeSinceLastCall = now - lastCallTime;\n\t\t\tconst delayForNextCall = wait - timeSinceLastCall;\n\n\t\t\tif (delayForNextCall <= 0) {\n\t\t\t\tlastCallTime = now;\n\t\t\t\tfn(...args);\n\t\t\t} else {\n\t\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\t\tlastCallTime = Date.now();\n\t\t\t\t\tfn(...args);\n\t\t\t\t}, delayForNextCall);\n\t\t\t}\n\t\t};\n\t};\nconst throttledRevalidatePath = throttle(revalidatePath, 300);\n\nconst simulatorManager = new SimulatorManager();\n\nexport type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, \"state\"> & {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n};\n\nexport const SliceSimulator = ({\n\tchildren,\n\tbackground,\n\tzIndex,\n\tclassName,\n}: SliceSimulatorProps): JSX.Element => {\n\tconst [message, setMessage] = React.useState(() => getDefaultMessage());\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\tReact.useEffect(() => {\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\t\t\t\twindow.history.pushState(null, \"\", url);\n\n\t\t\t\t// A 0 ms timeout is needed to prevent a bug\n\t\t\t\t// where the path is revalidated before the URL\n\t\t\t\t// is updated with the new state.\n\t\t\t\tconst path = window.location.pathname;\n\t\t\t\tsetTimeout(() => throttledRevalidatePath(path), 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"],"names":[],"mappings":";;;;;;;;;AAkBA;AAEA;AAAM;AAAA;AAGA;AACJ;AAEA;AACC;AAEM;AACN;AACA;AAEA;AACgB;AACf;AAAU;AAEV;AACC;AACA;AAAU;AACQ;AACnB;AAAA;AAEH;AACD;AAEA;AAOO;AAMA;AAEN;AAIA;AAEA;AACC;AAGE;AACI;AAIJ;AAKM;AACN;AAAiD;AAIlC;AAMjB;AAEA;AACC;AAEA;AAAsE;AAAA;AAKvE;AAUF;;;;"}
+{"version":3,"file":"SliceSimulator.js","sources":["../../../../src/simulator/react-server/SliceSimulator.tsx"],"sourcesContent":["// This `<SliceSimulator>` is only accessible from Server Components.\n\n\"use client\";\n\nimport {\n\tSliceSimulator as BaseSliceSimulator,\n\tSliceSimulatorProps,\n} from \"../SliceSimulator\";\nimport { revalidatePath } from \"./actions\";\n\nexport const SliceSimulator = (props: SliceSimulatorProps): JSX.Element => {\n\treturn <BaseSliceSimulator {...props} __revalidatePath={revalidatePath} />;\n};\n"],"names":[],"mappings":";;;;;AAUa;AACZ;AACD;;;;"}

package/dist/simulator.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const SliceSimulator = require("./simulator/SliceSimulator.cjs");
-const getSlices = require("./simulator/getSlices.cjs");
+const getSlices = require("./simulator/react-server/getSlices.cjs");
 exports.SliceSimulator = SliceSimulator.SliceSimulator;
 exports.getSlices = getSlices.getSlices;
 //# sourceMappingURL=simulator.cjs.map

package/dist/simulator.js

@@ -1,5 +1,5 @@
 import { SliceSimulator } from "./simulator/SliceSimulator.js";
-import { getSlices } from "./simulator/getSlices.js";
+import { getSlices } from "./simulator/react-server/getSlices.js";
 export {
   SliceSimulator,
   getSlices

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slicemachine/adapter-next",
-  "version": "0.3.38",
+  "version": "0.3.39-alpha.aa-fix-nextjs-rsc-simulator.1",
   "description": "Slice Machine adapter for Next.js.",
   "keywords": [
     "typescript",
@@ -68,7 +68,7 @@
   "dependencies": {
     "@prismicio/simulator": "^0.1.4",
     "@prismicio/types-internal": "^2.2.0",
-    "@slicemachine/plugin-kit": "0.4.38",
+    "@slicemachine/plugin-kit": "0.4.39-alpha.aa-fix-nextjs-rsc-simulator.1",
     "common-tags": "^1.8.2",
     "fp-ts": "^2.13.1",
     "io-ts": "^2.2.20",
@@ -113,5 +113,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "stableVersion": "0.3.38"
 }

package/src/simulator/SliceSimulator.tsx

@@ -2,16 +2,48 @@
 
 import * as React from "react";
 
+import { compressToEncodedURIComponent } from "lz-string";
 import {
-	SliceSimulatorProps as BaseSliceSimulatorProps,
 	SimulatorManager,
-	SliceSimulatorState,
 	StateEventType,
 	getDefaultMessage,
+	SliceSimulatorProps as BaseSliceSimulatorProps,
+	SliceSimulatorState,
 	getDefaultSlices,
+	disableEventHandler,
+	getDefaultProps,
+	onClickHandler,
+	simulatorClass,
+	simulatorRootClass,
 } from "@prismicio/simulator/kit";
 
-import { SliceSimulatorWrapper } from "./SliceSimulatorWrapper";
+const STATE_PARAMS_KEY = "state";
+const SERVER_REVALIDATE_THROTTLE_DELAY = 300;
+
+const throttle =
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	<TArgs extends [...any]>(fn: (...args: TArgs) => unknown, wait: number) => {
+		let timeoutId: ReturnType<typeof setTimeout>;
+		let lastCallTime = 0;
+
+		return async (...args: TArgs) => {
+			clearTimeout(timeoutId);
+
+			const now = Date.now();
+			const timeSinceLastCall = now - lastCallTime;
+			const delayForNextCall = wait - timeSinceLastCall;
+
+			if (delayForNextCall <= 0) {
+				lastCallTime = now;
+				fn(...args);
+			} else {
+				timeoutId = setTimeout(() => {
+					lastCallTime = Date.now();
+					fn(...args);
+				}, delayForNextCall);
+			}
+		};
+	};
 
 const simulatorManager = new SimulatorManager();
 
@@ -19,35 +51,33 @@ export type SliceSimulatorSliceZoneProps = {
 	slices: SliceSimulatorState["slices"];
 };
 
-export type SliceSimulatorProps = {
+export type SliceSimulatorProps = 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?: (props: SliceSimulatorSliceZoneProps) => JSX.Element;
+
+	children: React.ReactNode;
 	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: (props: SliceSimulatorSliceZoneProps) => JSX.Element;
-		  }
-		| {
-				children: React.ReactNode;
-		  }
-	);
+
+	/** @internal */
+	__revalidatePath?: (path: string) => Promise<void>;
+};
 
 /**
  * Simulate slices in isolation. The slice simulator enables live slice
@@ -57,9 +87,19 @@ export const SliceSimulator = ({
 	background,
 	zIndex,
 	className,
-	...restProps
+	sliceZone: SliceZoneComp,
+	children,
+	__revalidatePath,
 }: SliceSimulatorProps): JSX.Element => {
-	if (!("sliceZone" in restProps)) {
+	const isServerComponent = Boolean(__revalidatePath);
+
+	if (isServerComponent && SliceZoneComp) {
+		throw new Error(
+			"The sliceZone prop should not be used when <SliceSimulator> is rendered in a Server Component. Use the getSlices helper or convert your simulator to a Client Component.",
+		);
+	}
+
+	if (!isServerComponent && !SliceZoneComp) {
 		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.",
 		);
@@ -67,20 +107,42 @@ export const SliceSimulator = ({
 
 	const [slices, setSlices] = React.useState(() => getDefaultSlices());
 	const [message, setMessage] = React.useState(() => getDefaultMessage());
+	const throttledRevalidatePath = React.useRef(
+		__revalidatePath
+			? throttle(__revalidatePath, SERVER_REVALIDATE_THROTTLE_DELAY)
+			: undefined,
+	);
+
+	const defaultProps = getDefaultProps();
+	const hasSlices = slices.length > 0;
 
 	React.useEffect(() => {
 		simulatorManager.state.on(
 			StateEventType.Slices,
-			(_slices) => {
-				setSlices(_slices);
+			(newSlices) => {
+				if (isServerComponent) {
+					const url = new URL(window.location.href);
+					url.searchParams.set(
+						STATE_PARAMS_KEY,
+						compressToEncodedURIComponent(JSON.stringify(newSlices)),
+					);
+
+					window.history.pushState(null, "", url);
+
+					// A 0 ms timeout is needed to prevent a bug
+					// where the path is revalidated before the URL
+					// is updated with the new state.
+					const path = window.location.pathname;
+					setTimeout(() => throttledRevalidatePath.current?.(path), 0);
+				}
+
+				setSlices(newSlices);
 			},
 			"simulator-slices",
 		);
 		simulatorManager.state.on(
 			StateEventType.Message,
-			(_message) => {
-				setMessage(_message);
-			},
+			(newMessage) => setMessage(newMessage),
 			"simulator-message",
 		);
 
@@ -88,22 +150,44 @@ export const SliceSimulator = ({
 
 		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}
+		<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,
+			}}
 		>
-			<SliceZoneComp slices={slices} />
-		</SliceSimulatorWrapper>
+			{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
+					}
+				>
+					{SliceZoneComp ? <SliceZoneComp slices={slices} /> : children}
+				</div>
+			) : null}
+		</div>
 	);
 };

package/src/simulator/index.ts

@@ -4,5 +4,5 @@ export type {
 	SliceSimulatorSliceZoneProps,
 } from "./SliceSimulator";
 
-export { getSlices } from "./getSlices";
+export { getSlices } from "./react-server/getSlices";
 export type { SliceSimulatorParams } from "./types";

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

@@ -2,112 +2,12 @@
 
 "use client";
 
-import * as React from "react";
-
 import {
-	SliceSimulatorProps as BaseSliceSimulatorProps,
-	SimulatorManager,
-	StateEventType,
-	getDefaultMessage,
-} from "@prismicio/simulator/kit";
-import { compressToEncodedURIComponent } from "lz-string";
-
-import { SliceSimulatorWrapper } from "../SliceSimulatorWrapper";
+	SliceSimulator as BaseSliceSimulator,
+	SliceSimulatorProps,
+} from "../SliceSimulator";
 import { revalidatePath } from "./actions";
-import { getSlices } from "./getSlices";
-
-const STATE_PARAMS_KEY = "state";
-
-const throttle =
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	<TArgs extends [...any]>(fn: (...args: TArgs) => unknown, wait: number) => {
-		let timeoutId: ReturnType<typeof setTimeout>;
-		let lastCallTime = 0;
-
-		return (...args: TArgs) => {
-			clearTimeout(timeoutId);
-
-			const now = Date.now();
-			const timeSinceLastCall = now - lastCallTime;
-			const delayForNextCall = wait - timeSinceLastCall;
-
-			if (delayForNextCall <= 0) {
-				lastCallTime = now;
-				fn(...args);
-			} else {
-				timeoutId = setTimeout(() => {
-					lastCallTime = Date.now();
-					fn(...args);
-				}, delayForNextCall);
-			}
-		};
-	};
-const throttledRevalidatePath = throttle(revalidatePath, 300);
-
-const simulatorManager = new SimulatorManager();
-
-export type SliceSimulatorProps = Omit<BaseSliceSimulatorProps, "state"> & {
-	children: React.ReactNode;
-	className?: string;
-};
-
-export const SliceSimulator = ({
-	children,
-	background,
-	zIndex,
-	className,
-}: SliceSimulatorProps): JSX.Element => {
-	const [message, setMessage] = React.useState(() => getDefaultMessage());
-
-	const state =
-		typeof window !== "undefined"
-			? new URL(window.location.href).searchParams.get(STATE_PARAMS_KEY)
-			: undefined;
-	const hasSlices = getSlices(state).length > 0;
-
-	React.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.pushState(null, "", url);
-
-				// A 0 ms timeout is needed to prevent a bug
-				// where the path is revalidated before the URL
-				// is updated with the new state.
-				const path = window.location.pathname;
-				setTimeout(() => throttledRevalidatePath(path), 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>
-	);
+export const SliceSimulator = (props: SliceSimulatorProps): JSX.Element => {
+	return <BaseSliceSimulator {...props} __revalidatePath={revalidatePath} />;
 };

package/dist/simulator/SliceSimulatorWrapper.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const kit = require("@prismicio/simulator/kit");
-const SliceSimulatorWrapper = ({ className, children, zIndex, background, message, hasSlices }) => {
-  const defaultProps = kit.getDefaultProps();
-  return jsxRuntime.jsx("div", { className: [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 ? jsxRuntime.jsx("article", { dangerouslySetInnerHTML: { __html: message } }) : hasSlices ? jsxRuntime.jsx("div", { id: "root", className: kit.simulatorRootClass, onClickCapture: kit.onClickHandler, onSubmitCapture: kit.disableEventHandler, children }) : null });
-};
-exports.SliceSimulatorWrapper = SliceSimulatorWrapper;
-//# sourceMappingURL=SliceSimulatorWrapper.cjs.map

package/dist/simulator/SliceSimulatorWrapper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliceSimulatorWrapper.cjs","sources":["../../../src/simulator/SliceSimulatorWrapper.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n\tSliceSimulatorProps,\n\tdisableEventHandler,\n\tgetDefaultProps,\n\tonClickHandler,\n\tsimulatorClass,\n\tsimulatorRootClass,\n} from \"@prismicio/simulator/kit\";\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 = ({\n\tclassName,\n\tchildren,\n\tzIndex,\n\tbackground,\n\tmessage,\n\thasSlices,\n}: SliceSimulatorWrapperProps): JSX.Element => {\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"],"names":["getDefaultProps","_jsx","simulatorClass","simulatorRootClass","onClickHandler","disableEventHandler"],"mappings":";;;;AAqBa,MAAA,wBAAwB,CAAC,EACrC,WACA,UACA,QACA,YACA,SACA,gBAC6C;AAC7C,QAAM,eAAeA,IAAAA;AAErB,SACCC,wBACC,WAAW,CAACC,IAAAA,gBAAgB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC/D,OAAO;AAAA,IACN,QACC,OAAO,WAAW,cACf,aAAa,SACb,UAAU;AAAA,IACd,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YACC,OAAO,eAAe,cACnB,aAAa,aACb,cAAc;AAAA,EAGlB,GAAA,UAAA,UACAD,WAAA,IAAS,WAAA,EAAA,yBAAyB,EAAE,QAAQ,QAAS,EAAA,CAAA,IAClD,YACHA,WAAAA,IAAA,OAAA,EACC,IAAG,QACH,WAAWE,IAAAA,oBACX,gBAAgBC,IAAAA,gBAChB,iBACCC,IAAwD,qBAAA,SAAA,CAGhD,IAEP,KACC,CAAA;AAER;;"}

package/dist/simulator/SliceSimulatorWrapper.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-import { SliceSimulatorProps } from "@prismicio/simulator/kit";
-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 declare const SliceSimulatorWrapper: ({ className, children, zIndex, background, message, hasSlices, }: SliceSimulatorWrapperProps) => JSX.Element;
-export {};

package/dist/simulator/SliceSimulatorWrapper.js

@@ -1,19 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { getDefaultProps, simulatorClass, simulatorRootClass, onClickHandler, disableEventHandler } from "@prismicio/simulator/kit";
-const SliceSimulatorWrapper = ({ className, children, zIndex, background, message, hasSlices }) => {
-  const defaultProps = getDefaultProps();
-  return jsx("div", { className: [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 ? jsx("article", { dangerouslySetInnerHTML: { __html: message } }) : hasSlices ? jsx("div", { id: "root", className: simulatorRootClass, onClickCapture: onClickHandler, onSubmitCapture: disableEventHandler, children }) : null });
-};
-export {
-  SliceSimulatorWrapper
-};
-//# sourceMappingURL=SliceSimulatorWrapper.js.map

package/dist/simulator/SliceSimulatorWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliceSimulatorWrapper.js","sources":["../../../src/simulator/SliceSimulatorWrapper.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n\tSliceSimulatorProps,\n\tdisableEventHandler,\n\tgetDefaultProps,\n\tonClickHandler,\n\tsimulatorClass,\n\tsimulatorRootClass,\n} from \"@prismicio/simulator/kit\";\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 = ({\n\tclassName,\n\tchildren,\n\tzIndex,\n\tbackground,\n\tmessage,\n\thasSlices,\n}: SliceSimulatorWrapperProps): JSX.Element => {\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"],"names":["_jsx"],"mappings":";;AAqBa,MAAA,wBAAwB,CAAC,EACrC,WACA,UACA,QACA,YACA,SACA,gBAC6C;AAC7C,QAAM,eAAe;AAErB,SACCA,aACC,WAAW,CAAC,gBAAgB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC/D,OAAO;AAAA,IACN,QACC,OAAO,WAAW,cACf,aAAa,SACb,UAAU;AAAA,IACd,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YACC,OAAO,eAAe,cACnB,aAAa,aACb,cAAc;AAAA,EAGlB,GAAA,UAAA,UACAA,IAAS,WAAA,EAAA,yBAAyB,EAAE,QAAQ,QAAS,EAAA,CAAA,IAClD,YACHA,IAAA,OAAA,EACC,IAAG,QACH,WAAW,oBACX,gBAAgB,gBAChB,iBACC,qBAAwD,SAAA,CAGhD,IAEP,KACC,CAAA;AAER;"}

package/dist/simulator/getSlices.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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.");
-};
-exports.getSlices = getSlices;
-//# sourceMappingURL=getSlices.cjs.map

package/dist/simulator/getSlices.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSlices.cjs","sources":["../../../src/simulator/getSlices.ts"],"sourcesContent":["import { 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"],"names":[],"mappings":";;AASa,MAAA,YAAY,CACxB,UACuC;AAIjC,QAAA,IAAI,MACT,wJAAwJ;AAE1J;;"}

package/dist/simulator/getSlices.js

@@ -1,7 +0,0 @@
-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.");
-};
-export {
-  getSlices
-};
-//# sourceMappingURL=getSlices.js.map

package/dist/simulator/getSlices.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSlices.js","sources":["../../../src/simulator/getSlices.ts"],"sourcesContent":["import { 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"],"names":[],"mappings":"AASa,MAAA,YAAY,CACxB,UACuC;AAIjC,QAAA,IAAI,MACT,wJAAwJ;AAE1J;"}

package/src/simulator/SliceSimulatorWrapper.tsx

@@ -1,68 +0,0 @@
-import { ReactNode } from "react";
-import {
-	SliceSimulatorProps,
-	disableEventHandler,
-	getDefaultProps,
-	onClickHandler,
-	simulatorClass,
-	simulatorRootClass,
-} from "@prismicio/simulator/kit";
-
-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 = ({
-	className,
-	children,
-	zIndex,
-	background,
-	message,
-	hasSlices,
-}: SliceSimulatorWrapperProps): JSX.Element => {
-	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>
-	);
-};