@prismicio/next 1.7.0 → 2.0.0-alpha.0

package/src/pages/index.ts

@@ -0,0 +1,27 @@
+export { PrismicNextLink } from "../PrismicNextLink.js";
+export { type PrismicNextLinkProps } from "../PrismicNextLink.js";
+
+export { PrismicNextImage } from "../PrismicNextImage.js";
+export { type PrismicNextImageProps } from "../PrismicNextImage.js";
+
+export { imgixLoader } from "../imgixLoader.js";
+
+export { PrismicPreview } from "./PrismicPreview.js";
+export type { PrismicPreviewProps } from "./PrismicPreview.js";
+
+export { enableAutoPreviews } from "./enableAutoPreviews.js";
+export type { EnableAutoPreviewsConfig } from "./enableAutoPreviews.js";
+
+export { redirectToPreviewURL } from "./redirectToPreviewURL.js";
+export type { RedirectToPreviewURLConfig } from "./redirectToPreviewURL.js";
+
+export { exitPreview } from "./exitPreview.js";
+export type { ExitPreviewAPIRouteConfig } from "./exitPreview.js";
+
+export { setPreviewData } from "./setPreviewData.js";
+export type { SetPreviewDataConfig } from "./setPreviewData.js";
+
+export type { CreateClientConfig } from "./types.js";
+
+export { createLocaleRedirect } from "../createLocaleRedirect.js";
+export type { CreateLocaleRedirectConfig } from "../createLocaleRedirect.js";

package/src/pages/redirectToPreviewURL.ts

@@ -0,0 +1,77 @@
+import type { LinkResolverFunction, Client } from "@prismicio/client";
+
+import type { NextApiRequestLike, NextApiResponseLike } from "./types.js";
+
+export type RedirectToPreviewURLConfig = {
+	/** The Prismic client configured for the preview session's repository. */
+	// `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, "resolvePreviewURL">;
+
+	/**
+	 * The `req` object from a Next.js API route.
+	 *
+	 * @see Next.js API route docs: \<https://nextjs.org/docs/pages/building-your-application/routing/api-routes\>
+	 */
+	req: NextApiRequestLike;
+
+	/**
+	 * The `res` object from a Next.js API route.
+	 *
+	 * @see Next.js API route docs: \<https://nextjs.org/docs/pages/building-your-application/routing/api-routes\>
+	 */
+	res: NextApiResponseLike;
+
+	/**
+	 * A Link Resolver used to resolve the previewed document's URL.
+	 *
+	 * @see To learn more about Link Resolver: {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver}
+	 */
+	linkResolver?: LinkResolverFunction;
+
+	/**
+	 * The default redirect URL if a URL cannot be determined for the previewed
+	 * document.
+	 *
+	 * **Note**: If you `next.config.js` file contains a `basePath`, the
+	 * `defaultURL` option must _not_ include it. Instead, provide the `basePath`
+	 * property using the `basePath` option.
+	 */
+	defaultURL?: string;
+
+	/**
+	 * The `basePath` for the Next.js app as it is defined in `next.config.js`.
+	 * This option can be omitted if the app does not have a `basePath`.
+	 *
+	 * @remarks
+	 * The Router Handler or API route is unable to detect the app's `basePath`
+	 * automatically. It must be provided to `redirectToPreviewURL()` manually.
+	 */
+	basePath?: string;
+};
+
+export async function redirectToPreviewURL(
+	config: RedirectToPreviewURLConfig,
+): Promise<void> {
+	const {
+		client,
+		req,
+		res,
+		linkResolver,
+		defaultURL = "/",
+		basePath = "",
+	} = config;
+
+	const previewToken = req.query.token?.toString();
+
+	const previewURL = await client.resolvePreviewURL({
+		linkResolver,
+		defaultURL,
+		previewToken,
+	});
+
+	res.redirect(basePath + previewURL);
+
+	return;
+}

package/src/{setPreviewData.ts → pages/setPreviewData.ts}

@@ -1,10 +1,8 @@
-import * as prismic from "@prismicio/client";
+import { cookie } from "@prismicio/client";
 
-import { NextApiRequestLike, NextApiResponseLike } from "./types";
+import type { NextApiRequestLike, NextApiResponseLike } from "./types.js";
 
