@prismicio/next 2.3.3 → 2.3.4-canary.b11c32e

package/dist/revalidatePrismicPages.js.map

@@ -1 +1 @@
-{"version":3,"file":"revalidatePrismicPages.js","names":[],"sources":["../src/revalidatePrismicPages.ts"],"sourcesContent":["import { revalidateTag } from \"next/cache\"\n\nimport { buildPrismicCacheTag } from \"./getPrismicCacheTags\"\n\n/**\n * Immediately revalidates a set of Prismic pages given a list of their IDs. The list of IDs\n * typically comes from a Prismic webhook triggered when publishing content.\n *\n * @param ids - A list of Prismic page IDs to revalidate.\n * @experimental\n *\n * @see {@link https://nextjs.org/docs/app/api-reference/functions/revalidateTag}\n */\nexport function revalidatePrismicPages(ids: string[]): void {\n\tfor (const id of ids) {\n\t\tconst tag = buildPrismicCacheTag(id)\n\t\trevalidateTag(tag, { expire: 0 })\n\t}\n}\n"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,uBAAuB,KAAqB;AAC3D,MAAK,MAAM,MAAM,IAEhB,eADY,qBAAqB,GAAG,EACjB,EAAE,QAAQ,GAAG,CAAC"}
+{"version":3,"file":"revalidatePrismicPages.js","names":[],"sources":["../src/revalidatePrismicPages.ts"],"sourcesContent":["import { revalidateTag } from \"next/cache\"\n\nimport { buildPrismicCacheTag } from \"./getPrismicCacheTags\"\n\n/**\n * Immediately revalidates a set of Prismic pages given a list of their IDs. The list of IDs\n * typically comes from a Prismic webhook triggered when publishing content.\n *\n * @param ids - A list of Prismic page IDs to revalidate.\n * @experimental\n *\n * @see {@link https://nextjs.org/docs/app/api-reference/functions/revalidateTag}\n */\nexport function revalidatePrismicPages(ids: string[]): void {\n\tfor (const id of ids) {\n\t\tconst tag = buildPrismicCacheTag(id)\n\t\trevalidateTag(tag, { expire: 0 })\n\t}\n}\n"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,uBAAuB,KAAqB;CAC3D,KAAK,MAAM,MAAM,KAAK;EACrB,MAAM,MAAM,qBAAqB,EAAE;EACnC,cAAc,KAAK,EAAE,QAAQ,EAAE,CAAC;CACjC;AACD"}

package/dist/types.d.cts

@@ -1,5 +1,4 @@
 import { ClientConfig } from "@prismicio/client";
-
 //#region src/types.d.ts
 declare module "@prismicio/client" {
   interface RequestInitLike {
@@ -7,13 +6,13 @@ declare module "@prismicio/client" {
   }
 }
 /** @deprecated Use `@prismicio/client`'s `ClientConfig`. */
-type CreateClientConfig = ClientConfig;
+export type CreateClientConfig = ClientConfig;
 /**
  * The minimal set of properties needed from `next`'s `NextRequest` type.
  *
  * This request type is only compatible with Route Handlers defined in the `app` directory.
  */
-type NextRequestLike = {
+export type NextRequestLike = {
   headers: {
     get(name: string): string | null;
   };
@@ -26,5 +25,4 @@ type NextRequestLike = {
   };
 };
 //#endregion
-export { CreateClientConfig, NextRequestLike };
 //# sourceMappingURL=types.d.cts.map

package/dist/types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../src/types.ts"],"mappings":";;;;YAIW,eAAA;IACT,IAAA,GAAO,WAAA;EAAA;AAAA;;KAKG,kBAAA,GAAqB,YAAA;;;;;;KAOrB,eAAA;EACX,OAAA;IACC,GAAA,CAAI,IAAA;EAAA;EAEL,GAAA;EACA,OAAA;IACC,QAAA;IACA,YAAA;MACC,GAAA,CAAI,IAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"types.d.cts","names":[],"sources":["../src/types.ts"],"mappings":";;;YAIW;IACT,OAAO;;;;YAKG,qBAAqB;;;;;;YAOrB;EACX;IACC,IAAI;;EAEL;EACA;IACC;IACA;MACC,IAAI"}

package/dist/types.d.ts

@@ -1,5 +1,4 @@
 import { ClientConfig } from "@prismicio/client";
-
 //#region src/types.d.ts
 declare module "@prismicio/client" {
   interface RequestInitLike {
@@ -7,13 +6,13 @@ declare module "@prismicio/client" {
   }
 }
 /** @deprecated Use `@prismicio/client`'s `ClientConfig`. */
-type CreateClientConfig = ClientConfig;
+export type CreateClientConfig = ClientConfig;
 /**
  * The minimal set of properties needed from `next`'s `NextRequest` type.
  *
  * This request type is only compatible with Route Handlers defined in the `app` directory.
  */
-type NextRequestLike = {
+export type NextRequestLike = {
   headers: {
     get(name: string): string | null;
   };
@@ -26,5 +25,4 @@ type NextRequestLike = {
   };
 };
 //#endregion
-export { CreateClientConfig, NextRequestLike };
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;YAIW,eAAA;IACT,IAAA,GAAO,WAAA;EAAA;AAAA;;KAKG,kBAAA,GAAqB,YAAA;;;;;;KAOrB,eAAA;EACX,OAAA;IACC,GAAA,CAAI,IAAA;EAAA;EAEL,GAAA;EACA,OAAA;IACC,QAAA;IACA,YAAA;MACC,GAAA,CAAI,IAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;YAIW;IACT,OAAO;;;;YAKG,qBAAqB;;;;;;YAOrB;EACX;IACC,IAAI;;EAEL;EACA;IACC;IACA;MACC,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/next",
-	"version": "2.3.3",
+	"version": "2.3.4-canary.b11c32e",
 	"description": "Helpers to integrate Prismic into Next.js apps",
 	"keywords": [
 		"next",
@@ -18,6 +18,7 @@
 	"workspaces": [
 		".",
 		"e2e-projects/*",
+		"!e2e-projects/next-14",
 		"!e2e-projects/next-15"
 	],
 	"files": [
@@ -54,23 +55,23 @@
 		"types": "tsc --noEmit"
 	},
 	"dependencies": {
-		"@prismicio/simulator": "^0.2.2",
+		"@prismicio/simulator": "^0.2.4",
 		"imgix-url-builder": "^0.0.6",
 		"lz-string": "^1.5.0"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.59.1",
-		"@prismicio/client": "^7.21.8",
-		"@types/node": "^25.5.2",
-		"@types/react": "^19.2.14",
-		"next": "16.2.3",
-		"oxfmt": "^0.44.0",
-		"oxlint": "^1.59.0",
-		"playwright": "^1.59.1",
-		"react": "^19.2.5",
-		"react-dom": "^19.2.5",
-		"tsdown": "^0.21.7",
-		"typescript": "^6.0.2"
+		"@playwright/test": "^1.64.1",
+		"@prismicio/client": "^7.22.3",
+		"@types/node": "^26.6.5",
+		"@types/react": "^19.3.0",
+		"next": "16.4.2",
+		"oxfmt": "^0.73.0",
+		"oxlint": "^1.88.0",
+		"playwright": "^1.64.1",
+		"react": "^19.3.1",
+		"react-dom": "^19.3.1",
+		"tsdown": "^0.23.1",
+		"typescript": "^7.0.2"
 	},
 	"peerDependencies": {
 		"@prismicio/client": "^7",
@@ -78,6 +79,6 @@
 		"react": "^18 || ^19"
 	},
 	"engines": {
-		"node": ">=20"
+		"node": ">=22"
 	}
 }

package/src/PrismicNextImage.tsx

@@ -13,6 +13,8 @@ import { imgixLoader } from "./imgixLoader"
 import { devMsg } from "./lib/devMsg"
 import { resolveDefaultExport } from "./lib/resolveDefaultExport"
 
+const ResolvedImage = resolveDefaultExport(Image)
+
 const castInt = (input: string | number | undefined): number | undefined => {
 	if (typeof input === "number" || typeof input === "undefined") {
 		return input
@@ -113,14 +115,14 @@ export const PrismicNextImage: ForwardRefExoticComponent<
 		return <>{fallback}</>
 	}
 
-	const resolvedImgixParams = imgixParams
-	for (const x in imgixParams) {
+	const resolvedImgixParams = { ...imgixParams }
+	for (const x in resolvedImgixParams) {
 		if (resolvedImgixParams[x as keyof typeof resolvedImgixParams] === null) {
 			resolvedImgixParams[x as keyof typeof resolvedImgixParams] = undefined
 		}
 	}
 
-	const src = buildURL(field.url, imgixParams as ImgixURLParams)
+	const src = buildURL(field.url, resolvedImgixParams as ImgixURLParams)
 
 	const ar = field.dimensions.width / field.dimensions.height
 
@@ -147,8 +149,6 @@ export const PrismicNextImage: ForwardRefExoticComponent<
 		)
 	}
 
-	const ResolvedImage = resolveDefaultExport(Image)
-
 	return (
 		<ResolvedImage
 			ref={ref}

package/src/PrismicNextLink.tsx

@@ -11,6 +11,8 @@ import { forwardRef } from "react"
 
 import { resolveDefaultExport } from "./lib/resolveDefaultExport"
 
+const ResolvedLink = resolveDefaultExport(Link)
+
 export type PrismicNextLinkProps = Omit<
 	ComponentProps<typeof Link>,
 	"field" | "document" | "href" | "rel"
@@ -54,8 +56,6 @@ export const PrismicNextLink = forwardRef<HTMLAnchorElement, PrismicNextLinkProp
 			rel = restProps.rel
 		}
 
-		const ResolvedLink = resolveDefaultExport(Link)
-
 		return (
 			<ResolvedLink ref={ref} {...attrs} {...restProps} href={href} rel={rel}>
 				{"children" in props ? children : field?.text}

package/src/PrismicPreview.tsx

@@ -5,6 +5,8 @@ import type { FC, ReactNode } from "react"
 import { resolveDefaultExport } from "./lib/resolveDefaultExport"
 import { PrismicPreviewClient } from "./PrismicPreviewClient"
 
+const ResolvedScript = resolveDefaultExport(Script)
+
 /** Props for `<PrismicPreview>`. */
 export type PrismicPreviewProps = {
 	/**
@@ -48,8 +50,6 @@ export const PrismicPreview: FC<PrismicPreviewProps> = async (props) => {
 	const toolbarSrc = getToolbarSrc(repositoryName)
 	const isDraftMode = (await draftMode()).isEnabled
 
-	const ResolvedScript = resolveDefaultExport(Script)
-
 	return (
 		<>
 			{children}

package/src/SliceSimulator.tsx

@@ -37,25 +37,38 @@ export const SliceSimulator: FC<SliceSimulatorProps> = ({
 	className,
 }) => {
 	const [message, setMessage] = useState(() => getDefaultMessage())
+	const [trustedState, setTrustedState] = useState<string | null>(null)
 	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
+	// Only render state this page received from Slice Machine or the Page
+	// Builder. The `state` URL parameter on its own can be set by anyone.
+	const hasSlices = state != null && state === trustedState && getSlices(state).length > 0
+
+	useEffect(() => {
+		// `@prismicio/simulator` accepts messages from any origin in development,
+		// so the URL is as trustworthy as a message there. Trusting it keeps
+		// slices visible when the dev server fully reloads the page. It is set
+		// after hydration so the first render matches the server.
+		if (process.env.NODE_ENV === "development") {
+			// oxlint-disable-next-line react/set-state-in-effect
+			setTrustedState(new URL(window.location.href).searchParams.get(STATE_PARAMS_KEY))
+		}
+	}, [])
 
 	useEffect(() => {
 		simulatorManager.state.on(
 			StateEventType.Slices,
 			(newSlices) => {
+				const nextState = lzString.compressToEncodedURIComponent(JSON.stringify(newSlices))
 				const url = new URL(window.location.href)
-				url.searchParams.set(
-					STATE_PARAMS_KEY,
-					lzString.compressToEncodedURIComponent(JSON.stringify(newSlices)),
-				)
+				url.searchParams.set(STATE_PARAMS_KEY, nextState)
 
 				window.history.replaceState(null, "", url)
+				setTrustedState(nextState)
 				// Wait until the next tick to prevent URL state race conditions.
 				setTimeout(() => router.refresh(), 0)
 			},