@prismicio/next 2.2.0 → 2.2.1-canary.0a22932

package/dist/enableAutoPreviews.js

@@ -0,0 +1,29 @@
+import { cookie } from "@prismicio/client";
+
+//#region src/enableAutoPreviews.ts
+/**
+* Configures a Prismic client to automatically query draft content during a
+* preview session.
+*
+* @param config - Configuration for the function.
+*/
+function enableAutoPreviews(config) {
+	config.client.queryContentFromRef(async () => {
+		const { cookies, draftMode } = await import("next/headers");
+		let isDraftModeEnabled = false;
+		try {
+			isDraftModeEnabled = (await draftMode()).isEnabled;
+		} catch {
+			return;
+		}
+		if (!isDraftModeEnabled) return;
+		const cookie$1 = (await cookies()).get(cookie.preview)?.value;
+		if (!cookie$1) return;
+		if (!cookie$1.includes("websitePreviewId=")) return;
+		return cookie$1;
+	});
+}
+
+//#endregion
+export { enableAutoPreviews };
+//# sourceMappingURL=enableAutoPreviews.js.map

package/dist/enableAutoPreviews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enableAutoPreviews.js","names":["cookie","prismicCookie"],"sources":["../src/enableAutoPreviews.ts"],"sourcesContent":["import { type Client, cookie as prismicCookie } from \"@prismicio/client\";\n\n/** Configuration for `enableAutoPreviews`. */\nexport type EnableAutoPreviewsConfig = {\n\t/** Prismic client with which automatic previews will be enabled. */\n\t// `Pick` is used to use the smallest possible subset of\n\t// `prismic.Client`. Doing this reduces the surface area for breaking\n\t// type changes.\n\tclient: Pick<Client, \"queryContentFromRef\" | \"enableAutoPreviewsFromReq\">;\n};\n\n/**\n * Configures a Prismic client to automatically query draft content during a\n * preview session.\n *\n * @param config - Configuration for the function.\n */\nexport function enableAutoPreviews(config: EnableAutoPreviewsConfig): void {\n\t// We use a function value so the cookie is checked on every\n\t// request. We don't have a static value to read from.\n\tconfig.client.queryContentFromRef(async () => {\n\t\t// Need this to avoid the following Next.js build-time error:\n\t\t// You're importing a component that needs next/headers. That only works\n\t\t// in a Server Component which is not supported in the pages/ directory.\n\t\tconst { cookies, draftMode } = await import(\"next/headers\");\n\n\t\tlet isDraftModeEnabled = false;\n\t\ttry {\n\t\t\tisDraftModeEnabled = (await draftMode()).isEnabled;\n\t\t} catch {\n\t\t\t// `draftMode()` may have been called in a palce that\n\t\t\t// does not have access to its async storage. This\n\t\t\t// occurs in places like `generateStaticParams()`. We\n\t\t\t// can ignore this case.\n\t\t\treturn;\n\t\t}\n\t\tif (!isDraftModeEnabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst cookie = (await cookies()).get(prismicCookie.preview)?.value;\n\t\tif (!cookie) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isActiveCookie = cookie.includes(\"websitePreviewId=\");\n\t\tif (!isActiveCookie) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn cookie;\n\t});\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAgB,mBAAmB,QAAwC;AAG1E,QAAO,OAAO,oBAAoB,YAAY;EAI7C,MAAM,EAAE,SAAS,cAAc,MAAM,OAAO;EAE5C,IAAI,qBAAqB;AACzB,MAAI;AACH,yBAAsB,MAAM,WAAW,EAAE;UAClC;AAKP;;AAED,MAAI,CAAC,mBACJ;EAGD,MAAMA,YAAU,MAAM,SAAS,EAAE,IAAIC,OAAc,QAAQ,EAAE;AAC7D,MAAI,CAACD,SACJ;AAID,MAAI,CADmBA,SAAO,SAAS,oBAAoB,CAE1D;AAGD,SAAOA;GACN"}

package/dist/exitPreview.d.ts

@@ -0,0 +1,21 @@
+//#region src/exitPreview.d.ts
+/**
+ * Ends a Prismic preview session within a Next.js app. This function should be
+ * used in a Router Handler.
+ *
+ * @example
+ *
+ * ```typescript
+ * // src/app/api/exit-preview/route.js
+ *
+ * import { exitPreview } from "@prismicio/next";
+ *
+ * export async function GET() {
+ * 	return await exitPreview();
+ * }
+ * ```
+ */
+declare function exitPreview(): Promise<Response>;
+//#endregion
+export { exitPreview };
+//# sourceMappingURL=exitPreview.d.ts.map

package/dist/exitPreview.js

@@ -0,0 +1,26 @@
+//#region src/exitPreview.ts
+/**
+* Ends a Prismic preview session within a Next.js app. This function should be
+* used in a Router Handler.
+*
+* @example
+*
+* ```typescript
+* // src/app/api/exit-preview/route.js
+*
+* import { exitPreview } from "@prismicio/next";
+*
+* export async function GET() {
+* 	return await exitPreview();
+* }
+* ```
+*/
+async function exitPreview() {
+	const { draftMode } = await import("next/headers");
+	(await draftMode()).disable();
+	return new Response(JSON.stringify({ success: true }), { headers: { "Cache-Control": "no-store" } });
+}
+
+//#endregion
+export { exitPreview };
+//# sourceMappingURL=exitPreview.js.map

