@reckona/mreact-compiler 0.0.96 → 0.0.98

package/dist/emit-server-stream.js

@@ -3,7 +3,7 @@ import { createCodeBuilder } from "./emit-code-builder.js";
 import { emitAsyncBoundary as emitLoweredAsyncBoundary, emitOutOfOrderBoundary as emitLoweredOutOfOrderBoundary, emitReactSuspenseBoundary as emitLoweredReactSuspenseBoundary, emitReactSuspenseOutOfOrderBoundary as emitLoweredReactSuspenseOutOfOrderBoundary, } from "./emit-boundary-lowering.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";
 let currentUrlSafeHelperName = "_urlAttrSafe";
 let currentClientBoundaryHelperName;
 let currentSpreadAttributesHelperName = "_renderSpreadAttributes";
@@ -348,10 +348,23 @@ function emitAppendStatements(node, sinkName, escapeHelperName, asyncBoundaryHel
         if (whenTrue.length === 0 && whenFalse.length === 0) {
             return [];
         }
+        const conditionCode = node.conditionValueName ?? node.conditionCode;
+        let statements;
         if (whenFalse.length === 0) {
-            return [`  if (${node.conditionCode}) {`, ...whenTrue, `  }`];
+            statements = [`  if (${conditionCode}) {`, ...whenTrue, `  }`];
         }
-        return [`  if (${node.conditionCode}) {`, ...whenTrue, `  } else {`, ...whenFalse, `  }`];
+        else {
+            statements = [`  if (${conditionCode}) {`, ...whenTrue, `  } else {`, ...whenFalse, `  }`];
+        }
+        if (node.conditionValueName === undefined) {
+            return statements;
+        }
+        return [
+            `  {`,
+            `    const ${node.conditionValueName} = (${node.conditionCode});`,
+            ...statements.map((statement) => `  ${statement}`),
+            `  }`,
+        ];
     }
     const collectState = {
         dynamicAttributes,
@@ -571,12 +584,15 @@ function tryEmitPartAsStringExpression(part, compatRenderToStringHelperName) {
         return emitListPartAsStringExpression(part, compatRenderToStringHelperName);
     }
     if (part.kind === "component" && part.runtime === "compat") {
-        const rendered = `${compatRenderToStringHelperName}(${part.name}, ${emitPropsObject(part.props, part.children, part.escapeHelperName)})`;
+        const rendered = `${compatRenderToStringHelperName}(${part.name}, ${emitCompatRuntimePropsObject(part.props, part.children)})`;
         if (part.hydrationId === undefined) {
             return rendered;
         }
         return `${stringLiteral(`<!--mreact-h:start:${encodeURIComponent(part.hydrationId)}-->`)} + ${rendered} + ${stringLiteral(`<!--mreact-h:end:${encodeURIComponent(part.hydrationId)}-->`)}`;
     }
+    if (part.kind === "component" && part.hydrationId === undefined) {
+        return `${part.name}(${emitPropsObject(part.props, part.children, part.escapeHelperName)})`;
+    }
     // Non-compat component parts require `await sink-write`; lists with
     // sink-needing children also can't collapse. Signal fallback.
     return undefined;
@@ -638,7 +654,7 @@ function emitNestedStreamAppendStatements(parts, sinkName, compatRenderToStringH
         .join("\n");
 }
 function emitCompatComponentAppendStatements(part, sinkName, compatRenderToStringHelperName, indent) {
-    const rendered = `${compatRenderToStringHelperName}(${part.name}, ${emitPropsObject(part.props, part.children, part.escapeHelperName)})`;
+    const rendered = `${compatRenderToStringHelperName}(${part.name}, ${emitCompatRuntimePropsObject(part.props, part.children)})`;
     const statements = part.hydrationId === undefined
         ? [`${sinkName}.append(${rendered});`]
         : [
@@ -672,10 +688,14 @@ function collectHtmlParts(node, escapeHelperName, asyncBoundaryHelperName, outOf
         return [{ kind: "dynamic", code: node.code, escapeHelperName }];
     }
     if (node.kind === "conditional") {
+        const whenTrue = emitHtmlExpressionFromChildren(node.whenTrue, escapeHelperName);
+        const whenFalse = emitHtmlExpressionFromChildren(node.whenFalse, escapeHelperName);
         return [
             {
                 kind: "raw-dynamic",
-                code: `((${node.conditionCode}) ? ${emitHtmlExpressionFromChildren(node.whenTrue, escapeHelperName)} : ${emitHtmlExpressionFromChildren(node.whenFalse, escapeHelperName)})`,
+                code: node.conditionValueName === undefined
+                    ? `((${node.conditionCode}) ? ${whenTrue} : ${whenFalse})`
+                    : `(() => { const ${node.conditionValueName} = (${node.conditionCode}); return ${node.conditionValueName} ? ${whenTrue} : ${whenFalse}; })()`,
             },
         ];
     }
@@ -945,6 +965,14 @@ function collectHtmlAttributeParts(tagName, attr, escapeHelperName, escapeBatchH
 }
 function collectElementAttributeParts(tagName, attrs, escapeHelperName, state, attributeScan = scanElementAttributes(tagName, attrs)) {
     const escapeBatchHelperName = state.escapeBatchHelperName;
+    if (state.dynamicAttributes === "emit" && attrs.some((attr) => attr.kind === "spread-attr")) {
+        return [
+            {
+                kind: "raw-dynamic",
+                code: emitMergedSpreadAttributeExpression(tagName, attrs, attributeScan),
+            },
+        ];
+    }
     return attrs.flatMap((attr) => attr.kind !== "spread-attr" &&
         ((tagName === "input" &&
             ((attr.name === "defaultValue" && attributeScan.hasExplicitInputValue) ||
@@ -954,6 +982,27 @@ function collectElementAttributeParts(tagName, attrs, escapeHelperName, state, a
         ? []
         : collectHtmlAttributeParts(tagName, attr, escapeHelperName, escapeBatchHelperName, state.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;
@@ -1486,6 +1535,21 @@ function emitPropsObject(props, children = [], escapeHelperName = "_escapeHtml")
     }
     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 emitPropName(name) {
     return /^[A-Za-z_$][\w$]*$/.test(name) ? name : JSON.stringify(name);
 }