@prismicio/next 0.1.3 → 0.1.4-alpha.0

package/README.md

@@ -10,7 +10,7 @@
 Helpers to integrate Prismic into Next.js apps.
 
 - 👁️  Easily set up Prismic Preview
-- _More features coming!_
+- 🖼️  Render optimized images using [`next/image`][next-image] and Prismic's built-in [Imgix][imgix] integration
 
 ## Install
 
@@ -57,6 +57,8 @@ For more clarity on this project and its structure you can also check out the de
 <!-- Links -->
 
 [prismic]: https://prismic.io
+[imgix]: https://imgix.com/
+[next-image]: https://nextjs.org/docs/basic-features/image-optimization
 
 <!-- TODO: Replace link with a more useful one if available -->
 

package/dist/PrismicNextImage.mjs

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import Image from 'next/image';
+import { buildURL } from 'imgix-url-builder';
+import * as prismicH from '@prismicio/helpers';
+import { __PRODUCTION__ } from './lib/__PRODUCTION__.mjs';
+import { devMsg } from './lib/devMsg.mjs';
+
+const imgixLoader = (args) => {
+  const url = new URL(args.src);
+  const params = {
+    fit: url.searchParams.get("fit") || "max",
+    w: args.width,
+    h: void 0
+  };
+  if (args.quality) {
+    params.q = args.quality;
+  }
+  return buildURL(args.src, params);
+};
+const PrismicNextImage = ({
+  field,
+  imgixParams = {},
+  alt,
+  fallbackAlt,
+  layout,
+  ...restProps
+}) => {
+  if (!__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(
+          "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(
+          "alt-must-be-an-empty-string"
+        )}`
+      );
+    }
+  }
+  if (prismicH.isFilled.imageThumbnail(field)) {
+    const src = buildURL(field.url, imgixParams);
+    return /* @__PURE__ */ React.createElement(Image, {
+      src,
+      width: layout === "fill" ? void 0 : field.dimensions.width,
+      height: layout === "fill" ? void 0 : field.dimensions.height,
+      alt: alt ?? (field.alt || fallbackAlt),
+      loader: imgixLoader,
+      layout,
+      ...restProps
+    });
+  } else {
+    return null;
+  }
+};
+
+export { PrismicNextImage };

package/dist/PrismicPreview.mjs

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { PrismicToolbar } from '@prismicio/react';
+import { useRouter } from 'next/router';
+import { getPrismicPreviewCookie } from './lib/getPrismicPreviewCookie.mjs';
+import { getPreviewCookieRepositoryName } from './lib/getPreviewCookieRepositoryName.mjs';
+
+function PrismicPreview({
+  repositoryName,
+  children,
+  updatePreviewURL = "/api/preview",
+  exitPreviewURL = "/api/exit-preview"
+}) {
+  const router = useRouter();
+  const resolvedUpdatePreviewURL = router.basePath + updatePreviewURL;
+  const resolvedExitPreviewURL = router.basePath + exitPreviewURL;
+  React.useEffect(() => {
+    const startPreviewMode = async () => {
+      const res = await globalThis.fetch(resolvedUpdatePreviewURL);
+      if (res.ok) {
+        globalThis.location.reload();
+      } 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();
+      await startPreviewMode();
+    };
+    const handlePrismicPreviewEnd = async (event) => {
+      event.preventDefault();
+      const res = await globalThis.fetch(resolvedExitPreviewURL);
+      if (res.ok) {
+        globalThis.location.reload();
+      } else {
+        console.error(
+          `[<PrismicPreview>] Failed to exit Preview Mode using the "${resolvedExitPreviewURL}" API endpoint. Does it exist?`
+        );
+      }
+    };
+    if (router.isPreview) {
+      window.addEventListener(
+        "prismicPreviewUpdate",
+        handlePrismicPreviewUpdate
+      );
+      window.addEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
+    } else {
+      const prismicPreviewCookie = getPrismicPreviewCookie(
+        globalThis.document.cookie
+      );
+      if (prismicPreviewCookie) {
+        const locationIsDescendantOfBasePath = window.location.href.startsWith(
+          window.location.origin + router.basePath
+        );
+        const prismicPreviewCookieRepositoryName = getPreviewCookieRepositoryName(prismicPreviewCookie);
+        if (locationIsDescendantOfBasePath && prismicPreviewCookieRepositoryName === repositoryName) {
+          startPreviewMode();
+        }
+      }
+    }
+    return () => {
+      window.removeEventListener(
+        "prismicPreviewUpdate",
+        handlePrismicPreviewUpdate
+      );
+      window.removeEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
+    };
+  }, [
+    repositoryName,
+    resolvedExitPreviewURL,
+    resolvedUpdatePreviewURL,
+    router.isPreview,
+    router.basePath
+  ]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement(PrismicToolbar, {
+    repositoryName
+  }));
+}
+
+export { PrismicPreview };

package/dist/enableAutoPreviews.mjs

@@ -0,0 +1,15 @@
+const isPrismicNextPreviewData = (previewData) => {
+  return typeof previewData === "object" && "ref" in previewData;
+};
+const enableAutoPreviews = (config) => {
+  if ("previewData" in config && config.previewData) {
+    const { previewData } = config;
+    if (isPrismicNextPreviewData(previewData) && previewData.ref) {
+      config.client.queryContentFromRef(previewData.ref);
+    }
+  } else if ("req" in config && config.req) {
+    config.client.enableAutoPreviewsFromReq(config.req);
+  }
+};
+
+export { enableAutoPreviews };

package/dist/exitPreview.mjs

@@ -0,0 +1,6 @@
+function exitPreview(config) {
+  config.res.clearPreviewData();
+  config.res.status(205).json({ success: true });
+}
+
+export { exitPreview };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { NextApiRequest, NextApiResponse, PreviewData } from 'next';
 import * as React from 'react';
-import { Client, HttpRequestLike } from '@prismicio/client';
+import { Client, HttpRequestLike, ClientConfig } from '@prismicio/client';
 import { LinkResolverFunction } from '@prismicio/helpers';
 import { ImageProps } from 'next/image';
 import { ImgixURLParams } from 'imgix-url-builder';
@@ -56,6 +56,7 @@ declare type ExitPreviewConfig = {
      */
     res: {
         clearPreviewData: NextApiResponse["clearPreviewData"];
+        status: NextApiResponse["status"];
         json: NextApiResponse["json"];
     };
     /**
@@ -264,6 +265,6 @@ declare type CreateClientConfig = {
      * Pass a `req` object when using in a Next.js API endpoint.
      */
     req?: NextApiRequest;
-};
+} & ClientConfig;
 
 export { CreateClientConfig, EnableAutoPreviewsConfig, ExitPreviewConfig, PrismicNextImage, PrismicNextImageProps, PrismicPreview, PrismicPreviewProps, RedirectToPreviewURLConfig, SetPreviewDataConfig, enableAutoPreviews, exitPreview, redirectToPreviewURL, setPreviewData };

package/dist/index.mjs

@@ -0,0 +1,6 @@
+export { setPreviewData } from './setPreviewData.mjs';
+export { exitPreview } from './exitPreview.mjs';
+export { PrismicPreview } from './PrismicPreview.mjs';
+export { enableAutoPreviews } from './enableAutoPreviews.mjs';
+export { redirectToPreviewURL } from './redirectToPreviewURL.mjs';
+export { PrismicNextImage } from './PrismicNextImage.mjs';

package/dist/lib/__PRODUCTION__.mjs

@@ -0,0 +1,3 @@
+const __PRODUCTION__ = process.env.NODE_ENV === "production";
+
+export { __PRODUCTION__ };

package/dist/lib/devMsg.mjs

@@ -0,0 +1,7 @@
+import { version } from '../package.mjs';
+
+const devMsg = (slug) => {
+  return `https://prismic.dev/msg/next/v${version}/${slug}`;
+};
+
+export { devMsg };