package/dist/exitPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exitPreview.js","names":[],"sources":["../src/exitPreview.ts"],"sourcesContent":["/**\n * Ends a Prismic preview session within a Next.js app. This function should be\n * used in a Router Handler.\n *\n * @example\n *\n * ```typescript\n * // src/app/api/exit-preview/route.js\n *\n * import { exitPreview } from \"@prismicio/next\";\n *\n * export async function GET() {\n * \treturn await exitPreview();\n * }\n * ```\n */\nexport async function exitPreview(): Promise<Response> {\n\t// Need this to avoid the following Next.js build-time error:\n\t// You're importing a component that needs next/headers. That only works\n\t// in a Server Component which is not supported in the pages/ directory.\n\tconst { draftMode } = await import(\"next/headers\");\n\n\t(await draftMode()).disable();\n\n\t// `Cache-Control` header is used to prevent CDN-level caching.\n\treturn new Response(JSON.stringify({ success: true }), {\n\t\theaders: {\n\t\t\t\"Cache-Control\": \"no-store\",\n\t\t},\n\t});\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,eAAsB,cAAiC;CAItD,MAAM,EAAE,cAAc,MAAM,OAAO;AAEnC,EAAC,MAAM,WAAW,EAAE,SAAS;AAG7B,QAAO,IAAI,SAAS,KAAK,UAAU,EAAE,SAAS,MAAM,CAAC,EAAE,EACtD,SAAS,EACR,iBAAiB,YACjB,EACD,CAAC"}

package/dist/getSlices.d.ts

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

package/dist/getSlices.js

@@ -0,0 +1,11 @@
+import { getDefaultSlices } from "@prismicio/simulator/kit";
+import { decompressFromEncodedURIComponent } from "lz-string";
+
+//#region src/getSlices.ts
+const getSlices = (state) => {
+	return state ? JSON.parse(decompressFromEncodedURIComponent(state)) : getDefaultSlices();
+};
+
+//#endregion
+export { getSlices };
+//# sourceMappingURL=getSlices.js.map

package/dist/getSlices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSlices.js","names":[],"sources":["../src/getSlices.ts"],"sourcesContent":["import { 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":";;;;AAIA,MAAa,aACZ,UACwC;AACxC,QAAO,QACJ,KAAK,MAAM,kCAAkC,MAAM,CAAC,GACpD,kBAAkB"}

package/dist/imgixLoader.d.ts

@@ -0,0 +1,15 @@
+import { ImageLoaderProps } from "next/image";
+
+//#region src/imgixLoader.d.ts
+
+/**
+ * A `next/image` loader for Imgix, which Prismic uses, with an optional
+ * collection of default Imgix parameters.
+ *
+ * @see To learn about `next/image` loaders: https://nextjs.org/docs/api-reference/next/image#loader
+ * @see To learn about Imgix's URL API: https://docs.imgix.com/apis/rendering
+ */
+declare const imgixLoader: (args: ImageLoaderProps) => string;
+//#endregion
+export { imgixLoader };
+//# sourceMappingURL=imgixLoader.d.ts.map

package/dist/imgixLoader.js

@@ -0,0 +1,23 @@
+import { buildURL } from "imgix-url-builder";
+
+//#region src/imgixLoader.ts
+/**
+* A `next/image` loader for Imgix, which Prismic uses, with an optional
+* collection of default Imgix parameters.
+*
+* @see To learn about `next/image` loaders: https://nextjs.org/docs/api-reference/next/image#loader
+* @see To learn about Imgix's URL API: https://docs.imgix.com/apis/rendering
+*/
+const imgixLoader = (args) => {
+	const params = {
+		fit: new URL(args.src).searchParams.get("fit") || "max",
+		w: args.width,
+		h: void 0
+	};
+	if (args.quality) params.q = args.quality;
+	return buildURL(args.src, params);
+};
+
+//#endregion
+export { imgixLoader };
+//# sourceMappingURL=imgixLoader.js.map

package/dist/imgixLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imgixLoader.js","names":[],"sources":["../src/imgixLoader.ts"],"sourcesContent":["import type { ImageLoaderProps } from \"next/image\";\nimport type { ImgixURLParams } from \"imgix-url-builder\";\nimport { buildURL } from \"imgix-url-builder\";\n\n/**\n * A `next/image` loader for Imgix, which Prismic uses, with an optional\n * collection of default Imgix parameters.\n *\n * @see To learn about `next/image` loaders: https://nextjs.org/docs/api-reference/next/image#loader\n * @see To learn about Imgix's URL API: https://docs.imgix.com/apis/rendering\n */\nexport const imgixLoader = (args: ImageLoaderProps): string => {\n\tconst url = new URL(args.src);\n\n\tconst params: ImgixURLParams = {\n\t\tfit: (url.searchParams.get(\"fit\") as ImgixURLParams[\"fit\"]) || \"max\",\n\t\tw: args.width,\n\t\th: undefined,\n\t};\n\n\tif (args.quality) {\n\t\tparams.q = args.quality;\n\t}\n\n\treturn buildURL(args.src, params);\n};\n"],"mappings":";;;;;;;;;;AAWA,MAAa,eAAe,SAAmC;CAG9D,MAAM,SAAyB;EAC9B,KAHW,IAAI,IAAI,KAAK,IAAI,CAGlB,aAAa,IAAI,MAAM,IAA8B;EAC/D,GAAG,KAAK;EACR,GAAG;EACH;AAED,KAAI,KAAK,QACR,QAAO,IAAI,KAAK;AAGjB,QAAO,SAAS,KAAK,KAAK,OAAO"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import { exitPreview } from "./exitPreview.js";
+import { PrismicPreview, PrismicPreviewProps } from "./PrismicPreview.js";
+import { PrismicNextLink, PrismicNextLinkProps } from "./PrismicNextLink.js";
+import { EnableAutoPreviewsConfig, enableAutoPreviews } from "./enableAutoPreviews.js";
+import { CreateClientConfig } from "./types.js";
+import { RedirectToPreviewURLConfig, redirectToPreviewURL } from "./redirectToPreviewURL.js";
+import { PrismicNextImage, PrismicNextImageProps } from "./PrismicNextImage.js";
+import { SliceSimulator, SliceSimulatorParams, SliceSimulatorProps } from "./SliceSimulator.js";
+import { getSlices } from "./getSlices.js";
+import { imgixLoader } from "./imgixLoader.js";
+import { CreateLocaleRedirectConfig, createLocaleRedirect } from "./createLocaleRedirect.js";
+export { type CreateClientConfig, type CreateLocaleRedirectConfig, type EnableAutoPreviewsConfig, PrismicNextImage, type PrismicNextImageProps, PrismicNextLink, type PrismicNextLinkProps, PrismicPreview, type PrismicPreviewProps, type RedirectToPreviewURLConfig, SliceSimulator, type SliceSimulatorParams, type SliceSimulatorProps, createLocaleRedirect, enableAutoPreviews, exitPreview, getSlices, imgixLoader, redirectToPreviewURL };

package/dist/index.js

@@ -0,0 +1,12 @@
+import { exitPreview } from "./exitPreview.js";
+import { PrismicPreview } from "./PrismicPreview.js";
+import { PrismicNextLink } from "./PrismicNextLink.js";
+import { enableAutoPreviews } from "./enableAutoPreviews.js";
+import { redirectToPreviewURL } from "./redirectToPreviewURL.js";
+import { imgixLoader } from "./imgixLoader.js";
+import { PrismicNextImage } from "./PrismicNextImage.js";
+import { getSlices } from "./getSlices.js";
+import { SliceSimulator } from "./SliceSimulator.js";
+import { createLocaleRedirect } from "./createLocaleRedirect.js";
+
+export { PrismicNextImage, PrismicNextLink, PrismicPreview, SliceSimulator, createLocaleRedirect, enableAutoPreviews, exitPreview, getSlices, imgixLoader, redirectToPreviewURL };

package/dist/lib/devMsg.js

@@ -0,0 +1,25 @@
+import { version } from "../package.js";
+
+//#region src/lib/devMsg.ts
+/**
+* Returns a `prismic.dev/msg` URL for a given message slug.
+*
+* @example
+*
+* ```ts
+* devMsg("missing-param");
+* // => "https://prismic.dev/msg/next/v1.2.3/missing-param"
+* ```
+*
+* @param slug - Slug for the message. This corresponds to a Markdown file in
+*   the Git repository's `/messages` directory.
+*
+* @returns The `prismic.dev/msg` URL for the given slug.
+*/
+const devMsg = (slug) => {
+	return `https://prismic.dev/msg/next/v${version}/${slug}`;
+};
+
+//#endregion
+export { devMsg };
+//# sourceMappingURL=devMsg.js.map

package/dist/lib/devMsg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devMsg.js","names":[],"sources":["../../src/lib/devMsg.ts"],"sourcesContent":["import { version } from \"../../package.json\";\n\n/**\n * Returns a `prismic.dev/msg` URL for a given message slug.\n *\n * @example\n *\n * ```ts\n * devMsg(\"missing-param\");\n * // => \"https://prismic.dev/msg/next/v1.2.3/missing-param\"\n * ```\n *\n * @param slug - Slug for the message. This corresponds to a Markdown file in\n *   the Git repository's `/messages` directory.\n *\n * @returns The `prismic.dev/msg` URL for the given slug.\n */\nexport const devMsg = (slug: string): string => {\n\treturn `https://prismic.dev/msg/next/v${version}/${slug}`;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAa,UAAU,SAAyB;AAC/C,QAAO,iCAAiC,QAAQ,GAAG"}

