@wuchale/svelte 0.19.4 → 0.20.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import { createHeuristic, defaultGenerateLoadID, defaultHeuristicOpts, fillDefaults, pofile } from 'wuchale';
+import { createHeuristic, defaultHeuristicOpts, fillDefaults, pofile } from 'wuchale';
 import { loaderPathResolver } from 'wuchale/adapter-utils';
 import { pluralPattern } from 'wuchale/adapter-vanilla';
 import { SvelteTransformer } from './transformer.js';
@@ -46,9 +46,11 @@ export const defaultArgs = {
     storage: pofile(),
     patterns: [pluralPattern],
     heuristic: svelteDefaultHeuristic,
-    granularLoad: false,
-    bundleLoad: false,
-    generateLoadID: defaultGenerateLoadID,
+    loading: {
+        direct: false,
+        granular: false,
+        group: [],
+    },
     loader: 'svelte',
     runtime: {
         initReactive: ({ file, funcName, ctx: { module } }) => {
@@ -91,11 +93,9 @@ export const adapter = (args = defaultArgs) => {
     }
     const { heuristic, patterns, runtime, loader, ...rest } = fillDefaults(args, defaultArgs);
     return {
-        transform: ({ content, filename, index, expr, matchUrl }) => {
-            return new SvelteTransformer(content, filename, index, heuristic, patterns, expr, runtime, matchUrl).transformSv();
-        },
+        transform: ctx => new SvelteTransformer(ctx, heuristic, patterns, runtime).transformSv(),
         loaderExts: ['.svelte.js', '.svelte.ts', '.js', '.ts'],
-        defaultLoaderPath: getDefaultLoaderPath(loader, rest.bundleLoad),
+        defaultLoaderPath: getDefaultLoaderPath(loader, rest.loading.direct),
         runtime,
         ...rest,
     };

package/dist/transformer.d.ts

@@ -1,50 +1,49 @@
 import type { AnyNode, VariableDeclarator } from 'acorn';
 import { type AST } from 'svelte/compiler';
-import type { CatalogExpr, CodePattern, HeuristicFunc, IndexTracker, Message, RuntimeConf, TransformOutput, UrlMatcher } from 'wuchale';
+import type { CodePattern, HeuristicFunc, Message, RuntimeConf, TransformCtx, TransformOutput } from 'wuchale';
 import { MixedVisitor } from 'wuchale/adapter-utils';
 import { Transformer } from 'wuchale/adapter-vanilla';
-type MixedNodesTypes = AST.Text | AST.Tag | AST.ElementLike | AST.Block | AST.Comment;
+type MixedNodesTypes = AST.Text | AST.Tag | AST.ElementLike | AST.SvelteElement | AST.Block | AST.Comment;
 type MixedVisitorSvelte = MixedVisitor<MixedNodesTypes, AST.Text, AST.Comment, AST.ExpressionTag>;
 export type RuntimeCtxSv = {
     module: boolean;
 };
 export declare class SvelteTransformer extends Transformer {
     currentElement?: string | undefined;
-    inCompoundText: boolean;
     currentSnippet: number;
     moduleExportExprs: AnyNode[];
     mixedVisitor: MixedVisitorSvelte;
-    constructor(content: string, filename: string, index: IndexTracker, heuristic: HeuristicFunc, patterns: CodePattern[], catalogExpr: CatalogExpr, rtConf: RuntimeConf, matchUrl: UrlMatcher);
-    visitExpressionTag: (node: AST.ExpressionTag) => Message[];
-    visitVariableDeclarator: (node: VariableDeclarator) => Message[];
-    initMixedVisitor: () => MixedVisitorSvelte;
-    visitFragment: (node: AST.Fragment) => Message[];
-    visitRegularElement: (node: AST.ElementLike) => Message[];
-    visitComponent: (node: AST.ElementLike) => Message[];
-    visitText: (node: AST.Text) => Message[];
-    visitSpreadAttribute: (node: AST.SpreadAttribute) => Message[];
-    visitAttribute: (node: AST.Attribute) => Message[];
-    visitConstTag: (node: AST.ConstTag) => Message[];
-    visitRenderTag: (node: AST.RenderTag) => Message[];
-    visitHtmlTag: (node: AST.HtmlTag) => Message[];
-    visitOnDirective: (node: AST.OnDirective) => Message[];
-    hasIdentifier: (node: AnyNode | AnyNode[], name: string) => boolean;
-    visitSnippetBlock: (node: AST.SnippetBlock) => Message[];
-    visitIfBlock: (node: AST.IfBlock) => Message[];
-    visitEachBlock: (node: AST.EachBlock) => Message[];
-    visitKeyBlock: (node: AST.KeyBlock) => Message[];
-    visitAwaitBlock: (node: AST.AwaitBlock) => Message[];
-    visitSvelteBody: (node: AST.SvelteBody) => Message[];
-    visitSvelteDocument: (node: AST.SvelteDocument) => Message[];
-    visitSvelteElement: (node: AST.SvelteElement) => Message[];
-    visitSvelteBoundary: (node: AST.SvelteBoundary) => Message[];
-    visitSvelteHead: (node: AST.SvelteHead) => Message[];
-    visitTitleElement: (node: AST.TitleElement) => Message[];
-    visitSvelteWindow: (node: AST.SvelteWindow) => Message[];
-    visitRoot: (node: AST.Root) => Message[];
-    visitSv: (node: AST.SvelteNode | AnyNode) => Message[];
+    constructor(ctx: TransformCtx, heuristic: HeuristicFunc, patterns: CodePattern[], rtConf: RuntimeConf);
+    visitExpressionTag(node: AST.ExpressionTag): Message[];
+    visitVariableDeclarator(node: VariableDeclarator): Message[];
+    initMixedVisitor(): MixedVisitorSvelte;
+    visitFragment(node: AST.Fragment): Message[];
+    visitRegularElement(node: AST.ElementLike): Message[];
+    visitComponent(node: AST.Component): Message[];
+    visitSpreadAttribute(node: AST.SpreadAttribute): Message[];
+    visitAttribute(node: AST.Attribute): Message[];
+    visitConstTag(node: AST.ConstTag): Message[];
+    visitDeclarationTag(node: AST.DeclarationTag): Message[];
+    visitRenderTag(node: AST.RenderTag): Message[];
+    visitHtmlTag(node: AST.HtmlTag): Message[];
+    visitOnDirective(node: AST.OnDirective): Message[];
+    hasIdentifier(node: AnyNode | AnyNode[], name: string): boolean;
+    visitSnippetBlock(node: AST.SnippetBlock): Message[];
+    visitIfBlock(node: AST.IfBlock): Message[];
+    visitEachBlock(node: AST.EachBlock): Message[];
+    visitKeyBlock(node: AST.KeyBlock): Message[];
+    visitAwaitBlock(node: AST.AwaitBlock): Message[];
+    visitSvelteBody(node: AST.SvelteBody): Message[];
+    visitSvelteDocument(node: AST.SvelteDocument): Message[];
+    visitSvelteElement(node: AST.SvelteElement): Message[];
+    visitSvelteBoundary(node: AST.SvelteBoundary): Message[];
+    visitSvelteHead(node: AST.SvelteHead): Message[];
+    visitTitleElement(node: AST.TitleElement): Message[];
+    visitSvelteWindow(node: AST.SvelteWindow): Message[];
+    visitRoot(node: AST.Root): Message[];
+    visitSv(node: AST.SvelteNode | AnyNode): Message[];
     /** collects the ranges that will be checked if a snippet identifier is exported using RegExp test to simplify */
-    collectModuleExportExprs: (script: AST.Script) => void;
-    transformSv: () => Promise<TransformOutput>;
+    collectModuleExportExprs(script: AST.Script): void;
+    transformSv(): Promise<TransformOutput>;
 }
 export {};

package/dist/transformer.js

@@ -1,8 +1,7 @@
 import { parse, preprocess } from 'svelte/compiler';
 import { getKey } from 'wuchale';
-import { MixedVisitor, nonWhitespaceText, varNames } from 'wuchale/adapter-utils';
+import { MixedVisitor, varNames } from 'wuchale/adapter-utils';
 import { parseScript, Transformer } from 'wuchale/adapter-vanilla';
-const nodesWithChildren = ['RegularElement', 'Component'];
 const noWrapTopCalls = ['$props', '$state', '$derived', '$effect'];
 const rtComponent = 'W_tx_';
 const headerAdd = `\nimport ${rtComponent} from "@wuchale/svelte/runtime.svelte"`;
@@ -17,23 +16,25 @@ const removeCSS = ({ content }) => ({
 export class SvelteTransformer extends Transformer {
     // state
     currentElement;
-    inCompoundText = false;
     currentSnippet = 0;
     moduleExportExprs = []; // to choose which runtime var to use for snippets
     mixedVisitor;
-    constructor(content, filename, index, heuristic, patterns, catalogExpr, rtConf, matchUrl) {
-        super(content, filename, index, heuristic, patterns, catalogExpr, rtConf, matchUrl, [varNames.rt, rtModuleVar]);
+    constructor(ctx, heuristic, patterns, rtConf) {
+        super(ctx, heuristic, patterns, rtConf, [varNames.rt, rtModuleVar]);
         this.heuristciDetails.insideProgram = false;
         this.mixedVisitor = this.initMixedVisitor();
     }
-    visitExpressionTag = (node) => this.visit(node.expression);
-    visitVariableDeclarator = (node) => {
-        const msgs = this.defaultVisitVariableDeclarator(node);
+    visitExpressionTag(node) {
+        return this.visit(node.expression);
+    }
+    visitVariableDeclarator(node) {
+        const msgs = super.visitVariableDeclarator(node);
         const init = node.init;
         if (!msgs.length ||
-            this.heuristciDetails.declaring != null ||
+            (this.heuristciDetails.declaring != null && this.heuristciDetails.declaring !== 'variable') ||
             init == null ||
-            ['ArrowFunctionExpression', 'FunctionExpression'].includes(init.type)) {
+            init.type === 'ArrowFunctionExpression' ||
+            init.type === 'FunctionExpression') {
             return msgs;
         }
         const needsWrapping = msgs.some(msg => {
@@ -53,75 +54,72 @@ export class SvelteTransformer extends Transformer {
             return msgs;
         }
         const isExported = this.moduleExportExprs.some(node => init.start >= node.start && init.end <= node.end);
-        if (!isExported) {
+        if (!isExported && this.initReactive()) {
             this.mstr.appendLeft(init.start, '$derived(');
             this.mstr.appendRight(init.end, ')');
         }
         return msgs;
-    };
-    initMixedVisitor = () => new MixedVisitor({
-        mstr: this.mstr,
-        vars: this.vars,
-        getRange: node => ({ start: node.start, end: node.end }),
-        isText: node => node.type === 'Text',
-        isComment: node => node.type === 'Comment',
-        leaveInPlace: node => ['ConstTag', 'SnippetBlock'].includes(node.type),
-        isExpression: node => node.type === 'ExpressionTag',
-        getTextContent: node => node.data,
-        getCommentData: node => node.data.trim(),
-        canHaveChildren: node => nodesWithChildren.includes(node.type),
-        visitFunc: (child, inCompoundText) => {
-            const inCompoundTextPrev = this.inCompoundText;
-            this.inCompoundText = inCompoundText;
-            const childTxts = this.visitSv(child);
-            this.inCompoundText = inCompoundTextPrev; // restore
-            return childTxts;
-        },
-        visitExpressionTag: this.visitExpressionTag,
-        fullHeuristicDetails: this.fullHeuristicDetails,
-        checkHeuristic: this.getHeuristicMessageType,
-        index: this.index,
-        wrapNested: (msgInfo, hasExprs, nestedRanges, lastChildEnd) => {
-            const snippets = [];
-            // create and reference snippets
-            for (const [childStart, childEnd, haveCtx] of nestedRanges) {
-                const snippetName = `${snipPrefix}${this.currentSnippet}`;
-                snippets.push(snippetName);
-                this.currentSnippet++;
-                const snippetBegin = `\n{#snippet ${snippetName}(${haveCtx ? this.vars().nestCtx : ''})}\n`;
-                this.mstr.appendRight(childStart, snippetBegin);
-                this.mstr.prependLeft(childEnd, '\n{/snippet}\n');
-            }
-            let begin = `\n<${rtComponent}`;
-            if (snippets.length) {
-                begin += ` t={[${snippets.join(', ')}]}`;
-            }
-            begin += ' x=';
-            if (this.inCompoundText) {
-                begin += `{${this.vars().nestCtx}} n`;
-            }
-            else {
-                const index = this.index.get(getKey(msgInfo.msgStr, msgInfo.context));
-                begin += `{${this.vars().rtCtx}(${index})}`;
-            }
-            let end = ' />\n';
-            if (hasExprs) {
-                begin += ' a={[';
-                end = `]}${end}`;
-            }
-            this.mstr.appendLeft(lastChildEnd, begin);
-            this.mstr.appendRight(lastChildEnd, end);
-        },
-    });
-    visitFragment = (node) => this.mixedVisitor.visit({
-        children: node.nodes,
-        commentDirectives: this.commentDirectives,
-        inCompoundText: this.inCompoundText,
-        scope: 'markup',
-        element: this.currentElement,
-        useComponent: this.currentElement !== 'title',
-    });
-    visitRegularElement = (node) => {
+    }
+    initMixedVisitor() {
+        return new MixedVisitor({
+            mstr: this.mstr,
+            index: this.index,
+            content: this.content,
+            vars: this.vars.bind(this),
+            getRange: node => ({ start: node.start, end: node.end }),
+            isText: node => node.type === 'Text',
+            isComment: node => node.type === 'Comment',
+            leaveInPlace: node => ['ConstTag', 'SnippetBlock'].includes(node.type),
+            isExpression: node => node.type === 'ExpressionTag',
+            getTextContent: node => node.data,
+            getCommentData: node => node.data.trim(),
+            visitFunc: this.visitSv.bind(this),
+            fullHeuristicDetails: this.fullHeuristicDetails.bind(this),
+            checkHeuristic: this.getHeuristicMessageType.bind(this),
+            wrapNested: (inNested, msgInfo, hasExprs, nestedRanges, lastChildEnd) => {
+                const snippets = [];
+                const vars = this.vars();
+                // create and reference snippets
+                for (const [childStart, childEnd, haveCtx] of nestedRanges) {
+                    const snippetName = `${snipPrefix}${this.currentSnippet}`;
+                    snippets.push(snippetName);
+                    this.currentSnippet++;
+                    const snippetBegin = `\n{#snippet ${snippetName}(${haveCtx ? vars.nestCtx : ''})}\n`;
+                    this.mstr.appendRight(childStart, snippetBegin);
+                    this.mstr.prependLeft(childEnd, '\n{/snippet}\n');
+                }
+                let begin = `\n<${rtComponent}`;
+                if (snippets.length) {
+                    begin += ` t={[${snippets.join(', ')}]}`;
+                }
+                begin += ' x=';
+                if (inNested) {
+                    begin += `{${vars.nestCtx}} n`;
+                }
+                else {
+                    const index = this.index.get(getKey(msgInfo.msgStr, msgInfo.context));
+                    begin += `{${vars.rtCtx}(${index})}`;
+                }
+                let end = ' />\n';
+                if (hasExprs) {
+                    begin += ' a={[';
+                    end = `]}${end}`;
+                }
+                this.mstr.appendLeft(lastChildEnd, begin);
+                this.mstr.appendRight(lastChildEnd, end);
+            },
+        });
+    }
+    visitFragment(node) {
+        return this.mixedVisitor.visit({
+            children: node.nodes,
+            commentDirectives: this.commentDirectives,
+            scope: 'markup',
+            element: this.currentElement,
+            useComponent: this.currentElement !== 'title',
+        });
+    }
+    visitRegularElement(node) {
         const currentElement = this.currentElement;
         this.currentElement = node.name;
         const msgs = [];
@@ -131,22 +129,14 @@ export class SvelteTransformer extends Transformer {
         msgs.push(...this.visitFragment(node.fragment));
         this.currentElement = currentElement;
         return msgs;
-    };
-    visitComponent = this.visitRegularElement;
-    visitText = (node) => {
-        const [startWh, trimmed, endWh] = nonWhitespaceText(node.data);
-        const [pass, msgInfo] = this.checkHeuristic(trimmed, {
-            scope: 'markup',
-            element: this.currentElement,
-        });
-        if (!pass) {
-            return [];
-        }
-        this.mstr.update(node.start + startWh, node.end - endWh, `{${this.literalRepl(msgInfo)}}`);
-        return [msgInfo];
-    };
-    visitSpreadAttribute = (node) => this.visit(node.expression);
-    visitAttribute = (node) => {
+    }
+    visitComponent(node) {
+        return this.visitRegularElement(node);
+    }
+    visitSpreadAttribute(node) {
+        return this.visit(node.expression);
+    }
+    visitAttribute(node) {
         if (node.value === true) {
             return [];
         }
@@ -158,14 +148,15 @@ export class SvelteTransformer extends Transformer {
             values = [node.value];
         }
         if (values.length > 1) {
-            return this.mixedVisitor.visit({
+            const msgs = this.mixedVisitor.visit({
                 children: values,
                 commentDirectives: this.commentDirectives,
-                inCompoundText: false,
                 scope: 'attribute',
                 element: this.currentElement,
                 attribute: node.name,
             });
+            msgs.push(...this.mixedVisitor.applyMod('attribute'));
+            return msgs;
         }
         const value = values[0];
         const heuDetails = {
@@ -195,15 +186,29 @@ export class SvelteTransformer extends Transformer {
             this.mstr.remove(value.end, value.end + 1);
         }
         return [msgInfo];
-    };
-    visitConstTag = (node) => {
+    }
+    visitConstTag(node) {
         // @ts-expect-error
         return this.visitVariableDeclaration(node.declaration);
-    };
-    visitRenderTag = (node) => this.visit(node.expression);
-    visitHtmlTag = (node) => this.visit(node.expression);
-    visitOnDirective = (node) => this.visit(node.expression);
-    hasIdentifier = (node, name) => {
+    }
+    visitDeclarationTag(node) {
+        const prevDeclaring = this.heuristciDetails.declaring;
+        this.heuristciDetails.declaring = 'variable';
+        // @ts-expect-error
+        const msgs = this.visitVariableDeclaration(node.declaration);
+        this.heuristciDetails.declaring = prevDeclaring;
+        return msgs;
+    }
+    visitRenderTag(node) {
+        return this.visit(node.expression);
+    }
+    visitHtmlTag(node) {
+        return this.visit(node.expression);
+    }
+    visitOnDirective(node) {
+        return this.visit(node.expression);
+    }
+    hasIdentifier(node, name) {
         if (!node || typeof node !== 'object') {
             return false;
         }
@@ -214,8 +219,8 @@ export class SvelteTransformer extends Transformer {
             return node.name === name;
         }
         return Object.values(node).some(value => this.hasIdentifier(value, name));
-    };
-    visitSnippetBlock = (node) => {
+    }
+    visitSnippetBlock(node) {
         // use module runtime var because the snippet may be exported from the module
         const prevRtVar = this.currentRtVar;
         if (this.hasIdentifier(this.moduleExportExprs, node.expression.name)) {
@@ -224,16 +229,16 @@ export class SvelteTransformer extends Transformer {
         const msgs = this.visitFragment(node.body);
         this.currentRtVar = prevRtVar;
         return msgs;
-    };
-    visitIfBlock = (node) => {
+    }
+    visitIfBlock(node) {
         const msgs = this.visit(node.test);
         msgs.push(...this.visitSv(node.consequent));
         if (node.alternate) {
             msgs.push(...this.visitSv(node.alternate));
         }
         return msgs;
-    };
-    visitEachBlock = (node) => {
+    }
+    visitEachBlock(node) {
         const msgs = [...this.visit(node.expression), ...this.visitSv(node.body)];
         if (node.key) {
             msgs.push(...this.visit(node.key));
@@ -242,11 +247,11 @@ export class SvelteTransformer extends Transformer {
             msgs.push(...this.visitSv(node.fallback));
         }
         return msgs;
-    };
-    visitKeyBlock = (node) => {
+    }
+    visitKeyBlock(node) {
         return [...this.visit(node.expression), ...this.visitSv(node.fragment)];
-    };
-    visitAwaitBlock = (node) => {
+    }
+    visitAwaitBlock(node) {
         const msgs = this.visit(node.expression);
         if (node.then) {
             msgs.push(...this.visitFragment(node.then));
@@ -258,18 +263,38 @@ export class SvelteTransformer extends Transformer {
             msgs.push(...this.visitFragment(node.catch));
         }
         return msgs;
-    };
-    visitSvelteBody = (node) => node.attributes.flatMap(this.visitSv);
-    visitSvelteDocument = (node) => node.attributes.flatMap(this.visitSv);
-    visitSvelteElement = (node) => node.attributes.flatMap(this.visitSv);
-    visitSvelteBoundary = (node) => [
-        ...node.attributes.flatMap(this.visitSv),
-        ...this.visitSv(node.fragment),
-    ];
-    visitSvelteHead = (node) => this.visitSv(node.fragment);
-    visitTitleElement = (node) => this.visitRegularElement(node);
-    visitSvelteWindow = (node) => node.attributes.flatMap(this.visitSv);
-    visitRoot = (node) => {
+    }
+    visitSvelteBody(node) {
+        return node.attributes.flatMap(n => this.visitSv(n));
+    }
+    visitSvelteDocument(node) {
+        return node.attributes.flatMap(n => this.visitSv(n));
+    }
+    visitSvelteElement(node) {
+        const currentElement = this.currentElement;
+        if (node.tag.type === 'Literal' && typeof node.tag.value === 'string') {
+            this.currentElement = node.tag.value;
+        }
+        else {
+            this.currentElement = 'svelte:element';
+        }
+        const msgs = [...node.attributes.flatMap(n => this.visitSv(n)), ...this.visitFragment(node.fragment)];
+        this.currentElement = currentElement;
+        return msgs;
+    }
+    visitSvelteBoundary(node) {
+        return [...node.attributes.flatMap(n => this.visitSv(n)), ...this.visitSv(node.fragment)];
+    }
+    visitSvelteHead(node) {
+        return this.visitSv(node.fragment);
+    }
+    visitTitleElement(node) {
+        return this.visitRegularElement(node);
+    }
+    visitSvelteWindow(node) {
+        return node.attributes.flatMap(n => this.visitSv(n));
+    }
+    visitRoot(node) {
         const msgs = [];
         if (node.module) {
             const prevRtVar = this.currentRtVar;
@@ -291,12 +316,14 @@ export class SvelteTransformer extends Transformer {
             this.commentDirectives = {}; // reset
             msgs.push(...this.visitProgram(node.instance.content));
         }
-        msgs.push(...this.visitFragment(node.fragment));
+        msgs.push(...this.visitFragment(node.fragment), ...this.mixedVisitor.applyMod());
         return msgs;
-    };
-    visitSv = (node) => this.visit(node);
+    }
+    visitSv(node) {
+        return this.visit(node);
+    }
     /** collects the ranges that will be checked if a snippet identifier is exported using RegExp test to simplify */
-    collectModuleExportExprs = (script) => {
+    collectModuleExportExprs(script) {
         for (const stmt of script.content.body) {
             if (stmt.type !== 'ExportNamedDeclaration') {
                 continue;
@@ -322,8 +349,8 @@ export class SvelteTransformer extends Transformer {
                 this.moduleExportExprs.push(decl.init);
             }
         }
-    };
-    transformSv = async () => {
+    }
+    async transformSv() {
         const isComponent = this.heuristciDetails.file.endsWith('.svelte');
         let ast;
         if (isComponent) {
@@ -369,5 +396,5 @@ export class SvelteTransformer extends Transformer {
             // now hmr data can be prependRight(0, ...)
         }
         return this.finalize(msgs, headerIndex, headerAdd);
-    };
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wuchale/svelte",
-    "version": "0.19.4",
+    "version": "0.20.1",
     "description": "Protobuf-like i18n from plain code: Svelte adapter",
     "scripts": {
         "dev": "tsc --watch",
@@ -50,14 +50,16 @@
     "bugs": "https://github.com/wuchalejs/wuchale/issues",
     "author": "K1DV5",
     "license": "MIT",
+    "peerDependencies": {
+        "svelte": "^5"
+    },
     "dependencies": {
-        "magic-string": "^0.30.21",
-        "svelte": "^5",
-        "wuchale": "^0.23.0"
+        "wuchale": "^0.25.0"
     },
     "devDependencies": {
-        "@types/node": "~24.12.2",
-        "acorn": "^8.16.0",
+        "@types/node": "~24.13.2",
+        "svelte": "^5.56.3",
+        "acorn": "^8.17.0",
         "typescript": "^6.0.3"
     },
     "type": "module"

package/src/loaders/bundle.svelte.js

@@ -12,7 +12,7 @@ export function setLocale(newLocale) {
 
 // for non-reactive
 /**
- * @param {{ [locale: string]: import("wuchale/runtime").CatalogModule }} catalogs
+ * @param {{ [locale in import('${DATA}').Locale]: import("wuchale/runtime").CatalogModule }} catalogs
  */
 export const getRuntime = catalogs => toRuntime(catalogs[locale], locale)
 

package/src/loaders/svelte.svelte.js

@@ -1,12 +1,13 @@
 import { defaultCollection, registerLoaders } from 'wuchale/load-utils'
-import { loadCatalog, loadIDs } from '${PROXY}'
+import { loadCatalog, loadCount } from '${PROXY}'
 
 const key = '${KEY}'
 
-const runtimes = $state({})
+/** @type import('wuchale/runtime').Runtime[] */
+const runtimes = $state([])
 
 // for non-reactive
-export const getRuntime = registerLoaders(key, loadCatalog, loadIDs, defaultCollection(runtimes))
+export const getRuntime = registerLoaders(key, loadCatalog, loadCount, defaultCollection(runtimes))
 
 // same function, only will be inside $derived when used
 export const getRuntimeRx = getRuntime

package/src/loaders/sveltekit.ssr.svelte.js

@@ -1,12 +1,12 @@
 import { currentRuntime } from 'wuchale/load-utils/server'
-import { loadCatalog, loadIDs } from '${PROXY_SYNC}'
+import { loadCatalog, loadCount } from '${PROXY_SYNC}'
 
 const key = '${KEY}'
 
-export { key, loadCatalog, loadIDs } // for hooks.server.{js,ts}
+export { key, loadCatalog, loadCount } // for hooks.server.{js,ts}
 
 // for non-reactive
-export const getRuntime = (/** @type {string} */ loadID) => currentRuntime(key, loadID)
+export const getRuntime = (loadID = 0) => currentRuntime(key, loadID)
 
 // same function, only will be inside $derived when used
 export const getRuntimeRx = getRuntime