@prismicio/next 2.2.2 → 2.2.3-pr.136.19d76d2

package/src/PrismicNextLink.tsx

@@ -1,67 +1,65 @@
-import type { ComponentProps} from "react";
-import { forwardRef } from "react";
-import Link from "next/link";
 import type {
 	AsLinkAttrsConfig,
 	LinkField,
 	LinkResolverFunction,
-	PrismicDocument} from "@prismicio/client";
-import {
-	asLinkAttrs,
-} from "@prismicio/client";
+	PrismicDocument,
+} from "@prismicio/client"
+import { asLinkAttrs } from "@prismicio/client"
+import Link from "next/link"
+import type { ComponentProps } from "react"
+import { forwardRef } from "react"
 
-import { resolveDefaultExport } from "./lib/resolveDefaultExport";
+import { resolveDefaultExport } from "./lib/resolveDefaultExport"
 
 export type PrismicNextLinkProps = Omit<
 	ComponentProps<typeof Link>,
 	"field" | "document" | "href" | "rel"
 > & {
-	linkResolver?: LinkResolverFunction;
-	rel?: string | AsLinkAttrsConfig["rel"];
+	linkResolver?: LinkResolverFunction
+	rel?: string | AsLinkAttrsConfig["rel"]
 } & (
 		| {
-				field: LinkField | null | undefined;
-				document?: never;
-				href?: never;
+				field: LinkField | null | undefined
+				document?: never
+				href?: never
 		  }
 		| {
-				field?: never;
-				document: PrismicDocument | null | undefined;
-				href?: never;
+				field?: never
+				document: PrismicDocument | null | undefined
+				href?: never
 		  }
 		| {
-				field?: never;
-				document?: never;
-				href: ComponentProps<typeof Link>["href"];
+				field?: never
+				document?: never
+				href: ComponentProps<typeof Link>["href"]
 		  }
-	);
+	)
 
-export const PrismicNextLink = forwardRef<
-	HTMLAnchorElement,
-	PrismicNextLinkProps
->(function PrismicNextLink(props, ref) {
-	const { field, document, linkResolver, children, ...restProps } = props;
-	const {
-		href: computedHref,
-		rel: computedRel,
-		...attrs
-	} = asLinkAttrs(field ?? document, {
-		linkResolver,
-		rel: typeof restProps.rel === "function" ? restProps.rel : undefined,
-	});
+export const PrismicNextLink = forwardRef<HTMLAnchorElement, PrismicNextLinkProps>(
+	function PrismicNextLink(props, ref) {
+		const { field, document, linkResolver, children, ...restProps } = props
+		const {
+			href: computedHref,
+			rel: computedRel,
+			...attrs
+		} = asLinkAttrs(field ?? document, {
+			linkResolver,
+			rel: typeof restProps.rel === "function" ? restProps.rel : undefined,
+		})
 
-	const href = ("href" in restProps ? restProps.href : computedHref) || "";
+		const href = ("href" in restProps ? restProps.href : computedHref) || ""
 
-	let rel = computedRel;
-	if ("rel" in restProps && typeof restProps.rel !== "function") {
-		rel = restProps.rel;
-	}
+		let rel = computedRel
+		if ("rel" in restProps && typeof restProps.rel !== "function") {
+			rel = restProps.rel
+		}
 
-	const ResolvedLink = resolveDefaultExport(Link);
+		const ResolvedLink = resolveDefaultExport(Link)
 
-	return (
-		<ResolvedLink ref={ref} {...attrs} {...restProps} href={href} rel={rel}>
-			{"children" in props ? children : field?.text}
-		</ResolvedLink>
-	);
-});
+		return (
+			<ResolvedLink ref={ref} {...attrs} {...restProps} href={href} rel={rel}>
+				{"children" in props ? children : field?.text}
+			</ResolvedLink>
+		)
+	},
+)

package/src/PrismicPreview.tsx

@@ -1,55 +1,54 @@
-import type { FC, ReactNode } from "react";
-import Script from "next/script";
-import { getToolbarSrc } from "@prismicio/client";
+import { getToolbarSrc } from "@prismicio/client"
+import Script from "next/script"
+import type { FC, ReactNode } from "react"
 