package/dist/lib/resolveDefaultExport.js

@@ -0,0 +1,25 @@
+//#region src/lib/resolveDefaultExport.ts
+/**
+* Resolves a module's default export. The module may provide its default export
+* as a `default` property on an object. This happens when named and default
+* exports are mixed in modules.
+*
+* In ES Modules, mixing is fine since the module resolver can distinguish
+* default and named exports. In transpiled modules, however, all exports are
+* put into a single object, and the default export is provided at a property
+* called `default`.
+*
+* This helper is needed by Next.js uses CJS files with named and default
+* exports.
+*
+* This helper _should_ be a temporary hack until Next.js and Node.js resolve
+* their ESM difficulties. This will likely not be removed any time soon,
+* unfortunately.
+*/
+function resolveDefaultExport(mod) {
+	return "default" in mod ? mod.default : mod;
+}
+
+//#endregion
+export { resolveDefaultExport };
+//# sourceMappingURL=resolveDefaultExport.js.map

package/dist/lib/resolveDefaultExport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveDefaultExport.js","names":[],"sources":["../../src/lib/resolveDefaultExport.ts"],"sourcesContent":["/**\n * Resolves a module's default export. The module may provide its default export\n * as a `default` property on an object. This happens when named and default\n * exports are mixed in modules.\n *\n * In ES Modules, mixing is fine since the module resolver can distinguish\n * default and named exports. In transpiled modules, however, all exports are\n * put into a single object, and the default export is provided at a property\n * called `default`.\n *\n * This helper is needed by Next.js uses CJS files with named and default\n * exports.\n *\n * This helper _should_ be a temporary hack until Next.js and Node.js resolve\n * their ESM difficulties. This will likely not be removed any time soon,\n * unfortunately.\n */\nexport function resolveDefaultExport<T>(mod: T): T {\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\treturn \"default\" in (mod as any) ? (mod as any).default : mod;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,SAAgB,qBAAwB,KAAW;AAElD,QAAO,aAAc,MAAe,IAAY,UAAU"}

