@reckona/mreact-compiler 0.0.96 → 0.0.98

package/dist/emit-server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emit-server.d.ts","sourceRoot":"","sources":["../src/emit-server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKV,QAAQ,EACT,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAerE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AASD,wBAAgB,UAAU,CACxB,EAAE,EAAE,QAAQ,EACZ,OAAO,GAAE,iBAAsB,GAC9B,UAAU,CA8GZ"}
+{"version":3,"file":"emit-server.d.ts","sourceRoot":"","sources":["../src/emit-server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKV,QAAQ,EACT,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAkBrE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AASD,wBAAgB,UAAU,CACxB,EAAE,EAAE,QAAQ,EACZ,OAAO,GAAE,iBAAsB,GAC9B,UAAU,CA8GZ"}

package/dist/emit-server.js

@@ -2,7 +2,7 @@ import { emitEscapeHtmlHelper } from "./emit-escape-helper.js";
 import { createCodeBuilder } from "./emit-code-builder.js";
 import { escapeHtmlAttribute as escapeHtml } from "@reckona/mreact-shared/html-escape";
 import { htmlAttributeName, isDangerousHtmlAttribute, isStaticUrlValueUnsafe, isUrlAttribute, parseStaticStyleObjectLiteral, parseStyleLiteralValue, simpleSideEffectFreeExpression, } from "./emit-server-shared.js";
-import { oxcServerStringReactNodeRenderHelperPlaceholder } from "./oxc-runtime-emit.js";
+import { emitOxcCompatObjectChildren, oxcServerStringReactNodeRenderHelperPlaceholder, } from "./oxc-runtime-emit.js";
 // Module-local handle to the URL-safety helper name for the current emit
 // call. Used by deeply-nested attribute emitters to avoid threading the
 // name through every signature. Reset at the top of `emitServer`.
@@ -189,30 +189,43 @@ function collectHtmlStatements(node, outVar, escapeHelperName, escapeBatchHelper
         return [`${outVar} += ${escapeHelperName}(${node.code});`];
     }
     if (node.kind === "conditional") {
+        const conditionCode = node.conditionValueName ?? node.conditionCode;
         const whenTrueStatements = node.whenTrue.flatMap((child) => collectHtmlStatements(child, outVar, escapeHelperName, escapeBatchHelperName, asyncComponentNames, dynamicAttributes, contextProviderHelperName, contextConsumerHelperName, reactNodeRenderHelperName));
         const whenFalseStatements = node.whenFalse.flatMap((child) => collectHtmlStatements(child, outVar, escapeHelperName, escapeBatchHelperName, asyncComponentNames, dynamicAttributes, contextProviderHelperName, contextConsumerHelperName, reactNodeRenderHelperName));
         if (whenTrueStatements.length === 0 && whenFalseStatements.length === 0) {
             return [];
         }
+        let statements;
         if (whenFalseStatements.length === 0) {
-            return [
-                `if (${node.conditionCode}) {`,
+            statements = [
+                `if (${conditionCode}) {`,
                 ...whenTrueStatements.map((statement) => `  ${statement}`),
                 `}`,
             ];
         }
-        if (whenTrueStatements.length === 0) {
-            return [
-                `if (!(${node.conditionCode})) {`,
+        else if (whenTrueStatements.length === 0) {
+            statements = [
+                `if (!(${conditionCode})) {`,
+                ...whenFalseStatements.map((statement) => `  ${statement}`),
+                `}`,
+            ];
+        }
+        else {
+            statements = [
+                `if (${conditionCode}) {`,
+                ...whenTrueStatements.map((statement) => `  ${statement}`),
+                `} else {`,
                 ...whenFalseStatements.map((statement) => `  ${statement}`),
                 `}`,
             ];
         }
+        if (node.conditionValueName === undefined) {
+            return statements;
+        }
         return [
-            `if (${node.conditionCode}) {`,
-            ...whenTrueStatements.map((statement) => `  ${statement}`),
-            `} else {`,
-            ...whenFalseStatements.map((statement) => `  ${statement}`),
+            `{`,
+            `  const ${node.conditionValueName} = (${node.conditionCode});`,
+            ...statements.map((statement) => `  ${statement}`),
             `}`,
         ];
     }
@@ -286,7 +299,7 @@ function collectHtmlStatements(node, outVar, escapeHelperName, escapeBatchHelper
         }
         if (node.runtime === "compat" && reactNodeRenderHelperName !== undefined) {
             return [
-                `${outVar} += ${reactNodeRenderHelperName}(${node.name}, ${emitPropsObject(node.props, node.children, escapeHelperName, escapeBatchHelperName, asyncComponentNames, dynamicAttributes, contextProviderHelperName, contextConsumerHelperName, reactNodeRenderHelperName)});`,
+                `${outVar} += ${reactNodeRenderHelperName}(${node.name}, ${emitCompatRuntimePropsObject(node.props, node.children)});`,
             ];
         }
         return [
@@ -356,8 +369,12 @@ function collectHtmlParts(node, escapeHelperName, escapeBatchHelperName, asyncCo
         return [`${escapeHelperName}(${node.code})`];
     }
     if (node.kind === "conditional") {
+        const whenTrue = emitHtmlExpressionFromChildren(node.whenTrue, escapeHelperName, escapeBatchHelperName, asyncComponentNames, dynamicAttributes, contextProviderHelperName, contextConsumerHelperName, reactNodeRenderHelperName);
+        const whenFalse = emitHtmlExpressionFromChildren(node.whenFalse, escapeHelperName, escapeBatchHelperName, asyncComponentNames, dynamicAttributes, contextProviderHelperName, contextConsumerHelperName, reactNodeRenderHelperName);
         return [
-            `((${node.conditionCode}) ? ${emitHtmlExpressionFromChildren(node.whenTrue, escapeHelperName, escapeBatchHelperName, asyncComponentNames, dynamicAttributes, contextProviderHelperName, contextConsumerHelperName, reactNodeRenderHelperName)} : ${emitHtmlExpressionFromChildren(node.whenFalse, escapeHelperName, escapeBatchHelperName, asyncComponentNames, dynamicAttributes, contextProviderHelperName, contextConsumerHelperName, reactNodeRenderHelperName)})`,
+            node.conditionValueName === undefined
+                ? `((${node.conditionCode}) ? ${whenTrue} : ${whenFalse})`
+                : `(() => { const ${node.conditionValueName} = (${node.conditionCode}); return ${node.conditionValueName} ? ${whenTrue} : ${whenFalse}; })()`,
         ];
     }
     if (node.kind === "list") {
@@ -413,7 +430,7 @@ function collectHtmlParts(node, escapeHelperName, escapeBatchHelperName, asyncCo
         }
         if (node.runtime === "compat" && reactNodeRenderHelperName !== undefined) {
             return [
-                `${reactNodeRenderHelperName}(${node.name}, ${emitPropsObject(node.props, node.children, escapeHelperName, escapeBatchHelperName, asyncComponentNames, dynamicAttributes, contextProviderHelperName, contextConsumerHelperName, reactNodeRenderHelperName)})`,
+                `${reactNodeRenderHelperName}(${node.name}, ${emitCompatRuntimePropsObject(node.props, node.children)})`,
             ];
         }
         return [
@@ -505,6 +522,9 @@ function collectHtmlAttributeParts(tagName, attr, escapeHelperName, escapeBatchH
     return [emitDynamicAttributeExpression(htmlName, attr.code, escapeHelperName)];
 }
 function collectElementAttributeParts(tagName, attrs, escapeHelperName, escapeBatchHelperName, dynamicAttributes, attributeScan = scanElementAttributes(tagName, attrs)) {
+    if (dynamicAttributes === "emit" && attrs.some((attr) => attr.kind === "spread-attr")) {
+        return [emitMergedSpreadAttributeExpression(tagName, attrs, attributeScan)];
+    }
     return attrs.flatMap((attr) => attr.kind !== "spread-attr" &&
         ((tagName === "input" &&
             ((attr.name === "defaultValue" && attributeScan.hasExplicitInputValue) ||
@@ -514,6 +534,27 @@ function collectElementAttributeParts(tagName, attrs, escapeHelperName, escapeBa
         ? []
         : collectHtmlAttributeParts(tagName, attr, escapeHelperName, escapeBatchHelperName, dynamicAttributes));
 }
+function emitMergedSpreadAttributeExpression(tagName, attrs, attributeScan) {
+    const statements = attrs.flatMap((attr) => {
+        if (attr.kind !== "spread-attr" &&
+            ((tagName === "input" &&
+                ((attr.name === "defaultValue" && attributeScan.hasExplicitInputValue) ||
+                    (attr.name === "defaultChecked" && attributeScan.hasExplicitInputChecked))) ||
+                ((tagName === "textarea" || tagName === "select") &&
+                    (attr.name === "value" || attr.name === "defaultValue")))) {
+            return [];
+        }
+        if (attr.kind === "spread-attr") {
+            return [`Object.assign(_props, (${attr.code}) ?? {});`];
+        }
+        if (attr.kind === "event" || attr.name === "key" || attr.name === "dangerouslySetInnerHTML") {
+            return [];
+        }
+        const valueCode = attr.kind === "static-attr" ? stringLiteral(attr.value) : `(${attr.code})`;
+        return [`_props[${stringLiteral(attr.name)}] = ${valueCode};`];
+    });
+    return `(() => { const _props = {}; ${statements.join(" ")} return ${currentSpreadAttributesHelperName}(${stringLiteral(tagName)}, _props); })()`;
+}
 function scanElementAttributes(tagName, attrs) {
     let hasExplicitInputValue = false;
     let hasExplicitInputChecked = false;
@@ -717,6 +758,21 @@ function emitPropsObject(props, children = [], escapeHelperName, escapeBatchHelp
     }
     return `{ ${entries.join(", ")} }`;
 }
+function emitCompatRuntimePropsObject(props, children = []) {
+    const entries = props.map((prop) => {
+        if (prop.kind === "spread-prop") {
+            return `...(${prop.code})`;
+        }
+        if (prop.kind === "render-prop") {
+            return `${emitPropName(prop.name)}: ${emitOxcCompatObjectChildren(prop.children)}`;
+        }
+        return `${emitPropName(prop.name)}: (${prop.code})`;
+    });
+    if (children.length > 0) {
+        entries.push(`children: ${emitOxcCompatObjectChildren(children)}`);
+    }
+    return `{ ${entries.join(", ")} }`;
+}
 function emitComponentCallExpression(name, propsCode, asyncComponentNames) {
     const call = `${name}(${propsCode})`;
     return asyncComponentNames.has(name) ? `(await ${call})` : call;