-/**
- * Configuration for `setPreviewData`.
- */
+/** Configuration for `setPreviewData`. */
 export type SetPreviewDataConfig = {
 	/**
 	 * The `req` object from a Next.js API route.
@@ -21,13 +19,9 @@ export type SetPreviewDataConfig = {
 	res: NextApiResponseLike;
 };
 
-/**
- * **Only use this function in the Pages Directory (/pages).**
- *
- * Set Prismic preview data for Next.js's Preview Mode.
- */
+/** Set Prismic preview data for Next.js's Preview Mode. */
 export function setPreviewData({ req, res }: SetPreviewDataConfig): void {
-	const ref = req.query.token || req.cookies[prismic.cookie.preview];
+	const ref = req.query.token || req.cookies[cookie.preview];
 
 	if (ref) {
 		res.setPreviewData({ ref });

package/src/pages/types.ts

@@ -0,0 +1,36 @@
+import type { ClientConfig } from "@prismicio/client";
+
+import { EnableAutoPreviewsConfig } from "./enableAutoPreviews.js";
+
+/**
+ * Configuration for creating a Prismic client with automatic preview support in
+ * Next.js apps.
+ */
+export type CreateClientConfig = ClientConfig &
+	Pick<EnableAutoPreviewsConfig, "previewData" | "req">;
+
+/**
+ * The minimal set of properties needed from `next`'s `NextApiRequest` type.
+ *
+ * This request type is only compatible with API routes defined in the `pages`
+ * directory.
+ */
+export type NextApiRequestLike = {
+	query: Partial<Record<string, string | string[]>>;
+	cookies: Partial<Record<string, string>>;
+};
+
+/**
+ * The minimal set of properties needed from `next`'s `NextApiResponse` type.
+ *
+ * This request type is only compatible with API routes defined in the `pages`
+ * directory.
+ */
+export type NextApiResponseLike = {
+	redirect(url: string): NextApiResponseLike;
+	clearPreviewData(): NextApiResponseLike;
+	setHeader(name: string, value: string | string[]): NextApiResponseLike;
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	json(body: any): void;
+	setPreviewData(data: object | string): NextApiResponseLike;
+};

package/src/redirectToPreviewURL.ts

@@ -1,31 +1,32 @@
 import { redirect } from "next/navigation";
-import { cookies, draftMode } from "next/headers";
-import * as prismic from "@prismicio/client";
-
 import {
-	NextApiRequestLike,
-	NextApiResponseLike,
-	NextRequestLike,
-} from "./types";
+	cookie as prismicCookie,
+	type Client,
+	type LinkResolverFunction,
+} from "@prismicio/client";
 
-type RedirectToPreviewURLConfigBase = {
-	/**
-	 * The Prismic client configured for the preview session's repository.
-	 */
+import { NextRequestLike } from "./types.js";
+
+export type RedirectToPreviewURLConfig = {
+	/** The Prismic client configured for the preview session's repository. */
 	// `Pick` is used to use the smallest possible subset of
 	// `prismic.Client`. Doing this reduces the surface area for breaking
 	// type changes.
-	client: Pick<
-		prismic.Client,
-		"enableAutoPreviewsFromReq" | "resolvePreviewURL"
-	>;
+	client: Pick<Client, "resolvePreviewURL">;
+
+	/**
+	 * The `request` object from a Next.js Route Handler.
+	 *
+	 * @see Next.js Route Handler docs: \<https://nextjs.org/docs/app/building-your-application/routing/route-handlers\>
+	 */
+	request: NextRequestLike;
 
 	/**
 	 * A Link Resolver used to resolve the previewed document's URL.
 	 *
 	 * @see To learn more about Link Resolver: {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver}
 	 */
-	linkResolver?: prismic.LinkResolverFunction;
+	linkResolver?: LinkResolverFunction;
 
 	/**
 	 * The default redirect URL if a URL cannot be determined for the previewed
@@ -36,91 +37,39 @@ type RedirectToPreviewURLConfigBase = {
 	 * property using the `basePath` option.
 	 */
 	defaultURL?: string;
-
-	/**
-	 * The `basePath` for the Next.js app as it is defined in `next.config.js`.
-	 * This option can be omitted if the app does not have a `basePath`.
-	 *
-	 * @remarks
-	 * The Router Handler or API route is unable to detect the app's `basePath`
-	 * automatically. It must be provided to `redirectToPreviewURL()` manually.
-	 */
-	basePath?: string;
 };
 
-export type RedirectToPreviewURLRouteHandlerConfig =
-	RedirectToPreviewURLConfigBase & {
-		/**
-		 * The `request` object from a Next.js Route Handler.
-		 *
-		 * @see Next.js Route Handler docs: \<https://nextjs.org/docs/app/building-your-application/routing/route-handlers\>
-		 */
-		request: NextRequestLike;
-	};
-
-export type RedirectToPreviewURLAPIEndpointConfig =
-	RedirectToPreviewURLConfigBase & {
-		/**
-		 * The `req` object from a Next.js API route.
-		 *
-		 * @see Next.js API route docs: \<https://nextjs.org/docs/pages/building-your-application/routing/api-routes\>
-		 */
-		req: NextApiRequestLike;
-
-		/**
-		 * The `res` object from a Next.js API route.
-		 *
-		 * @see Next.js API route docs: \<https://nextjs.org/docs/pages/building-your-application/routing/api-routes\>
-		 */
-		res: NextApiResponseLike;
-	};
-
-export type RedirectToPreviewURLConfig =
-	| RedirectToPreviewURLRouteHandlerConfig
-	| RedirectToPreviewURLAPIEndpointConfig;
-
-export async function redirectToPreviewURL(
-	config: RedirectToPreviewURLRouteHandlerConfig,
-): Promise<never>;
-export async function redirectToPreviewURL(
-	config: RedirectToPreviewURLAPIEndpointConfig,
-): Promise<void>;
 export async function redirectToPreviewURL(
 	config: RedirectToPreviewURLConfig,
-): Promise<never | void> {
-	const basePath = config.basePath || "";
-	const request = "request" in config ? config.request : config.req;
-
-	config.client.enableAutoPreviewsFromReq(request);
+): Promise<never> {
+	const { client, request, linkResolver, defaultURL = "/" } = config;
+
+	// 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 documentID =
+		request.nextUrl.searchParams.get("documentId") ?? undefined;
+
+	// Set the initial preview cookie. Setting the cookie here is necessary
+	// to support unpublished previews. Without setting it here, the page
+	// will try to render without the preview cookie, leading to a
+	// PrismicNotFound error.
+	const previewToken = request.nextUrl.searchParams.get("token") ?? undefined;
+	if (previewToken) {
+		const cookieJar = await cookies();
+		cookieJar.set(prismicCookie.preview, previewToken);
+	}
 
-	const previewUrl = await config.client.resolvePreviewURL({
-		linkResolver: config.linkResolver,
-		defaultURL: config.defaultURL || "/",
+	const previewURL = await client.resolvePreviewURL({
+		documentID,
+		previewToken,
+		defaultURL,
+		linkResolver,
 	});
 
-	if ("nextUrl" in request) {
-		draftMode().enable();
-
-		// Set the initial preview cookie, if available.
-		// Setting the cookie here is necessary to support unpublished
-		// previews. Without setting it here, the page will try to
-		// render without the preview cookie, leading to a
-		// PrismicNotFound error.
-		const previewCookie = request.nextUrl.searchParams.get("token");
-		if (previewCookie) {
-			cookies().set(prismic.cookie.preview, previewCookie);
-		}
+	(await draftMode()).enable();
 
-		redirect(basePath + previewUrl);
-	} else {
-		if (!("res" in config)) {
-			throw new Error(
-				"[redirectToPreviewURL] The `res` object from the API route must be provided to `redirectToPreviewURL()`.",
-			);
-		}
-
-		config.res.redirect(basePath + previewUrl);
-
-		return;
-	}
+	redirect(previewURL);
 }

package/src/types.ts

@@ -1,4 +1,3 @@
-import type { PreviewData } from "next";
 import type { ClientConfig } from "@prismicio/client";
 
 // Add Next.js-specific fetchOptions to `@prismicio/client`.
@@ -8,35 +7,8 @@ declare module "@prismicio/client" {
 	}
 }
 
-/**
- * Prismic data saved in Next.js Preview Mode's object.
- */
-export type PrismicPreviewData = {
-	ref: string;
-};
-
-/**
- * Configuration for creating a Prismic client with automatic preview support in
- * Next.js apps.
- */
-export type CreateClientConfig = ClientConfig & {
-	/**
-	 * **Only used in the Pages Directory (/pages).**
-	 *
-	 * The `previewData` object provided in the `getStaticProps()` or
-	 * `getServerSideProps()` context object.
-	 */
-	previewData?: PreviewData;
-
-	/**
-	 * **Only used in the Pages Directory (/pages).**
-	 *
-	 * The `req` object from a Next.js API route.
-	 *
-	 * @see Next.js API route docs: \<https://nextjs.org/docs/api-routes/introduction\>
-	 */
-	req?: NextApiRequestLike;
-};
+/** @deprecated Use `@prismicio/client`'s `ClientConfig`. */
+export type CreateClientConfig = ClientConfig;
 
 /**
  * The minimal set of properties needed from `next`'s `NextRequest` type.
@@ -56,29 +28,3 @@ export type NextRequestLike = {
 		};
 	};
 };
-
-/**
- * The minimal set of properties needed from `next`'s `NextApiRequest` type.
- *
- * This request type is only compatible with API routes defined in the `pages`
- * directory.
- */
-export type NextApiRequestLike = {
-	query: Partial<Record<string, string | string[]>>;
-	cookies: Partial<Record<string, string>>;
-};
-
-/**
- * The minimal set of properties needed from `next`'s `NextApiResponse` type.
- *
- * This request type is only compatible with API routes defined in the `pages`
- * directory.
- */
-export type NextApiResponseLike = {
-	redirect(url: string): NextApiResponseLike;
-	clearPreviewData(): NextApiResponseLike;
-	setHeader(name: string, value: string | string[]): NextApiResponseLike;
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	json(body: any): void;
-	setPreviewData(data: object | string): NextApiResponseLike;
-};

package/dist/PrismicNextImage.cjs

@@ -1,64 +0,0 @@
-'use client';
-'use client';
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Image = require("next/image");
-const imgixUrlBuilder = require("imgix-url-builder");
-const devMsg = require("./lib/devMsg.cjs");
-const imgixLoader = require("./imgixLoader.cjs");
-const isFilled = require('./_node_modules/@prismicio/client/dist/helpers/isFilled.cjs');
-const castInt = (input) => {
-  if (typeof input === "number" || typeof input === "undefined") {
-    return input;
-  } else {
-    const parsed = Number.parseInt(input);
-    if (Number.isNaN(parsed)) {
-      return void 0;
-    } else {
-      return parsed;
-    }
-  }
-};
-const PrismicNextImage = ({ field, imgixParams = {}, alt, fallbackAlt, fill, width, height, fallback = null, ...restProps }) => {
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof alt === "string" && alt !== "") {
-      console.warn(`[PrismicNextImage] The "alt" prop can only be used to declare an image as decorative by passing an empty string (alt="") but was provided a non-empty string. You can resolve this warning by removing the "alt" prop or changing it to alt="". For more details, see ${devMsg.devMsg("alt-must-be-an-empty-string")}`);
-    }
-    if (typeof fallbackAlt === "string" && fallbackAlt !== "") {
-      console.warn(`[PrismicNextImage] The "fallbackAlt" prop can only be used to declare an image as decorative by passing an empty string (fallbackAlt="") but was provided a non-empty string. You can resolve this warning by removing the "fallbackAlt" prop or changing it to fallbackAlt="". For more details, see ${devMsg.devMsg("alt-must-be-an-empty-string")}`);
-    }
-  }
-  if (isFilled.imageThumbnail(field)) {
-    const resolvedImgixParams = imgixParams;
-    for (const x in imgixParams) {
-      if (resolvedImgixParams[x] === null) {
-        resolvedImgixParams[x] = void 0;
-      }
-    }
-    const src = imgixUrlBuilder.buildURL(field.url, imgixParams);
-    const ar = field.dimensions.width / field.dimensions.height;
-    const castedWidth = castInt(width);
-    const castedHeight = castInt(height);
-    let resolvedWidth = castedWidth ?? field.dimensions.width;
-    let resolvedHeight = castedHeight ?? field.dimensions.height;
-    if (castedWidth != null && castedHeight == null) {
-      resolvedHeight = castedWidth / ar;
-    } else if (castedWidth == null && castedHeight != null) {
-      resolvedWidth = castedHeight * ar;
-    }
-    const resolvedAlt = alt ?? (field.alt || fallbackAlt);
-    if (process.env.NODE_ENV !== "production" && typeof resolvedAlt !== "string") {
-      console.error(`[PrismicNextImage] The following image is missing an "alt" property. Please add Alternative Text to the image in Prismic. To mark the image as decorative instead, add one of \`alt=""\` or \`fallbackAlt=""\`.`, src);
-    }
-    let ResolvedImage = Image;
-    if ("default" in ResolvedImage) {
-      ResolvedImage = ResolvedImage.default;
-    }
-    return jsxRuntime.jsx(ResolvedImage, { src, width: fill ? void 0 : resolvedWidth, height: fill ? void 0 : resolvedHeight, alt: resolvedAlt, fill, loader: imgixLoader.imgixLoader, ...restProps });
-  } else {
-    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
-  }
-};
-exports.PrismicNextImage = PrismicNextImage;
-//# sourceMappingURL=PrismicNextImage.cjs.map

package/dist/PrismicNextImage.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicNextImage.cjs","sources":["../../src/PrismicNextImage.tsx"],"sourcesContent":["\"use client\";\n\nimport Image, { ImageProps } from \"next/image\";\nimport { buildURL, ImgixURLParams } from \"imgix-url-builder\";\nimport * as prismic from \"@prismicio/client\";\n\nimport { devMsg } from \"./lib/devMsg\";\n\nimport { imgixLoader } from \"./imgixLoader\";\n\nconst castInt = (input: string | number | undefined): number | undefined => {\n\tif (typeof input === \"number\" || typeof input === \"undefined\") {\n\t\treturn input;\n\t} else {\n\t\tconst parsed = Number.parseInt(input);\n\n\t\tif (Number.isNaN(parsed)) {\n\t\t\treturn undefined;\n\t\t} else {\n\t\t\treturn parsed;\n\t\t}\n\t}\n};\n\nexport type PrismicNextImageProps = Omit<ImageProps, \"src\" | \"alt\"> & {\n\t/**\n\t * The Prismic Image field or thumbnail to render.\n\t */\n\tfield: prismic.ImageFieldImage | null | undefined;\n\n\t/**\n\t * An object of Imgix URL API parameters to transform the image.\n\t *\n\t * @see https://docs.imgix.com/apis/rendering\n\t */\n\timgixParams?: { [P in keyof ImgixURLParams]: ImgixURLParams[P] | null };\n\n\t/**\n\t * Declare an image as decorative by providing `alt=\"\"`.\n\t *\n\t * See:\n\t * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\talt?: \"\";\n\n\t/**\n\t * Declare an image as decorative only if the Image field does not have\n\t * alternative text by providing `fallbackAlt=\"\"`.\n\t *\n\t * See:\n\t * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\tfallbackAlt?: \"\";\n\n\t/**\n\t * Rendered when the field is empty. If a fallback is not given, `null` will\n\t * be rendered.\n\t */\n\tfallback?: React.ReactNode;\n};\n\n/**\n * React component that renders an image from a Prismic Image field or one of\n * its thumbnails using `next/image`. It will automatically set the `alt`\n * attribute using the Image field's `alt` property.\n *\n * It uses an Imgix URL-based loader by default. A custom loader can be provided\n * with the `loader` prop. If you would like to use the Next.js Image\n * Optimization API instead, set `loader={undefined}`.\n *\n * @param props - Props for the component.\n *\n * @returns A responsive image component using `next/image` for the given Image\n *   field.\n *\n * @see To learn more about `next/image`, see: https://nextjs.org/docs/api-reference/next/image\n */\nexport const PrismicNextImage = ({\n\tfield,\n\timgixParams = {},\n\talt,\n\tfallbackAlt,\n\tfill,\n\twidth,\n\theight,\n\tfallback = null,\n\t...restProps\n}: PrismicNextImageProps): JSX.Element => {\n\tif (process.env.NODE_ENV !== \"production\") {\n\t\tif (typeof alt === \"string\" && alt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicNextImage] The \"alt\" prop can only be used to declare an image as decorative by passing an empty string (alt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"alt\" prop or changing it to alt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t);\n\t\t}\n\n\t\tif (typeof fallbackAlt === \"string\" && fallbackAlt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicNextImage] The \"fallbackAlt\" prop can only be used to declare an image as decorative by passing an empty string (fallbackAlt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"fallbackAlt\" prop or changing it to fallbackAlt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t);\n\t\t}\n\t}\n\n\tif (prismic.isFilled.imageThumbnail(field)) {\n\t\tconst resolvedImgixParams = imgixParams;\n\t\tfor (const x in imgixParams) {\n\t\t\tif (resolvedImgixParams[x as keyof typeof resolvedImgixParams] === null) {\n\t\t\t\tresolvedImgixParams[x as keyof typeof resolvedImgixParams] = undefined;\n\t\t\t}\n\t\t}\n\n\t\tconst src = buildURL(field.url, imgixParams as ImgixURLParams);\n\n\t\tconst ar = field.dimensions.width / field.dimensions.height;\n\n\t\tconst castedWidth = castInt(width);\n\t\tconst castedHeight = castInt(height);\n\n\t\tlet resolvedWidth = castedWidth ?? field.dimensions.width;\n\t\tlet resolvedHeight = castedHeight ?? field.dimensions.height;\n\n\t\tif (castedWidth != null && castedHeight == null) {\n\t\t\tresolvedHeight = castedWidth / ar;\n\t\t} else if (castedWidth == null && castedHeight != null) {\n\t\t\tresolvedWidth = castedHeight * ar;\n\t\t}\n\n\t\t// A non-null assertion is required since we can't statically\n\t\t// know if an alt attribute is available.\n\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\tconst resolvedAlt = (alt ?? (field.alt || fallbackAlt))!;\n\n\t\tif (\n\t\t\tprocess.env.NODE_ENV !== \"production\" &&\n\t\t\ttypeof resolvedAlt !== \"string\"\n\t\t) {\n\t\t\tconsole.error(\n\t\t\t\t`[PrismicNextImage] The following image is missing an \"alt\" property. Please add Alternative Text to the image in Prismic. To mark the image as decorative instead, add one of \\`alt=\"\"\\` or \\`fallbackAlt=\"\"\\`.`,\n\t\t\t\tsrc,\n\t\t\t);\n\t\t}\n\n\t\t// TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\t\t// `next/image` seems to be affected by a default + named export bundling bug.\n\t\tlet ResolvedImage = Image;\n\t\tif (\"default\" in ResolvedImage) {\n\t\t\tResolvedImage = (ResolvedImage as unknown as { default: typeof Image })\n\t\t\t\t.default;\n\t\t}\n\n\t\treturn (\n\t\t\t<ResolvedImage\n\t\t\t\tsrc={src}\n\t\t\t\twidth={fill ? undefined : resolvedWidth}\n\t\t\t\theight={fill ? undefined : resolvedHeight}\n\t\t\t\talt={resolvedAlt}\n\t\t\t\tfill={fill}\n\t\t\t\tloader={imgixLoader}\n\t\t\t\t{...restProps}\n\t\t\t/>\n\t\t);\n\t} else {\n\t\treturn <>{fallback}</>;\n\t}\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUA;AACC;AACQ;AAAA;AAED;AAEF;AACI;AAAA;AAEA;AAAA;AACP;AAEH;AAuDO;AAWF;AACH;AACC;AAGI;AAIL;AACC;AAGI;AAEJ;AAGF;AACC;AACA;AACK;AACH;AAA6D;AAC7D;AAGF;AAEA;AAEM;AACA;AAEF;AACA;AAEA;AACH;AAA+B;AAE/B;AAA+B;AAM1B;AAEN;AAIS;AAEJ;AAML;AACA;AACC;AACE;AAGH;AASG;AAGH;AAAkB;AAEpB;;"}

package/dist/PrismicNextLink.cjs

@@ -1,40 +0,0 @@
-'use client';
-'use client';
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const Link = require("next/link");
-const asLinkAttrs = require('./_node_modules/@prismicio/client/dist/helpers/asLinkAttrs.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 PrismicNextLink = React__namespace.forwardRef(function PrismicNextLink2(props, ref) {
-  const { field, document, linkResolver, children, ...restProps } = props;
-  const { href: computedHref, rel: computedRel, ...attrs } = asLinkAttrs.asLinkAttrs(field ?? document, {
-    linkResolver,
-    rel: typeof restProps.rel === "function" ? restProps.rel : void 0
-  });
-  const href = ("href" in restProps ? restProps.href : computedHref) || "";
-  let rel = computedRel;
-  if ("rel" in restProps && typeof restProps.rel !== "function") {
-    rel = restProps.rel;
-  }
-  return jsxRuntime.jsx(Link, { ref, ...attrs, ...restProps, href, rel, children: "children" in props ? children : field == null ? void 0 : field.text });
-});
-exports.PrismicNextLink = PrismicNextLink;
-//# sourceMappingURL=PrismicNextLink.cjs.map