package/dist/lib/getPreviewCookieRepositoryName.mjs

@@ -0,0 +1,5 @@
+const getPreviewCookieRepositoryName = (previewCookie) => {
+  return (decodeURIComponent(previewCookie).match(/"(.+).prismic.io"/) || [])[1];
+};
+
+export { getPreviewCookieRepositoryName };

package/dist/lib/getPrismicPreviewCookie.mjs

@@ -0,0 +1,20 @@
+import * as prismic from '@prismicio/client';
+
+const readValue = (value) => {
+  return value.replace(/%3B/g, ";");
+};
+const getPrismicPreviewCookie = (cookieJar) => {
+  const cookies = cookieJar.split("; ");
+  let value;
+  for (const cookie of cookies) {
+    const parts = cookie.split("=");
+    const name = readValue(parts[0]).replace(/%3D/g, "=");
+    if (name === prismic.cookie.preview) {
+      value = readValue(parts.slice(1).join("="));
+      continue;
+    }
+  }
+  return value;
+};
+
+export { getPrismicPreviewCookie };

package/dist/package.mjs

@@ -0,0 +1,3 @@
+const version = "0.1.4-alpha.0";
+
+export { version };

package/dist/redirectToPreviewURL.mjs

@@ -0,0 +1,20 @@
+const isPrismicNextQuery = (query) => {
+  return typeof query.documentId === "string" && typeof query.token === "string";
+};
+async function redirectToPreviewURL(config) {
+  const defaultURL = config.defaultURL || "/";
+  const basePath = config.basePath || "";
+  if (isPrismicNextQuery(config.req.query)) {
+    const previewUrl = await config.client.resolvePreviewURL({
+      linkResolver: config.linkResolver,
+      defaultURL,
+      documentID: config.req.query.documentId,
+      previewToken: config.req.query.token
+    });
+    config.res.redirect(basePath + previewUrl);
+    return;
+  }
+  config.res.redirect(basePath + defaultURL);
+}
+
+export { redirectToPreviewURL };

