@poveste/plugin-svelte 0.14.0 → 0.16.0

package/README.md

@@ -1,6 +1,6 @@
 # Poveste + Svelte 5 and SvelteKit
 
-Requires `svelte@^5.46.4` and `@sveltejs/vite-plugin-svelte@^7.0.0`. SvelteKit is supported
+Requires `svelte@^5.46.4` and `@sveltejs/vite-plugin-svelte@^7.3.0`. SvelteKit is supported
 by this same package — there is no separate plugin — through an optional
 `@sveltejs/kit@^2.53.0` peer.
 
@@ -53,8 +53,8 @@ and your content reads it from the snippet:
 > preview — Poveste owns the state instead. A story with controls but no `initState` logs an
 > error explaining this.
 >
-> [How, and why](https://poveste.dev/guide/migration-from-histoire.html#svelte-story-state-moves-to-initstate)
+> [How, and why](https://poveste.dev/guide/migration-from-histoire#svelte-story-state-moves-to-initstate)
 
-[Svelte guide](https://poveste.dev/guide/svelte/getting-started.html) ·
-[SvelteKit](https://poveste.dev/guide/svelte/getting-started.html#sveltekit) ·
+[Svelte guide](https://poveste.dev/guide/svelte/getting-started) ·
+[SvelteKit](https://poveste.dev/guide/sveltekit/getting-started) ·
 [Documentation](https://poveste.dev)

package/dist/client/MountStory.js

@@ -1 +1 @@
-import e from"./MountVariant.svelte";import{omitInheritStoryProps as t}from"@poveste/shared";import{getContext as n,setContext as r}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as i from"svelte/internal/client";function a(a,o){let s=i.sanitize_slots(o),c=i.legacy_rest_props(o,[`children`,`$$slots`,`$$events`,`$$legacy`]),l=i.legacy_rest_props(c,[]);i.push(o,!1);let u=n(`__pvtStory`);r(`__pvtIndex`,{value:0}),r(`__pvtSlots`,s);let d=Object.keys(u).filter(e=>!t.includes(e)).reduce((e,t)=>(e[t]=u[t],e),{});i.init();var f=i.comment(),p=i.first_child(f),m=t=>{e(t,i.spread_props(()=>d,()=>l,{implicit:!0,children:(e,t)=>{var n=i.comment(),r=i.first_child(n);i.slot(r,o,`default`,{},null),i.append(e,n)},$$slots:{default:!0,controls:(e,t)=>{var n=i.comment(),r=i.first_child(n);i.slot(r,o,`controls`,{},null),i.append(e,n)}}}))},h=e=>{var t=i.comment(),n=i.first_child(t);i.slot(n,o,`default`,{},null),i.append(e,t)};i.if(p,e=>{i.untrack(()=>u.variants.length===1&&u.variants[0].id===`_default`)?e(m):e(h,-1)}),i.append(a,f),i.pop()}export{a as default};
+import{slotsContext as e,storyContext as t,storyPropsContext as n,variantIndexContext as r}from"../contexts.js";import i from"./MountVariant.svelte";import{omitInheritStoryProps as a}from"@poveste/shared";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as o from"svelte/internal/client";function s(s,c){let l=o.sanitize_slots(c),u=o.legacy_rest_props(c,[`children`,`$$slots`,`$$events`,`$$legacy`]),d=o.legacy_rest_props(u,[]);o.push(c,!1);let f=t.get(`<Story>`);r.set({value:0}),e.set(l),n.set(d);let p=Object.keys(f).filter(e=>!a.includes(e)).reduce((e,t)=>(e[t]=f[t],e),{});o.init();var m=o.comment(),h=o.first_child(m),g=e=>{i(e,o.spread_props(()=>p,()=>d,{implicit:!0,children:(e,t)=>{var n=o.comment(),r=o.first_child(n);o.slot(r,c,`default`,{},null),o.append(e,n)},$$slots:{default:!0,controls:(e,t)=>{var n=o.comment(),r=o.first_child(n);o.slot(r,c,`controls`,{},null),o.append(e,n)}}}))},_=e=>{var t=o.comment(),n=o.first_child(t);o.slot(n,c,`default`,{},null),o.append(e,t)};o.if(h,e=>{o.untrack(()=>f.variants.length===1&&f.variants[0].id===`_default`)?e(g):e(_,-1)}),o.append(s,m),o.pop()}export{s as default};

package/dist/client/MountStory.svelte

@@ -1,12 +1,16 @@
 <script>
   import { omitInheritStoryProps } from '@poveste/shared'
-  import { getContext, setContext } from 'svelte'
+  import { slotsContext, storyContext, storyPropsContext, variantIndexContext } from '../contexts.js'
   import MountVariant from './MountVariant.svelte'
 
-  const story = getContext('__pvtStory')
+  const story = storyContext.get('<Story>')
   const index = { value: 0 }
-  setContext('__pvtIndex', index)
-  setContext('__pvtSlots', $$slots)
+  variantIndexContext.set(index)
+  slotsContext.set($$slots)
+  // Slots were given this treatment and props never were, so a story-level prop
+  // reached an implicit variant and was dropped the moment a story declared
+  // explicit ones — `$$restProps` is only spread in the branch below (#466).
+  storyPropsContext.set($$restProps)
 
   // Not `$:`: Svelte invalidates a reactive statement when a variable it
   // references is reassigned, and `story` is a const read from context that

package/dist/client/MountVariant.js

@@ -1 +1 @@
-import{afterUpdate as e,getContext as t,onDestroy as n}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as r from"svelte/internal/client";r.from_html(`<!> <!>`,1);function i(i,a){let o=r.sanitize_slots(a);r.push(a,!1);let s=r.prop(a,`source`,8,null),c=r.prop(a,`responsiveDisabled`,8,!1),l=r.prop(a,`autoPropsDisabled`,8,!1),u=r.prop(a,`setupApp`,8,null),d=r.prop(a,`implicit`,8,!1),f=t(`__pvtStory`),p=t(`__pvtIndex`),m=t(`__pvtSlots`),h=t(`__pvtTargetVariantId`)??null,g=f.variants[p.value];p.value++;let _=!1;function v(){Object.assign(g,{slots:()=>({default:!0,controls:o.controls??m.controls}),source:s(),responsiveDisabled:c(),autoPropsDisabled:l(),setupApp:u(),configReady:!0}),!d()&&!f.meta?.hasVariantChildComponents&&(f.meta=f.meta||{},Object.assign(f.meta,{hasVariantChildComponents:!0}))}function y(){_||(_=!0,v())}if(h===null)y();else{let e=h.subscribe(e=>{(e===null||g?.id===e)&&y()});n(e)}e(()=>{_&&v()}),r.init();var b=r.comment(),x=r.first_child(b);r.if(x,e=>{}),r.append(i,b),r.pop()}export{i as default};
+import{slotsContext as e,storyContext as t,storyPropsContext as n,targetVariantIdContext as r,variantIndexContext as i}from"../contexts.js";import{afterUpdate as a,onDestroy as o}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as s from"svelte/internal/client";s.from_html(`<!> <!>`,1);function c(c,l){let u=s.sanitize_slots(l);s.push(l,!1);let d=s.prop(l,`source`,8,null),f=s.prop(l,`responsiveDisabled`,8,null),p=s.prop(l,`autoPropsDisabled`,8,!1),m=s.prop(l,`setupApp`,8,null),h=s.prop(l,`implicit`,8,!1),g=s.prop(l,`initState`,8,null),_=t.get(`<Variant>`),v=i.get(`<Variant>`),y=e.getOptional(),b=n.getOptional()??{},x=r.getOptional(),S=_.variants[v.value];v.value++;let C=!1;function w(){Object.assign(S,{slots:()=>({default:!0,controls:u.controls??y.controls}),source:d(),responsiveDisabled:f()??b.responsiveDisabled??!1,autoPropsDisabled:p(),setupApp:m()??b.setupApp??null,configReady:!0}),!h()&&!_.meta?.hasVariantChildComponents&&(_.meta=_.meta||{},Object.assign(_.meta,{hasVariantChildComponents:!0}))}function T(){let e=g()??b.initState??null;e&&S&&!S.__pvtStateSeeded&&(S.__pvtStateSeeded=!0,S.state={...S.state,...e()})}function E(){C||(C=!0,T(),w())}if(x===null)E();else{let e=x.subscribe(e=>{(e===null||S?.id===e)&&E()});o(e)}a(()=>{C&&w()}),s.init();var D=s.comment(),O=s.first_child(D);s.if(O,e=>{}),s.append(c,D),s.pop()}export{c as default};

package/dist/client/MountVariant.svelte

@@ -1,19 +1,26 @@
 <script>
-  import { afterUpdate, getContext, onDestroy } from 'svelte'
+  import { afterUpdate, onDestroy } from 'svelte'
+  import { slotsContext, storyContext, storyPropsContext, targetVariantIdContext, variantIndexContext } from '../contexts.js'
 
   export let source = null
-  export let responsiveDisabled = false
+  // `null` rather than `false`/a handler: these two inherit from the story, and
+  // a literal default is indistinguishable from a variant that set it — so a
+  // variant could not opt out of what the story declared. `??` falls through on
+  // null only, so an explicit `responsiveDisabled={false}` still wins (#466).
+  export let responsiveDisabled = null
   export let autoPropsDisabled = false
   export let setupApp = null
   export let implicit = false
+  export let initState = null
 
-  const story = getContext('__pvtStory')
-  const index = getContext('__pvtIndex')
-  const storySlots = getContext('__pvtSlots')
+  const story = storyContext.get('<Variant>')
+  const index = variantIndexContext.get('<Variant>')
+  const storySlots = slotsContext.getOptional()
+  const storyProps = storyPropsContext.getOptional() ?? {}
   // A store: a sandbox sets it to the one variant this realm serves and changes
   // it when the realm is retargeted (#240). Null in the app realm, which keeps
   // every variant's bookkeeping.
-  const targetVariantId = getContext('__pvtTargetVariantId') ?? null
+  const targetVariantId = targetVariantIdContext.getOptional()
 
   const variant = story.variants[index.value]
   index.value++
@@ -30,9 +37,9 @@
         controls: $$slots.controls ?? storySlots.controls,
       }),
       source,
-      responsiveDisabled,
+      responsiveDisabled: responsiveDisabled ?? storyProps.responsiveDisabled ?? false,
       autoPropsDisabled,
-      setupApp,
+      setupApp: setupApp ?? storyProps.setupApp ?? null,
       configReady: true,
     })
 
@@ -44,9 +51,35 @@
     }
   }
 
+  /**
+   * Seeds `variant.state`, which is not only the render mounts' business.
+   *
+   * The app mounts the current story hidden and never renders a slot for it
+   * unless the story has one — so a story with `initState` and no controls
+   * snippet left the state empty, and the panel, which builds a control per key
+   * out of it, said there were no controls at all. `plugin-vue` seeds from its
+   * mount pass for exactly this reason.
+   *
+   * Guarded by the flag the render mounts already share, so whichever pass
+   * arrives first wins and a reader's edit is never seeded over.
+   *
+   * Read off the story props as well as this variant's own, because a
+   * story-level `initState` reaches an explicit variant only through the
+   * context — the spread in `MountStory` covers the implicit one alone.
+   */
+  function seedState() {
+    const seed = initState ?? storyProps.initState ?? null
+
+    if (!seed || !variant || variant.__pvtStateSeeded) return
+
+    variant.__pvtStateSeeded = true
+    variant.state = { ...variant.state, ...seed() }
+  }
+
   function becomeTarget() {
     if (isTarget) return
     isTarget = true
+    seedState()
     updateVariant()
   }
 

package/dist/client/RenderStory.js

@@ -1 +1 @@
-import{watch as e}from"@poveste/vendors/vue";import{getContext as t,onDestroy as n,setContext as r}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as i from"svelte/internal/client";var a=i.from_html(`<!> <!>`,1);function o(o,s){let c=i.sanitize_slots(s);i.push(s,!1);let l=t(`__pvtStory`),u=i.mutable_source(t(`__pvtVariant`)),d=t(`__pvtSlot`);r(`__pvtIndex`,{value:0});let f=i.prop(s,`source`,8,null),p=i.prop(s,`initState`,8,null);p()&&i.get(u)&&!i.get(u).__pvtStateSeeded&&(i.mutate(u,i.get(u).__pvtStateSeeded=!0),i.mutate(u,i.get(u).state={...i.get(u).state,...p()()})),!p()&&d===`controls`&&c.controls&&i.get(u)&&!i.get(u).__pvtStateWarned&&(i.mutate(u,i.get(u).__pvtStateWarned=!0),console.error([`[poveste] Story "${l?.title??l?.id}" has a controls slot but no \`initState\`.`,`Controls will render and appear to work, but their edits cannot reach the story:`,`the story is mounted separately for each slot, so a component-local variable is not shared.`,"Pass `initState` and read state from the snippet —",`https://poveste.dev/guide/migration-from-histoire.html#svelte-story-state-moves-to-initstate`].join(` `)));let m=i.mutable_source(i.get(u)?.state),h=e(()=>i.get(u)?.state,()=>{i.set(m,i.get(u)?.state)},{deep:!0});n(h),i.legacy_pre_effect(()=>(i.deep_read_state(f()),i.get(m),i.get(u)),()=>{let e=typeof f()==`function`?f()(i.get(m)):f();e!=null&&Object.assign(i.get(u),{source:e})}),i.legacy_pre_effect_reset(),i.init();var g=a(),_=i.first_child(g),v=e=>{var t=i.comment(),n=i.first_child(t);i.slot(n,s,`controls`,{get state(){return i.get(m)}},null),i.append(e,t)};i.if(_,e=>{d===`controls`&&e(v)});var y=i.sibling(_,2),b=e=>{var t=i.comment(),n=i.first_child(t);i.slot(n,s,`default`,{get state(){return i.get(m)}},null),i.append(e,t)};i.if(y,e=>{i.untrack(()=>d==="default"||l.meta?.hasVariantChildComponents)&&e(b)}),i.append(o,g),i.pop()}export{o as default};
+import{slotNameContext as e,storyContext as t,storyPropsContext as n,variantContext as r,variantIndexContext as i}from"../contexts.js";import{watch as a}from"@poveste/vendors/vue";import{onDestroy as o}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as s from"svelte/internal/client";var c=s.from_html(`<!> <!>`,1);function l(l,u){let d=s.sanitize_slots(u),f=s.legacy_rest_props(u,[`children`,`$$slots`,`$$events`,`$$legacy`]),p=s.legacy_rest_props(f,[`source`,`initState`]);s.push(u,!1);let m=t.get(`<Story>`),h=s.mutable_source(r.getOptional()),g=e.getOptional();i.set({value:0}),n.set(p),s.get(h)&&m.variants.length===1&&m.variants[0].id===`_default`&&Object.assign(s.get(h),{setupApp:p.setupApp??null});let _=s.prop(u,`source`,8,null),v=s.prop(u,`initState`,8,null);v()&&s.get(h)&&!s.get(h).__pvtStateSeeded&&(s.mutate(h,s.get(h).__pvtStateSeeded=!0),s.mutate(h,s.get(h).state={...s.get(h).state,...v()()})),!v()&&g===`controls`&&d.controls&&s.get(h)&&!s.get(h).__pvtStateWarned&&(s.mutate(h,s.get(h).__pvtStateWarned=!0),console.error([`[poveste] Story "${m?.title??m?.id}" has a controls slot but no \`initState\`.`,`Controls will render and appear to work, but their edits cannot reach the story:`,`the story is mounted separately for each slot, so a component-local variable is not shared.`,"Pass `initState` and read state from the snippet —",`https://poveste.dev/guide/migration-from-histoire#svelte-story-state-moves-to-initstate`].join(` `)));let y=s.mutable_source(s.get(h)?.state),b=a(()=>s.get(h)?.state,()=>{s.set(y,s.get(h)?.state)},{deep:!0});o(b),s.legacy_pre_effect(()=>(s.deep_read_state(_()),s.get(y),s.get(h)),()=>{let e=typeof _()==`function`?_()(s.get(y)):_();e!=null&&Object.assign(s.get(h),{source:e})}),s.legacy_pre_effect_reset(),s.init();var x=c(),S=s.first_child(x),C=e=>{var t=s.comment(),n=s.first_child(t);s.slot(n,u,`controls`,{get state(){return s.get(y)}},null),s.append(e,t)};s.if(S,e=>{g===`controls`&&e(C)});var w=s.sibling(S,2),T=e=>{var t=s.comment(),n=s.first_child(t);s.slot(n,u,`default`,{get state(){return s.get(y)}},null),s.append(e,t)};s.if(w,e=>{s.untrack(()=>g==="default"||m.meta?.hasVariantChildComponents)&&e(T)}),s.append(l,x),s.pop()}export{l as default};

package/dist/client/RenderStory.svelte

@@ -1,13 +1,30 @@
 <script>
   import { watch as _watch } from '@poveste/vendors/vue'
-  import { getContext, onDestroy, setContext } from 'svelte'
+  import { onDestroy } from 'svelte'
+  import { slotNameContext, storyContext, storyPropsContext, variantContext, variantIndexContext } from '../contexts.js'
 
-  const story = getContext('__pvtStory')
-  const currentVariant = getContext('__pvtVariant')
-  const slotName = getContext('__pvtSlot')
+  const story = storyContext.get('<Story>')
+  const currentVariant = variantContext.getOptional()
+  const slotName = slotNameContext.getOptional()
 
   const index = { value: 0 }
-  setContext('__pvtIndex', index)
+  variantIndexContext.set(index)
+  // The sandbox realm's half of story-prop inheritance. `MountStory` does this
+  // for the app realm, and the bridge carries only `variant.state` across the
+  // iframe — so without it a story-level prop reaches the sandbox by accident,
+  // when a grid cell happens to render in the same realm (#466).
+  storyPropsContext.set($$restProps)
+
+  // A story with no `<Hst.Variant>` children has no `RenderVariant` to write the
+  // handler, so the story is the only place it can come from — and without this
+  // it too reached `render.ts` only by accident, passing one run in three. At
+  // init for the same reason `RenderVariant` writes at init: the handler is read
+  // as soon as the component has mounted. The condition is `MountStory`'s own.
+  if (currentVariant && story.variants.length === 1 && story.variants[0].id === '_default') {
+    Object.assign(currentVariant, {
+      setupApp: $$restProps.setupApp ?? null,
+    })
+  }
 
   export let source = null
   export let initState = null
@@ -39,7 +56,7 @@
       'Controls will render and appear to work, but their edits cannot reach the story:',
       'the story is mounted separately for each slot, so a component-local variable is not shared.',
       'Pass `initState` and read state from the snippet —',
-      'https://poveste.dev/guide/migration-from-histoire.html#svelte-story-state-moves-to-initstate',
+      'https://poveste.dev/guide/migration-from-histoire#svelte-story-state-moves-to-initstate',
     ].join(' '))
   }
 

