@prismicio/next 0.1.2 → 0.1.4

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 { jsx } from 'react/jsx-runtime';
+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__ */ jsx(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,87 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+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__ */ jsxs(Fragment, {
+    children: [
+      children,
+      /* @__PURE__ */ jsx(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,7 +1,10 @@
 import { NextApiRequest, NextApiResponse, PreviewData } from 'next';
-import { Client, HttpRequestLike } from '@prismicio/client';
-import React from 'react';
+import * as React from 'react';
+import { Client, HttpRequestLike, ClientConfig } from '@prismicio/client';
 import { LinkResolverFunction } from '@prismicio/helpers';
+import { ImageProps } from 'next/image';
+import { ImgixURLParams } from 'imgix-url-builder';
+import * as prismicT from '@prismicio/types';
 
 /**
  * Configuration for `setPreviewData`.
@@ -32,42 +35,6 @@ declare type SetPreviewDataConfig = {
  */
 declare function setPreviewData({ req, res }: SetPreviewDataConfig): void;
 
-/**
- * Configuration for `enableAutoPreviews`.
- *
- * @typeParam TPreviewData - Next.js preview data object.
- */
-declare type EnableAutoPreviewsConfig<TPreviewData extends PreviewData = PreviewData> = {
-    /**
-     * Prismic client with which automatic previews will be enabled.
-     */
-    client: Client;
-} & ({
-    /**
-     * A Next.js context object (such as the context object from
-     * `getStaticProps` or `getServerSideProps`).
-     *
-     * Pass a `context` object when using `enableAutoPreviews` outside a
-     * Next.js API endpoint.
-     */
-    previewData?: TPreviewData;
-} | {
-    /**
-     * A Next.js API endpoint request object.
-     *
-     * Pass a `req` object when using `enableAutoPreviews` in a Next.js API endpoint.
-     */
-    req?: HttpRequestLike;
-});
-/**
- * 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 const enableAutoPreviews: <TPreviewData extends PreviewData>(config: EnableAutoPreviewsConfig<TPreviewData>) => void;
-
 /**
  * Configuration for `exitPreview`.
  */
@@ -79,9 +46,7 @@ declare type ExitPreviewConfig = {
      * @see Next.js API route docs: {@link https://nextjs.org/docs/api-routes/introduction}
      */
     req: {
-        headers: {
-            referer?: NextApiRequest["headers"]["referer"];
-        };
+        headers: NextApiRequest["headers"];
     };
     /**
      * The `res` object from a Next.js API route. This is given as a parameter to
@@ -91,14 +56,16 @@ declare type ExitPreviewConfig = {
      */
     res: {
         clearPreviewData: NextApiResponse["clearPreviewData"];
-        redirect: NextApiResponse["redirect"];
+        status: NextApiResponse["status"];
+        json: NextApiResponse["json"];
     };
+    /**
+     * @deprecated - This property is no longer used. It can be deleted safely.
+     */
+    exitPreviewURL?: string;
 };
 /**
  * Exits Next.js's Preview Mode from within a Next.js API route.
- *
- * If the user was sent to the endpoint from a page, the user will be redirected
- * back to that page after exiting Preview Mode.
  */
 declare function exitPreview(config: ExitPreviewConfig): void;
 
@@ -114,13 +81,23 @@ declare type PrismicPreviewProps = {
     /**
      * The URL of your app's Prismic preview endpoint (default: `/api/preview`).
      * This URL will be fetched on preview update events.
+     *
+     * **Note**: If your `next.config.js` file contains a `basePath`, it is
+     * automatically included.
      */
     updatePreviewURL?: string;
     /**
      * The URL of your app's exit preview endpoint (default: `/api/exit-preview`).
      * This URL will be fetched on preview exit events.
+     *
+     * **Note**: If your `next.config.js` file contains a `basePath`, it is
+     * automatically included.
      */
     exitPreviewURL?: string;
+    /**
+     * Children to render adjacent to the Prismic Toolbar. The Prismic Toolbar
+     * will be rendered last.
+     */
     children?: React.ReactNode;
 };
 /**
@@ -135,34 +112,46 @@ declare type PrismicPreviewProps = {
 declare function PrismicPreview({ repositoryName, children, updatePreviewURL, exitPreviewURL, }: PrismicPreviewProps): JSX.Element;
 
 /**
- * Redirects a user to the URL of a previewed Prismic document from within a
- * Next.js API route.
- */
-declare function redirectToPreviewURL<TLinkResolverFunction extends LinkResolverFunction<any>>({ req, res, client, linkResolver, defaultURL, }: PreviewConfig<TLinkResolverFunction>): Promise<void>;
-
-/**
- * Configuration for creating a Prismic client with automatic preview support in
- * Next.js apps.
+ * Configuration for `enableAutoPreviews`.
+ *
+ * @typeParam TPreviewData - Next.js preview data object.
  */
-declare type CreateClientConfig = {
+declare type EnableAutoPreviewsConfig<TPreviewData extends PreviewData = PreviewData> = {
     /**
-     * Preview data coming from Next.js context object. This context object comes
-     * from `getStaticProps` or `getServerSideProps`.
+     * Prismic client with which automatic previews will be enabled.
+     */
+    client: Client;
+} & ({
+    /**
+     * A Next.js context object (such as the context object from
+     * `getStaticProps` or `getServerSideProps`).
      *
-     * Pass `previewData` when using outside a Next.js API endpoint.
+     * Pass a `context` object when using `enableAutoPreviews` outside a
+     * Next.js API endpoint.
      */
-    previewData?: PreviewData;
+    previewData?: TPreviewData;
+} | {
     /**
      * A Next.js API endpoint request object.
      *
-     * Pass a `req` object when using in a Next.js API endpoint.
+     * Pass a `req` object when using `enableAutoPreviews` in a Next.js API
+     * endpoint.
      */
-    req?: NextApiRequest;
-};
+    req?: HttpRequestLike;
+});
+/**
+ * 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 const enableAutoPreviews: <TPreviewData extends PreviewData>(config: EnableAutoPreviewsConfig<TPreviewData>) => void;
+
 /**
  * Preview config for enabling previews with redirectToPreviewURL
  */
-declare type PreviewConfig<TLinkResolverFunction extends LinkResolverFunction<any> = LinkResolverFunction> = {
+declare type RedirectToPreviewURLConfig<TLinkResolverFunction extends LinkResolverFunction<any> = LinkResolverFunction> = {
     /**
      * The `req` object from a Next.js API route. This is given as a parameter to
      * the API route.
@@ -192,9 +181,93 @@ declare type PreviewConfig<TLinkResolverFunction extends LinkResolverFunction<an
      */
     linkResolver?: TLinkResolverFunction;
     /**
-     * The default redirect URL if a URL cannot be determined for the previewed document.
+     * 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 API route is unable to detect the app's `basePath` automatically. It
+     * must be provided to `redirectToPreviewURL()` manually.
+     */
+    basePath?: string;
 };
+/**
+ * Redirects a user to the URL of a previewed Prismic document from within a
+ * Next.js API route.
+ */
+declare function redirectToPreviewURL<TLinkResolverFunction extends LinkResolverFunction<any>>(config: RedirectToPreviewURLConfig<TLinkResolverFunction>): Promise<void>;
+
+declare type PrismicNextImageProps = Omit<ImageProps, "src" | "alt" | "width" | "height"> & {
+    /**
+     * The Prismic Image field or thumbnail to render.
+     */
+    field: prismicT.ImageFieldImage | null | undefined;
+    /**
+     * An object of Imgix URL API parameters to transform the image.
+     *
+     * @see https://docs.imgix.com/apis/rendering
+     */
+    imgixParams?: ImgixURLParams;
+    /**
+     * Declare an image as decorative by providing `alt=""`.
+     *
+     * See:
+     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
+     */
+    alt?: "";
+    /**
+     * Declare an image as decorative only if the Image field does not have
+     * alternative text by providing `fallbackAlt=""`.
+     *
+     * See:
+     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
+     */
+    fallbackAlt?: "";
+};
+/**
+ * React component that renders an image from a Prismic Image field or one of
+ * its thumbnails using `next/image`. It will automatically set the `alt`
+ * attribute using the Image field's `alt` property.
+ *
+ * It uses an Imgix URL-based loader by default. A custom loader can be provided
+ * with the `loader` prop. If you would like to use the Next.js Image
+ * Optimization API instead, set `loader={undefined}`.
+ *
+ * @param props - Props for the component.
+ *
+ * @returns A responsive image component using `next/image` for the given Image
+ *   field.
+ *
+ * @see To learn more about `next/image`, see: https://nextjs.org/docs/api-reference/next/image
+ */
+declare const PrismicNextImage: ({ field, imgixParams, alt, fallbackAlt, layout, ...restProps }: PrismicNextImageProps) => JSX.Element | null;
+
+/**
+ * Configuration for creating a Prismic client with automatic preview support in
+ * Next.js apps.
+ */
+declare type CreateClientConfig = {
+    /**
+     * Preview data coming from Next.js context object. This context object comes
+     * from `getStaticProps` or `getServerSideProps`.
+     *
+     * Pass `previewData` when using outside a Next.js API endpoint.
+     */
+    previewData?: PreviewData;
+    /**
+     * A Next.js API endpoint request object.
+     *
+     * Pass a `req` object when using in a Next.js API endpoint.
+     */
+    req?: NextApiRequest;
+} & ClientConfig;
 
-export { CreateClientConfig, EnableAutoPreviewsConfig, ExitPreviewConfig as ExitPreviewParams, PreviewConfig, PrismicPreview, PrismicPreviewProps, SetPreviewDataConfig, enableAutoPreviews, exitPreview, redirectToPreviewURL, setPreviewData };
+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";
+
+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.2",
+	"version": "0.1.4",
 	"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": "chokidar src --initial --command unbuild",
 		"format": "prettier --write .",
 		"lint": "eslint --ext .js,.ts .",
 		"prepare": "npm run build",
@@ -41,44 +37,42 @@
 		"release:dry": "standard-version --dry-run",
 		"size": "size-limit",
 		"test": "npm run lint && npm run unit && npm run build && npm run size",
-		"unit": "nyc --reporter=lcovonly --reporter=text --exclude-after-remap=false ava"
+		"unit": "vitest run --coverage",
+		"unit:watch": "vitest watch"
 	},
 	"dependencies": {
-		"@prismicio/react": "^2.2.0"
+		"@prismicio/client": "^6.7.1",
+		"@prismicio/helpers": "^2.3.3",
+		"@prismicio/react": "^2.5.0",
+		"@prismicio/types": "^0.2.3",
+		"eslint-plugin-react": "^7.31.7",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"imgix-url-builder": "^0.0.3"
 	},
 	"devDependencies": {
-		"@prismicio/client": "^6.4.2",
-		"@prismicio/mock": "^0.0.9",
-		"@prismicio/types": "^0.1.27",
-		"@size-limit/preset-small-lib": "^7.0.8",
-		"@testing-library/react": "^13.0.0",
-		"@types/jsdom": "^16.2.14",
-		"@types/jsdom-global": "^3.0.2",
-		"@types/react-test-renderer": "^17.0.1",
-		"@types/sinon": "^10.0.11",
-		"@typescript-eslint/eslint-plugin": "^5.17.0",
-		"@typescript-eslint/parser": "^5.17.0",
-		"ava": "^4.1.0",
-		"eslint": "^8.12.0",
+		"@prismicio/mock": "^0.1.1",
+		"@size-limit/preset-small-lib": "^8.1.0",
+		"@types/react-test-renderer": "^18.0.0",
+		"@typescript-eslint/eslint-plugin": "^5.36.2",
+		"@typescript-eslint/parser": "^5.36.2",
+		"@vitest/coverage-c8": "^0.23.1",
+		"chokidar-cli": "^3.0.0",
+		"eslint": "^8.23.0",
 		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-prettier": "^4.0.0",
-		"eslint-plugin-tsdoc": "^0.2.14",
-		"jsdom": "^19.0.0",
-		"jsdom-global": "^3.0.2",
-		"msw": "^0.39.2",
+		"eslint-plugin-prettier": "^4.2.1",
+		"eslint-plugin-tsdoc": "^0.2.16",
+		"happy-dom": "^6.0.4",
 		"next": "^12.1.4",
-		"node-fetch": "^3.2.3",
 		"nyc": "^15.1.0",
-		"prettier": "^2.6.1",
-		"prettier-plugin-jsdoc": "^0.3.35",
-		"react": "^18.0.0",
-		"react-dom": "^18.0.0",
-		"sinon": "^13.0.1",
-		"siroc": "^0.16.0",
-		"size-limit": "^7.0.8",
-		"standard-version": "^9.3.2",
-		"ts-eager": "^2.0.2",
-		"typescript": "^4.6.3"
+		"prettier": "^2.7.1",
+		"prettier-plugin-jsdoc": "^0.4.2",
+		"react": "^18.1.0",
+		"react-test-renderer": "^18.2.0",
+		"size-limit": "^8.1.0",
+		"standard-version": "^9.5.0",
+		"typescript": "^4.8.3",
+		"unbuild": "^0.8.10",
+		"vitest": "^0.23.1"
 	},
 	"peerDependencies": {
 		"@prismicio/client": "^6.0.0",