package/dist/PrismicNextLink.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicNextLink.cjs","sources":["../../src/PrismicNextLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as prismic from \"@prismicio/client\";\nimport Link from \"next/link\";\n\nexport type PrismicNextLinkProps = Omit<\n\tReact.ComponentProps<typeof Link>,\n\t\"field\" | \"document\" | \"href\" | \"rel\"\n> & {\n\tlinkResolver?: prismic.LinkResolverFunction;\n\trel?: string | prismic.AsLinkAttrsConfig[\"rel\"];\n} & (\n\t\t| {\n\t\t\t\tfield: prismic.LinkField | null | undefined;\n\t\t\t\tdocument?: never;\n\t\t\t\thref?: never;\n\t\t  }\n\t\t| {\n\t\t\t\tfield?: never;\n\t\t\t\tdocument: prismic.PrismicDocument | null | undefined;\n\t\t\t\thref?: never;\n\t\t  }\n\t\t| {\n\t\t\t\tfield?: never;\n\t\t\t\tdocument?: never;\n\t\t\t\thref: React.ComponentProps<typeof Link>[\"href\"];\n\t\t  }\n\t);\n\nexport const PrismicNextLink = React.forwardRef<\n\tHTMLAnchorElement,\n\tPrismicNextLinkProps\n>(function PrismicNextLink(props, ref): JSX.Element | null {\n\tconst { field, document, linkResolver, children, ...restProps } = props;\n\tconst {\n\t\thref: computedHref,\n\t\trel: computedRel,\n\t\t...attrs\n\t} = prismic.asLinkAttrs(field ?? document, {\n\t\tlinkResolver,\n\t\trel: typeof restProps.rel === \"function\" ? restProps.rel : undefined,\n\t});\n\n\tconst href = (\"href\" in restProps ? restProps.href : computedHref) || \"\";\n\n\tlet rel = computedRel;\n\tif (\"rel\" in restProps && typeof restProps.rel !== \"function\") {\n\t\trel = restProps.rel;\n\t}\n\n\treturn (\n\t\t<Link ref={ref} {...attrs} {...restProps} href={href} rel={rel}>\n\t\t\t{\"children\" in props ? children : field?.text}\n\t\t</Link>\n\t);\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA8BO;AAIN;AACM;AAIqC;AAC1C;AAC2D;AAG5D;AAEA;AACA;AACC;AAAgB;AAGjB;AAKD;;"}