package/dist/package.cjs

@@ -1,6 +1,6 @@
 
 //#region package.json
-var version = "2.2.0";
+var version = "2.2.1-canary.0a22932";
 
 //#endregion
 Object.defineProperty(exports, 'version', {

package/dist/package.js

@@ -0,0 +1,6 @@
+//#region package.json
+var version = "2.2.1-canary.0a22932";
+
+//#endregion
+export { version };
+//# sourceMappingURL=package.js.map

package/dist/package.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":[""],"mappings":""}

package/dist/pages/PrismicPreview.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactNode } from "react";
+
+//#region src/pages/PrismicPreview.d.ts
+/** Props for `<PrismicPreview>`. */
+type PrismicPreviewProps = {
+  /**
+   * The name of your Prismic repository. A Prismic Toolbar will be registered
+   * using this repository.
+   */
+  repositoryName: string;
+  /**
+   * The URL of your app's Prismic preview endpoint (default: `/api/preview`).
+   * This URL will be fetched on preview update events.
+   */
+  updatePreviewURL?: string;
+  /**
+   * The URL of your app's exit preview endpoint (default: `/api/exit-preview`).
+   * This URL will be fetched on preview exit events.
+   */
+  exitPreviewURL?: string;
+  /** Children to render adjacent to the Prismic Toolbar. */
+  children?: ReactNode;
+};
+/**
+ * React component that sets up Prismic Previews using the Prismic Toolbar. When
+ * the Prismic Toolbar send events to the browser, such as on preview updates
+ * and exiting, this component will automatically refresh the page with the
+ * changes.
+ *
+ * This component can be wrapped around your app or added anywhere in your app's
+ * tree. It must be rendered on every page.
+ */
+declare const PrismicPreview: FC<PrismicPreviewProps>;
+//#endregion
+export { PrismicPreview, PrismicPreviewProps };
+//# sourceMappingURL=PrismicPreview.d.ts.map

package/dist/pages/PrismicPreview.js

@@ -0,0 +1,74 @@
+import Script from "next/script";
+import { cookie, getToolbarSrc } from "@prismicio/client";
+import { useEffect } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/router";
+
+//#region src/pages/PrismicPreview.tsx
+/**
+* React component that sets up Prismic Previews using the Prismic Toolbar. When
+* the Prismic Toolbar send events to the browser, such as on preview updates
+* and exiting, this component will automatically refresh the page with the
+* changes.
+*
+* This component can be wrapped around your app or added anywhere in your app's
+* tree. It must be rendered on every page.
+*/
+const PrismicPreview = (props) => {
+	const { repositoryName, updatePreviewURL = "/api/preview", exitPreviewURL = "/api/exit-preview", children } = props;
+	const router = useRouter();
+	const toolbarSrc = getToolbarSrc(repositoryName);
+	useEffect(() => {
+		const controller = new AbortController();
+		window.addEventListener("prismicPreviewUpdate", onUpdate, { signal: controller.signal });
+		window.addEventListener("prismicPreviewEnd", onEnd, { signal: controller.signal });
+		if (window.location.href.startsWith(window.location.origin + router.basePath) && getPreviewCookieRepositoryName() === repositoryName && !router.isPreview) start();
+		function onEnd(event) {
+			event.preventDefault();
+			fetch(router.basePath + exitPreviewURL, { signal: controller.signal }).then((res) => {
+				if (!res.ok) {
+					console.error(`[<PrismicPreview>] Failed to exit Preview Mode using the "${exitPreviewURL}" API endpoint. Does it exist?`);
+					return;
+				}
+				refresh();
+			}).catch(() => {});
+		}
+		function onUpdate(event) {
+			event.preventDefault();
+			start();
+		}
+		function start() {
+			fetch(router.basePath + updatePreviewURL, {
+				redirect: "manual",
+				signal: controller.signal
+			}).then((res) => {
+				if (res.type !== "opaqueredirect") {
+					console.error(`[<PrismicPreview>] Failed to start or update the preview using "${updatePreviewURL}". Does it exist?`);
+					return;
+				}
+				refresh();
+			}).catch(() => {});
+		}
+		function refresh() {
+			router.replace(router.asPath, void 0, { scroll: false });
+		}
+		return () => controller.abort();
+	}, [
+		exitPreviewURL,
+		updatePreviewURL,
+		repositoryName,
+		router
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [children, /* @__PURE__ */ jsx(Script, {
+		src: toolbarSrc,
+		strategy: "lazyOnload"
+	})] });
+};
+function getPreviewCookieRepositoryName() {
+	const cookie$1 = window.document.cookie.split("; ").find((row) => row.startsWith(`${cookie.preview}=`))?.split("=")[1];
+	return (decodeURIComponent(cookie$1 ?? "").match(/"([^"]+)\.prismic\.io"/) || [])[1];
+}
+
+//#endregion
+export { PrismicPreview };
+//# sourceMappingURL=PrismicPreview.js.map

package/dist/pages/PrismicPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicPreview.js","names":["cookie","prismicCookie"],"sources":["../../src/pages/PrismicPreview.tsx"],"sourcesContent":["import { getToolbarSrc, cookie as prismicCookie } from \"@prismicio/client\";\nimport { useRouter } from \"next/router\";\nimport Script from \"next/script\";\nimport type { FC } from \"react\";\nimport { type ReactNode, useEffect } from \"react\";\n\n/** Props for `<PrismicPreview>`. */\nexport type PrismicPreviewProps = {\n\t/**\n\t * The name of your Prismic repository. A Prismic Toolbar will be registered\n\t * using this repository.\n\t */\n\trepositoryName: string;\n\n\t/**\n\t * The URL of your app's Prismic preview endpoint (default: `/api/preview`).\n\t * This URL will be fetched on preview update events.\n\t */\n\tupdatePreviewURL?: string;\n\n\t/**\n\t * The URL of your app's exit preview endpoint (default: `/api/exit-preview`).\n\t * This URL will be fetched on preview exit events.\n\t */\n\texitPreviewURL?: string;\n\n\t/** Children to render adjacent to the Prismic Toolbar. */\n\tchildren?: ReactNode;\n};\n\n/**\n * React component that sets up Prismic Previews using the Prismic Toolbar. When\n * the Prismic Toolbar send events to the browser, such as on preview updates\n * and exiting, this component will automatically refresh the page with the\n * changes.\n *\n * This component can be wrapped around your app or added anywhere in your app's\n * tree. It must be rendered on every page.\n */\nexport const PrismicPreview: FC<PrismicPreviewProps> = (props) => {\n\tconst {\n\t\trepositoryName,\n\t\tupdatePreviewURL = \"/api/preview\",\n\t\texitPreviewURL = \"/api/exit-preview\",\n\t\tchildren,\n\t} = props;\n\n\tconst router = useRouter();\n\n\tconst toolbarSrc = getToolbarSrc(repositoryName);\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController();\n\n\t\twindow.addEventListener(\"prismicPreviewUpdate\", onUpdate, {\n\t\t\tsignal: controller.signal,\n\t\t});\n\t\twindow.addEventListener(\"prismicPreviewEnd\", onEnd, {\n\t\t\tsignal: controller.signal,\n\t\t});\n\n\t\t// Start the preview for preview share links. Previews from\n\t\t// share links do not go to the `updatePreviewURL` like a normal\n\t\t// preview.\n\t\t//\n\t\t// We check that the current URL is a descendant of the base\n\t\t// path to prevent infinite refrehes.\n\t\tif (\n\t\t\twindow.location.href.startsWith(\n\t\t\t\twindow.location.origin + router.basePath,\n\t\t\t) &&\n\t\t\tgetPreviewCookieRepositoryName() === repositoryName &&\n\t\t\t!router.isPreview\n\t\t) {\n\t\t\tstart();\n\t\t}\n\n\t\tfunction onEnd(event: Event) {\n\t\t\tevent.preventDefault();\n\t\t\tfetch(router.basePath + exitPreviewURL, { signal: controller.signal })\n\t\t\t\t.then((res) => {\n\t\t\t\t\tif (!res.ok) {\n\t\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\t`[<PrismicPreview>] Failed to exit Preview Mode using the \"${exitPreviewURL}\" API endpoint. Does it exist?`,\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\trefresh();\n\t\t\t\t})\n\t\t\t\t.catch(() => {});\n\t\t}\n\n\t\tfunction onUpdate(event: Event) {\n\t\t\tevent.preventDefault();\n\t\t\tstart();\n\t\t}\n\n\t\tfunction start() {\n\t\t\t// We check `opaqueredirect` because we don't care if\n\t\t\t// the redirect was successful or not. As long as it\n\t\t\t// redirects, we know the endpoint exists and at least\n\t\t\t// attempted to set preview data.\n\t\t\tfetch(router.basePath + updatePreviewURL, {\n\t\t\t\tredirect: \"manual\",\n\t\t\t\tsignal: controller.signal,\n\t\t\t})\n\t\t\t\t.then((res) => {\n\t\t\t\t\tif (res.type !== \"opaqueredirect\") {\n\t\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\t`[<PrismicPreview>] Failed to start or update the preview using \"${updatePreviewURL}\". Does it exist?`,\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\trefresh();\n\t\t\t\t})\n\t\t\t\t.catch(() => {});\n\t\t}\n\n\t\tfunction refresh() {\n\t\t\trouter.replace(router.asPath, undefined, { scroll: false });\n\t\t}\n\n\t\treturn () => controller.abort();\n\t}, [exitPreviewURL, updatePreviewURL, repositoryName, router]);\n\n\treturn (\n\t\t<>\n\t\t\t{children}\n\t\t\t<Script src={toolbarSrc} strategy=\"lazyOnload\" />\n\t\t</>\n\t);\n};\n\nfunction getPreviewCookieRepositoryName() {\n\tconst cookie = window.document.cookie\n\t\t.split(\"; \")\n\t\t.find((row) => row.startsWith(`${prismicCookie.preview}=`))\n\t\t?.split(\"=\")[1];\n\n\treturn (decodeURIComponent(cookie ?? \"\").match(/\"([^\"]+)\\.prismic\\.io\"/) ||\n\t\t[])[1];\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuCA,MAAa,kBAA2C,UAAU;CACjE,MAAM,EACL,gBACA,mBAAmB,gBACnB,iBAAiB,qBACjB,aACG;CAEJ,MAAM,SAAS,WAAW;CAE1B,MAAM,aAAa,cAAc,eAAe;AAEhD,iBAAgB;EACf,MAAM,aAAa,IAAI,iBAAiB;AAExC,SAAO,iBAAiB,wBAAwB,UAAU,EACzD,QAAQ,WAAW,QACnB,CAAC;AACF,SAAO,iBAAiB,qBAAqB,OAAO,EACnD,QAAQ,WAAW,QACnB,CAAC;AAQF,MACC,OAAO,SAAS,KAAK,WACpB,OAAO,SAAS,SAAS,OAAO,SAChC,IACD,gCAAgC,KAAK,kBACrC,CAAC,OAAO,UAER,QAAO;EAGR,SAAS,MAAM,OAAc;AAC5B,SAAM,gBAAgB;AACtB,SAAM,OAAO,WAAW,gBAAgB,EAAE,QAAQ,WAAW,QAAQ,CAAC,CACpE,MAAM,QAAQ;AACd,QAAI,CAAC,IAAI,IAAI;AACZ,aAAQ,MACP,6DAA6D,eAAe,gCAC5E;AAED;;AAGD,aAAS;KACR,CACD,YAAY,GAAG;;EAGlB,SAAS,SAAS,OAAc;AAC/B,SAAM,gBAAgB;AACtB,UAAO;;EAGR,SAAS,QAAQ;AAKhB,SAAM,OAAO,WAAW,kBAAkB;IACzC,UAAU;IACV,QAAQ,WAAW;IACnB,CAAC,CACA,MAAM,QAAQ;AACd,QAAI,IAAI,SAAS,kBAAkB;AAClC,aAAQ,MACP,mEAAmE,iBAAiB,mBACpF;AAED;;AAGD,aAAS;KACR,CACD,YAAY,GAAG;;EAGlB,SAAS,UAAU;AAClB,UAAO,QAAQ,OAAO,QAAQ,QAAW,EAAE,QAAQ,OAAO,CAAC;;AAG5D,eAAa,WAAW,OAAO;IAC7B;EAAC;EAAgB;EAAkB;EAAgB;EAAO,CAAC;AAE9D,QACC,4CACE,UACD,oBAAC;EAAO,KAAK;EAAY,UAAS;GAAe,IAC/C;;AAIL,SAAS,iCAAiC;CACzC,MAAMA,WAAS,OAAO,SAAS,OAC7B,MAAM,KAAK,CACX,MAAM,QAAQ,IAAI,WAAW,GAAGC,OAAc,QAAQ,GAAG,CAAC,EACzD,MAAM,IAAI,CAAC;AAEd,SAAQ,mBAAmBD,YAAU,GAAG,CAAC,MAAM,yBAAyB,IACvE,EAAE,EAAE"}

