@torpor/view 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @torpor/view
 
+## 0.1.8
+
+### Patch Changes
+
+- 1be84b1: Fix: component hydration nodes
+
+## 0.1.7
+
+### Patch Changes
+
+- 14f7694: Fix: reset anchor nodes after hydration
+
 ## 0.1.6
 
 ### Patch Changes

package/dist/compile.cjs

@@ -827,18 +827,12 @@ function declareParentAndAnchorFragmentVars(fragment, node, path, status, b, par
     const anchorPath = { parent: path, type: "#", children: [] };
     path.children.push(anchorPath);
     node.varName = nextVarName(`${name}_anchor`, status);
-    const anchorVarPath = getFragmentVarPath(
-      fragment,
-      status,
-      `t_anchor(${node.varName}, true)`,
-      anchorPath,
-      varPaths
-    );
+    const anchorVarPath = getFragmentVarPath(fragment, status, node.varName, anchorPath, varPaths);
     if (status.options?.useCreateElement) {
       b.append(`let ${node.varName};`);
     } else {
       status.imports.add("t_anchor");
-      b.append(`const ${node.varName} = t_anchor(${anchorVarPath}) as HTMLElement;`);
+      b.append(`let ${node.varName} = t_anchor(${anchorVarPath}) as HTMLElement;`);
       printDebug(node.varName, status, b);
     }
   } else {
@@ -2149,6 +2143,7 @@ function buildStyleAttribute(attribute, b) {
 
 // src/compile/build/server/buildServerComponentNode.ts
 function buildServerComponentNode(node, status, b) {
+  status.output += HYDRATION_START_COMMENT;
   if (status.output) {
     b.append(`$output += \`${status.output}\`;`);
     status.output = "";
@@ -2231,6 +2226,7 @@ ${slotParams.join(",\n")}
   }
   b.append("");
   b.append(`$output += ${componentName}(${renderParams})`);
+  status.output += HYDRATION_END_COMMENT;
   status.output += ANCHOR_COMMENT;
 }