@reckona/mreact-compiler 0.0.87 → 0.0.89

package/dist/emit-server-stream.js

@@ -27,7 +27,7 @@ export function emitServerStream(ir, options = {}) {
     const reactSuspenseOutOfOrderBoundaryHelperName = allocateHelperName(ir, "_renderReactSuspenseOutOfOrderBoundary");
     const compatRenderToStringHelperName = allocateHelperName(ir, "_renderCompatToString");
     const streamNodeHelperName = allocateHelperName(ir, "_renderStreamNode");
-    const clientBoundaryHelperName = usesClientBoundary(ir)
+    const clientBoundaryHelperName = usesClientBoundary(ir, options.serverHydration === true)
         ? allocateHelperName(ir, "_renderClientBoundary")
         : undefined;
     const spreadAttributesHelperName = allocateHelperName(ir, "_renderSpreadAttributes");
@@ -178,8 +178,8 @@ function hasReactNodeRender(ir) {
 function hasRawJsxDynamicRender(ir) {
     return ir.components.some((component) => containsRawJsxDynamicRender(component.root));
 }
-function usesClientBoundary(ir) {
-    return ir.components.some((component) => containsClientBoundary(component.root));
+function usesClientBoundary(ir, serverHydration) {
+    return ir.components.some((component) => containsClientBoundary(component.root, serverHydration));
 }
 function emitClientBoundaryHelper(name) {
     const propsHelperName = `${name}$hasNonSerializableProps`;
@@ -803,7 +803,7 @@ function collectHtmlParts(node, escapeHelperName, asyncBoundaryHelperName, outOf
                 },
             ];
         }
-        if (isClientBoundaryPlaceholder(node)) {
+        if (isClientBoundaryPlaceholder(node, state.hydration)) {
             const helperName = currentClientBoundaryHelperName;
             if (helperName !== undefined) {
                 return [
@@ -1388,29 +1388,30 @@ function containsCompatComponent(node) {
     }
     return false;
 }
-function containsClientBoundary(node) {
-    if (node.kind === "component" && isClientBoundaryPlaceholder(node)) {
+function containsClientBoundary(node, serverHydration) {
+    if (node.kind === "component" && isClientBoundaryPlaceholder(node, serverHydration)) {
         return true;
     }
     if (node.kind === "component") {
-        return (node.children.some(containsClientBoundary) ||
-            node.props.some((prop) => prop.kind === "render-prop" && prop.children.some(containsClientBoundary)));
+        return (node.children.some((child) => containsClientBoundary(child, serverHydration)) ||
+            node.props.some((prop) => prop.kind === "render-prop" &&
+                prop.children.some((child) => containsClientBoundary(child, serverHydration))));
     }
     if (node.kind === "conditional") {
-        return [...node.whenTrue, ...node.whenFalse].some(containsClientBoundary);
+        return [...node.whenTrue, ...node.whenFalse].some((child) => containsClientBoundary(child, serverHydration));
     }
     if (node.kind === "list") {
-        return node.children.some(containsClientBoundary);
+        return node.children.some((child) => containsClientBoundary(child, serverHydration));
     }
     if (node.kind === "element" || node.kind === "fragment") {
-        return node.children.some(containsClientBoundary);
+        return node.children.some((child) => containsClientBoundary(child, serverHydration));
     }
     if (node.kind === "async-boundary") {
         return [
             ...node.children,
             ...(node.placeholderChildren ?? []),
             ...(node.catchChildren ?? []),
-        ].some(containsClientBoundary);
+        ].some((child) => containsClientBoundary(child, serverHydration));
     }
     return false;
 }
@@ -1488,8 +1489,8 @@ function emitPropsObject(props, children = [], escapeHelperName = "_escapeHtml")
 function emitPropName(name) {
     return /^[A-Za-z_$][\w$]*$/.test(name) ? name : JSON.stringify(name);
 }
-function isClientBoundaryPlaceholder(node) {
-    return node.clientReference !== undefined && !isCompatClientReference(node);
+function isClientBoundaryPlaceholder(node, serverHydration = true) {
+    return node.clientReference !== undefined && (!serverHydration || !isCompatClientReference(node));
 }
 function isCompatClientReference(node) {
     return node.clientReference !== undefined && /\.(?:compat)\.[cm]?[jt]sx?$/.test(node.clientReference.moduleId);