package/dist/client/RenderVariant.js

@@ -1 +1 @@
-import{shouldWarnAboutMissingInitState as e}from"../util/init-state-warning.js";import{watch as t}from"@poveste/vendors/vue";import{getContext as n,onDestroy as r}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as i from"svelte/internal/client";var a=i.from_html(`<!> <!>`,1);function o(o,s){let c=i.sanitize_slots(s);i.push(s,!1);let l=n(`__pvtStory`),u=i.mutable_source(n(`__pvtVariant`)),d=n(`__pvtSlot`),f=n(`__pvtIndex`),p=l.variants[f.value];f.value++;let m=i.get(u).id===p.id,h=i.prop(s,`source`,8,null),g=i.prop(s,`initState`,8,null);g()&&m&&!i.get(u).__pvtStateSeeded&&(i.mutate(u,i.get(u).__pvtStateSeeded=!0),i.mutate(u,i.get(u).state={...i.get(u).state,...g()()})),m&&e({hasInitState:!!g(),seeded:!!i.get(u).__pvtStateSeeded,slotName:d,hasControlsSlot:!!c.controls,alreadyWarned:!!i.get(u).__pvtStateWarned})&&(i.mutate(u,i.get(u).__pvtStateWarned=!0),console.error([`[poveste] Variant "${p?.title??p?.id}" has a controls slot but no \`initState\`.`,`Controls will render and appear to work, but their edits cannot reach the story:`,`the story is mounted separately for each slot, so a component-local variable is not shared.`,"Pass `initState` and read state from the snippet —",`https://poveste.dev/guide/migration-from-histoire.html#svelte-story-state-moves-to-initstate`].join(` `)));let _=i.mutable_source(i.get(u)?.state),v=()=>{};m&&(v=t(()=>i.get(u)?.state,()=>{i.set(_,i.get(u)?.state)},{deep:!0})),r(()=>v()),i.legacy_pre_effect(()=>(i.deep_read_state(h()),i.get(_),i.get(u)),()=>{if(m){let e=typeof h()==`function`?h()(i.get(_)):h();e!=null&&Object.assign(i.get(u),{source:e})}}),i.legacy_pre_effect_reset(),i.init();var y=i.comment(),b=i.first_child(y),x=e=>{var t=a(),n=i.first_child(t),r=e=>{var t=i.comment(),n=i.first_child(t);i.slot(n,s,`default`,{get state(){return i.get(_)}},null),i.append(e,t)};i.if(n,e=>{d==="default"&&e(r)});var o=i.sibling(n,2),c=e=>{var t=i.comment(),n=i.first_child(t);i.slot(n,s,`controls`,{get state(){return i.get(_)}},null),i.append(e,t)};i.if(o,e=>{d===`controls`&&e(c)}),i.append(e,t)};i.if(b,e=>{m&&e(x)}),i.append(o,y),i.pop()}export{o as default};
+import{slotNameContext as e,storyContext as t,storyPropsContext as n,variantContext as r,variantIndexContext as i}from"../contexts.js";import{shouldWarnAboutMissingInitState as a}from"../util/init-state-warning.js";import{watch as o}from"@poveste/vendors/vue";import{onDestroy as s}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as c from"svelte/internal/client";var l=c.from_html(`<!> <!>`,1);function u(u,d){let f=c.sanitize_slots(d);c.push(d,!1);let p=t.get(`<Variant>`),m=c.mutable_source(r.getOptional()),h=e.getOptional(),g=i.get(`<Variant>`),_=n.getOptional()??{},v=p.variants[g.value];g.value++;let y=c.get(m).id===v.id,b=c.prop(d,`source`,8,null),x=c.prop(d,`initState`,8,null),S=c.prop(d,`setupApp`,8,null);y&&Object.assign(c.get(m),{setupApp:S()??_.setupApp??null}),x()&&y&&!c.get(m).__pvtStateSeeded&&(c.mutate(m,c.get(m).__pvtStateSeeded=!0),c.mutate(m,c.get(m).state={...c.get(m).state,...x()()})),y&&a({hasInitState:!!x(),seeded:!!c.get(m).__pvtStateSeeded,slotName:h,hasControlsSlot:!!f.controls,alreadyWarned:!!c.get(m).__pvtStateWarned})&&(c.mutate(m,c.get(m).__pvtStateWarned=!0),console.error([`[poveste] Variant "${v?.title??v?.id}" has a controls slot but no \`initState\`.`,`Controls will render and appear to work, but their edits cannot reach the story:`,`the story is mounted separately for each slot, so a component-local variable is not shared.`,"Pass `initState` and read state from the snippet —",`https://poveste.dev/guide/migration-from-histoire#svelte-story-state-moves-to-initstate`].join(` `)));let C=c.mutable_source(c.get(m)?.state),w=()=>{};y&&(w=o(()=>c.get(m)?.state,()=>{c.set(C,c.get(m)?.state)},{deep:!0})),s(()=>w()),c.legacy_pre_effect(()=>(c.deep_read_state(b()),c.get(C),c.get(m)),()=>{if(y){let e=typeof b()==`function`?b()(c.get(C)):b();e!=null&&Object.assign(c.get(m),{source:e})}}),c.legacy_pre_effect_reset(),c.init();var T=c.comment(),E=c.first_child(T),D=e=>{var t=l(),n=c.first_child(t),r=e=>{var t=c.comment(),n=c.first_child(t);c.slot(n,d,`default`,{get state(){return c.get(C)}},null),c.append(e,t)};c.if(n,e=>{h==="default"&&e(r)});var i=c.sibling(n,2),a=e=>{var t=c.comment(),n=c.first_child(t);c.slot(n,d,`controls`,{get state(){return c.get(C)}},null),c.append(e,t)};c.if(i,e=>{h===`controls`&&e(a)}),c.append(e,t)};c.if(E,e=>{y&&e(D)}),c.append(u,T),c.pop()}export{u as default};