package/dist/setPreviewData.mjs

@@ -0,0 +1,10 @@
+import * as prismic from '@prismicio/client';
+
+function setPreviewData({ req, res }) {
+  const ref = req.query.token || req.cookies[prismic.cookie.preview];
+  if (ref) {
+    res.setPreviewData({ ref });
+  }
+}
+
+export { setPreviewData };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/next",
-	"version": "0.1.3",
+	"version": "0.1.4-alpha.0",
 	"description": "Helpers to integrate Prismic into Next.js apps",
 	"keywords": [
 		"typescript",
@@ -15,23 +15,19 @@
 	},
 	"license": "Apache-2.0",
 	"author": "Prismic <contact@prismic.io> (https://prismic.io)",
+	"sideEffects": false,
+	"type": "module",
 	"exports": {
-		".": {
-			"require": "./dist/index.cjs",
-			"import": "./dist/index.js"
-		},
-		"./package.json": "./package.json"
+		".": "./dist/index.mjs"
 	},
-	"main": "./dist/index.cjs",
-	"module": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"files": [
 		"dist",
 		"src"
 	],
 	"scripts": {
-		"build": "siroc build",
-		"dev": "siroc build --watch",
+		"build": "unbuild",
+		"dev": "unbuild --stub",
 		"format": "prettier --write .",
 		"lint": "eslint --ext .js,.ts .",
 		"prepare": "npm run build",
@@ -45,36 +41,37 @@
 		"unit:watch": "vitest watch"
 	},
 	"dependencies": {
-		"@prismicio/client": "^6.4.3",
-		"@prismicio/helpers": "^2.3.0",
-		"@prismicio/react": "^2.4.0",
-		"@prismicio/types": "^0.1.27",
-		"eslint-plugin-react": "^7.30.0",
-		"eslint-plugin-react-hooks": "^4.5.0"
+		"@prismicio/client": "^6.7.0",
+		"@prismicio/helpers": "^2.3.3",
+		"@prismicio/react": "^2.5.0",
+		"@prismicio/types": "^0.2.3",
+		"eslint-plugin-react": "^7.30.1",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"imgix-url-builder": "^0.0.3"
 	},
 	"devDependencies": {
-		"@prismicio/mock": "^0.0.10",
-		"@size-limit/preset-small-lib": "^7.0.8",
+		"@prismicio/mock": "^0.1.1",
+		"@size-limit/preset-small-lib": "^8.0.1",
 		"@types/react-test-renderer": "^18.0.0",
-		"@typescript-eslint/eslint-plugin": "^5.26.0",
-		"@typescript-eslint/parser": "^5.26.0",
-		"c8": "^7.11.3",
-		"eslint": "^8.16.0",
+		"@typescript-eslint/eslint-plugin": "^5.34.0",
+		"@typescript-eslint/parser": "^5.34.0",
+		"@vitest/coverage-c8": "^0.22.1",
+		"eslint": "^8.22.0",
 		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-prettier": "^4.0.0",
+		"eslint-plugin-prettier": "^4.2.1",
 		"eslint-plugin-tsdoc": "^0.2.16",
-		"happy-dom": "^4.0.1",
+		"happy-dom": "^6.0.4",
 		"next": "^12.1.4",
 		"nyc": "^15.1.0",
-		"prettier": "^2.6.2",
+		"prettier": "^2.7.1",
 		"prettier-plugin-jsdoc": "^0.3.38",
 		"react": "^18.1.0",
-		"react-test-renderer": "^18.1.0",
-		"siroc": "^0.16.0",
-		"size-limit": "^7.0.8",
+		"react-test-renderer": "^18.2.0",
+		"size-limit": "^8.0.1",
 		"standard-version": "^9.5.0",
-		"typescript": "^4.7.2",
-		"vitest": "^0.12.9"
+		"typescript": "^4.7.4",
+		"unbuild": "^0.8.9",
+		"vitest": "^0.22.1"
 	},
 	"peerDependencies": {
 		"@prismicio/client": "^6.0.0",

package/src/PrismicPreview.tsx

@@ -1,9 +1,8 @@
 import * as React from "react";
-import * as prismic from "@prismicio/client";
 import { PrismicToolbar } from "@prismicio/react";
 import { useRouter } from "next/router";
 
-import { getCookie } from "./lib/getCookie";
+import { getPrismicPreviewCookie } from "./lib/getPrismicPreviewCookie";
 import { getPreviewCookieRepositoryName } from "./lib/getPreviewCookieRepositoryName";
 
 /**
@@ -109,8 +108,7 @@ export function PrismicPreview({
 			);
 			window.addEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
 		} else {
-			const prismicPreviewCookie = getCookie(
-				prismic.cookie.preview,
+			const prismicPreviewCookie = getPrismicPreviewCookie(
 				globalThis.document.cookie,
 			);
 

package/src/exitPreview.ts

@@ -32,6 +32,7 @@ export type ExitPreviewConfig = {
 	 */
 	res: {
 		clearPreviewData: NextApiResponse["clearPreviewData"];
+		status: NextApiResponse["status"];
 		json: NextApiResponse["json"];
 	};
 
@@ -48,5 +49,7 @@ export function exitPreview(config: ExitPreviewConfig): void {
 	// Exit the current user from Preview Mode.
 	config.res.clearPreviewData();
 
-	config.res.json({ success: true });
+	// 205 status is used to prevent CDN-level caching. The default 200
+	// status code is typically treated as non-changing and cacheable.
+	config.res.status(205).json({ success: true });
 }

package/src/lib/{getCookie.ts → getPrismicPreviewCookie.ts}

@@ -1,3 +1,5 @@
+import * as prismic from "@prismicio/client";
+
 const readValue = (value: string): string => {
 	return value.replace(/%3B/g, ";");
 };
@@ -5,25 +7,26 @@ const readValue = (value: string): string => {
 /**
  * Returns the value of a cookie from a given cookie store.
  *
- * @param name - Name of the cookie.
  * @param cookieJar - The stringified cookie store from which to read the cookie.
  *
  * @returns The value of the cookie, if it exists.
  */
-export const getCookie = (
-	name: string,
+export const getPrismicPreviewCookie = (
 	cookieJar: string,
 ): string | undefined => {
 	const cookies = cookieJar.split("; ");
 
+	let value: string | undefined;
+
 	for (const cookie of cookies) {
 		const parts = cookie.split("=");
-		const thisName = readValue(parts[0]).replace(/%3D/g, "=");
+		const name = readValue(parts[0]).replace(/%3D/g, "=");
 
-		if (thisName === name) {
-			const value = parts.slice(1).join("=");
-
-			return readValue(value);
+		if (name === prismic.cookie.preview) {
+			value = readValue(parts.slice(1).join("="));
+			continue;
 		}
 	}
+
+	return value;
 };

package/src/types.ts

@@ -1,4 +1,5 @@
-import { PreviewData, NextApiRequest } from "next";
+import type { PreviewData, NextApiRequest } from "next";
+import type { ClientConfig } from "@prismicio/client";
 
 /**
  * Configuration for creating a Prismic client with automatic preview support in
@@ -19,4 +20,4 @@ export type CreateClientConfig = {
 	 * Pass a `req` object when using in a Next.js API endpoint.
 	 */
 	req?: NextApiRequest;
-};
+} & ClientConfig;

package/dist/index.cjs

@@ -1,244 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const prismic = require('@prismicio/client');
-const React = require('react');
-const react = require('@prismicio/react');
-const router = require('next/router');
-const Image = require('next/image');
-const prismicH = require('@prismicio/helpers');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	const n = Object.create(null);
-	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: function () { return e[k]; }
-				});
-			}
-		}
-	}
-	n["default"] = e;
-	return Object.freeze(n);
-}
-
-const prismic__namespace = /*#__PURE__*/_interopNamespace(prismic);
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-const Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
-const prismicH__namespace = /*#__PURE__*/_interopNamespace(prismicH);
-
-function setPreviewData({ req, res }) {
-  const ref = req.query.token || req.cookies[prismic__namespace.cookie.preview];
-  if (ref) {
-    res.setPreviewData({ ref });
-  }
-}
-
-function exitPreview(config) {
-  config.res.clearPreviewData();
-  config.res.json({ success: true });
-}
-
-const readValue = (value) => {
-  return value.replace(/%3B/g, ";");
-};
-const getCookie = (name, cookieJar) => {
-  const cookies = cookieJar.split("; ");
-  for (const cookie of cookies) {
-    const parts = cookie.split("=");
-    const thisName = readValue(parts[0]).replace(/%3D/g, "=");
-    if (thisName === name) {
-      const value = parts.slice(1).join("=");
-      return readValue(value);
-    }
-  }
-};
-
-const getPreviewCookieRepositoryName = (previewCookie) => {
-  return (decodeURIComponent(previewCookie).match(/"(.+).prismic.io"/) || [])[1];
-};
-
-function PrismicPreview({
-  repositoryName,
-  children,
-  updatePreviewURL = "/api/preview",
-  exitPreviewURL = "/api/exit-preview"
-}) {
-  const router$1 = router.useRouter();
-  const resolvedUpdatePreviewURL = router$1.basePath + updatePreviewURL;
-  const resolvedExitPreviewURL = router$1.basePath + exitPreviewURL;
-  React__namespace.useEffect(() => {
-    const startPreviewMode = async () => {
-      const res = await globalThis.fetch(resolvedUpdatePreviewURL);
-      if (res.ok) {
-        globalThis.location.reload();
-      } 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();
-      await startPreviewMode();
-    };
-    const handlePrismicPreviewEnd = async (event) => {
-      event.preventDefault();
-      const res = await globalThis.fetch(resolvedExitPreviewURL);
-      if (res.ok) {
-        globalThis.location.reload();
-      } else {
-        console.error(`[<PrismicPreview>] Failed to exit Preview Mode using the "${resolvedExitPreviewURL}" API endpoint. Does it exist?`);
-      }
-    };
-    if (router$1.isPreview) {
-      window.addEventListener("prismicPreviewUpdate", handlePrismicPreviewUpdate);
-      window.addEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
-    } else {
-      const prismicPreviewCookie = getCookie(prismic__namespace.cookie.preview, globalThis.document.cookie);
-      if (prismicPreviewCookie) {
-        const locationIsDescendantOfBasePath = window.location.href.startsWith(window.location.origin + router$1.basePath);
-        const prismicPreviewCookieRepositoryName = getPreviewCookieRepositoryName(prismicPreviewCookie);
-        if (locationIsDescendantOfBasePath && prismicPreviewCookieRepositoryName === repositoryName) {
-          startPreviewMode();
-        }
-      }
-    }
-    return () => {
-      window.removeEventListener("prismicPreviewUpdate", handlePrismicPreviewUpdate);
-      window.removeEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
-    };
-  }, [
-    repositoryName,
-    resolvedExitPreviewURL,
-    resolvedUpdatePreviewURL,
-    router$1.isPreview,
-    router$1.basePath
-  ]);
-  return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, children, /* @__PURE__ */ React__namespace.createElement(react.PrismicToolbar, {
-    repositoryName
-  }));
-}
-
-const isPrismicNextPreviewData = (previewData) => {
-  return typeof previewData === "object" && "ref" in previewData;
-};
-const enableAutoPreviews = (config) => {
-  if ("previewData" in config && config.previewData) {
-    const { previewData } = config;
-    if (isPrismicNextPreviewData(previewData) && previewData.ref) {
-      config.client.queryContentFromRef(previewData.ref);
-    }
-  } else if ("req" in config && config.req) {
-    config.client.enableAutoPreviewsFromReq(config.req);
-  }
-};
-
-const isPrismicNextQuery = (query) => {
-  return typeof query.documentId === "string" && typeof query.token === "string";
-};
-async function redirectToPreviewURL(config) {
-  const defaultURL = config.defaultURL || "/";
-  const basePath = config.basePath || "";
-  if (isPrismicNextQuery(config.req.query)) {
-    const previewUrl = await config.client.resolvePreviewURL({
-      linkResolver: config.linkResolver,
-      defaultURL,
-      documentID: config.req.query.documentId,
-      previewToken: config.req.query.token
-    });
-    config.res.redirect(basePath + previewUrl);
-    return;
-  }
-  config.res.redirect(basePath + defaultURL);
-}
-
-const camelCaseToParamCase = (input) => {
-  return input.replace(/[A-Z]/g, (match) => {
-    return `-${match.toLowerCase()}`;
-  });
-};
-const buildURL = (url, params) => {
-  const instance = new URL(url);
-  for (const camelCasedParamKey in params) {
-    const paramKey = camelCaseToParamCase(camelCasedParamKey);
-    const paramValue = params[camelCasedParamKey];
-    if (paramValue === void 0) {
-      instance.searchParams.delete(paramKey);
-    } else if (Array.isArray(paramValue)) {
-      instance.searchParams.set(paramKey, paramValue.join(","));
-    } else {
-      instance.searchParams.set(paramKey, `${paramValue}`);
-    }
-  }
-  const s = instance.searchParams.get("s");
-  if (s) {
-    instance.searchParams.delete("s");
-    instance.searchParams.append("s", s);
-  }
-  return instance.toString();
-};
-
-const __PRODUCTION__ = process.env.NODE_ENV === "production";
-
-var version = "0.1.3";
-
-const devMsg = (slug) => {
-  return `https://prismic.dev/msg/next/v${version}/${slug}`;
-};
-
-const imgixLoader = (args) => {
-  const url = new URL(args.src);
-  const params = {
-    fit: url.searchParams.get("fit") || "max",
-    w: args.width,
-    h: void 0
-  };
-  if (args.quality) {
-    params.q = args.quality;
-  }
-  return buildURL(args.src, params);
-};
-const PrismicNextImage = ({
-  field,
-  imgixParams = {},
-  alt,
-  fallbackAlt,
-  layout,
-  ...restProps
-}) => {
-  if (!__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("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("alt-must-be-an-empty-string")}`);
-    }
-  }
-  if (prismicH__namespace.isFilled.imageThumbnail(field)) {
-    const src = buildURL(field.url, imgixParams);
-    return /* @__PURE__ */ React__namespace.createElement(Image__default["default"], {
-      src,
-      width: layout === "fill" ? void 0 : field.dimensions.width,
-      height: layout === "fill" ? void 0 : field.dimensions.height,
-      alt: alt != null ? alt : field.alt || fallbackAlt,
-      loader: imgixLoader,
-      layout,
-      ...restProps
-    });
-  } else {
-    return null;
-  }
-};
-
-exports.PrismicNextImage = PrismicNextImage;
-exports.PrismicPreview = PrismicPreview;
-exports.enableAutoPreviews = enableAutoPreviews;
-exports.exitPreview = exitPreview;
-exports.redirectToPreviewURL = redirectToPreviewURL;
-exports.setPreviewData = setPreviewData;