package/dist/pages/SliceSimulator.d.ts

@@ -0,0 +1,37 @@
+import { ComponentType, FC } from "react";
+import { SliceSimulatorProps, SliceSimulatorState } from "@prismicio/simulator/kit";
+
+//#region src/pages/SliceSimulator.d.ts
+type SliceSimulatorSliceZoneProps = {
+  slices: SliceSimulatorState["slices"];
+};
+type SliceSimulatorProps$1 = SliceSimulatorProps & {
+  /**
+   * 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>;
+  className?: string;
+};
+/**
+ * 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.ts.map

package/dist/pages/SliceSimulator.js

@@ -0,0 +1,40 @@
+import { SliceSimulatorWrapper } from "../SliceSimulatorWrapper.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { SimulatorManager, StateEventType, getDefaultMessage, getDefaultSlices } from "@prismicio/simulator/kit";
+
+//#region src/pages/SliceSimulator.tsx
+const simulatorManager = new 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, sliceZone: SliceZoneComp }) => {
+	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");
+		};
+	}, []);
+	return /* @__PURE__ */ jsx(SliceSimulatorWrapper, {
+		message,
+		hasSlices: slices.length > 0,
+		background,
+		zIndex,
+		className,
+		children: /* @__PURE__ */ jsx(SliceZoneComp, { slices })
+	});
+};
+
+//#endregion
+export { SliceSimulator };
+//# sourceMappingURL=SliceSimulator.js.map

