@saykit/transform-jsx 0.11.0 → 0.12.0

package/dist/generator.d.mts

@@ -1,6 +1,3 @@
 import { CompositeMessage } from "@saykit/config/features/messages";
 import * as t from "@babel/types";
-//#region src/generator.d.ts
-declare function generateSayJSXElement(message: CompositeMessage): t.JSXElement;
-//#endregion
-export { generateSayJSXElement };
+export declare function generateSayJSXElement(message: CompositeMessage): t.JSXElement;

package/dist/generator.mjs

@@ -1,12 +1,12 @@
 import { ArgumentMessage, ChoiceMessage, CompositeMessage, ElementMessage } from "@saykit/config/features/messages";
 import { generateDescriptorProperty } from "@saykit/transform-js/generator";
 import * as t from "@babel/types";
-//#region src/generator.ts
+// src/generator.ts
 function generateSayJSXElement(message) {
 	const children = generateChildExpressions(message.children);
 	const descriptor = generateDescriptorProperty(message);
 	const attributes = [
-		t.jsxAttribute(t.jsxIdentifier(descriptor.key.name), descriptor.value),
+		t.jsxAttribute(t.jsxIdentifier(descriptor.key.name), t.isStringLiteral(descriptor.value) ? descriptor.value : t.jsxExpressionContainer(descriptor.value)),
 		...message.whitespace === void 0 ? [] : [t.jsxAttribute(t.jsxIdentifier("whitespace"), t.jsxExpressionContainer(t.booleanLiteral(message.whitespace)))],
 		...[...new Map(children).entries()].map(([k, e]) => t.jsxAttribute(t.jsxIdentifier(`_${k}`), t.jsxExpressionContainer(e)))
 	];
@@ -27,5 +27,4 @@ function generateChildExpressions(messages) {
 		return c;
 	}, []);
 }
-//#endregion
 export { generateSayJSXElement };

package/dist/index.d.mts

@@ -1,5 +1,3 @@
 import { Transformer } from "@saykit/config";
-//#region src/index.d.ts
 declare function createJsxTransformer(): Transformer;
-//#endregion
 export { createJsxTransformer as default };

package/dist/index.mjs

@@ -6,7 +6,7 @@ import traverse_ from "@babel/traverse";
 import { assignSequenceIdentifiers } from "@saykit/config/features/messages";
 import { generateSayCallExpression, isLoneArgument } from "@saykit/transform-js/generator";
 import { collectLeadingComments, isEquivalentPlaceholder, parseExpression } from "@saykit/transform-js/parser";
-//#region src/index.ts
+// src/index.ts
 const traverse = traverse_.default || traverse_;
 function createProgram(code, id) {
 	const program = parser.parse(code, {
@@ -90,5 +90,4 @@ function createJsxTransformer() {
 		}
 	};
 }
-//#endregion
 export { createJsxTransformer as default };

package/dist/parser.d.mts

@@ -1,14 +1,11 @@
 import { CompositeMessage, ElementMessage } from "@saykit/config/features/messages";
 import * as t from "@babel/types";
-//#region src/parser.d.ts
-declare function parseJSXContainerElement(element: t.JSXElement): CompositeMessage | null;
+export declare function parseJSXContainerElement(element: t.JSXElement): CompositeMessage | null;
 /**
  * A self-closing `Say` element. Comments are passed in rather than read off the
  * node, since they were written in front of the element as a whole and Babel
  * attaches them there.
  */
-declare function parseJSXOpeningElement(element: t.JSXOpeningElement, comments?: readonly t.Comment[] | null): CompositeMessage | null;
-declare function parseJSXElement(element: t.JSXElement, fallback?: false): CompositeMessage | null;
-declare function parseJSXElement(element: t.JSXElement, fallback: true): CompositeMessage | ElementMessage;
-//#endregion
-export { parseJSXContainerElement, parseJSXElement, parseJSXOpeningElement };
+export declare function parseJSXOpeningElement(element: t.JSXOpeningElement, comments?: readonly t.Comment[] | null): CompositeMessage | null;
+export declare function parseJSXElement(element: t.JSXElement, fallback?: false): CompositeMessage | null;
+export declare function parseJSXElement(element: t.JSXElement, fallback: true): CompositeMessage | ElementMessage;

package/dist/parser.mjs

@@ -1,7 +1,7 @@
 import { AUTO_INCREMENT_IDENTIFIER, ArgumentMessage, ChoiceMessage, CompositeMessage, ElementMessage, LiteralMessage, isArgumentType, validateArgumentStyle, validateBranchIdentifier } from "@saykit/config/features/messages";
 import { getTranslatorComments, unwrapPlaceholder } from "@saykit/transform-js/parser";
 import * as t from "@babel/types";
-//#region src/parser.ts
+// src/parser.ts
 const TAG_ATTRIBUTE = "say-tag";
 const TAG_PATTERN = /^[A-Za-z_][A-Za-z0-9_]*$/;
 function parseJSXContainerElement(element) {
@@ -137,7 +137,8 @@ function parseJSXElement(element, fallback) {
 	if (!fallback) return null;
 	const identifier = takeElementTag(element) ?? AUTO_INCREMENT_IDENTIFIER;
 	if (element.openingElement.selfClosing) return new ElementMessage(identifier, [], element);
-	return new ElementMessage(identifier, [parseJSXElement(t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier("Say"), []), t.jsxClosingElement(t.jsxIdentifier("Say")), element.children), true)], element);
+	const wrapped = parseJSXElement(t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier("Say"), []), t.jsxClosingElement(t.jsxIdentifier("Say")), element.children), true);
+	return new ElementMessage(identifier, [wrapped], element);
 }
 function takeElementTag(element) {
 	const attributes = element.openingElement.attributes;
@@ -183,5 +184,4 @@ function findAttributeValueAsBoolean(attributes, identifier) {
 		if (t.isJSXExpressionContainer(attribute.value) && t.isBooleanLiteral(attribute.value.expression)) return attribute.value.expression.value;
 	}
 }
-//#endregion
 export { parseJSXContainerElement, parseJSXElement, parseJSXOpeningElement };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saykit/transform-jsx",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "JSX and TSX source transformer for SayKit",
   "keywords": [
     "i18n",
@@ -43,12 +43,12 @@
     "provenance": true
   },
   "dependencies": {
-    "@babel/generator": "^7.29.7",
-    "@babel/parser": "^7.29.7",
-    "@babel/traverse": "^7.29.7",
-    "@babel/types": "^7.29.7",
-    "@saykit/config": "^0.11.0",
-    "@saykit/transform-js": "^0.11.0"
+    "@babel/generator": "^7.29.8",
+    "@babel/parser": "^7.29.9",
+    "@babel/traverse": "^7.29.10",
+    "@babel/types": "^7.29.8",
+    "@saykit/config": "^0.12.0",
+    "@saykit/transform-js": "^0.12.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.7",