@wuchale/svelte 0.16.1 → 0.16.2

package/dist/transformer.d.ts

@@ -11,7 +11,7 @@ export declare class SvelteTransformer extends Transformer {
     commentDirectivesStack: CommentDirectives[];
     lastVisitIsComment: boolean;
     currentSnippet: number;
-    hasModuleScript: boolean;
+    moduleExportRanges: [number, number][];
     mixedVisitor: MixedVisitor<MixedNodesTypes>;
     constructor(content: string, filename: string, index: IndexTracker, heuristic: HeuristicFunc, patterns: CodePattern[], catalogExpr: CatalogExpr, rtConf: RuntimeConf);
     visitExpressionTag: (node: AST.ExpressionTag) => Message[];
@@ -37,6 +37,8 @@ export declare class SvelteTransformer extends Transformer {
     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 */
+    collectModuleExportRanges: (script: AST.Script) => void;
     transformSv: () => TransformOutput;
 }
 export {};

package/dist/transformer.js

@@ -14,7 +14,7 @@ export class SvelteTransformer extends Transformer {
     commentDirectivesStack = [];
     lastVisitIsComment = false;
     currentSnippet = 0;
-    hasModuleScript = false; // to choose which runtime var to use for snippets
+    moduleExportRanges = []; // to choose which runtime var to use for snippets
     mixedVisitor;
     constructor(content, filename, index, heuristic, patterns, catalogExpr, rtConf) {
         super(content, filename, index, heuristic, patterns, catalogExpr, rtConf, [varNames.rt, rtModuleVar]);
@@ -26,7 +26,7 @@ export class SvelteTransformer extends Transformer {
             return msgs;
         }
         const needsWrapping = msgs.some(msg => {
-            if (['$derived', '$derived.by'].includes(msg.details.topLevelCall)) {
+            if (['$props', '$derived', '$derived.by'].includes(msg.details.topLevelCall)) {
                 return false;
             }
             if (msg.details.declaring !== 'variable') {
@@ -169,7 +169,8 @@ export class SvelteTransformer extends Transformer {
     visitSnippetBlock = (node) => {
         // use module runtime var because the snippet may be exported from the module
         const prevRtVar = this.currentRtVar;
-        if (this.hasModuleScript) {
+        const pattern = new RegExp(`\\b${node.expression.name}\\b`);
+        if (this.moduleExportRanges.some(([start, end]) => pattern.test(this.content.slice(start, end)))) {
             this.currentRtVar = rtModuleVar;
         }
         const msgs = this.visitFragment(node.body);
@@ -278,6 +279,34 @@ export class SvelteTransformer extends Transformer {
         this.commentDirectives = commentDirectivesPrev;
         return msgs;
     };
+    /** collects the ranges that will be checked if a snippet identifier is exported using RegExp test to simplify */
+    collectModuleExportRanges = (script) => {
+        for (const stmt of script.content.body) {
+            if (stmt.type !== 'ExportNamedDeclaration') {
+                continue;
+            }
+            for (const spec of stmt.specifiers) {
+                if (spec.local.type === 'Identifier') {
+                    const local = spec.local;
+                    this.moduleExportRanges.push([local.start, local.end]);
+                }
+            }
+            const declaration = stmt.declaration;
+            if (!declaration) {
+                continue;
+            }
+            if (declaration.type === 'FunctionDeclaration' || declaration.type === 'ClassDeclaration') {
+                this.moduleExportRanges.push([declaration.start, declaration.end]);
+                continue;
+            }
+            for (const decl of declaration.declarations) {
+                if (!decl.init) {
+                    continue;
+                }
+                this.moduleExportRanges.push([decl.init.start, decl.init.end]);
+            }
+        }
+    };
     transformSv = () => {
         const isComponent = this.filename.endsWith('.svelte');
         let ast;
@@ -291,7 +320,9 @@ export class SvelteTransformer extends Transformer {
         }
         this.mstr = new MagicString(this.content);
         this.mixedVisitor = this.initMixedVisitor();
-        this.hasModuleScript = ast.type === 'Root' && ast.module != null;
+        if (ast.type === 'Root' && ast.module) {
+            this.collectModuleExportRanges(ast.module);
+        }
         const msgs = this.visitSv(ast);
         const initRuntime = this.initRuntime(this.filename, null, null, {});
         if (ast.type === 'Program') {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wuchale/svelte",
-    "version": "0.16.1",
+    "version": "0.16.2",
     "description": "Protobuf-like i18n from plain code: Svelte adapter",
     "scripts": {
         "dev": "tsc --watch",
@@ -56,7 +56,7 @@
     },
     "devDependencies": {
         "acorn": "^8.15.0",
-        "typescript": "^5.8.3"
+        "typescript": "^5.9.3"
     },
     "type": "module"
 }