package/dist/pages/SliceSimulator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulator.js","names":[],"sources":["../../src/pages/SliceSimulator.tsx"],"sourcesContent":["import { SliceSimulatorWrapper } from \"../SliceSimulatorWrapper\";\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\";\nimport { useEffect, useState } from \"react\";\nimport type { ComponentType, FC } from \"react\";\n\nconst simulatorManager = new SimulatorManager();\n\nexport type SliceSimulatorSliceZoneProps = {\n\tslices: SliceSimulatorState[\"slices\"];\n};\n\nexport type SliceSimulatorProps = BaseSliceSimulatorProps & {\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: ComponentType<SliceSimulatorSliceZoneProps>;\n\tclassName?: string;\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: FC<SliceSimulatorProps> = ({\n\tbackground,\n\tzIndex,\n\tclassName,\n\tsliceZone: SliceZoneComp,\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\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":";;;;;;AAcA,MAAM,mBAAmB,IAAI,kBAAkB;;;;;AAiC/C,MAAa,kBAA2C,EACvD,YACA,QACA,WACA,WAAW,oBACN;CACL,MAAM,CAAC,QAAQ,aAAa,eAAe,kBAAkB,CAAC;CAC9D,MAAM,CAAC,SAAS,cAAc,eAAe,mBAAmB,CAAC;AAEjE,iBAAgB;AACf,mBAAiB,MAAM,GACtB,eAAe,SACd,YAAY;AACZ,aAAU,QAAQ;KAEnB,mBACA;AACD,mBAAiB,MAAM,GACtB,eAAe,UACd,aAAa;AACb,cAAW,SAAS;KAErB,oBACA;AAED,mBAAiB,MAAM;AAEvB,eAAa;AACZ,oBAAiB,MAAM,IAAI,eAAe,QAAQ,mBAAmB;AAErE,oBAAiB,MAAM,IAAI,eAAe,SAAS,oBAAoB;;IAEtE,EAAE,CAAC;AAEN,QACC,oBAAC;EACS;EACT,WAAW,OAAO,SAAS;EACf;EACJ;EACG;YAEX,oBAAC,iBAAsB,SAAU;GACV"}

