@poveste/plugin-svelte 0.14.0 → 0.15.0

package/README.md

@@ -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 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),r(`__pvtStoryProps`,l);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};

package/dist/client/MountStory.svelte

@@ -7,6 +7,10 @@
   const index = { value: 0 }
   setContext('__pvtIndex', index)
   setContext('__pvtSlots', $$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).
+  setContext('__pvtStoryProps', $$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{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,null),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(`__pvtStoryProps`)??{},g=t(`__pvtTargetVariantId`)??null,_=f.variants[p.value];p.value++;let v=!1;function y(){Object.assign(_,{slots:()=>({default:!0,controls:o.controls??m.controls}),source:s(),responsiveDisabled:c()??h.responsiveDisabled??!1,autoPropsDisabled:l(),setupApp:u()??h.setupApp??null,configReady:!0}),!d()&&!f.meta?.hasVariantChildComponents&&(f.meta=f.meta||{},Object.assign(f.meta,{hasVariantChildComponents:!0}))}function b(){v||(v=!0,y())}if(g===null)b();else{let e=g.subscribe(e=>{(e===null||_?.id===e)&&b()});n(e)}e(()=>{v&&y()}),r.init();var x=r.comment(),S=r.first_child(x);r.if(S,e=>{}),r.append(i,x),r.pop()}export{i as default};

package/dist/client/MountVariant.svelte

@@ -2,7 +2,11 @@
   import { afterUpdate, getContext, onDestroy } from 'svelte'
 
   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
@@ -10,6 +14,7 @@
   const story = getContext('__pvtStory')
   const index = getContext('__pvtIndex')
   const storySlots = getContext('__pvtSlots')
+  const storyProps = getContext('__pvtStoryProps') ?? {}
   // 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.
@@ -30,9 +35,9 @@
         controls: $$slots.controls ?? storySlots.controls,
       }),
       source,
-      responsiveDisabled,
+      responsiveDisabled: responsiveDisabled ?? storyProps.responsiveDisabled ?? false,
       autoPropsDisabled,
