@prismicio/react 3.5.0 → 3.5.1

package/dist/SliceBoundary.js

@@ -15,19 +15,20 @@ function CommentMarker(props) {
 	const id = useId();
 	const isClient = useIsClient();
 	const anchorRef = useRef(null);
+	const anchorValue = `__prismic_react_internal_comment_anchor_${id}__`;
 	useLayoutEffect(() => {
 		let anchor = anchorRef.current;
 		if (!anchor?.isConnected) {
-			anchor = findTextNode(id);
+			anchor = findTextNode(anchorValue);
 			if (!anchor) return;
-			anchor.data = "";
 			anchorRef.current = anchor;
 		}
+		if (anchor.data !== "") anchor.data = "";
 		const comment = document.createComment(value);
 		anchor.after(comment);
 		return () => comment.remove();
 	});
-	return isClient ? id : null;
+	return isClient ? anchorValue : null;
 }
 function useIsClient() {
 	return useSyncExternalStore(subscribe, getClientSnapshot, getServerSnapshot);

package/dist/SliceBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliceBoundary.js","names":[],"sources":["../src/SliceBoundary.tsx"],"sourcesContent":["\"use client\"\n\nimport { type ReactNode, useId, useLayoutEffect, useRef, useSyncExternalStore } from \"react\"\n\ntype SliceBoundaryProps = {\n\tchildren: ReactNode\n\tsliceId: string\n}\n\nexport function SliceBoundary(props: SliceBoundaryProps): ReactNode {\n\tconst { children, sliceId } = props\n\n\treturn (\n\t\t<>\n\t\t\t<CommentMarker value={`prismic-slice-start:${sliceId}`} />\n\t\t\t{children}\n\t\t\t<CommentMarker value={`prismic-slice-end:${sliceId}`} />\n\t\t</>\n\t)\n}\n\ntype CommentMarkerProps = {\n\tvalue: string\n}\n\nfunction CommentMarker(props: CommentMarkerProps) {\n\tconst { value } = props\n\tconst id = useId()\n\tconst isClient = useIsClient()\n\tconst anchorRef = useRef<Text>(null)\n\n\tuseLayoutEffect(() => {\n\t\tlet anchor = anchorRef.current\n\n\t\tif (!anchor?.isConnected) {\n\t\t\tanchor = findTextNode(id)\n\t\t\tif (!anchor) return\n\n\t\t\tanchor.data = \"\"\n\t\t\tanchorRef.current = anchor\n\t\t}\n\n\t\tconst comment = document.createComment(value)\n\t\tanchor.after(comment)\n\n\t\treturn () => comment.remove()\n\t})\n\n\treturn isClient ? id : null\n}\n\nfunction useIsClient() {\n\treturn useSyncExternalStore(subscribe, getClientSnapshot, getServerSnapshot)\n}\n\nfunction subscribe() {\n\treturn () => {}\n}\n\nfunction getClientSnapshot() {\n\treturn true\n}\n\nfunction getServerSnapshot() {\n\treturn false\n}\n\nfunction findTextNode(value: string) {\n\tconst walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT)\n\n\twhile (walker.nextNode()) {\n\t\tconst node = walker.currentNode\n\t\tif (node instanceof Text && node.data === value) return node\n\t}\n\n\treturn null\n}\n"],"mappings":";;;;AASA,SAAgB,cAAc,OAAsC;CACnE,MAAM,EAAE,UAAU,YAAY;CAE9B,OACC,qBAAA,YAAA,EAAA,UAAA;EACC,oBAAC,eAAD,EAAe,OAAO,uBAAuB,UAAY,CAAA;EACxD;EACD,oBAAC,eAAD,EAAe,OAAO,qBAAqB,UAAY,CAAA;CACtD,EAAA,CAAA;AAEJ;AAMA,SAAS,cAAc,OAA2B;CACjD,MAAM,EAAE,UAAU;CAClB,MAAM,KAAK,MAAM;CACjB,MAAM,WAAW,YAAY;CAC7B,MAAM,YAAY,OAAa,IAAI;CAEnC,sBAAsB;EACrB,IAAI,SAAS,UAAU;EAEvB,IAAI,CAAC,QAAQ,aAAa;GACzB,SAAS,aAAa,EAAE;GACxB,IAAI,CAAC,QAAQ;GAEb,OAAO,OAAO;GACd,UAAU,UAAU;EACrB;EAEA,MAAM,UAAU,SAAS,cAAc,KAAK;EAC5C,OAAO,MAAM,OAAO;EAEpB,aAAa,QAAQ,OAAO;CAC7B,CAAC;CAED,OAAO,WAAW,KAAK;AACxB;AAEA,SAAS,cAAc;CACtB,OAAO,qBAAqB,WAAW,mBAAmB,iBAAiB;AAC5E;AAEA,SAAS,YAAY;CACpB,aAAa,CAAC;AACf;AAEA,SAAS,oBAAoB;CAC5B,OAAO;AACR;AAEA,SAAS,oBAAoB;CAC5B,OAAO;AACR;AAEA,SAAS,aAAa,OAAe;CACpC,MAAM,SAAS,SAAS,iBAAiB,SAAS,MAAM,WAAW,SAAS;CAE5E,OAAO,OAAO,SAAS,GAAG;EACzB,MAAM,OAAO,OAAO;EACpB,IAAI,gBAAgB,QAAQ,KAAK,SAAS,OAAO,OAAO;CACzD;CAEA,OAAO;AACR"}
+{"version":3,"file":"SliceBoundary.js","names":[],"sources":["../src/SliceBoundary.tsx"],"sourcesContent":["\"use client\"\n\nimport { type ReactNode, useId, useLayoutEffect, useRef, useSyncExternalStore } from \"react\"\n\ntype SliceBoundaryProps = {\n\tchildren: ReactNode\n\tsliceId: string\n}\n\nexport function SliceBoundary(props: SliceBoundaryProps): ReactNode {\n\tconst { children, sliceId } = props\n\n\treturn (\n\t\t<>\n\t\t\t<CommentMarker value={`prismic-slice-start:${sliceId}`} />\n\t\t\t{children}\n\t\t\t<CommentMarker value={`prismic-slice-end:${sliceId}`} />\n\t\t</>\n\t)\n}\n\ntype CommentMarkerProps = {\n\tvalue: string\n}\n\nfunction CommentMarker(props: CommentMarkerProps) {\n\tconst { value } = props\n\tconst id = useId()\n\tconst isClient = useIsClient()\n\tconst anchorRef = useRef<Text>(null)\n\tconst anchorValue = `__prismic_react_internal_comment_anchor_${id}__`\n\n\tuseLayoutEffect(() => {\n\t\tlet anchor = anchorRef.current\n\n\t\tif (!anchor?.isConnected) {\n\t\t\tanchor = findTextNode(anchorValue)\n\t\t\tif (!anchor) return\n\t\t\tanchorRef.current = anchor\n\t\t}\n\n\t\t// React restores the text when a hidden Suspense or Activity subtree is shown again.\n\t\tif (anchor.data !== \"\") anchor.data = \"\"\n\n\t\tconst comment = document.createComment(value)\n\t\tanchor.after(comment)\n\n\t\treturn () => comment.remove()\n\t})\n\n\treturn isClient ? anchorValue : null\n}\n\nfunction useIsClient() {\n\treturn useSyncExternalStore(subscribe, getClientSnapshot, getServerSnapshot)\n}\n\nfunction subscribe() {\n\treturn () => {}\n}\n\nfunction getClientSnapshot() {\n\treturn true\n}\n\nfunction getServerSnapshot() {\n\treturn false\n}\n\nfunction findTextNode(value: string) {\n\tconst walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT)\n\n\twhile (walker.nextNode()) {\n\t\tconst node = walker.currentNode\n\t\tif (node instanceof Text && node.data === value) return node\n\t}\n\n\treturn null\n}\n"],"mappings":";;;;AASA,SAAgB,cAAc,OAAsC;CACnE,MAAM,EAAE,UAAU,YAAY;CAE9B,OACC,qBAAA,YAAA,EAAA,UAAA;EACC,oBAAC,eAAD,EAAe,OAAO,uBAAuB,UAAY,CAAA;EACxD;EACD,oBAAC,eAAD,EAAe,OAAO,qBAAqB,UAAY,CAAA;CACtD,EAAA,CAAA;AAEJ;AAMA,SAAS,cAAc,OAA2B;CACjD,MAAM,EAAE,UAAU;CAClB,MAAM,KAAK,MAAM;CACjB,MAAM,WAAW,YAAY;CAC7B,MAAM,YAAY,OAAa,IAAI;CACnC,MAAM,cAAc,2CAA2C,GAAG;CAElE,sBAAsB;EACrB,IAAI,SAAS,UAAU;EAEvB,IAAI,CAAC,QAAQ,aAAa;GACzB,SAAS,aAAa,WAAW;GACjC,IAAI,CAAC,QAAQ;GACb,UAAU,UAAU;EACrB;EAGA,IAAI,OAAO,SAAS,IAAI,OAAO,OAAO;EAEtC,MAAM,UAAU,SAAS,cAAc,KAAK;EAC5C,OAAO,MAAM,OAAO;EAEpB,aAAa,QAAQ,OAAO;CAC7B,CAAC;CAED,OAAO,WAAW,cAAc;AACjC;AAEA,SAAS,cAAc;CACtB,OAAO,qBAAqB,WAAW,mBAAmB,iBAAiB;AAC5E;AAEA,SAAS,YAAY;CACpB,aAAa,CAAC;AACf;AAEA,SAAS,oBAAoB;CAC5B,OAAO;AACR;AAEA,SAAS,oBAAoB;CAC5B,OAAO;AACR;AAEA,SAAS,aAAa,OAAe;CACpC,MAAM,SAAS,SAAS,iBAAiB,SAAS,MAAM,WAAW,SAAS;CAE5E,OAAO,OAAO,SAAS,GAAG;EACzB,MAAM,OAAO,OAAO;EACpB,IAAI,gBAAgB,QAAQ,KAAK,SAAS,OAAO,OAAO;CACzD;CAEA,OAAO;AACR"}

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "3.5.0";
+var version = "3.5.1";
 //#endregion
 export { version };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/react",