package/dist/pages/enableAutoPreviews.d.ts

@@ -0,0 +1,37 @@
+import { NextApiRequestLike } from "./types.js";
+import { Client } from "@prismicio/client";
+import { PreviewData } from "next";
+
+//#region src/pages/enableAutoPreviews.d.ts
+
+/**
+ * Configuration for `enableAutoPreviews`.
+ *
+ * @typeParam TPreviewData - Next.js preview data object.
+ */
+type EnableAutoPreviewsConfig = {
+  /** Prismic client with which automatic previews will be enabled. */
+  client: Pick<Client, "queryContentFromRef" | "enableAutoPreviewsFromReq">;
+  /**
+   * The `previewData` object provided in the `getStaticProps()` or
+   * `getServerSideProps()` context object.
+   */
+  previewData?: PreviewData;
+  /**
+   * The `req` object from a Next.js API route.
+   *
+   * @see Next.js API route docs: \<https://nextjs.org/docs/api-routes/introduction\>
+   */
+  req?: NextApiRequestLike;
+};
+/**
+ * Configures a Prismic client to automatically query draft content during a
+ * preview session. It either takes in a Next.js `getStaticProps` context object
+ * or a Next.js API endpoint request object.
+ *
+ * @param config - Configuration for the function.
+ */
+declare function enableAutoPreviews(config: EnableAutoPreviewsConfig): void;
+//#endregion
+export { EnableAutoPreviewsConfig, enableAutoPreviews };
+//# sourceMappingURL=enableAutoPreviews.d.ts.map

package/dist/pages/enableAutoPreviews.js

@@ -0,0 +1,25 @@
+//#region src/pages/enableAutoPreviews.ts
+/**
+* Configures a Prismic client to automatically query draft content during a
+* preview session. It either takes in a Next.js `getStaticProps` context object
+* or a Next.js API endpoint request object.
+*
+* @param config - Configuration for the function.
+*/
+function enableAutoPreviews(config) {
+	if ("previewData" in config && config.previewData) {
+		if (isPrismicPreviewData(config.previewData)) config.client.queryContentFromRef(config.previewData.ref);
+		return;
+	}
+	if ("req" in config && config.req) {
+		config.client.enableAutoPreviewsFromReq(config.req);
+		return;
+	}
+}
+function isPrismicPreviewData(input) {
+	return typeof input === "object" && input !== null && "ref" in input;
+}
+
+//#endregion
+export { enableAutoPreviews };
+//# sourceMappingURL=enableAutoPreviews.js.map

package/dist/pages/enableAutoPreviews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enableAutoPreviews.js","names":[],"sources":["../../src/pages/enableAutoPreviews.ts"],"sourcesContent":["import type { PreviewData } from \"next\";\nimport type { Client } from \"@prismicio/client\";\n\nimport type { NextApiRequestLike } from \"./types\";\n\n/**\n * Configuration for `enableAutoPreviews`.\n *\n * @typeParam TPreviewData - Next.js preview data object.\n */\nexport type EnableAutoPreviewsConfig = {\n\t/** Prismic client with which automatic previews will be enabled. */\n\t// `Pick` is used to use the smallest possible subset of\n\t// `prismic.Client`. Doing this reduces the surface area for breaking\n\t// type changes.\n\tclient: Pick<Client, \"queryContentFromRef\" | \"enableAutoPreviewsFromReq\">;\n\n\t/**\n\t * The `previewData` object provided in the `getStaticProps()` or\n\t * `getServerSideProps()` context object.\n\t */\n\tpreviewData?: PreviewData;\n\n\t/**\n\t * The `req` object from a Next.js API route.\n\t *\n\t * @see Next.js API route docs: \\<https://nextjs.org/docs/api-routes/introduction\\>\n\t */\n\treq?: NextApiRequestLike;\n};\n\n/**\n * Configures a Prismic client to automatically query draft content during a\n * preview session. It either takes in a Next.js `getStaticProps` context object\n * or a Next.js API endpoint request object.\n *\n * @param config - Configuration for the function.\n */\nexport function enableAutoPreviews(config: EnableAutoPreviewsConfig): void {\n\tif (\"previewData\" in config && config.previewData) {\n\t\t// Assume we are in `getStaticProps()` or\n\t\t// `getServerSideProps()` with active Preview Mode.\n\n\t\tif (isPrismicPreviewData(config.previewData)) {\n\t\t\tconfig.client.queryContentFromRef(config.previewData.ref);\n\t\t}\n\n\t\treturn;\n\t}\n\n\tif (\"req\" in config && config.req) {\n\t\t// Assume we are in an API Route.\n\n\t\tconfig.client.enableAutoPreviewsFromReq(config.req);\n\n\t\treturn;\n\t}\n}\n\nfunction isPrismicPreviewData(input: unknown): input is { ref: string } {\n\treturn typeof input === \"object\" && input !== null && \"ref\" in input;\n}\n"],"mappings":";;;;;;;;AAsCA,SAAgB,mBAAmB,QAAwC;AAC1E,KAAI,iBAAiB,UAAU,OAAO,aAAa;AAIlD,MAAI,qBAAqB,OAAO,YAAY,CAC3C,QAAO,OAAO,oBAAoB,OAAO,YAAY,IAAI;AAG1D;;AAGD,KAAI,SAAS,UAAU,OAAO,KAAK;AAGlC,SAAO,OAAO,0BAA0B,OAAO,IAAI;AAEnD;;;AAIF,SAAS,qBAAqB,OAA0C;AACvE,QAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,SAAS"}