package/dist/client/RenderVariant.svelte

@@ -1,12 +1,14 @@
 <script>
   import { watch as _watch } from '@poveste/vendors/vue'
-  import { getContext, onDestroy } from 'svelte'
+  import { onDestroy } from 'svelte'
+  import { slotNameContext, storyContext, storyPropsContext, variantContext, variantIndexContext } from '../contexts.js'
   import { shouldWarnAboutMissingInitState } from '../util/init-state-warning.js'
 
-  const story = getContext('__pvtStory')
-  const currentVariant = getContext('__pvtVariant')
-  const slotName = getContext('__pvtSlot')
-  const index = getContext('__pvtIndex')
+  const story = storyContext.get('<Variant>')
+  const currentVariant = variantContext.getOptional()
+  const slotName = slotNameContext.getOptional()
+  const index = variantIndexContext.get('<Variant>')
+  const storyProps = storyPropsContext.getOptional() ?? {}
 
   const variant = story.variants[index.value]
   index.value++
@@ -18,6 +20,17 @@
 
   export let source = null
   export let initState = null
+  export let setupApp = null
+
+  // Written at init, not in a reactive block: `render.ts` reads
+  // `variant.setupApp` as soon as the story component has mounted, so anything
+  // deferred is missed for that render and never runs. Guarded like `source`
+  // below — this is *this* variant's handler, on the shared `currentVariant`.
+  if (shouldRender) {
+    Object.assign(currentVariant, {
+      setupApp: setupApp ?? storyProps.setupApp ?? null,
+    })
+  }
 
   // Same contract as `RenderStory`: poveste owns the state because the story is
   // mounted once per slot, so a component-local variable cannot be shared (#81).
@@ -41,7 +54,7 @@
       'Controls will render and appear to work, but their edits cannot reach the story:',
       'the story is mounted separately for each slot, so a component-local variable is not shared.',
       'Pass `initState` and read state from the snippet —',
-      'https://poveste.dev/guide/migration-from-histoire.html#svelte-story-state-moves-to-initstate',
+      'https://poveste.dev/guide/migration-from-histoire#svelte-story-state-moves-to-initstate',
     ].join(' '))
   }
 

package/dist/client/Wrap.js

@@ -1 +1 @@
-import{createApp as e,h as t,reactive as n}from"@poveste/vendors/vue";import{createEventDispatcher as r,onMount as i}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as a from"svelte/internal/client";var o=a.from_html(`<div> </div>`);function s(s,c){let l=a.legacy_rest_props(c,[`children`,`$$slots`,`$$events`,`$$legacy`]),u=a.legacy_rest_props(l,[`controlComponent`,`value`]);a.push(c,!1);let d=a.prop(c,`controlComponent`,8),f=a.prop(c,`value`,12),p=r(),m=a.mutable_source(),h,g=n({});function _(e,t){Object.assign(g,{value:e,attrs:t})}i(()=>{_(f(),u),h=e({render(){let e={};if(d().emits)for(let t in d().emits){let n=Array.isArray(d().emits)?d().emits[t]:t,r=n===`input`?`update:modelValue`:n;e[`on${r.charAt(0).toUpperCase()}${r.substring(1)}`]=(...e)=>{n===`update:modelValue`?f(e[0]):p(n,...e)}}return t(d(),{modelValue:g.value,...g.attrs,...e,key:`component`})}}),h.mount(a.get(m))}),a.legacy_pre_effect(()=>(a.deep_read_state(f()),a.deep_read_state(u)),()=>{_(f(),u)}),a.legacy_pre_effect_reset(),a.init();var v=o(),y=a.child(v,!0);a.reset(v),a.bind_this(v,e=>a.set(m,e),()=>a.get(m)),a.template_effect(()=>a.set_text(y,(a.deep_read_state(d()),a.untrack(()=>d().name)))),a.append(s,v),a.pop()}export{s as default};
+import{createApp as e,h as t,reactive as n}from"@poveste/vendors/vue";import{createEventDispatcher as r,onMount as i}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as a from"svelte/internal/client";var o=a.from_html(`<div> </div>`);function s(s,c){let l=a.legacy_rest_props(c,[`children`,`$$slots`,`$$events`,`$$legacy`]),u=a.legacy_rest_props(l,[`controlComponent`,`value`]);a.push(c,!1);let d=a.prop(c,`controlComponent`,8),f=a.prop(c,`value`,12),p=r(),m=a.mutable_source(),h,g=n({});function _(e,t){Object.assign(g,{value:e,attrs:t})}i(()=>{_(f(),u),h=e({render(){let e={};if(d().emits)for(let t in d().emits){let n=Array.isArray(d().emits)?d().emits[t]:t,r=n===`input`?`update:modelValue`:n;e[`on${r.charAt(0).toUpperCase()}${r.substring(1)}`]=(...e)=>{n===`update:modelValue`?f(e[0]):p(n,...e)}}return t(d(),{modelValue:g.value,...g.attrs,...e,key:`component`})}}),h.mount(a.get(m))}),a.legacy_pre_effect(()=>(a.deep_read_state(f()),a.deep_read_state(u)),()=>{_(f(),u)}),a.legacy_pre_effect_reset(),a.init();var v=o(),y=a.only_child(v,!0);a.bind_this(v,e=>a.set(m,e),()=>a.get(m)),a.template_effect(()=>a.set_text(y,(a.deep_read_state(d()),a.untrack(()=>d().name)))),a.append(s,v),a.pop()}export{s as default};