-      setupApp,
+      setupApp: setupApp ?? storyProps.setupApp ?? null,
       configReady: true,
     })
 

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{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),l=i.legacy_rest_props(s,[`children`,`$$slots`,`$$events`,`$$legacy`]),u=i.legacy_rest_props(l,[`source`,`initState`]);i.push(s,!1);let d=t(`__pvtStory`),f=i.mutable_source(t(`__pvtVariant`)),p=t(`__pvtSlot`);r(`__pvtIndex`,{value:0}),r(`__pvtStoryProps`,u),i.get(f)&&d.variants.length===1&&d.variants[0].id===`_default`&&Object.assign(i.get(f),{setupApp:u.setupApp??null});let m=i.prop(s,`source`,8,null),h=i.prop(s,`initState`,8,null);h()&&i.get(f)&&!i.get(f).__pvtStateSeeded&&(i.mutate(f,i.get(f).__pvtStateSeeded=!0),i.mutate(f,i.get(f).state={...i.get(f).state,...h()()})),!h()&&p===`controls`&&c.controls&&i.get(f)&&!i.get(f).__pvtStateWarned&&(i.mutate(f,i.get(f).__pvtStateWarned=!0),console.error([`[poveste] Story "${d?.title??d?.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 g=i.mutable_source(i.get(f)?.state),_=e(()=>i.get(f)?.state,()=>{i.set(g,i.get(f)?.state)},{deep:!0});n(_),i.legacy_pre_effect(()=>(i.deep_read_state(m()),i.get(g),i.get(f)),()=>{let e=typeof m()==`function`?m()(i.get(g)):m();e!=null&&Object.assign(i.get(f),{source:e})}),i.legacy_pre_effect_reset(),i.init();var v=a(),y=i.first_child(v),b=e=>{var t=i.comment(),n=i.first_child(t);i.slot(n,s,`controls`,{get state(){return i.get(g)}},null),i.append(e,t)};i.if(y,e=>{p===`controls`&&e(b)});var x=i.sibling(y,2),S=e=>{var t=i.comment(),n=i.first_child(t);i.slot(n,s,`default`,{get state(){return i.get(g)}},null),i.append(e,t)};i.if(x,e=>{i.untrack(()=>p==="default"||d.meta?.hasVariantChildComponents)&&e(S)}),i.append(o,v),i.pop()}export{o as default};

package/dist/client/RenderStory.svelte

@@ -8,6 +8,22 @@
 
   const index = { value: 0 }
   setContext('__pvtIndex', 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).
+  setContext('__pvtStoryProps', $$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 +55,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{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=n(`__pvtStoryProps`)??{},m=l.variants[f.value];f.value++;let h=i.get(u).id===m.id,g=i.prop(s,`source`,8,null),_=i.prop(s,`initState`,8,null),v=i.prop(s,`setupApp`,8,null);h&&Object.assign(i.get(u),{setupApp:v()??p.setupApp??null}),_()&&h&&!i.get(u).__pvtStateSeeded&&(i.mutate(u,i.get(u).__pvtStateSeeded=!0),i.mutate(u,i.get(u).state={...i.get(u).state,..._()()})),h&&e({hasInitState:!!_(),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 "${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=i.mutable_source(i.get(u)?.state),b=()=>{};h&&(b=t(()=>i.get(u)?.state,()=>{i.set(y,i.get(u)?.state)},{deep:!0})),r(()=>b()),i.legacy_pre_effect(()=>(i.deep_read_state(g()),i.get(y),i.get(u)),()=>{if(h){let e=typeof g()==`function`?g()(i.get(y)):g();e!=null&&Object.assign(i.get(u),{source:e})}}),i.legacy_pre_effect_reset(),i.init();var x=i.comment(),S=i.first_child(x),C=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(y)}},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(y)}},null),i.append(e,t)};i.if(o,e=>{d===`controls`&&e(c)}),i.append(e,t)};i.if(S,e=>{h&&e(C)}),i.append(o,x),i.pop()}export{o as default};

package/dist/client/RenderVariant.svelte

@@ -7,6 +7,7 @@
   const currentVariant = getContext('__pvtVariant')
   const slotName = getContext('__pvtSlot')
   const index = getContext('__pvtIndex')
+  const storyProps = getContext('__pvtStoryProps') ?? {}
 
   const variant = story.variants[index.value]
   index.value++
@@ -18,6 +19,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 +53,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/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{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=null,h=null,_=f(i.targetVariantId);d(()=>i.targetVariantId,e=>{_.set(e)});async function v(){if(!a.value||!i.story.file)return;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:void 0};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};

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

package/dist/collect/Variant.svelte

@@ -5,6 +5,10 @@
   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
@@ -22,6 +26,7 @@
     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{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:void 0,variant:void 0};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};

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/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;

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.15.0",
   "description": "Poveste plugin for Svelte 5 and SvelteKit support",
   "author": {
     "name": "Sorin Gitlan",
@@ -65,7 +65,7 @@
   "peerDependencies": {
     "@sveltejs/kit": "^2.53.0",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "poveste": "^0.14.0",
+    "poveste": "^0.15.0",
     "svelte": "^5.46.4"
   },
   "peerDependenciesMeta": {
@@ -74,24 +74,24 @@
     }
   },
   "dependencies": {
-    "@poveste/controls": "^0.14.0",
-    "@poveste/shared": "^0.14.0",
-    "@poveste/vendors": "^0.14.0",
+    "@poveste/controls": "^0.15.0",
+    "@poveste/shared": "^0.15.0",
+    "@poveste/vendors": "^0.15.0",
     "change-case": "^5.4.4",
-    "globby": "^14.0.2",
+    "ignore": "^7.0.6",
     "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",
+    "concurrently": "^10.0.5",
     "fs-extra": "^11.2.0",
-    "globby": "^14.0.2",
-    "poveste": "0.14.0",
+    "poveste": "0.15.0",
     "svelte": "5.55.0",
     "svelte-preprocess": "^6.0.3",
-    "typescript": "5.6.3",
+    "typescript": "6.0.3",
     "vite": "^8.0.0",
     "vitest": "^5.0.0"
   },