-import { resolveDefaultExport } from "./lib/resolveDefaultExport";
-import { PrismicPreviewClient } from "./PrismicPreviewClient";
+import { resolveDefaultExport } from "./lib/resolveDefaultExport"
+import { PrismicPreviewClient } from "./PrismicPreviewClient"
 
 /** Props for `<PrismicPreview>`. */
 export type PrismicPreviewProps = {
 	/**
-	 * The name of your Prismic repository. A Prismic Toolbar will be registered
-	 * using this repository.
+	 * The name of your Prismic repository. A Prismic Toolbar will be registered using this
+	 * repository.
 	 */
-	repositoryName: string;
+	repositoryName: string
 
 	/**
-	 * The URL of your app's Prismic preview endpoint (default: `/api/preview`).
-	 * This URL will be fetched on preview update events.
+	 * The URL of your app's Prismic preview endpoint (default: `/api/preview`). This URL will be
+	 * fetched on preview update events.
 	 */
-	updatePreviewURL?: string;
+	updatePreviewURL?: string
 
 	/**
-	 * The URL of your app's exit preview endpoint (default: `/api/exit-preview`).
-	 * This URL will be fetched on preview exit events.
+	 * The URL of your app's exit preview endpoint (default: `/api/exit-preview`). This URL will be
+	 * fetched on preview exit events.
 	 */
-	exitPreviewURL?: string;
+	exitPreviewURL?: string
 
 	/** Children to render adjacent to the Prismic Toolbar. */
-	children?: ReactNode;
-};
+	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.
+ * 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.
+ * This component can be wrapped around your app or added anywhere in your app's tree. It must be
+ * rendered on every page.
  */
 export const PrismicPreview: FC<PrismicPreviewProps> = async (props) => {
-	const { repositoryName, children, ...otherProps } = props;
+	const { repositoryName, children, ...otherProps } = props
 
 	// Need this to avoid the following Next.js build-time error:
 	// You're importing a component that needs next/headers. That only works
 	// in a Server Component which is not supported in the pages/ directory.
-	const { draftMode } = await import("next/headers");
+	const { draftMode } = await import("next/headers")
 
-	const toolbarSrc = getToolbarSrc(repositoryName);
-	const isDraftMode = (await draftMode()).isEnabled;
+	const toolbarSrc = getToolbarSrc(repositoryName)
+	const isDraftMode = (await draftMode()).isEnabled
 
-	const ResolvedScript = resolveDefaultExport(Script);
+	const ResolvedScript = resolveDefaultExport(Script)
 
 	return (
 		<>
@@ -61,5 +60,5 @@ export const PrismicPreview: FC<PrismicPreviewProps> = async (props) => {
 			/>
 			<ResolvedScript src={toolbarSrc} strategy="lazyOnload" />
 		</>
-	);
-};
+	)
+}

package/src/PrismicPreviewClient.tsx

@@ -1,16 +1,16 @@
-"use client";
+"use client"
 
-import { cookie as prismicCookie } from "@prismicio/client";
-import { useRouter } from "next/navigation";
-import type { FC } from "react";
-import { useEffect } from "react";
+import { cookie as prismicCookie } from "@prismicio/client"
+import { useRouter } from "next/navigation"
+import type { FC } from "react"
+import { useEffect } from "react"
 
 type PrismicPreviewClientProps = {
-	repositoryName: string;
-	isDraftMode: boolean;
-	updatePreviewURL?: string;
-	exitPreviewURL?: string;
-};
+	repositoryName: string
+	isDraftMode: boolean
+	updatePreviewURL?: string
+	exitPreviewURL?: string
+}
 
 export const PrismicPreviewClient: FC<PrismicPreviewClientProps> = (props) => {
 	const {
@@ -18,25 +18,25 @@ export const PrismicPreviewClient: FC<PrismicPreviewClientProps> = (props) => {
 		isDraftMode,
 		updatePreviewURL = "/api/preview",
 		exitPreviewURL = "/api/exit-preview",
-	} = props;
+	} = props
 
-	const { refresh } = useRouter();
+	const { refresh } = useRouter()
 
 	useEffect(() => {
-		const controller = new AbortController();
+		const controller = new AbortController()
 
 		window.addEventListener("prismicPreviewUpdate", onUpdate, {
 			signal: controller.signal,
-		});
+		})
 		window.addEventListener("prismicPreviewEnd", onEnd, {
 			signal: controller.signal,
-		});
+		})
 
-		const cookie = getPrismicPreviewCookie(window.document.cookie);
+		const cookie = getPrismicPreviewCookie(window.document.cookie)
 		const cookieRepositoryName = cookie
 			? (decodeURIComponent(cookie).match(/"([^"]+)\.prismic\.io"/) || [])[1]