package/dist/client/auto-props.js

@@ -1 +1 @@
-import{watch as e}from"@poveste/vendors/vue";import{readable as t}from"svelte/store";import{applyState as n}from"@poveste/shared";import{getContext as r}from"svelte";var i=Object.freeze({});function a(a){let l=r(`__pvtStory`),u=r(`__pvtVariant`),d=c(l,u),f=a.map(e=>Array.from({length:s(e)}).fill(i));if(d<0)return o(u),t(f);let p=a[d]??[],m=()=>{let e=f.slice();return e[d]=Array.from({length:s(p)},(e,t)=>u.state?._hPropState?.[t]??i),e},h=null;function g(){!u.state||h===u.state&&u.state._hPropDefs?.length||(h=u.state,n(u.state,{_hPropDefs:p}),u.state._hPropState||n(u.state,{_hPropState:{}}))}return t(m(),t=>{let n=()=>{g(),t(m())};n();let r=[e(()=>u.state,n),e(()=>u.state?._hPropState,n,{deep:!0}),e(()=>u.state?._hPropDefs?.length,n)];return()=>r.forEach(e=>e())})}function o(e){e?.state?._hPropDefs?.length&&n(e.state,{_hPropDefs:[]})}function s(e){return e.reduce((e,t)=>Math.max(e,t.index+1),0)}function c(e,t){return!e||!t||e.autoPropsDisabled||t.autoPropsDisabled?-1:e.variants?.findIndex(e=>e.id===t.id)??-1}export{a as autoProps,c as variantToDrive};
+import{storyContext as e,variantContext as t}from"../contexts.js";import{watch as n}from"@poveste/vendors/vue";import{readable as r}from"svelte/store";import{applyState as i}from"@poveste/shared";var a=Object.freeze({});function o(o){let u=e.getOptional(),d=t.getOptional(),f=l(u,d),p=o.map(e=>Array.from({length:c(e)}).fill(a));if(f<0||!d)return s(d),r(p);let m=o[f]??[],h=()=>{let e=p.slice();return e[f]=Array.from({length:c(m)},(e,t)=>d.state?._hPropState?.[t]??a),e},g=null,_=()=>{!d.state||g===d.state&&d.state._hPropDefs?.length||(g=d.state,i(d.state,{_hPropDefs:m}),d.state._hPropState||i(d.state,{_hPropState:{}}))};return r(h(),e=>{let t=()=>{_(),e(h())};t();let r=[n(()=>d.state,t),n(()=>d.state?._hPropState,t,{deep:!0}),n(()=>d.state?._hPropDefs?.length,t)];return()=>r.forEach(e=>e())})}function s(e){e?.state?._hPropDefs?.length&&i(e.state,{_hPropDefs:[]})}function c(e){return e.reduce((e,t)=>Math.max(e,t.index+1),0)}function l(e,t){return!e||!t||e.autoPropsDisabled||t.autoPropsDisabled?-1:e.variants?.findIndex(e=>e.id===t.id)??-1}export{o as autoProps,l as variantToDrive};

package/dist/client/mount.d.ts

