@lightspeed-js/core 0.4.0 → 0.4.1

package/dist/index.js

@@ -1330,7 +1330,11 @@ class Mounter {
     };
     if (adopt) {
       const adopted = [];
-      if (this.adoptNodes(Array.from(fragment.childNodes), adopt, context, adopted)) {
+      if (!parent)
+        context.rootSlots = groupSlotFills(slotNodes);
+      const adoptedAll = this.adoptNodes(Array.from(fragment.childNodes), adopt, context, adopted);
+      delete context.rootSlots;
+      if (adoptedAll) {
         for (const marker of adopted) {
           await this.mountMarker(marker, instance, context);
         }
@@ -1588,9 +1592,15 @@ class Mounter {
             d = found.length;
             continue;
           }
+          const name = found[d].data.slice(SLOT_MARK.length);
+          const region = [];
+          d++;
           while (d < found.length && !isSlotEnd(found[d]))
-            d++;
+            region.push(found[d++]);
           d++;
+          if (context.rootSlots && !this.adoptNodes(context.rootSlots.get(name) ?? [], region, context, markers)) {
+            return false;
+          }
           continue;
         }
         const target = found[d++];
@@ -3031,7 +3041,13 @@ function createLightspeedApp(options) {
   return new LightspeedRuntime(options);
 }
 function serializeNodes(nodes) {
-  return nodes.map((node) => node.nodeType === 1 ? node.outerHTML : node.textContent ?? "").join("");
+  const document2 = nodes[0]?.ownerDocument;
+  if (!document2)
+    return "";
+  const template = document2.createElement("template");
+  for (const node of nodes)
+    template.content.appendChild(node.cloneNode(true));
+  return template.innerHTML;
 }
 // src/runtime/helpers.ts
 function reactive(target) {

package/dist/ssg.js

@@ -1353,7 +1353,11 @@ class Mounter {
     };
     if (adopt) {
       const adopted = [];
-      if (this.adoptNodes(Array.from(fragment.childNodes), adopt, context, adopted)) {
+      if (!parent)
+        context.rootSlots = groupSlotFills(slotNodes);
+      const adoptedAll = this.adoptNodes(Array.from(fragment.childNodes), adopt, context, adopted);
+      delete context.rootSlots;
+      if (adoptedAll) {
         for (const marker of adopted) {
           await this.mountMarker(marker, instance, context);
         }
@@ -1611,9 +1615,15 @@ class Mounter {
             d = found.length;
             continue;
           }
+          const name = found[d].data.slice(SLOT_MARK.length);
+          const region = [];
+          d++;
           while (d < found.length && !isSlotEnd(found[d]))
-            d++;
+            region.push(found[d++]);
           d++;
+          if (context.rootSlots && !this.adoptNodes(context.rootSlots.get(name) ?? [], region, context, markers)) {
+            return false;
+          }
           continue;
         }
         const target = found[d++];
@@ -3136,7 +3146,13 @@ class LightspeedRuntime {
   }
 }
 function serializeNodes(nodes) {
-  return nodes.map((node) => node.nodeType === 1 ? node.outerHTML : node.textContent ?? "").join("");
+  const document2 = nodes[0]?.ownerDocument;
+  if (!document2)
+    return "";
+  const template = document2.createElement("template");
+  for (const node of nodes)
+    template.content.appendChild(node.cloneNode(true));
+  return template.innerHTML;
 }
 
 // src/ssg/render.ts
@@ -3434,13 +3450,11 @@ function allComments(document2) {
   return comments;
 }
 function serialiseBetween(start, end) {
-  let html = "";
-  let current = start.nextSibling;
-  while (current && current !== end) {
-    html += current.nodeType === 1 ? current.outerHTML : current.textContent ?? "";
-    current = current.nextSibling;
+  const template = start.ownerDocument.createElement("template");
+  for (let current = start.nextSibling;current && current !== end; current = current.nextSibling) {
+    template.content.appendChild(current.cloneNode(true));
   }
-  return html;
+  return template.innerHTML;
 }
 // src/compile/expressions.ts
 function expressionKey(expr, params) {

package/dist/vite.js

@@ -784,7 +784,11 @@ class Mounter {
     };
     if (adopt) {
       const adopted = [];
-      if (this.adoptNodes(Array.from(fragment.childNodes), adopt, context, adopted)) {
+      if (!parent)
+        context.rootSlots = groupSlotFills(slotNodes);
+      const adoptedAll = this.adoptNodes(Array.from(fragment.childNodes), adopt, context, adopted);
+      delete context.rootSlots;
+      if (adoptedAll) {
         for (const marker of adopted) {
           await this.mountMarker(marker, instance, context);
         }
@@ -1042,9 +1046,15 @@ class Mounter {
             d = found.length;
             continue;
           }
+          const name = found[d].data.slice(SLOT_MARK.length);
+          const region = [];
+          d++;
           while (d < found.length && !isSlotEnd(found[d]))
-            d++;
+            region.push(found[d++]);
           d++;
+          if (context.rootSlots && !this.adoptNodes(context.rootSlots.get(name) ?? [], region, context, markers)) {
+            return false;
+          }
           continue;
         }
         const target = found[d++];
@@ -4525,7 +4535,13 @@ class LightspeedRuntime {
   }
 }
 function serializeNodes(nodes) {
-  return nodes.map((node) => node.nodeType === 1 ? node.outerHTML : node.textContent ?? "").join("");
+  const document2 = nodes[0]?.ownerDocument;
+  if (!document2)
+    return "";
+  const template = document2.createElement("template");
+  for (const node of nodes)
+    template.content.appendChild(node.cloneNode(true));
+  return template.innerHTML;
 }
 
 // src/ssg/render.ts
@@ -4823,13 +4839,11 @@ function allComments(document2) {
   return comments;
 }
 function serialiseBetween(start, end) {
-  let html = "";
-  let current = start.nextSibling;
-  while (current && current !== end) {
-    html += current.nodeType === 1 ? current.outerHTML : current.textContent ?? "";
-    current = current.nextSibling;
+  const template = start.ownerDocument.createElement("template");
+  for (let current = start.nextSibling;current && current !== end; current = current.nextSibling) {
+    template.content.appendChild(current.cloneNode(true));
   }
-  return html;
+  return template.innerHTML;
 }
 
 // src/vite/layout.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightspeed-js/core",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Lightspeed: a compile-first framework for islands of reactivity in static HTML.",
   "keywords": [
     "lightspeed",