package/dist/pages/exitPreview.d.ts

@@ -0,0 +1,38 @@
+import { NextApiRequestLike, NextApiResponseLike } from "./types.js";
+
+//#region src/pages/exitPreview.d.ts
+/** Configuration for `exitPreview()`. */
+type ExitPreviewAPIRouteConfig = {
+  /**
+   * The `req` object from a Next.js API route.
+   *
+   * @see Next.js API route docs: \<https://nextjs.org/docs/api-routes/introduction\>
+   */
+  req?: NextApiRequestLike;
+  /**
+   * The `res` object from a Next.js API route.
+   *
+   * @see Next.js API route docs: \<https://nextjs.org/docs/api-routes/introduction\>
+   */
+  res: NextApiResponseLike;
+};
+/**
+ * Ends a Prismic preview session within a Next.js app. This function should be
+ * used in an API route.
+ *
+ * @example
+ *
+ * ```typescript
+ * // src/pages/api/exit-preview.js
+ *
+ * import { exitPreview } from "@prismicio/next";
+ *
+ * export default function handler(_req, res) {
+ * 	return exitPreview({ res });
+ * }
+ * ```
+ */
+declare function exitPreview(config: ExitPreviewAPIRouteConfig): void;
+//#endregion
+export { ExitPreviewAPIRouteConfig, exitPreview };
+//# sourceMappingURL=exitPreview.d.ts.map

package/dist/pages/exitPreview.js

@@ -0,0 +1,26 @@
+//#region src/pages/exitPreview.ts
+/**
+* Ends a Prismic preview session within a Next.js app. This function should be
+* used in an API route.
+*
+* @example
+*
+* ```typescript
+* // src/pages/api/exit-preview.js
+*
+* import { exitPreview } from "@prismicio/next";
+*
+* export default function handler(_req, res) {
+* 	return exitPreview({ res });
+* }
+* ```
+*/
+function exitPreview(config) {
+	config.res.clearPreviewData();
+	config.res.setHeader("Cache-Control", "no-store");
+	config.res.json({ success: true });
+}
+
+//#endregion
+export { exitPreview };
+//# sourceMappingURL=exitPreview.js.map

package/dist/pages/exitPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exitPreview.js","names":[],"sources":["../../src/pages/exitPreview.ts"],"sourcesContent":["import type { NextApiRequestLike, NextApiResponseLike } from \"./types\";\n\n/** Configuration for `exitPreview()`. */\nexport type ExitPreviewAPIRouteConfig = {\n\t/**\n\t * The `req` object from a Next.js API route.\n\t *\n\t * @see Next.js API route docs: \\<https://nextjs.org/docs/api-routes/introduction\\>\n\t */\n\treq?: NextApiRequestLike;\n\n\t/**\n\t * The `res` object from a Next.js API route.\n\t *\n\t * @see Next.js API route docs: \\<https://nextjs.org/docs/api-routes/introduction\\>\n\t */\n\tres: NextApiResponseLike;\n};\n\n/**\n * Ends a Prismic preview session within a Next.js app. This function should be\n * used in an API route.\n *\n * @example\n *\n * ```typescript\n * // src/pages/api/exit-preview.js\n *\n * import { exitPreview } from \"@prismicio/next\";\n *\n * export default function handler(_req, res) {\n * \treturn exitPreview({ res });\n * }\n * ```\n */\nexport function exitPreview(config: ExitPreviewAPIRouteConfig): void {\n\tconfig.res.clearPreviewData();\n\n\t// `Cache-Control` header is used to prevent CDN-level caching.\n\tconfig.res.setHeader(\"Cache-Control\", \"no-store\");\n\n\tconfig.res.json({ success: true });\n\n\treturn;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmCA,SAAgB,YAAY,QAAyC;AACpE,QAAO,IAAI,kBAAkB;AAG7B,QAAO,IAAI,UAAU,iBAAiB,WAAW;AAEjD,QAAO,IAAI,KAAK,EAAE,SAAS,MAAM,CAAC"}