package/dist/PrismicPreview.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Script = require("next/script");
-const headers = require("next/headers");
-const PrismicPreviewClient = require("./PrismicPreviewClient.cjs");
-const getToolbarSrc = require('./_node_modules/@prismicio/client/dist/getToolbarSrc.cjs');
-function PrismicPreview({ repositoryName, children, ...props }) {
-  const toolbarSrc = getToolbarSrc.getToolbarSrc(repositoryName);
-  let isDraftMode = false;
-  try {
-    isDraftMode = headers.draftMode().isEnabled;
-  } catch {
-  }
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsx(PrismicPreviewClient.PrismicPreviewClient, { repositoryName, isDraftMode, ...props }), jsxRuntime.jsx(Script, { src: toolbarSrc, strategy: "lazyOnload" })] });
-}
-exports.PrismicPreview = PrismicPreview;
-//# sourceMappingURL=PrismicPreview.cjs.map

package/dist/PrismicPreview.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicPreview.cjs","sources":["../../src/PrismicPreview.tsx"],"sourcesContent":["import Script from \"next/script\";\nimport { draftMode } from \"next/headers\";\nimport * as React from \"react\";\nimport * as prismic from \"@prismicio/client\";\n\nimport { PrismicPreviewClient } from \"./PrismicPreviewClient\";\n\n/**\n * Props for `<PrismicPreview>`.\n */\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 * **Only used in the Pages Directory (/pages).**\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 * **Only used in the Pages Directory (/pages).**\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/**\n\t * Children to render adjacent to the Prismic Toolbar.\n\t */\n\tchildren?: React.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 function PrismicPreview({\n\trepositoryName,\n\tchildren,\n\t...props\n}: PrismicPreviewProps): JSX.Element {\n\tconst toolbarSrc = prismic.getToolbarSrc(repositoryName);\n\n\tlet isDraftMode = false;\n\ttry {\n\t\tisDraftMode = draftMode().isEnabled;\n\t} catch {\n\t\t// noop - `requestAsyncStorage` propbably doesn't exist, such as\n\t\t// in the Pages Router, which causes `draftMode()` to throw. We\n\t\t// can ignore this case and assume Draft Mode is disabled.\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{children}\n\t\t\t<PrismicPreviewClient\n\t\t\t\trepositoryName={repositoryName}\n\t\t\t\tisDraftMode={isDraftMode}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t<Script src={toolbarSrc} strategy=\"lazyOnload\" />\n\t\t</>\n\t);\n}\n"],"names":["prismic.getToolbarSrc","draftMode","_jsxs","_Fragment","_jsx","PrismicPreviewClient"],"mappings":";;;;;;;AAgDM,SAAU,eAAe,EAC9B,gBACA,UACA,GAAG,SACkB;AACf,QAAA,aAAaA,4BAAsB,cAAc;AAEvD,MAAI,cAAc;AACd,MAAA;AACH,kBAAcC,QAAAA,UAAY,EAAA;AAAA,EAAA,QACnB;AAAA,EAIP;AAGA,SAAAC,WAAA,KAAAC,qBAAA,EAAA,UAAA,CACE,UACDC,WAAAA,IAACC,qBAAA,sBACA,EAAA,gBACA,aAAwB,GACpB,OAAK,GAEVD,WAAAA,IAAC,QAAM,EAAC,KAAK,YAAY,UAAS,aAAe,CAAA,CAAA,EAAA,CAAA;AAGpD;;"}