-	"version": "3.5.0",
+	"version": "3.5.1",
 	"description": "React components and hooks to fetch and present Prismic content",
 	"keywords": [
 		"prismic",
@@ -58,7 +58,7 @@
 		"@prismicio/types-internal": "^3.17.2",
 		"@types/react": "^19.3.0",
 		"@types/react-dom": "^19.3.0",
-		"dotenv": "^18.0.2",
+		"dotenv": "^18.0.4",
 		"oxfmt": "^0.70.0",
 		"oxlint": "^1.85.0",
 		"playwright": "^1.63.0",

package/src/SliceBoundary.tsx

@@ -28,25 +28,27 @@ function CommentMarker(props: CommentMarkerProps) {
 	const id = useId()
 	const isClient = useIsClient()
 	const anchorRef = useRef<Text>(null)
+	const anchorValue = `__prismic_react_internal_comment_anchor_${id}__`
 
 	useLayoutEffect(() => {
 		let anchor = anchorRef.current
 
 		if (!anchor?.isConnected) {
-			anchor = findTextNode(id)
+			anchor = findTextNode(anchorValue)
 			if (!anchor) return
-
-			anchor.data = ""
 			anchorRef.current = anchor
 		}
 
+		// React restores the text when a hidden Suspense or Activity subtree is shown again.
+		if (anchor.data !== "") anchor.data = ""
+
 		const comment = document.createComment(value)
 		anchor.after(comment)
 
 		return () => comment.remove()
 	})
 
-	return isClient ? id : null
+	return isClient ? anchorValue : null
 }
 
 function useIsClient() {