@picked/react 0.0.65-next.4 → 0.0.66-next.1

package/dist/experience/HtmlRender.d.ts

@@ -4,12 +4,15 @@ interface HtmlRenderProps {
     readonly html: unknown;
 }
 /**
- * Renders a resolved html-asset field's HTML and rehydrates its Picked-tagged scripts after commit.
- * Swap a consumer's raw `dangerouslySetInnerHTML` for this so shadow-DOM landing-page scripts run.
- * A non-matching value or a `null` content renders nothing.
+ * Renders a resolved html-asset field's HTML inside an open shadow root and rehydrates its
+ * Picked-tagged scripts after commit. The shadow boundary keeps the host page's CSS from bleeding
+ * into the landing-page markup and gives shadow-scoped page scripts their own `getRootNode()`.
+ * Markup is written imperatively because React does not render into a shadow root, so on the server
+ * (and where Shadow DOM is unavailable) the host stays empty until the client effect runs. A
+ * non-matching value or a `null` content renders nothing.
  *
  * @param {HtmlRenderProps} props - The component props.
- * @returns {React.JSX.Element} The container element.
+ * @returns {React.JSX.Element} The shadow-root host element.
  * @example
  * <HtmlRender html={content.body} />
  */

package/dist/experience/HtmlRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlRender.d.ts","sourceRoot":"","sources":["../../src/experience/HtmlRender.tsx"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,UAAU,eAAe;IACvB,wEAAwE;IACxE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CACvB;AAED;;;;;;;;;GASG;AACH,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAahE;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"HtmlRender.d.ts","sourceRoot":"","sources":["../../src/experience/HtmlRender.tsx"],"names":[],"mappings":"AAAA,8GAA8G;AAC9G,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,UAAU,eAAe;IACvB,wEAAwE;IACxE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CACvB;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAehE;AAED,eAAe,UAAU,CAAA"}

package/dist/experience/HtmlRender.js

@@ -1 +1 @@
-import{useEffect as e,useRef as t}from"react";import{isHtmlAssetValue as n,rehydrateScripts as r,supportsWindow as i}from"@picked/client";import{jsx as a}from"react/jsx-runtime";function o({html:o}){let s=n(o)?o:null,c=s?.content??``,l=t(null);return e(()=>{let e=l.current;i()&&e&&c&&r(e)},[c]),a(`div`,{ref:l,dangerouslySetInnerHTML:{__html:c}},s?.id??``)}export{o as default};
+import{useEffect as e,useRef as t}from"react";import{isHtmlAssetValue as n,rehydrateScripts as r,supportsShadowRoot as i}from"@picked/client";import{jsx as a}from"react/jsx-runtime";function o({html:o}){let s=(n(o)?o:null)?.content??``,c=t(null);return e(()=>{let e=c.current;if(!i()||!e)return;let t=e.shadowRoot??e.attachShadow({mode:`open`});t.innerHTML=s,s&&r(t)},[s]),a(`div`,{ref:c})}export{o as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/react",
-  "version": "0.0.65-next.4",
+  "version": "0.0.66-next.1",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
@@ -85,7 +85,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.65-next.4",
+    "@picked/client": "0.0.66-next.1",
     "effector": "^23.3.0",
     "react": "19.2.2",
     "react-dom": "19.2.2"