package/dist/PrismicPreviewClient.cjs

@@ -1,81 +0,0 @@
-'use client';
-'use client';
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const router = require("next/router");
-const navigation = require("next/navigation");
-const getPrismicPreviewCookie = require("./lib/getPrismicPreviewCookie.cjs");
-const getPreviewCookieRepositoryName = require("./lib/getPreviewCookieRepositoryName.cjs");
-function PrismicPreviewClient({ repositoryName, updatePreviewURL = "/api/preview", exitPreviewURL = "/api/exit-preview", isDraftMode }) {
-  let isPreviewActive = isDraftMode;
-  let isAppRouter = true;
-  let basePath = "";
-  let refresh;
-  try {
-    const router$1 = router.useRouter();
-    isAppRouter = false;
-    basePath = router$1.basePath;
-    isPreviewActive || (isPreviewActive = router$1.isPreview);
-    refresh = () => router$1.replace(router$1.asPath, void 0, { scroll: false });
-  } catch {
-    const router2 = navigation.useRouter();
-    refresh = router2.refresh;
-  }
-  React.useEffect(() => {
-    const startPreviewMode = async () => {
-      const resolvedUpdatePreviewURL = basePath + updatePreviewURL;
-      const res = await globalThis.fetch(resolvedUpdatePreviewURL);
-      if (res.redirected) {
-        refresh();
-      } else {
-        console.error(`[<PrismicPreview>] Failed to start or update Preview Mode using the "${resolvedUpdatePreviewURL}" API endpoint. Does it exist?`);
-      }
-    };
-    const handlePrismicPreviewUpdate = async (event) => {
-      event.preventDefault();
-      if (isAppRouter) {
-        refresh();
-      } else {
-        await startPreviewMode();
-      }
-    };
-    const handlePrismicPreviewEnd = async (event) => {
-      event.preventDefault();
-      const resolvedExitPreviewURL = basePath + exitPreviewURL;
-      const res = await globalThis.fetch(resolvedExitPreviewURL);
-      if (res.ok) {
-        refresh();
-      } else {
-        console.error(`[<PrismicPreview>] Failed to exit Preview Mode using the "${resolvedExitPreviewURL}" API endpoint. Does it exist?`);
-      }
-    };
-    window.addEventListener("prismicPreviewUpdate", handlePrismicPreviewUpdate);
-    window.addEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
-    if (!isPreviewActive) {
-      const prismicPreviewCookie = getPrismicPreviewCookie.getPrismicPreviewCookie(globalThis.document.cookie);
-      if (prismicPreviewCookie) {
-        const locationIsDescendantOfBasePath = window.location.href.startsWith(window.location.origin + basePath);
-        const prismicPreviewCookieRepositoryName = getPreviewCookieRepositoryName.getPreviewCookieRepositoryName(prismicPreviewCookie);
-        if (locationIsDescendantOfBasePath && prismicPreviewCookieRepositoryName === repositoryName) {
-          startPreviewMode();
-        }
-      }
-    }
-    return () => {
-      window.removeEventListener("prismicPreviewUpdate", handlePrismicPreviewUpdate);
-      window.removeEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
-    };
-  }, [
-    basePath,
-    exitPreviewURL,
-    isAppRouter,
-    isPreviewActive,
-    refresh,
-    repositoryName,
-    updatePreviewURL
-  ]);
-  return null;
-}
-exports.PrismicPreviewClient = PrismicPreviewClient;
-//# sourceMappingURL=PrismicPreviewClient.cjs.map