-			: undefined;
-		const hasCookieForRepository = cookieRepositoryName === repositoryName;
+			: undefined
+		const hasCookieForRepository = cookieRepositoryName === repositoryName
 
 		// Start the preview for preview share links. Previews from
 		// share links do not go to the `updatePreviewURL` like a normal
@@ -55,75 +55,73 @@ export const PrismicPreviewClient: FC<PrismicPreviewClientProps> = (props) => {
 					if (res.type !== "opaqueredirect") {
 						console.error(
 							`[<PrismicPreview>] Failed to start the preview using "${updatePreviewURL}". Does it exist?`,
-						);
+						)
 
-						return;
+						return
 					}
 
-					refresh();
+					refresh()
 				})
 				.catch(() => {
 					// noop
-				});
+				})
 		}
 
 		function onUpdate(event: Event) {
-			event.preventDefault();
-			refresh();
+			event.preventDefault()
+			refresh()
 		}
 
 		function onEnd(event: Event) {
-			event.preventDefault();
+			event.preventDefault()
 			globalThis
 				.fetch(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;
+						return
 					}
 
-					refresh();
+					refresh()
 				})
 				.catch(() => {
 					// noop
-				});
+				})
 		}
 
-		return () => controller.abort();
-	}, [repositoryName, isDraftMode, updatePreviewURL, exitPreviewURL, refresh]);
+		return () => controller.abort()
+	}, [repositoryName, isDraftMode, updatePreviewURL, exitPreviewURL, refresh])
 
-	return null;
-};
+	return null
+}
 
 /**
  * Returns the value of a cookie from a given cookie store.
  *
- * @param cookieJar - The stringified cookie store from which to read the
- *   cookie.
- *
+ * @param cookieJar - The stringified cookie store from which to read the cookie.
  * @returns The value of the cookie, if it exists.
  */
 function getPrismicPreviewCookie(cookieJar: string): string | undefined {
 	function readValue(value: string): string {
-		return value.replace(/%3B/g, ";");
+		return value.replace(/%3B/g, ";")
 	}
 
-	const cookies = cookieJar.split("; ");
+	const cookies = cookieJar.split("; ")
 
-	let value: string | undefined;
+	let value: string | undefined
 
 	for (const cookie of cookies) {
-		const parts = cookie.split("=");
-		const name = readValue(parts[0]).replace(/%3D/g, "=");
+		const parts = cookie.split("=")
+		const name = readValue(parts[0]).replace(/%3D/g, "=")
 
 		if (name === prismicCookie.preview) {
-			value = readValue(parts.slice(1).join("="));
-			continue;
+			value = readValue(parts.slice(1).join("="))
+			continue
 		}
 	}
 
-	return value;
+	return value
 }

package/src/SliceSimulator.tsx

@@ -1,39 +1,34 @@
-"use client";
+"use client"
 
-import { SliceSimulatorWrapper } from "./SliceSimulatorWrapper";
-import { getSlices } from "./getSlices";
-import {
-	SimulatorManager,
-	StateEventType,
-	getDefaultMessage,
-} from "@prismicio/simulator/kit";
-import type { SliceSimulatorProps as BaseSliceSimulatorProps } from "@prismicio/simulator/kit";
-import { compressToEncodedURIComponent } from "lz-string";
-import { useRouter } from "next/navigation";
-import { useEffect, useState } from "react";
-import type { FC, ReactNode } from "react";
+import { SimulatorManager, StateEventType, getDefaultMessage } from "@prismicio/simulator/kit"
+import type { SliceSimulatorProps as BaseSliceSimulatorProps } from "@prismicio/simulator/kit"
+import { compressToEncodedURIComponent } from "lz-string"
+import { useRouter } from "next/navigation"
+import { useEffect, useState } from "react"
+import type { FC, ReactNode } from "react"
 
-const STATE_PARAMS_KEY = "state";
+import { getSlices } from "./getSlices"
+import { SliceSimulatorWrapper } from "./SliceSimulatorWrapper"
 
-const simulatorManager = new SimulatorManager();
+const STATE_PARAMS_KEY = "state"
 