package/dist/index.js

@@ -1,210 +0,0 @@
-import * as prismic from '@prismicio/client';
-import * as React from 'react';
-import { PrismicToolbar } from '@prismicio/react';
-import { useRouter } from 'next/router';
-import Image from 'next/image';
-import * as prismicH from '@prismicio/helpers';
-
-function setPreviewData({ req, res }) {
-  const ref = req.query.token || req.cookies[prismic.cookie.preview];
-  if (ref) {
-    res.setPreviewData({ ref });
-  }
-}
-
-function exitPreview(config) {
-  config.res.clearPreviewData();
-  config.res.json({ success: true });
-}
-
-const readValue = (value) => {
-  return value.replace(/%3B/g, ";");
-};
-const getCookie = (name, cookieJar) => {
-  const cookies = cookieJar.split("; ");
-  for (const cookie of cookies) {
-    const parts = cookie.split("=");
-    const thisName = readValue(parts[0]).replace(/%3D/g, "=");
-    if (thisName === name) {
-      const value = parts.slice(1).join("=");
-      return readValue(value);
-    }
-  }
-};
-
-const getPreviewCookieRepositoryName = (previewCookie) => {
-  return (decodeURIComponent(previewCookie).match(/"(.+).prismic.io"/) || [])[1];
-};
-
-function PrismicPreview({
-  repositoryName,
-  children,
-  updatePreviewURL = "/api/preview",
-  exitPreviewURL = "/api/exit-preview"
-}) {
-  const router = useRouter();
-  const resolvedUpdatePreviewURL = router.basePath + updatePreviewURL;
-  const resolvedExitPreviewURL = router.basePath + exitPreviewURL;
-  React.useEffect(() => {
-    const startPreviewMode = async () => {
-      const res = await globalThis.fetch(resolvedUpdatePreviewURL);
-      if (res.ok) {
-        globalThis.location.reload();
-      } 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();
-      await startPreviewMode();
-    };
-    const handlePrismicPreviewEnd = async (event) => {
-      event.preventDefault();
-      const res = await globalThis.fetch(resolvedExitPreviewURL);
-      if (res.ok) {
-        globalThis.location.reload();
-      } else {
-        console.error(`[<PrismicPreview>] Failed to exit Preview Mode using the "${resolvedExitPreviewURL}" API endpoint. Does it exist?`);
-      }
-    };
-    if (router.isPreview) {
-      window.addEventListener("prismicPreviewUpdate", handlePrismicPreviewUpdate);
-      window.addEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
-    } else {
-      const prismicPreviewCookie = getCookie(prismic.cookie.preview, globalThis.document.cookie);
-      if (prismicPreviewCookie) {
-        const locationIsDescendantOfBasePath = window.location.href.startsWith(window.location.origin + router.basePath);
-        const prismicPreviewCookieRepositoryName = getPreviewCookieRepositoryName(prismicPreviewCookie);
-        if (locationIsDescendantOfBasePath && prismicPreviewCookieRepositoryName === repositoryName) {
-          startPreviewMode();
-        }
-      }
-    }
-    return () => {
-      window.removeEventListener("prismicPreviewUpdate", handlePrismicPreviewUpdate);
-      window.removeEventListener("prismicPreviewEnd", handlePrismicPreviewEnd);
-    };
-  }, [
-    repositoryName,
-    resolvedExitPreviewURL,
-    resolvedUpdatePreviewURL,
-    router.isPreview,
-    router.basePath
-  ]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement(PrismicToolbar, {
-    repositoryName
-  }));
-}
-
-const isPrismicNextPreviewData = (previewData) => {
-  return typeof previewData === "object" && "ref" in previewData;
-};
-const enableAutoPreviews = (config) => {
-  if ("previewData" in config && config.previewData) {
-    const { previewData } = config;
-    if (isPrismicNextPreviewData(previewData) && previewData.ref) {
-      config.client.queryContentFromRef(previewData.ref);
-    }
-  } else if ("req" in config && config.req) {
-    config.client.enableAutoPreviewsFromReq(config.req);
-  }
-};
-
-const isPrismicNextQuery = (query) => {
-  return typeof query.documentId === "string" && typeof query.token === "string";
-};
-async function redirectToPreviewURL(config) {
-  const defaultURL = config.defaultURL || "/";
-  const basePath = config.basePath || "";
-  if (isPrismicNextQuery(config.req.query)) {
-    const previewUrl = await config.client.resolvePreviewURL({
-      linkResolver: config.linkResolver,
-      defaultURL,
-      documentID: config.req.query.documentId,
-      previewToken: config.req.query.token
-    });
-    config.res.redirect(basePath + previewUrl);
-    return;
-  }
-  config.res.redirect(basePath + defaultURL);
-}
-
-const camelCaseToParamCase = (input) => {
-  return input.replace(/[A-Z]/g, (match) => {
-    return `-${match.toLowerCase()}`;
-  });
-};
-const buildURL = (url, params) => {
-  const instance = new URL(url);
-  for (const camelCasedParamKey in params) {
-    const paramKey = camelCaseToParamCase(camelCasedParamKey);
-    const paramValue = params[camelCasedParamKey];
-    if (paramValue === void 0) {
-      instance.searchParams.delete(paramKey);
-    } else if (Array.isArray(paramValue)) {
-      instance.searchParams.set(paramKey, paramValue.join(","));
-    } else {
-      instance.searchParams.set(paramKey, `${paramValue}`);
-    }
-  }
-  const s = instance.searchParams.get("s");
-  if (s) {
-    instance.searchParams.delete("s");
-    instance.searchParams.append("s", s);
-  }
-  return instance.toString();
-};
-
-const __PRODUCTION__ = process.env.NODE_ENV === "production";
-
-var version = "0.1.3";
-
-const devMsg = (slug) => {
-  return `https://prismic.dev/msg/next/v${version}/${slug}`;
-};
-
-const imgixLoader = (args) => {
-  const url = new URL(args.src);
-  const params = {
-    fit: url.searchParams.get("fit") || "max",
-    w: args.width,
-    h: void 0
-  };
-  if (args.quality) {
-    params.q = args.quality;
-  }
-  return buildURL(args.src, params);
-};
-const PrismicNextImage = ({
-  field,
-  imgixParams = {},
-  alt,
-  fallbackAlt,
-  layout,
-  ...restProps
-}) => {
-  if (!__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("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("alt-must-be-an-empty-string")}`);
-    }
-  }
-  if (prismicH.isFilled.imageThumbnail(field)) {
-    const src = buildURL(field.url, imgixParams);
-    return /* @__PURE__ */ React.createElement(Image, {
-      src,
-      width: layout === "fill" ? void 0 : field.dimensions.width,
-      height: layout === "fill" ? void 0 : field.dimensions.height,
-      alt: alt != null ? alt : field.alt || fallbackAlt,
-      loader: imgixLoader,
-      layout,
-      ...restProps
-    });
-  } else {
-    return null;
-  }
-};
-
-export { PrismicNextImage, PrismicPreview, enableAutoPreviews, exitPreview, redirectToPreviewURL, setPreviewData };