@wuchale/jsx 0.7.0 → 0.7.2

package/dist/index.js

@@ -2,14 +2,10 @@ import { defaultGenerateLoadID, defaultHeuristic, deepMergeObjects } from 'wucha
 import { adapter as vanillaAdapter } from 'wuchale/adapter-vanilla';
 import { JSXTransformer } from "./transformer.js";
 import { getDependencies, loaderPathResolver } from 'wuchale/adapter-utils';
-const ignoreElements = ['style', 'path', 'code', 'pre'];
 const jsxHeuristic = (msgStr, details) => {
     if (!defaultHeuristic(msgStr, details)) {
         return false;
     }
-    if (ignoreElements.includes(details.element)) {
-        return false;
-    }
     if (details.scope !== 'script') {
         return true;
     }

package/dist/transformer.d.ts

@@ -12,7 +12,7 @@ export declare class JSXTransformer extends Transformer {
     inCompoundText: boolean;
     commentDirectivesStack: CommentDirectives[];
     lastVisitIsComment: boolean;
-    currentJsxKey: number;
+    currentJsxKey?: number;
     mixedVisitor: MixedVisitor<MixedNodesTypes>;
     constructor(content: string, filename: string, index: IndexTracker, heuristic: HeuristicFunc, pluralsFunc: string, catalogExpr: CatalogExpr, rtConf: RuntimeConf);
     initMixedVisitor: () => MixedVisitor<MixedNodesTypes>;

package/dist/transformer.js

@@ -18,7 +18,7 @@ export class JSXTransformer extends Transformer {
     inCompoundText = false;
     commentDirectivesStack = [];
     lastVisitIsComment = false;
-    currentJsxKey = 0;
+    currentJsxKey;
     mixedVisitor;
     constructor(content, filename, index, heuristic, pluralsFunc, catalogExpr, rtConf) {
         super(content, filename, index, heuristic, pluralsFunc, catalogExpr, rtConf);
@@ -107,11 +107,14 @@ export class JSXTransformer extends Transformer {
         for (const attr of node.openingElement.attributes) {
             msgs.push(...this.visitJx(attr));
         }
-        if (this.inCompoundText) {
-            this.mstr.appendLeft(
-            // @ts-expect-error
-            node.openingElement.name.end, ` key="_${this.currentJsxKey}"`);
-            this.currentJsxKey++;
+        if (this.inCompoundText && this.currentJsxKey != null) {
+            const key = node.openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.name === 'key');
+            if (!key) {
+                this.mstr.appendLeft(
+                // @ts-expect-error
+                node.openingElement.name.end, ` key="_${this.currentJsxKey}"`);
+                this.currentJsxKey++;
+            }
         }
         this.currentElement = currentElement;
         return msgs;
@@ -220,6 +223,9 @@ export class JSXTransformer extends Transformer {
         this.comments = comments;
         this.mstr = new MagicString(this.content);
         this.mixedVisitor = this.initMixedVisitor();
+        if (lib === 'default') {
+            this.currentJsxKey = 0;
+        }
         const msgs = this.visitJx(ast);
         const header = [
             `import ${rtComponent} from "@wuchale/jsx/runtime${lib === 'solidjs' ? '.solid' : ''}.jsx"`,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wuchale/jsx",
-    "version": "0.7.0",
+    "version": "0.7.2",
     "description": "Protobuf-like i18n from plain code: JSX adapter",
     "scripts": {
         "dev": "tsc --watch",
@@ -72,7 +72,7 @@
         "@sveltejs/acorn-typescript": "^1.0.5",
         "acorn": "^8.15.0",
         "acorn-jsx": "^5.3.2",
-        "wuchale": "^0.16.0"
+        "wuchale": "^0.16.5"
     },
     "devDependencies": {
         "@types/estree-jsx": "^1.0.5",