-/**
- * Parameters provided to the Slice Simulator page.
- */
+const simulatorManager = new SimulatorManager()
+
+/** Parameters provided to the Slice Simulator page. */
 export type SliceSimulatorParams = {
 	searchParams: Promise<{
-		state?: string;
-	}>;
-};
+		state?: string
+	}>
+}
 
 export type SliceSimulatorProps = BaseSliceSimulatorProps & {
-	children: ReactNode;
-	className?: string;
-};
+	children: ReactNode
+	className?: string
+}
 
 /**
- * Simulate slices in isolation. The slice simulator enables live slice
- * development in Slice Machine and live previews in the Page Builder.
+ * Simulate slices in isolation. The slice simulator enables live slice development in Slice Machine
+ * and live previews in the Page Builder.
  */
 export const SliceSimulator: FC<SliceSimulatorProps> = ({
 	children,
@@ -41,45 +36,45 @@ export const SliceSimulator: FC<SliceSimulatorProps> = ({
 	zIndex,
 	className,
 }) => {
-	const [message, setMessage] = useState(() => getDefaultMessage());
-	const router = useRouter();
+	const [message, setMessage] = useState(() => getDefaultMessage())
+	const router = useRouter()
 
 	const state =
 		typeof window !== "undefined"
 			? new URL(window.location.href).searchParams.get(STATE_PARAMS_KEY)
-			: undefined;
-	const hasSlices = getSlices(state).length > 0;
+			: undefined
+	const hasSlices = getSlices(state).length > 0
 
 	useEffect(() => {
 		simulatorManager.state.on(
 			StateEventType.Slices,
 			(newSlices) => {
-				const url = new URL(window.location.href);
+				const url = new URL(window.location.href)
 				url.searchParams.set(
 					STATE_PARAMS_KEY,
 					compressToEncodedURIComponent(JSON.stringify(newSlices)),
-				);
+				)
 
-				window.history.replaceState(null, "", url);
+				window.history.replaceState(null, "", url)
 				// Wait until the next tick to prevent URL state race conditions.
-				setTimeout(() => router.refresh(), 0);
+				setTimeout(() => router.refresh(), 0)
 			},
 			"simulator-slices",
-		);
+		)
 		simulatorManager.state.on(
 			StateEventType.Message,
 			(newMessage) => setMessage(newMessage),
 			"simulator-message",
-		);
+		)
 
-		simulatorManager.init();
+		simulatorManager.init()
 
 		return () => {
-			simulatorManager.state.off(StateEventType.Slices, "simulator-slices");
+			simulatorManager.state.off(StateEventType.Slices, "simulator-slices")
 
-			simulatorManager.state.off(StateEventType.Message, "simulator-message");
-		};
-	}, [router]);
+			simulatorManager.state.off(StateEventType.Message, "simulator-message")
+		}
+	}, [router])
 
 	return (
 		<SliceSimulatorWrapper
@@ -91,5 +86,5 @@ export const SliceSimulator: FC<SliceSimulatorProps> = ({
 		>
 			{children}
 		</SliceSimulatorWrapper>
-	);
-};
+	)
+}

package/src/SliceSimulatorWrapper.tsx

@@ -4,21 +4,18 @@ import {
 	onClickHandler,
 	simulatorClass,
 	simulatorRootClass,
-} from "@prismicio/simulator/kit";
-import type { SliceSimulatorProps } from "@prismicio/simulator/kit";
-import type { FC, ReactNode } from "react";
+} from "@prismicio/simulator/kit"
+import type { SliceSimulatorProps } from "@prismicio/simulator/kit"
+import type { FC, ReactNode } from "react"
 
 type SliceSimulatorWrapperProps = SliceSimulatorProps & {
-	children: ReactNode;
-	className?: string;
-	message?: string;
-	hasSlices: boolean;
-};
+	children: ReactNode
+	className?: string
+	message?: string
+	hasSlices: boolean
+}
 
