@poveste/plugin-svelte 0.19.1 → 0.21.0

package/README.md

@@ -55,6 +55,8 @@ and your content reads it from the snippet:
 >
 > [How, and why](https://poveste.dev/guide/migration-from-histoire#svelte-story-state-moves-to-initstate)
 
+A story's Docs tab shows a props, slots and events table for each component it imports, read from the type on the component's `$props()`. It needs `typescript` 6 or earlier and `svelte2tsx` in the book: `npm i -D typescript@6 svelte2tsx`. See [Component docs](https://poveste.dev/guide/svelte/getting-started#component-docs).
+
 [Svelte guide](https://poveste.dev/guide/svelte/getting-started) ·
 [SvelteKit](https://poveste.dev/guide/sveltekit/getting-started) ·
 [Documentation](https://poveste.dev)

package/dist/client/util.js

@@ -1 +1 @@
-import{watch as e}from"@poveste/vendors/vue";import{applyState as t,clone as n}from"@poveste/shared";function r(e){let t={};for(let n in e){if(n===`Hst`)continue;let r=e[n];typeof r!=`function`&&r!==void 0&&(r instanceof HTMLElement||typeof r==`object`&&r?.$$||(t[n]=r))}return t}function i(i,a){let o=!1,s=e(()=>i,e=>{if(e!=null){if(o){o=!1;return}o=!0,a(r(e))}},{deep:!0,immediate:!0});function c(e){if(e!=null){if(o){o=!1;return}o=t(i,n(r(e)))}}return{apply:c,stop(){s()}}}export{i as syncState};
+import{watch as e}from"@poveste/vendors/vue";import{applyState as t,clone as n}from"@poveste/shared";function r(e){let t={};for(let n in e){if(n===`Hst`)continue;let r=e[n];typeof r!=`function`&&r!==void 0&&(r instanceof HTMLElement||typeof r==`object`&&r?.$$||(t[n]=r))}return t}function i(i,a){let o=!1,s=e(()=>i,e=>{e!=null&&(o?o=!1:(o=!0,a(r(e))))},{deep:!0,immediate:!0});function c(e){e!=null&&(o=!o&&t(i,n(r(e))))}return{apply:c,stop(){s()}}}export{i as syncState};

package/dist/collect/Story.js

@@ -1 +1 @@
-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=i.prop(o,`meta`,8,null),_=e.getOptional(),v=r.getOptional(),y=c()??v?.id,b=s()??v?.fileName;if(!y||b===void 0)throw Error("[poveste] a <Story> collected outside a story file needs an `id` and a `title`");let x={id:y,title:b,group:l(),layout:u(),icon:d(),iconColor:f(),docsOnly:p(),autoPropsDisabled:m(),...g()?{meta:g()}:{},variants:[]};_?.(x);let S=h()?h()():{};n.set(x),t.set(e=>{x.variants.push(e)}),i.init();var C=i.comment(),w=i.first_child(C);i.slot(w,o,`default`,{get state(){return S}},null),i.append(a,C),i.pop()}export{a 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,`autoDocs`,8);i.prop(o,`component`,8);let h=i.prop(o,`autoPropsDisabled`,8,null),g=i.prop(o,`initState`,8,null),_=i.prop(o,`meta`,8,null),v=e.getOptional(),y=r.getOptional(),b=c()??y?.id,x=s()??y?.fileName;if(!b||x===void 0)throw Error("[poveste] a <Story> collected outside a story file needs an `id` and a `title`");let S={id:b,title:x,group:l(),layout:u(),icon:d(),iconColor:f(),docsOnly:p(),...m()===void 0?{}:{autoDocs:m()},autoPropsDisabled:h(),..._()?{meta:_()}:{},variants:[]};v?.(S);let C=g()?g()():{};n.set(S),t.set(e=>{S.variants.push(e)}),i.init();var w=i.comment(),T=i.first_child(w);i.slot(T,o,`default`,{get state(){return C}},null),i.append(a,w),i.pop()}export{a as default};

package/dist/collect/Story.svelte

@@ -8,6 +8,10 @@
   export let icon = null
   export let iconColor = null
   export let docsOnly = false
+  export let autoDocs
+  // Read from the source by auto-docs, not here (#1432).
+  // svelte-ignore export_let_unused
+  export let component
   export let autoPropsDisabled = null
   export let initState = null
   export let meta = null
@@ -33,6 +37,7 @@
     icon,
     iconColor,
     docsOnly,
+    ...autoDocs !== undefined ? { autoDocs } : {},
     // Collected rather than inherited down: `MountStory` forwards story props
     // only to an implicit variant (#466). Left undefined when unset, or the
     // collector's `??=` merge could never apply `defaultStoryProps`.

package/dist/collect/index.js

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

package/dist/docgen/defaults.d.ts

@@ -0,0 +1,14 @@
+type Parse = typeof import('svelte/compiler').parse;
+export interface ScriptReading {
+    /** The defaults the component's own code applies, as written. */
+    defaults: Map<string, string>;
+    /** The props its `$props()` destructuring names. */
+    taken: Set<string>;
+}
+/**
+ * What a component's script says about its props: a `$props()` destructuring
+ * default, through `$bindable(...)`, or a Svelte 4 `export let`, and which props
+ * the destructuring takes.
+ */
+export declare function readScript(parse: Parse, source: string): ScriptReading;
+export {};

package/dist/docgen/defaults.js

@@ -0,0 +1,57 @@
+function keyOf(property) {
+    return property.key?.name ?? property.key?.value;
+}
+/**
+ * What a component's script says about its props: a `$props()` destructuring
+ * default, through `$bindable(...)`, or a Svelte 4 `export let`, and which props
+ * the destructuring takes.
+ */
+export function readScript(parse, source) {
+    const defaults = new Map();
+    const taken = new Set();
+    const ast = parse(source, { modern: true });
+    const text = (node) => source.slice(node.start, node.end);
+    function visit(node) {
+        if (!node || typeof node !== 'object') {
+            return;
+        }
+        if (node.type === 'VariableDeclarator' && node.init?.type === 'CallExpression' && node.init.callee?.name === '$props' && node.id?.type === 'ObjectPattern') {
+            for (const property of node.id.properties ?? []) {
+                const name = keyOf(property);
+                if (property.type === 'Property' && name) {
+                    taken.add(name);
+                }
+                if (property.type !== 'Property' || property.value?.type !== 'AssignmentPattern' || !name) {
+                    continue;
+                }
+                let value = property.value.right;
+                if (value?.type === 'CallExpression' && value.callee?.name === '$bindable') {
+                    value = value.arguments?.[0];
+                }
+                if (value) {
+                    defaults.set(name, text(value));
+                }
+            }
+        }
+        if (node.type === 'ExportNamedDeclaration' && node.declaration?.type === 'VariableDeclaration' && node.declaration.kind === 'let') {
+            for (const declarator of node.declaration.declarations ?? []) {
+                if (declarator.id?.type === 'Identifier' && declarator.id.name && declarator.init) {
+                    defaults.set(declarator.id.name, text(declarator.init));
+                }
+            }
+        }
+        for (const [key, value] of Object.entries(node)) {
+            if (key === 'parent') {
+                continue;
+            }
+            if (Array.isArray(value)) {
+                value.forEach(visit);
+            }
+            else if (value && typeof value === 'object' && 'type' in value) {
+                visit(value);
+            }
+        }
+    }
+    visit(ast.instance?.content);
+    return { defaults, taken };
+}

package/dist/docgen/extractor.d.ts

@@ -0,0 +1,8 @@
+import type { DocgenExtractor, DocgenExtractorContext } from '@poveste/shared';
+/**
+ * Runs in the docgen worker. One language service over the book's tsconfig, in
+ * which a `.svelte` file is its `svelte2tsx` output; a probe file names each
+ * requested component's `ComponentProps`, which the checker resolves through
+ * imported and extended types the way the book's editor does (#501, #1160).
+ */
+export declare function createExtractor(context: DocgenExtractorContext): DocgenExtractor;

package/dist/docgen/extractor.js

@@ -0,0 +1,172 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { basename, dirname, isAbsolute, join, resolve } from 'pathe';
+import { ambientFiles, documentProps, loadFromBook, readTsconfig } from 'poveste/docgen';
+import { readScript } from './defaults.js';
+// A Svelte 5 `Snippet<...>`, and Svelte 4's slot shape as `svelte2tsx` types it.
+const SLOT_TYPE = /\bSnippet\b/;
+// Svelte 5's DOM-style `onclick` as well as a library's `onCheckedChange`.
+const EVENT_NAME = /^on[a-z]/i;
+// Each `.svelte` file is read as its `svelte2tsx` output under this name. Nothing on
+// disk carries it, unlike `x.svelte.ts`, which is a rune module a book may have.
+const VIRTUAL = '.tsx';
+function isVirtual(file) {
+    return file.endsWith(`.svelte${VIRTUAL}`) && !file.includes('/node_modules/');
+}
+function realOf(file) {
+    return isVirtual(file) ? file.slice(0, -VIRTUAL.length) : file;
+}
+/**
+ * Runs in the docgen worker. One language service over the book's tsconfig, in
+ * which a `.svelte` file is its `svelte2tsx` output; a probe file names each
+ * requested component's `ComponentProps`, which the checker resolves through
+ * imported and extended types the way the book's editor does (#501, #1160).
+ */
+export function createExtractor(context) {
+    const root = context.root;
+    const options = (context.options ?? {});
+    const typescript = loadFromBook(root, 'typescript', 'reads Svelte components\' types');
+    const { VERSION, parse } = loadFromBook(root, 'svelte/compiler', 'reads Svelte components\' source');
+    const { svelte2tsx } = loadFromBook(root, 'svelte2tsx', 'reads Svelte components\' types through it');
+    const shims = ['svelte-shims-v4.d.ts', 'svelte-jsx-v4.d.ts'].map(file => join(dirname(createRequire(join(root, 'package.json')).resolve('svelte2tsx/package.json')), file));
+    const parsed = readTsconfig(typescript, root);
+    // The book's `app.d.ts` and other globals, which the probe's imports would not reach.
+    const ambient = ambientFiles(parsed);
+    const compilerOptions = {
+        module: typescript.ModuleKind.ESNext,
+        moduleResolution: typescript.ModuleResolutionKind.Bundler,
+        target: typescript.ScriptTarget.ESNext,
+        strict: true,
+        skipLibCheck: true,
+        ...parsed ? parsed.options : {},
+        // What `svelte2tsx` output needs whatever the book says: it is TSX, and the probe is never emitted.
+        jsx: typescript.JsxEmit.Preserve,
+        allowJs: true,
+        noEmit: true,
+    };
+    const probe = join(root, '__poveste_docgen__.ts');
+    const requested = [];
+    const versions = new Map();
+    const generated = new Map();
+    let projectVersion = 0;
+    function bump(file) {
+        versions.set(file, (versions.get(file) ?? 0) + 1);
+        projectVersion++;
+    }
+    function probeText() {
+        return requested.map((file, index) => `import C${index} from ${JSON.stringify(file)}\nexport type P${index} = import('svelte').ComponentProps<typeof C${index}>\n`).join('');
+    }
+    // Whether a component's script is TypeScript. One without `lang="ts"` comes out of
+    // `svelte2tsx` typed in JSDoc, which only a JS source file reads.
+    const typed = new Map();
+    function tsx(file) {
+        let code = generated.get(file);
+        if (code === undefined) {
+            const source = readFileSync(file, 'utf8');
+            const isTsFile = /<script\s[^>]*lang=["']ts["']/.test(source);
+            typed.set(file, isTsFile);
+            code = svelte2tsx(source, { filename: file, isTsFile, mode: 'ts', version: VERSION }).code;
+            generated.set(file, code);
+        }
+        return code;
+    }
+    function scriptKind(file) {
+        if (!isVirtual(file)) {
+            return typescript.ScriptKind.Unknown;
+        }
+        tsx(realOf(file));
+        return typed.get(realOf(file)) ? typescript.ScriptKind.TSX : typescript.ScriptKind.JSX;
+    }
+    function read(file) {
+        if (file === probe) {
+            return probeText();
+        }
+        if (isVirtual(file) && existsSync(realOf(file))) {
+            return tsx(realOf(file));
+        }
+        return typescript.sys.readFile(file);
+    }
+    function exists(file) {
+        return file === probe || (isVirtual(file) ? existsSync(realOf(file)) : typescript.sys.fileExists(file));
+    }
+    const moduleHost = { ...typescript.sys, fileExists: exists, readFile: read };
+    const cache = typescript.createModuleResolutionCache(root, name => name, compilerOptions);
+    /**
+     * A `.svelte` specifier goes to the virtual file when the book has the component,
+     * through the book's own `paths`, and otherwise resolves as TypeScript would: to a
+     * package's `.svelte.d.ts`, or to the ambient `*.svelte` module.
+     */
+    function resolveOne(specifier, containingFile) {
+        if (specifier.endsWith('.svelte')) {
+            const direct = specifier.startsWith('.') || isAbsolute(specifier) ? resolve(dirname(containingFile), specifier) + VIRTUAL : undefined;
+            // Through `paths` (`$lib/x.svelte`), the mapped location is all that is kept: TypeScript marks
+            // that resolution as made with a `.tsx` extension, which the specifier does not have, and the
+            // checker then fails an assertion looking for it.
+            const target = direct ?? typescript.resolveModuleName(specifier + VIRTUAL, containingFile, compilerOptions, moduleHost, cache).resolvedModule?.resolvedFileName;
+            if (target && isVirtual(target) && existsSync(realOf(target))) {
+                return { resolvedModule: { resolvedFileName: target, extension: typescript.Extension.Tsx, isExternalLibraryImport: false } };
+            }
+        }
+        return typescript.resolveModuleName(specifier, containingFile, compilerOptions, moduleHost, cache);
+    }
+    const service = typescript.createLanguageService({
+        getProjectVersion: () => String(projectVersion),
+        getCompilationSettings: () => compilerOptions,
+        getScriptFileNames: () => [probe, ...shims, ...ambient],
+        getScriptVersion: file => String(versions.get(file) ?? 0),
+        getScriptSnapshot(file) {
+            const text = read(file);
+            return text === undefined ? undefined : typescript.ScriptSnapshot.fromString(text);
+        },
+        getScriptKind: scriptKind,
+        getCurrentDirectory: () => root,
+        getDefaultLibFileName: settings => typescript.getDefaultLibFilePath(settings),
+        fileExists: exists,
+        readFile: read,
+        readDirectory: typescript.sys.readDirectory,
+        directoryExists: typescript.sys.directoryExists,
+        getDirectories: typescript.sys.getDirectories,
+        ...typescript.sys.realpath ? { realpath: typescript.sys.realpath } : {},
+        resolveModuleNameLiterals: (literals, containingFile) => literals.map(literal => resolveOne(literal.text, containingFile)),
+    });
+    return {
+        extract(file) {
+            let index = requested.indexOf(file);
+            if (index === -1) {
+                index = requested.push(file) - 1;
+                bump(probe);
+            }
+            const program = service.getProgram();
+            const alias = program?.getSourceFile(probe)?.statements.find((statement) => typescript.isTypeAliasDeclaration(statement) && statement.name.text === `P${index}`);
+            if (!program || !alias) {
+                throw new Error('TypeScript built no program for the book');
+            }
+            const checker = program.getTypeChecker();
+            const props = checker.getTypeAtLocation(alias.name);
+            if (props.flags & typescript.TypeFlags.Any) {
+                throw new Error('its props type did not resolve');
+            }
+            const script = readScript(parse, readFileSync(file, 'utf8'));
+            return documentProps(typescript, checker, props, {
+                location: alias,
+                name: basename(file).replace(/\.svelte$/, ''),
+                defaults: script.defaults,
+                slotType: SLOT_TYPE,
+                eventName: EVENT_NAME,
+                takesChildren: script.taken.has('children'),
+            }, options);
+        },
+        update(file) {
+            if (file.endsWith('.svelte')) {
+                generated.delete(file);
+                typed.delete(file);
+                bump(file + VIRTUAL);
+            }
+            else {
+                bump(file);
+            }
+        },
+        sources: () => service.getProgram()?.getSourceFiles().map(sourceFile => realOf(sourceFile.fileName)).filter(file => file !== probe && !file.includes('/node_modules/')) ?? [],
+        dispose: () => service.dispose(),
+    };
+}

package/dist/helpers.d.ts

@@ -1,5 +1,5 @@
 import type { HstControlOption } from '@poveste/controls';
-import type { Story, StoryMeta, StoryProps, Variant, VariantMeta, VariantProps } from '@poveste/shared';
+import type { Awaitable, Story, StoryComponentOptions, StoryMeta, StoryProps, Variant, VariantMeta, VariantProps } from '@poveste/shared';
 import type { Component, Snippet } from 'svelte';
 export interface SvelteStorySetupApi {
     app: any;
@@ -44,7 +44,7 @@ type WithState<P> = Omit<P, 'source'> & {
     source?: string | ((state: StoryState) => string);
 };
 export interface Hst {
-    Story: Component<WithState<WithChildren<StoryProps>> & {
+    Story: Component<WithState<WithChildren<StoryProps>> & StoryComponentOptions<Component<any> | Component<any>[]> & {
         meta?: StoryMeta;
     }>;
     Variant: Component<WithState<WithChildren<VariantProps>> & {
@@ -108,7 +108,7 @@ export interface Hst {
         value: unknown;
         title: string;
     }>;
-    Shades: Component<{
+    ColorShades: Component<{
         shades: Record<string, any>;
         getName?: (key: string, color: string) => string;
         search?: string;
@@ -123,7 +123,8 @@ export interface Hst {
         colSize?: number;
     }>;
     CopyIcon: Component<{
-        content: string;
+        content: string | undefined | (() => Awaitable<string | undefined>);
+        loading?: boolean;
     }>;
     ColorSelect: Component<{
         value?: string;

package/dist/index.node.js

@@ -1,6 +1,7 @@
 import { existsSync } from 'node:fs';
 import { createRequire } from 'node:module';
 import process from 'node:process';
+import { fileURLToPath } from 'node:url';
 import { dirname, join } from 'pathe';
 import { defaultColors } from 'poveste';
 import generateStoryCommand from './commands/generate-story.server.js';
@@ -11,9 +12,38 @@ import { withoutSvelteKitServer } from './util/kit-server.js';
 import { syncSvelteKit } from './util/kit-sync.js';
 import { listComponentFiles } from './util/list-components.js';
 import { disableStoryComponentHmr } from './util/story-hmr.js';
+/**
+ * `svelte2tsx` is an optional peer, loaded from the book like TypeScript, so a book
+ * with auto-docs off installs neither. Looked for up the book's own `node_modules`,
+ * where a check that passes means the extractor's load finds it, or resolved from
+ * the book under Yarn PnP, which has none (#1508).
+ */
+function svelte2tsxProblem(root) {
+    if (process.versions['pnp']) {
+        try {
+            createRequire(join(root, 'package.json')).resolve('svelte2tsx/package.json');
+            return undefined;
+        }
+        catch { }
+    }
+    for (let dir = root; dir !== dirname(dir); dir = dirname(dir)) {
+        if (existsSync(join(dir, 'node_modules', 'svelte2tsx', 'package.json'))) {
+            return undefined;
+        }
+    }
+    return 'Auto-docs is off: it reads Svelte components\' types through `svelte2tsx`, which this book does not have. Install `svelte2tsx` in the book to turn it on, or set `autoDocs: false` to turn it off without this message.';
+}
 export function HstSvelte() {
     return {
         name: '@poveste/plugin-svelte',
+        // Props through `svelte2tsx` and the book's own TypeScript, read in the docgen worker (#501).
+        docgen: {
+            match: file => file.endsWith('.svelte') && !file.endsWith('.story.svelte'),
+            module: fileURLToPath(new URL('./docgen/extractor.js', import.meta.url)),
+            // `svelte2tsx`'s output is read with the book's TypeScript (#1401).
+            typescript: 'book',
+            unavailable: svelte2tsxProblem,
+        },
         async defaultConfig() {
             const syncProblem = syncSvelteKit(process.cwd());
             if (syncProblem) {

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

@@ -2,6 +2,9 @@
 export declare function svelteAutoProps(): {
     name: string;
     enforce: "pre";
+    watchChange(_id: string, change: {
+        event: "create" | "update" | "delete";
+    }): void;
     transform(this: any, code: string, id: string): Promise<{
         code: string;
         map: null;

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

@@ -1,27 +1,52 @@
 import { readFile } from 'node:fs/promises';
+import { dirname } from 'node:path';
 import { transformStoryAutoProps } from './auto-props.js';
 import { extractPropDefs } from './props.js';
 import { isSvelteStory } from './story-source.js';
 const IMPORTS_A_COMPONENT = /from\s*['"][^'"]*\.svelte['"]/;
 /** Runs before `vite-plugin-svelte`: after it compiles there is nothing left to rewrite (#233). */
 export function svelteAutoProps() {
+    // Shared by every story and by both passes a build makes: each story re-resolved
+    // and re-parsed the components it imports, 30 times for 12 files in the Svelte
+    // example (#476). A resolution holds until a file is created or deleted; props
+    // hold while the component's source is unchanged.
+    const resolutions = new Map();
+    const parsed = new Map();
     return {
         name: 'poveste:svelte-auto-props',
         enforce: 'pre',
+        watchChange(_id, change) {
+            if (change.event !== 'update') {
+                resolutions.clear();
+            }
+        },
         async transform(code, id) {
             if (!isSvelteStory(id, code) || !IMPORTS_A_COMPONENT.test(code)) {
                 return undefined;
             }
             const result = await transformStoryAutoProps(code, async (specifier) => {
-                const resolved = await this.resolve(specifier, id);
-                if (!resolved) {
+                const key = `${dirname(id)}\0${specifier}`;
+                if (!resolutions.has(key)) {
+                    resolutions.set(key, this.resolve(specifier, id).then((resolved) => resolved?.id.split('?')[0], (error) => {
+                        resolutions.delete(key);
+                        throw error;
+                    }));
+                }
+                const file = await resolutions.get(key);
+                if (!file) {
                     return undefined;
                 }
-                const file = resolved.id.split('?')[0];
                 // Baked into this module, so Vite has to know it depends on the source.
                 this.addWatchFile(file);
                 try {
-                    return extractPropDefs(await readFile(file, 'utf8'));
+                    const source = await readFile(file, 'utf8');
+                    const cached = parsed.get(file);
+                    if (cached?.source === source) {
+                        return cached.props;
+                    }
+                    const props = extractPropDefs(source);
+                    parsed.set(file, { source, props });
+                    return props;
                 }
                 catch (error) {
                     // Not a failed build, but silence would look like a component that

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@poveste/plugin-svelte",
   "type": "module",
-  "version": "0.19.1",
+  "version": "0.21.0",
   "description": "Poveste plugin for Svelte 5 and SvelteKit support",
   "author": {
     "name": "Sorin Gitlan",
@@ -69,36 +69,41 @@
   "peerDependencies": {
     "@sveltejs/kit": "^2.53.0 || ^3.0.0",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
-    "poveste": "^0.19.1",
-    "svelte": "^5.46.4"
+    "poveste": "^0.21.0",
+    "svelte": "^5.46.4",
+    "svelte2tsx": "^0.7.61"
   },
   "peerDependenciesMeta": {
     "@sveltejs/kit": {
       "optional": true
+    },
+    "svelte2tsx": {
+      "optional": true
     }
   },
   "dependencies": {
-    "@poveste/controls": "^0.19.1",
-    "@poveste/shared": "^0.19.1",
-    "@poveste/vendors": "^0.19.1",
+    "@poveste/controls": "^0.21.0",
+    "@poveste/shared": "^0.21.0",
+    "@poveste/vendors": "^0.21.0",
     "change-case": "^5.4.4",
     "ignore": "^7.0.10",
-    "launch-editor": "^2.9.1",
+    "launch-editor": "^2.14.2",
     "pathe": "^2.0.3",
     "tinyglobby": "^0.2.17"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^7.3.1",
-    "@types/node": "^26.6.3",
-    "concurrently": "^10.0.5",
+    "@types/node": "^26.6.5",
+    "concurrently": "^10.0.6",
     "fs-extra": "^11.4.1",
-    "jsdom": "^30.1.1",
-    "poveste": "0.19.1",
-    "svelte": "5.57.1",
+    "jsdom": "^30.1.3",
+    "poveste": "0.21.0",
+    "svelte": "5.57.2",
     "svelte-preprocess": "^6.0.5",
+    "svelte2tsx": "^0.7.62",
     "typescript": "6.0.3",
-    "vite": "^8.3.1",
-    "vitest": "^5.0.2"
+    "vite": "^8.3.4",
+    "vitest": "^5.0.5"
   },
   "scripts": {
     "build": "rimraf dist && vite build && tsc -d -P tsconfig.build.json && pnpm run build:types",