@picked/svelte 0.0.65-next.3 → 0.0.65

package/dist/experience/HtmlRender.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  /** @file Renders a resolved html-asset field and re-executes its Picked-tagged scripts. */
+  import { isHtmlAssetValue, rehydrateScripts, supportsWindow } from '@picked/client'
+
+  interface Props {
+    /** The resolved html-asset field value (for example `content.body`). */
+    html: unknown
+  }
+
+  const { html }: Props = $props()
+
+  const value = $derived(isHtmlAssetValue(html) ? html : null)
+  const markup = $derived(value?.content ?? '')
+
+  let container = $state<HTMLDivElement>()
+
+  $effect(() => {
+    if (supportsWindow() && container && markup) {
+      void rehydrateScripts(container)
+    }
+  })
+</script>
+
+{#key value?.id ?? ''}
+  <!-- eslint-disable-next-line svelte/no-at-html-tags -- markup is a trusted, Picked-transformed html-asset field, not arbitrary user input -->
+  <div bind:this={container}>{@html markup}</div>
+{/key}

package/dist/index.d.ts

@@ -6,3 +6,4 @@ export type { ComponentWithProps } from './component';
 export { LazyImage } from './components';
 export { setPickedContext } from './experience/set-picked-context';
 export { default as ExperienceSlot } from './experience/ExperienceSlot.svelte';
+export { default as HtmlRender } from './experience/HtmlRender.svelte';

package/dist/index.js

@@ -1 +1 @@
-import{adaptSvelteComponent as e,isValidAdaptedComponent as t}from"./component.js";import{LazyImage as n}from"./components/index.js";import{setPickedContext as r}from"./experience/set-picked-context.js";import i from"./experience/ExperienceSlot.svelte";export{i as ExperienceSlot,n as LazyImage,e as adaptSvelteComponent,t as isValidAdaptedComponent,r as setPickedContext};
+import{adaptSvelteComponent as e,isValidAdaptedComponent as t}from"./component.js";import{LazyImage as n}from"./components/index.js";import{setPickedContext as r}from"./experience/set-picked-context.js";import i from"./experience/ExperienceSlot.svelte";import a from"./experience/HtmlRender.svelte";export{i as ExperienceSlot,a as HtmlRender,n as LazyImage,e as adaptSvelteComponent,t as isValidAdaptedComponent,r as setPickedContext};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.65-next.3",
+  "version": "0.0.65",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -106,7 +106,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.65-next.3",
+    "@picked/client": "0.0.65",
     "effector": "^23.3.0",
     "svelte": "^5.46.4"
   },