-/**
- * A wrapper for the slice simulator that isolates the given children from the
- * page's layout.
- */
+/** A wrapper for the slice simulator that isolates the given children from the page's layout. */
 export const SliceSimulatorWrapper: FC<SliceSimulatorWrapperProps> = ({
 	className,
 	children,
@@ -27,16 +24,13 @@ export const SliceSimulatorWrapper: FC<SliceSimulatorWrapperProps> = ({
 	message,
 	hasSlices,
 }) => {
-	const defaultProps = getDefaultProps();
+	const defaultProps = getDefaultProps()
 
 	return (
 		<div
 			className={[simulatorClass, className].filter(Boolean).join(" ")}
 			style={{
-				zIndex:
-					typeof zIndex === "undefined"
-						? defaultProps.zIndex
-						: (zIndex ?? undefined),
+				zIndex: typeof zIndex === "undefined" ? defaultProps.zIndex : (zIndex ?? undefined),
 				position: "fixed",
 				top: 0,
 				left: 0,
@@ -44,9 +38,7 @@ export const SliceSimulatorWrapper: FC<SliceSimulatorWrapperProps> = ({
 				height: "100vh",
 				overflow: "auto",
 				background:
-					typeof background === "undefined"
-						? defaultProps.background
-						: (background ?? undefined),
+					typeof background === "undefined" ? defaultProps.background : (background ?? undefined),
 			}}
 		>
 			{message ? (
@@ -56,13 +48,11 @@ export const SliceSimulatorWrapper: FC<SliceSimulatorWrapperProps> = ({
 					id="root"
 					className={simulatorRootClass}
 					onClickCapture={onClickHandler as unknown as React.MouseEventHandler}
-					onSubmitCapture={
-						disableEventHandler as unknown as React.FormEventHandler
-					}
+					onSubmitCapture={disableEventHandler as unknown as React.FormEventHandler}
 				>
 					{children}
 				</div>
 			) : null}
 		</div>
-	);
-};
+	)
+}

package/src/createLocaleRedirect.ts

@@ -1,4 +1,4 @@
-import { devMsg } from "./lib/devMsg";
+import { devMsg } from "./lib/devMsg"
 
 /**
  * @deprecated `createLocaleRedirect()` has been removed due to performance
@@ -9,10 +9,10 @@ export function createLocaleRedirect(): never {
 		`createLocaleRedirect() has been removed due to performance issues. See ${devMsg(
 			"replace-createLocaleRedirect",
 		)} for more details.`,
-	);
+	)
 }
 /**
  * @deprecated `createLocaleRedirect()` has been removed due to performance
  *   issues.
  */
-export type CreateLocaleRedirectConfig = never;
+export type CreateLocaleRedirectConfig = never

package/src/enableAutoPreviews.ts

@@ -1,4 +1,4 @@
-import { type Client, cookie as prismicCookie } from "@prismicio/client";
+import { type Client, cookie as prismicCookie } from "@prismicio/client"
 
 /** Configuration for `enableAutoPreviews`. */
 export type EnableAutoPreviewsConfig = {
@@ -6,12 +6,11 @@ export type EnableAutoPreviewsConfig = {
 	// `Pick` is used to use the smallest possible subset of
 	// `prismic.Client`. Doing this reduces the surface area for breaking
 	// type changes.
-	client: Pick<Client, "queryContentFromRef" | "enableAutoPreviewsFromReq">;
-};
+	client: Pick<Client, "queryContentFromRef" | "enableAutoPreviewsFromReq">
+}
 
 /**
- * Configures a Prismic client to automatically query draft content during a
- * preview session.
+ * Configures a Prismic client to automatically query draft content during a preview session.
  *
  * @param config - Configuration for the function.
  */
@@ -22,32 +21,32 @@ export function enableAutoPreviews(config: EnableAutoPreviewsConfig): void {
 		// Need this to avoid the following Next.js build-time error:
 		// You're importing a component that needs next/headers. That only works
 		// in a Server Component which is not supported in the pages/ directory.
-		const { cookies, draftMode } = await import("next/headers");
+		const { cookies, draftMode } = await import("next/headers")
 
-		let isDraftModeEnabled = false;
+		let isDraftModeEnabled = false
 		try {
-			isDraftModeEnabled = (await draftMode()).isEnabled;
+			isDraftModeEnabled = (await draftMode()).isEnabled
 		} catch {
 			// `draftMode()` may have been called in a palce that
 			// does not have access to its async storage. This
 			// occurs in places like `generateStaticParams()`. We
 			// can ignore this case.
-			return;
+			return
 		}
 		if (!isDraftModeEnabled) {
-			return;
+			return
 		}
 
-		const cookie = (await cookies()).get(prismicCookie.preview)?.value;
+		const cookie = (await cookies()).get(prismicCookie.preview)?.value
 		if (!cookie) {
-			return;
+			return
 		}
 
-		const isActiveCookie = cookie.includes("websitePreviewId=");
+		const isActiveCookie = cookie.includes("websitePreviewId=")
 		if (!isActiveCookie) {
-			return;
+			return
 		}
 
-		return cookie;
-	});
+		return cookie
+	})
 }