@@ -7,10 +7,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     targetVariantId: {
         type: StringConstructor;
-        default: any;
+        default: null;
     };
 }>, {
-    el: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+    el: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     story: {
         type: _PropType<Story>;
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     targetVariantId: {
         type: StringConstructor;
-        default: any;
+        default: null;
     };
 }>> & Readonly<{}>, {
     targetVariantId: string;

package/dist/client/mount.js

@@ -1 +1 @@
-import{callSetupFunctions as e,mountSvelteComponent as t}from"../util/svelte.js";import n from"./MountVariant.svelte";import r from"./MountStory.svelte";import i from"./Stub.svelte";import{components as a}from"@poveste/controls";import{defineComponent as o,h as s,onMounted as c,onUnmounted as l,ref as u,watch as d}from"@poveste/vendors/vue";import{writable as f}from"svelte/store";import*as p from"virtual:$poveste-generated-global-setup";import*as m from"virtual:$poveste-setup";var h=o({name:`MountStory`,props:{story:{type:Object,required:!0},targetVariantId:{type:String,default:null}},setup(i){let a=u(),o,s,h=null,_=f(i.targetVariantId);d(()=>i.targetVariantId,e=>{_.set(e)});async function v(){s=document.createElement(`div`),a.value.appendChild(s);let c=await t(i.story.file.component,{target:s,props:{Hst:{Story:r,Variant:n,...g()}},context:new Map(Object.entries({__pvtStory:i.story,__pvtTargetVariantId:_}))},`client`,{storyId:i.story.id,variantId:i.targetVariantId??void 0});o=c.app,h=c.destroy;let l={app:o,story:i.story,variant:null};await e(p,m,l)}function y(){h?.(),h=null,s&&=(s.parentNode?.removeChild(s),null),o=null}return d(()=>i.story.id,async()=>{y(),await v()}),c(async()=>{await v()}),l(()=>{y()}),{el:a}},render(){return s(`div`,{ref:`el`})}});function g(){let e={};for(let t in a)e[t.substring(3)]=i;return e}export{h as default};
+import{storyContext as e,targetVariantIdContext as t}from"../contexts.js";import{callSetupFunctions as n,mountSvelteComponent as r}from"../util/svelte.js";import i from"./MountVariant.svelte";import a from"./MountStory.svelte";import o from"./Stub.svelte";import{components as s}from"@poveste/controls";import{defineComponent as c,h as l,onMounted as u,onUnmounted as d,ref as f,watch as p}from"@poveste/vendors/vue";import{writable as m}from"svelte/store";import*as h from"virtual:$poveste-generated-global-setup";import*as g from"virtual:$poveste-setup";var _=c({name:`MountStory`,props:{story:{type:Object,required:!0},targetVariantId:{type:String,default:null}},setup(o){let s=f(),c,l=null,_=null,y=m(o.targetVariantId);p(()=>o.targetVariantId,e=>{y.set(e)});async function b(){if(!s.value||!o.story.file)return;l=document.createElement(`div`),s.value.appendChild(l);let u=await r(o.story.file.component,{target:l,props:{Hst:{Story:a,Variant:i,...v()}},context:new Map([[e.key,o.story],[t.key,y]])},`client`,{storyId:o.story.id,variantId:o.targetVariantId??void 0});c=u.app,_=u.destroy;let d={app:c,story:o.story,variant:void 0};await n(h,g,d)}function x(){_?.(),_=null,l&&=(l.parentNode?.removeChild(l),null),c=null}return p(()=>o.story.id,async()=>{x(),await b()}),u(async()=>{await b()}),d(()=>{x()}),{el:s}},render(){return l(`div`,{ref:`el`})}});function v(){let e={};for(let t in s)e[t.substring(3)]=o;return e}export{_ as default};

package/dist/client/render-story-components.d.ts

@@ -0,0 +1,16 @@
+import type { Story, Variant } from '@poveste/shared';
+type SvelteComponentFunction = (anchor: any, props: any) => any;
+/**
+ * `Hst.Story` and `Hst.Variant` for a render of `story` that shows `variant`.
+ *
+ * The story's `{#each}` calls `Hst.Variant` once per variant, and a sandbox mounts
+ * the story again on every retarget. A `RenderVariant` for another variant renders
+ * nothing and changes nothing, yet creating them was most of a retarget: 3ms of 7ms
+ * at 1000 variants (#888). So only the shown one is created, and the rest are
+ * counted, which is all they did.
+ */
+export declare function renderStoryComponents(story: Story, variant: Variant): {
+    Story: SvelteComponentFunction;
+    Variant: SvelteComponentFunction;
+};
+export {};

package/dist/client/render-story-components.js

@@ -0,0 +1 @@
+import{variantIndexContext as e}from"../contexts.js";import t from"./RenderStory.svelte";import n from"./RenderVariant.svelte";import{toRaw as r}from"@poveste/vendors/vue";function i(i,a){let o=r(i).variants.findIndex(({id:e})=>e===a.id),s=0;return{Story:(e,n)=>(s=0,t(e,n)),Variant:(t,r)=>{if(s++===o)return e.get(`<Story>`).value=o,n(t,r)}}}export{i as renderStoryComponents};

package/dist/client/render.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>, {
-    el: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+    el: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: _PropType<Variant>;

package/dist/client/render.js

@@ -1 +1 @@
-import{callSetupFunctions as e,createWrappedComponent as t,getLegacyStateApi as n,mountSvelteComponent as r}from"../util/svelte.js";import i from"./RenderStory.svelte";import a from"./RenderVariant.svelte";import{syncState as o}from"./util.js";import s from"./Wrap.svelte";import{components as c}from"@poveste/controls";import{defineComponent as l,h as u,onMounted as d,onUnmounted as f,ref as p,watch as m}from"@poveste/vendors/vue";import*as h from"virtual:$poveste-generated-global-setup";import*as g from"virtual:$poveste-setup";var _=l({name:`RenderStory`,props:{variant:{type:Object,required:!0},story:{type:Object,required:!0},slotName:{type:String,default:`default`}},setup(t,{emit:s}){let c=p(),l,u,_=[];function y(e,t){document.addEventListener(e,t);let n=()=>document.removeEventListener(e,t);return _.push(n),{off:n}}async function b(){u=document.createElement(`div`),c.value.appendChild(u);let d=[],{off:f}=y(`SvelteRegisterComponent`,e=>{let{component:t}=e.detail;d.push(t)}),p=await r(t.story.file.component,{target:u,props:{Hst:{Story:i,Variant:a,...v()}},context:new Map(Object.entries({__pvtStory:t.story,__pvtVariant:t.variant,__pvtSlot:t.slotName}))},`client`,{storyId:t.story.id,variantId:t.variant?.id});l=p.app,_.push(()=>{p.destroy()});let m=d.find(e=>e.$$&&l?.$$&&e.$$===l.$$)??l;f(),d=[];function b(){let e=m?.$replace;e&&(m.$replace=(...t)=>{let n=e.apply(m,t);return m=n??m,n})}b();let x=n(m);if(x){let{apply:e,stop:n}=o(t.variant.state,e=>{x.injectState(e)});_.push(n);let r,i=()=>{e(x.captureState()),r=requestAnimationFrame(i)};r=requestAnimationFrame(i),_.push(()=>{cancelAnimationFrame(r)}),e(x.captureState())}let S={app:l,story:t.story,variant:t.variant};await e(h,g,S,t.variant.setupApp),s(`ready`)}function x(){_.forEach(e=>e()),_=[],u&&=(u.parentNode?.removeChild(u),null),l=null}return m(()=>t.story.id,async()=>{x(),await b()}),d(async()=>{await b()}),f(()=>{x()}),{el:c}},render(){return u(`div`,{ref:`el`})}});function v(){let e={};for(let t in c)e[t.substring(3)]=y(c[t]);return e}function y(e){return t(s,e)}export{_ as default};
+import{slotNameContext as e,storyContext as t,variantContext as n}from"../contexts.js";import{callSetupFunctions as r,createWrappedComponent as i,getLegacyStateApi as a,mountSvelteComponent as o}from"../util/svelte.js";import{renderStoryComponents as s}from"./render-story-components.js";import{syncState as c}from"./util.js";import l from"./Wrap.svelte";import{components as u}from"@poveste/controls";import{defineComponent as d,h as f,onMounted as p,onUnmounted as m,ref as h,watch as g}from"@poveste/vendors/vue";import*as _ from"virtual:$poveste-generated-global-setup";import*as v from"virtual:$poveste-setup";var y=d({name:`RenderStory`,props:{variant:{type:Object,required:!0},story:{type:Object,required:!0},slotName:{type:String,default:`default`}},setup(i,{emit:l}){let u=h(),d,f=null,y=[];function x(e,t){document.addEventListener(e,t);let n=()=>document.removeEventListener(e,t);return y.push(n),{off:n}}async function S(){if(!u.value||!i.story.file)return;f=document.createElement(`div`),u.value.appendChild(f);let p=[],{off:m}=x(`SvelteRegisterComponent`,e=>{let{component:t}=e.detail;p.push(t)}),h=await o(i.story.file.component,{target:f,props:{Hst:{...s(i.story,i.variant),...b()}},context:new Map([[t.key,i.story],[n.key,i.variant],[e.key,i.slotName]])},`client`,{storyId:i.story.id,variantId:i.variant?.id});d=h.app,y.push(()=>{h.destroy()});let g=p.find(e=>e.$$&&d?.$$&&e.$$===d.$$)??d;m(),p=[];function S(){let e=g?.$replace;e&&(g.$replace=(...t)=>{let n=e.apply(g,t);return g=n??g,n})}S();let C=a(g);if(C){let{apply:e,stop:t}=c(i.variant.state,e=>{C.injectState(e)});y.push(t);let n,r=()=>{e(C.captureState()),n=requestAnimationFrame(r)};n=requestAnimationFrame(r),y.push(()=>{cancelAnimationFrame(n)}),e(C.captureState())}let w={app:d,story:i.story,variant:i.variant};await r(_,v,w,i.variant.setupApp),l(`ready`)}function C(){y.forEach(e=>e()),y=[],f&&=(f.parentNode?.removeChild(f),null),d=null}return g(()=>i.story.id,async()=>{C(),await S()}),p(async()=>{await S()}),m(()=>{C()}),{el:u}},render(){return f(`div`,{ref:`el`})}});function b(){let e={};for(let[t,n]of Object.entries(u))e[t.substring(3)]=x(n);return e}function x(e){return i(l,e)}export{y as default};

package/dist/client/util.d.ts

@@ -1,4 +1,4 @@
-export declare function syncState(variantState: any, onChange: (state: any) => unknown): {
-    apply: (value: any) => void;
+export declare function syncState(variantState: Record<string, any>, onChange: (state: Record<string, any>) => unknown): {
+    apply: (value: Record<string, any> | null | undefined) => void;
     stop(): void;
 };

package/dist/collect/Story.js

@@ -1 +1 @@
-import{getContext as e,setContext as t}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as n from"svelte/internal/client";function r(r,i){n.push(i,!1);let a=n.prop(i,`title`,8,null),o=n.prop(i,`id`,8,null),s=n.prop(i,`group`,8,null),c=n.prop(i,`layout`,8,null),l=n.prop(i,`icon`,8,null),u=n.prop(i,`iconColor`,8,null),d=n.prop(i,`docsOnly`,8,!1),f=n.prop(i,`autoPropsDisabled`,8,null),p=n.prop(i,`initState`,8,null),m=e(`__pvtAddStory`),h=e(`__pvtStoryFile`),g={id:o()??h.id,title:a()??h.fileName,group:s(),layout:c(),icon:l(),iconColor:u(),docsOnly:d(),autoPropsDisabled:f(),variants:[]};m(g);let _=p()?p()():{};t(`__pvtStory`,g),t(`__pvtAddVariant`,e=>{g.variants.push(e)}),n.init();var v=n.comment(),y=n.first_child(v);n.slot(y,i,`default`,{get state(){return _}},null),n.append(r,v),n.pop()}export{r as default};
+import{addStoryContext as e,addVariantContext as t,collectStoryContext as n,storyFileContext as r}from"../contexts.js";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as i from"svelte/internal/client";function a(a,o){i.push(o,!1);let s=i.prop(o,`title`,8,null),c=i.prop(o,`id`,8,null),l=i.prop(o,`group`,8,null),u=i.prop(o,`layout`,8,null),d=i.prop(o,`icon`,8,null),f=i.prop(o,`iconColor`,8,null),p=i.prop(o,`docsOnly`,8,!1),m=i.prop(o,`autoPropsDisabled`,8,null),h=i.prop(o,`initState`,8,null),g=e.getOptional(),_=r.getOptional(),v=c()??_?.id,y=s()??_?.fileName;if(!v||y===void 0)throw Error("[poveste] a <Story> collected outside a story file needs an `id` and a `title`");let b={id:v,title:y,group:l(),layout:u(),icon:d(),iconColor:f(),docsOnly:p(),autoPropsDisabled:m(),variants:[]};g?.(b);let x=h()?h()():{};n.set(b),t.set(e=>{b.variants.push(e)}),i.init();var S=i.comment(),C=i.first_child(S);i.slot(C,o,`default`,{get state(){return x}},null),i.append(a,S),i.pop()}export{a as default};

package/dist/collect/Story.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { getContext, setContext } from 'svelte'
+  import { addStoryContext, addVariantContext, collectStoryContext, storyFileContext } from '../contexts.js'
 
   export let title = null
   export let id = null
@@ -11,12 +11,22 @@
   export let autoPropsDisabled = null
   export let initState = null
 
-  const addStory = getContext('__pvtAddStory')
-  const file = getContext('__pvtStoryFile')
+  const addStory = addStoryContext.getOptional()
+  const file = storyFileContext.getOptional()
+
+  // Guarded the way `plugin-vue` guards it: collected outside a run there is no
+  // file to fall back on, and reading `file.id` off `undefined` said nothing
+  // about stories (#981).
+  const storyId = id ?? file?.id
+  const storyTitle = title ?? file?.fileName
+
+  if (!storyId || storyTitle === undefined) {
+    throw new Error('[poveste] a <Story> collected outside a story file needs an `id` and a `title`')
+  }
 
   const story = {
-    id: id ?? file.id,
-    title: title ?? file.fileName,
+    id: storyId,
+    title: storyTitle,
     group,
     layout,
     icon,
@@ -29,7 +39,7 @@
     variants: [],
   }
 
-  addStory(story)
+  addStory?.(story)
 
   // Collection renders the story's markup purely to discover its variants, but
   // that markup now reads `state`. Without a value here every expression
@@ -37,8 +47,8 @@
   // `Cannot read properties of undefined` (#81).
   const state = initState ? initState() : {}
 
-  setContext('__pvtStory', story)
-  setContext('__pvtAddVariant', (variant) => {
+  collectStoryContext.set(story)
+  addVariantContext.set((variant) => {
     story.variants.push(variant)
   })
 </script>

package/dist/collect/Variant.js

@@ -1 +1 @@
-import{getContext as e}from"svelte";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as t from"svelte/internal/client";function n(n,r){t.push(r,!1);let i=t.prop(r,`title`,8,`untitled`),a=t.prop(r,`id`,8,null),o=t.prop(r,`icon`,8,null),s=t.prop(r,`iconColor`,8,null);t.prop(r,`initState`,8,null);let c=e(`__pvtStory`),l=e(`__pvtAddVariant`);function u(){return`${c.id}-${c.variants.length}`}l({id:a()??u(),title:i(),icon:o(),iconColor:s()}),t.init(),t.pop()}export{n as default};
+import{addVariantContext as e,collectStoryContext as t}from"../contexts.js";import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as n from"svelte/internal/client";function r(r,i){n.push(i,!1);let a=n.prop(i,`title`,8,`untitled`),o=n.prop(i,`id`,8,null),s=n.prop(i,`icon`,8,null),c=n.prop(i,`iconColor`,8,null),l=n.prop(i,`autoPropsDisabled`,8,!1);n.prop(i,`initState`,8,null);let u=t.get(`<Variant>`);e.get(`<Variant>`)({id:o()??`${u.id}-${u.variants.length}`,title:a(),icon:s(),iconColor:c(),autoPropsDisabled:l()}),n.init(),n.pop()}export{r as default};

package/dist/collect/Variant.svelte

@@ -1,27 +1,32 @@
 <script>
-  import { getContext } from 'svelte'
+  import { addVariantContext, collectStoryContext } from '../contexts.js'
 
   export let title = 'untitled'
   export let id = null
   export let icon = null
   export let iconColor = null
+  // Collected rather than left to `MountVariant`, which sets it when the mount
+  // realm runs — and the realm that reads it renders in parallel, so whether a
+  // variant's auto-props were off came down to which mount finished first (#890).
+  export let autoPropsDisabled = false
   // Absorbs the prop; collection never renders variant children. `export const`
   // (the compiler's suggestion) would make passing one an error.
   // svelte-ignore export_let_unused
   export let initState = null
 
-  const story = getContext('__pvtStory')
-  const addVariant = getContext('__pvtAddVariant')
-
-  function generateId() {
-    return `${story.id}-${story.variants.length}`
-  }
+  // Asked for before anything reads them, so a missing `<Story>` is reported
+  // once and the same way whether or not the variant carries an `id`. Reading
+  // `story.id` inside `generateId` meant the no-id path died on `undefined`
+  // and the id path died on `addVariant` not being a function (#981).
+  const story = collectStoryContext.get('<Variant>')
+  const addVariant = addVariantContext.get('<Variant>')
 
   const variant = {
-    id: id ?? generateId(),
+    id: id ?? `${story.id}-${story.variants.length}`,
     title,
     icon,
     iconColor,
+    autoPropsDisabled,
   }
 
   addVariant(variant)

package/dist/collect/index.js

@@ -1 +1 @@
-import{callSetupFunctions as e,mountSvelteComponent as t}from"../util/svelte.js";import n from"./Story.svelte";import r from"./Variant.svelte";import*as i from"virtual:$poveste-generated-global-setup";import*as a from"virtual:$poveste-setup";import{tick as o}from"svelte";async function s({file:s,el:c,storyData:l}){let{default:u}=await import(/* @vite-ignore */s.moduleId),d=await t(u,{target:c,props:{Hst:{Story:n,Variant:r}},context:new Map(Object.entries({__pvtAddStory(e){l.push(e)},__pvtStoryFile:s}))},`client`),f={app:d.app,story:null,variant:null};if(await e(i,a,f),await o(),!l[0]){d.destroy();return}l[0].variants.length||l[0].variants.push({id:`_default`,title:`default`}),d.destroy()}export{s as run};
+import{addStoryContext as e,storyFileContext as t}from"../contexts.js";import{callSetupFunctions as n,mountSvelteComponent as r}from"../util/svelte.js";import i from"./Story.svelte";import a from"./Variant.svelte";import*as o from"virtual:$poveste-generated-global-setup";import*as s from"virtual:$poveste-setup";import{tick as c}from"svelte";async function l({file:l,el:u,storyData:d}){let{default:f}=await import(/* @vite-ignore */l.moduleId),p=await r(f,{target:u,props:{Hst:{Story:i,Variant:a}},context:new Map([[e.key,e=>{d.push(e)}],[t.key,l]])},`client`),m={app:p.app,story:void 0,variant:void 0};if(await n(o,s,m),await c(),!d[0]){p.destroy();return}d[0].variants.length||d[0].variants.push({id:`_default`,title:`default`}),p.destroy()}export{l as run};

package/dist/commands/generate-story.client.js

@@ -14,13 +14,13 @@ export default {
             label: 'File name',
             type: 'text',
             required: true,
-            defaultValue: answers => answers.component?.replace(/[^/]+\/([^/]+)\.svelte$/, '$1.story.svelte'),
+            defaultValue: answers => answers['component']?.replace(/[^/]+\/([^/]+)\.svelte$/, '$1.story.svelte'),
         },
     ],
     clientAction: (params) => {
-        const index = params.component.lastIndexOf('/');
-        const dirname = params.component.substring(0, index + 1);
-        const file = `${dirname}${params.fileName}`;
+        const index = params['component'].lastIndexOf('/');
+        const dirname = params['component'].substring(0, index + 1);
+        const file = `${dirname}${params['fileName']}`;
         const storyId = kebabCase(file.toLowerCase());
         openStory(storyId);
     },

package/dist/commands/generate-story.server.js

@@ -7,11 +7,11 @@ export default {
     icon: 'https://svelte.dev/favicon.png',
     searchText: 'generate create',
     async serverAction(params) {
-        const targetFile = path.join(path.dirname(params.component), params.fileName);
+        const targetFile = path.join(path.dirname(params['component']), params['fileName']);
         if (fs.existsSync(targetFile)) {
             throw new Error(`File ${targetFile} already exists`);
         }
-        const { component, componentName, isTs } = await getComponentInfo(params.component);
+        const { component, componentName, isTs } = await getComponentInfo(params['component']);
         const content = `<script${isTs ? ' lang="ts"' : ''}>
   ${isTs
             ? `import type { Hst } from '@poveste/plugin-svelte'\n  

package/dist/context.d.ts

@@ -0,0 +1,39 @@
+/**
+ * A context keyed by a symbol, with its set and its get in one place.
+ *
+ * Ten of these were string keys carrying `any` (#981). Svelte's context map
+ * takes any key, so a symbol costs nothing and the type travels with it.
+ *
+ * `get` and `getOptional` are separate functions rather than one call with a
+ * default, because "nobody set this" and "this is allowed to be absent" are
+ * different questions that arrived as the same `undefined` — and the first is
+ * what an author hits when they nest a component wrongly.
+ *
+ * The same helper, the same split and the same sentence as `plugin-vue`'s, so
+ * the two plugins report a nesting mistake identically. Only the underlying
+ * primitive differs: `setContext`/`getContext` rather than `provide`/`inject`.
+ */
+export interface Context<T> {
+    key: symbol;
+    set: (value: T) => void;
+    /** Throws, naming the provider, when nothing set it. */
+    get: (consumer: string) => T;
+    /** `null` when nothing set it, which the caller is expected to handle. */
+    getOptional: () => T | null;
+}
+/**
+ * `description` is what the symbol shows in a stack; `provider` is the
+ * component a reader has to go and add, and is the only part of the message
+ * they can act on.
+ *
+ * `key` is exposed because the collect runner seeds its contexts through a
+ * `Map` handed to `mount`, which is not a component and so cannot call `set`.
+ *
+ * The key comes from the global registry rather than being minted here, because
+ * this module is evaluated more than once. A collection worker's module graph is
+ * invalidated while a story is mid-run, so `set` and `get` can each hold their
+ * own instance of this file — a plain `Symbol()` then differs between them and
+ * the lookup misses. Every description here is unique, so the registry cannot
+ * put two contexts on one key.
+ */
+export declare function createContext<T>(description: string, provider: string): Context<T>;

package/dist/context.js

@@ -0,0 +1,35 @@
+import { getContext, setContext } from 'svelte';
+/**
+ * `description` is what the symbol shows in a stack; `provider` is the
+ * component a reader has to go and add, and is the only part of the message
+ * they can act on.
+ *
+ * `key` is exposed because the collect runner seeds its contexts through a
+ * `Map` handed to `mount`, which is not a component and so cannot call `set`.
+ *
+ * The key comes from the global registry rather than being minted here, because
+ * this module is evaluated more than once. A collection worker's module graph is
+ * invalidated while a story is mid-run, so `set` and `get` can each hold their
+ * own instance of this file — a plain `Symbol()` then differs between them and
+ * the lookup misses. Every description here is unique, so the registry cannot
+ * put two contexts on one key.
+ */
+export function createContext(description, provider) {
+    const key = Symbol.for(description);
+    return {
+        key,
+        set(value) {
+            setContext(key, value);
+        },
+        get(consumer) {
+            const value = getContext(key);
+            if (value === undefined || value === null) {
+                throw new Error(`[poveste] a ${consumer} has to be inside a ${provider}`);
+            }
+            return value;
+        },
+        getOptional() {
+            return getContext(key) ?? null;
+        },
+    };
+}

package/dist/contexts.d.ts

@@ -0,0 +1,17 @@
+import type { ServerStory, ServerStoryFile, ServerVariant, Story, Variant } from '@poveste/shared';
+/** Collect mode: the file being collected, seeded by `collect/index.ts`. */
+export declare const storyFileContext: import("./context.js").Context<ServerStoryFile>;
+/** Collect mode, optional: a `<Story>` collected outside a run has nowhere to report to. */
+export declare const addStoryContext: import("./context.js").Context<(story: ServerStory) => void>;
+/** Collect mode: what `<Variant>` reports itself to. */
+export declare const collectStoryContext: import("./context.js").Context<ServerStory>;
+export declare const addVariantContext: import("./context.js").Context<(variant: ServerVariant) => void>;
+export declare const storyContext: import("./context.js").Context<Story>;
+export declare const variantContext: import("./context.js").Context<Variant>;
+export declare const slotNameContext: import("./context.js").Context<string>;
+export declare const slotsContext: import("./context.js").Context<Record<string, any>>;
+export declare const storyPropsContext: import("./context.js").Context<Record<string, any>>;
+export declare const variantIndexContext: import("./context.js").Context<{
+    value: number;
+}>;
+export declare const targetVariantIdContext: import("./context.js").Context<string | null>;

package/dist/contexts.js

@@ -0,0 +1,22 @@
+import { createContext } from './context.js';
+/*
+ * Every context this plugin passes, in one place (#981). Collect mode and the
+ * render path are separate keys even where they carry a story each, because
+ * they carry different shapes — the same mistake `plugin-vue` made with one
+ * string used in two realms.
+ */
+/** Collect mode: the file being collected, seeded by `collect/index.ts`. */
+export const storyFileContext = createContext('poveste-svelte-story-file', 'story file');
+/** Collect mode, optional: a `<Story>` collected outside a run has nowhere to report to. */
+export const addStoryContext = createContext('poveste-svelte-add-story', 'story file');
+/** Collect mode: what `<Variant>` reports itself to. */
+export const collectStoryContext = createContext('poveste-svelte-collect-story', '<Story>');
+export const addVariantContext = createContext('poveste-svelte-add-variant', '<Story>');
+/* The render path. */
+export const storyContext = createContext('poveste-svelte-story', '<Story>');
+export const variantContext = createContext('poveste-svelte-variant', '<Variant>');
+export const slotNameContext = createContext('poveste-svelte-slot', '<Story>');
+export const slotsContext = createContext('poveste-svelte-slots', '<Story>');
+export const storyPropsContext = createContext('poveste-svelte-story-props', '<Story>');
+export const variantIndexContext = createContext('poveste-svelte-variant-index', '<Story>');
+export const targetVariantIdContext = createContext('poveste-svelte-target-variant-id', '<Story>');

package/dist/helpers.d.ts

@@ -3,8 +3,8 @@ import type { Story, StoryProps, Variant, VariantProps } from '@poveste/shared';
 import type { Component, Snippet } from 'svelte';
 export interface SvelteStorySetupApi {
     app: any;
-    story?: Story;
-    variant?: Variant;
+    story?: Story | undefined;
+    variant?: Variant | undefined;
 }
 export type SvelteStorySetupHandler = (api: SvelteStorySetupApi) => Promise<void> | void;
 export declare function defineSetupSvelte(handler: SvelteStorySetupHandler): SvelteStorySetupHandler;
@@ -91,6 +91,15 @@ export interface Hst {
         options: HstControlOption[];
         title?: string;
     }>;
+    Color: Component<{
+        value?: string;
+        title?: string;
+    }>;
+    Date: Component<{
+        value?: string;
+        title?: string;
+        time?: boolean;
+    }>;
     Json: Component<{
         value: unknown;
         title: string;

package/dist/index.node.js

@@ -3,6 +3,7 @@ import { createRequire } from 'node:module';
 import { dirname, join } from 'pathe';
 import { defaultColors } from 'poveste';
 import generateStoryCommand from './commands/generate-story.server.js';
+import { SVELTE_SETUP_HOOK_NAMES } from './setup-hooks.js';
 import { svelteAutoProps } from './util/auto-props-vite.js';
 import { svelteKitAssetsDir } from './util/kit-assets.js';
 import { listComponentFiles } from './util/list-components.js';
@@ -47,7 +48,7 @@ export function HstSvelte() {
         supportPlugin: {
             id: 'svelte4',
             moduleName: '@poveste/plugin-svelte',
-            setupFn: ['setupSvelte3', 'setupSvelte4', 'setupSvelte5'],
+            setupFn: SVELTE_SETUP_HOOK_NAMES,
             importStoryComponent: (file, index) => `import Comp${index} from ${JSON.stringify(file.moduleId)}`,
         },
         commands: [
@@ -59,6 +60,7 @@ export function HstSvelte() {
                     return listComponentFiles(api.payload.search, api.getConfig().storyMatch);
                 }
             }
+            return undefined;
         },
     };
 }

package/dist/setup-hooks.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The names a Svelte setup file may export, most established first.
+ *
+ * The numbers are historical. `@poveste/plugin-svelte` supports Svelte 5 only,
+ * so `setupSvelte3` and `setupSvelte4` name majors it cannot run — they are
+ * accepted because histoire users wrote them, not because they select anything.
+ * `setupSvelte` is the unnumbered name, added as an alias rather than a rename,
+ * which is the only way to introduce it without breaking every existing setup
+ * file (#157).
+ *
+ * Order is load-bearing: `getSetupHook` runs the first one present, so a file
+ * that already exports `setupSvelte5` behaves exactly as before and the new name
+ * is the one that yields.
+ */
+export declare const SVELTE_SETUP_HOOK_NAMES: string[];
+/**
+ * Names this plugin has stopped reading.
+ *
+ * Empty, and meant to stay empty until 1.0 retires the numbered names. It is
+ * here so that doing so is a string moving from the list above to this one,
+ * with the warning already written and already tested.
+ */
+export declare const SVELTE_RETIRED_SETUP_HOOK_NAMES: string[];

package/dist/setup-hooks.js

@@ -0,0 +1,23 @@
+/**
+ * The names a Svelte setup file may export, most established first.
+ *
+ * The numbers are historical. `@poveste/plugin-svelte` supports Svelte 5 only,
+ * so `setupSvelte3` and `setupSvelte4` name majors it cannot run — they are
+ * accepted because histoire users wrote them, not because they select anything.
+ * `setupSvelte` is the unnumbered name, added as an alias rather than a rename,
+ * which is the only way to introduce it without breaking every existing setup
+ * file (#157).
+ *
+ * Order is load-bearing: `getSetupHook` runs the first one present, so a file
+ * that already exports `setupSvelte5` behaves exactly as before and the new name
+ * is the one that yields.
+ */
+export const SVELTE_SETUP_HOOK_NAMES = ['setupSvelte3', 'setupSvelte4', 'setupSvelte5', 'setupSvelte'];
+/**
+ * Names this plugin has stopped reading.
+ *
+ * Empty, and meant to stay empty until 1.0 retires the numbered names. It is
+ * here so that doing so is a string moving from the list above to this one,
+ * with the warning already written and already tested.
+ */
+export const SVELTE_RETIRED_SETUP_HOOK_NAMES = [];

package/dist/util/auto-props-vite.d.ts

@@ -4,6 +4,6 @@ export declare function svelteAutoProps(): {
     enforce: "pre";
     transform(this: any, code: string, id: string): Promise<{
         code: string;
-        map: any;
-    }>;
+        map: null;
+    } | undefined>;
 };

package/dist/util/auto-props-vite.js

@@ -11,7 +11,7 @@ export function svelteAutoProps() {
         name: 'poveste:svelte-auto-props',
         enforce: 'pre',
         async transform(code, id) {
-            if (!id.split('?')[0].endsWith('.svelte') || !code.includes(RENDERS_A_STORY) || !IMPORTS_A_COMPONENT.test(code)) {
+            if (!id.replace(/\?.*$/s, '').endsWith('.svelte') || !code.includes(RENDERS_A_STORY) || !IMPORTS_A_COMPONENT.test(code)) {
                 return undefined;
             }
             const result = await transformStoryAutoProps(code, async (specifier) => {

package/dist/util/auto-props.js

@@ -57,12 +57,12 @@ export async function transformStoryAutoProps(code, propsOf) {
 function importedComponents(body) {
     const found = new Map();
     for (const node of body) {
-        if (node.type !== 'ImportDeclaration' || !/\.svelte$/.test(node.source?.value ?? '')) {
+        if (node.type !== 'ImportDeclaration' || !/\.svelte$/.test(node['source']?.value ?? '')) {
             continue;
         }
-        for (const specifier of node.specifiers ?? []) {
+        for (const specifier of node['specifiers'] ?? []) {
             if (specifier.type === 'ImportDefaultSpecifier') {
-                found.set(specifier.local.name, node.source.value);
+                found.set(specifier.local.name, node['source'].value);
             }
         }
     }
@@ -75,13 +75,13 @@ function importedComponents(body) {
  */
 function collectTargets(fragment, imported) {
     const story = findStory(fragment);
-    if (!story || blockWrapsAVariant(story.fragment)) {
+    if (!story || blockWrapsAVariant(story['fragment'])) {
         return undefined;
     }
     // At any depth and in document order, matching how `collect/Variant.svelte`
     // registers them. A story with none renders its children as variant zero.
     const variants = [];
-    walk(story.fragment, (node) => {
+    walk(story['fragment'], (node) => {
         if (isHst(node, 'Variant')) {
             variants.push(node);
         }
@@ -90,7 +90,7 @@ function collectTargets(fragment, imported) {
     const targets = [];
     scopes.forEach((scope, variant) => {
         let index = 0;
-        walk(scope.fragment, (node, ancestors) => {
+        walk(scope['fragment'], (node, ancestors) => {
             // The controls snippet builds the panel, not the preview. A component in
             // a block is skipped on its own.
             if (isControls(node)) {
@@ -99,7 +99,7 @@ function collectTargets(fragment, imported) {
             if (node.type !== 'Component' || insideBlock(ancestors)) {
                 return undefined;
             }
-            const specifier = imported.get(node.name);
+            const specifier = imported.get(node['name']);
             if (specifier) {
                 targets.push({ node, variant, index: index++, specifier });
             }
@@ -131,12 +131,12 @@ function insideBlock(ancestors) {
 }
 function isControls(node) {
     if (node.type === 'SnippetBlock') {
-        return node.expression?.name === 'controls';
+        return node['expression']?.name === 'controls';
     }
-    return (node.attributes ?? []).some((attribute) => attribute.name === 'slot' && attribute.value?.[0]?.data === 'controls');
+    return (node['attributes'] ?? []).some((attribute) => attribute['name'] === 'slot' && attribute['value']?.[0]?.data === 'controls');
 }
 function isHst(node, member) {
-    return node.type === 'Component' && (member ? node.name === `${HST}.${member}` : node.name?.startsWith(`${HST}.`));
+    return node.type === 'Component' && (member ? node['name'] === `${HST}.${member}` : node['name']?.startsWith(`${HST}.`));
 }
 // `then`/`catch`/`pending` and `fallback` are branches a variant can hide in.
 const CHILD_KEYS = ['fragment', 'nodes', 'children', 'body', 'consequent', 'alternate', 'pending', 'then', 'catch', 'fallback'];
@@ -172,7 +172,7 @@ async function describe(targets, propsOf) {
     for (const target of targets) {
         const props = await sources.get(target.specifier);
         if (props?.length) {
-            defs[target.variant].push({ name: target.node.name, index: target.index, props });
+            defs[target.variant]?.push({ name: target.node['name'], index: target.index, props });
         }
     }
     return defs;
@@ -222,9 +222,9 @@ function literal(value) {
         .replace(/\u2029/g, '\\u2029');
 }
 function attributesEnd(code, node) {
-    const attributes = node.attributes ?? [];
+    const attributes = node['attributes'] ?? [];
     if (attributes.length > 0) {
         return Math.max(...attributes.map((attribute) => attribute.end));
     }
-    return code.indexOf(node.name, node.start) + node.name.length;
+    return code.indexOf(node['name'], node.start) + node['name'].length;
 }

package/dist/util/list-components.d.ts

@@ -1 +1 @@
-export declare function listComponentFiles(search?: string, ignore?: string[], limit?: number): Promise<string[]>;
+export declare function listComponentFiles(search?: string, ignoredPatterns?: string[], limit?: number, cwd?: string): Promise<string[]>;

package/dist/util/list-components.js

@@ -1,12 +1,69 @@
-import { globby } from 'globby';
-export async function listComponentFiles(search = '', ignore = [], limit = 10) {
-    let files = await globby('**/*.svelte', {
-        gitignore: true,
+import { existsSync, readFileSync } from 'node:fs';
+import { dirname, join, relative, resolve, sep } from 'node:path';
+import ignore from 'ignore';
+import { glob } from 'tinyglobby';
+function toPosix(path) {
+    return path.split(sep).join('/');
+}
+/**
+ * Whether a file under `cwd` is git-ignored, the way globby's `gitignore: true`
+ * decided it: every `.gitignore` from the repository root down, each pattern
+ * relative to its own file. tinyglobby reads none of them (#839).
+ */
+async function gitIgnoredFilter(cwd) {
+    let root = cwd;
+    while (!existsSync(join(root, '.git'))) {
+        const parent = dirname(root);
+        if (parent === root) {
+            root = cwd;
+            break;
+        }
+        root = parent;
+    }
+    const ancestors = [];
+    for (let dir = cwd; dir !== root;) {
+        dir = dirname(dir);
+        ancestors.unshift(join(dir, '.gitignore'));
+    }
+    // Shallow files first, so a nested `.gitignore` can override its parent.
+    const nested = (await glob('**/.gitignore', { cwd, absolute: true, dot: true, ignore: ['**/node_modules/**', '**/.git/**'] }))
+        .sort((a, b) => a.split('/').length - b.split('/').length || a.localeCompare(b));
+    const rules = ignore();
+    for (const file of [...ancestors, ...nested]) {
+        if (!existsSync(file)) {
+            continue;
+        }
+        const base = toPosix(relative(root, dirname(file)));
+        for (const raw of readFileSync(file, 'utf8').split(/\r?\n/)) {
+            const line = raw.trimEnd();
+            if (!line || line.startsWith('#')) {
+                continue;
+            }
+            const negated = line.startsWith('!');
+            let pattern = negated ? line.slice(1) : line;
+            if (base) {
+                // A pattern with a slash before its end is anchored to its own directory;
+                // one without matches at any depth below it.
+                const anchored = pattern.replace(/\/$/, '').includes('/');
+                pattern = anchored ? `${base}/${pattern.replace(/^\//, '')}` : `${base}/**/${pattern}`;
+            }
+            rules.add(negated ? `!${pattern}` : pattern);
+        }
+    }
+    return (file) => {
+        const path = toPosix(relative(root, resolve(cwd, file)));
+        return !path.startsWith('..') && rules.ignores(path);
+    };
+}
+export async function listComponentFiles(search = '', ignoredPatterns = [], limit = 10, cwd = process.cwd()) {
+    const isIgnored = await gitIgnoredFilter(cwd);
+    let files = (await glob('**/*.svelte', {
+        cwd,
         ignore: [
             'node_modules',
-            ...ignore,
+            ...ignoredPatterns,
         ],
-    });
+    })).filter(file => !isIgnored(file));
     if (search) {
         const searchText = search.toLowerCase();
         files = files.filter(file => file.toLowerCase().includes(searchText));

package/dist/util/svelte.js

@@ -1,10 +1,6 @@
-import { reportStoryError } from '@poveste/shared';
+import { getSetupHook, reportStoryError } from '@poveste/shared';
 import * as svelte from 'svelte';
-const setupHookNames = [
-    'setupSvelte3',
-    'setupSvelte4',
-    'setupSvelte5',
-];
+import { SVELTE_RETIRED_SETUP_HOOK_NAMES, SVELTE_SETUP_HOOK_NAMES } from '../setup-hooks.js';
 function loadSvelteModule(moduleId) {
     return import(/* @vite-ignore */ moduleId);
 }
@@ -81,15 +77,17 @@ export function getLegacyStateApi(app) {
     };
 }
 export async function callSetupFunctions(generatedSetup, setup, setupApi, variantSetupApp) {
-    for (const hookName of setupHookNames) {
-        const generatedHook = generatedSetup[hookName];
-        if (typeof generatedHook === 'function') {
-            await generatedHook(setupApi);
-        }
-        const setupHook = setup[hookName];
-        if (typeof setupHook === 'function') {
-            await setupHook(setupApi);
-        }
+    // One hook per module, not every name present. The loop this replaces ran all
+    // of them, so a file part-way through the migration — exporting `setupSvelte5`
+    // and `setupSvelte` at once — had its setup applied twice, silently. That is
+    // the failure the Vue pair has always been shaped to prevent (#157).
+    const generatedHook = getSetupHook(generatedSetup, SVELTE_SETUP_HOOK_NAMES, SVELTE_RETIRED_SETUP_HOOK_NAMES);
+    if (generatedHook) {
+        await generatedHook(setupApi);
+    }
+    const setupHook = getSetupHook(setup, SVELTE_SETUP_HOOK_NAMES, SVELTE_RETIRED_SETUP_HOOK_NAMES);
+    if (setupHook) {
+        await setupHook(setupApi);
     }
     if (typeof variantSetupApp === 'function') {
         await variantSetupApp(setupApi);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@poveste/plugin-svelte",
   "type": "module",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description": "Poveste plugin for Svelte 5 and SvelteKit support",
   "author": {
     "name": "Sorin Gitlan",
@@ -60,12 +60,12 @@
     "dist"
   ],
   "engines": {
-    "node": "^22.22.2 || ^24.15.0 || >=26.0.0"
+    "node": ">=22.22.2"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.53.0",
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "poveste": "^0.14.0",
+    "@sveltejs/vite-plugin-svelte": "^7.3.0",
+    "poveste": "^0.16.0",
     "svelte": "^5.46.4"
   },
   "peerDependenciesMeta": {
@@ -74,26 +74,26 @@
     }
   },
   "dependencies": {
-    "@poveste/controls": "^0.14.0",
-    "@poveste/shared": "^0.14.0",
-    "@poveste/vendors": "^0.14.0",
+    "@poveste/controls": "^0.16.0",
+    "@poveste/shared": "^0.16.0",
+    "@poveste/vendors": "^0.16.0",
     "change-case": "^5.4.4",
-    "globby": "^14.0.2",
+    "ignore": "^7.0.10",
     "launch-editor": "^2.9.1",
-    "pathe": "^1.1.2"
+    "pathe": "^2.0.3",
+    "tinyglobby": "^0.2.17"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "@types/node": "^22.10.1",
-    "concurrently": "^9.1.0",
-    "fs-extra": "^11.2.0",
-    "globby": "^14.0.2",
-    "poveste": "0.14.0",
-    "svelte": "5.55.0",
-    "svelte-preprocess": "^6.0.3",
-    "typescript": "5.6.3",
-    "vite": "^8.0.0",
-    "vitest": "^5.0.0"
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
+    "@types/node": "^26.6.3",
+    "concurrently": "^10.0.5",
+    "fs-extra": "^11.4.1",
+    "poveste": "0.16.0",
+    "svelte": "5.57.1",
+    "svelte-preprocess": "^6.0.5",
+    "typescript": "6.0.3",
+    "vite": "^8.3.1",
+    "vitest": "^5.0.2"
   },
   "scripts": {
     "build": "rimraf dist && vite build && tsc -d -P tsconfig.build.json && pnpm run build:types",