solid-js 1.7.12 → 1.8.0-beta.0

package/web/dist/server.js

@@ -1,39 +1,98 @@
-import { sharedConfig, createRoot, splitProps } from 'solid-js';
-export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, mergeProps } from 'solid-js';
-import { serialize, Feature } from 'seroval';
+import { sharedConfig, createRoot, splitProps } from "solid-js";
+export {
+  ErrorBoundary,
+  For,
+  Index,
+  Match,
+  Show,
+  Suspense,
+  SuspenseList,
+  Switch,
+  createComponent,
+  mergeProps
+} from "solid-js";
+import { Feature, Serializer, GLOBAL_CONTEXT_API_SCRIPT, getCrossReferenceHeader } from "seroval";
 
-const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
-const BooleanAttributes = /*#__PURE__*/new Set(booleans);
-const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
-const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
+const booleans = [
+  "allowfullscreen",
+  "async",
+  "autofocus",
+  "autoplay",
+  "checked",
+  "controls",
+  "default",
+  "disabled",
+  "formnovalidate",
+  "hidden",
+  "indeterminate",
+  "ismap",
+  "loop",
+  "multiple",
+  "muted",
+  "nomodule",
+  "novalidate",
+  "open",
+  "playsinline",
+  "readonly",
+  "required",
+  "reversed",
+  "seamless",
+  "selected"
+];
+const BooleanAttributes = /*#__PURE__*/ new Set(booleans);
+const ChildProperties = /*#__PURE__*/ new Set([
+  "innerHTML",
+  "textContent",
+  "innerText",
+  "children"
+]);
+const Aliases = /*#__PURE__*/ Object.assign(Object.create(null), {
   className: "class",
   htmlFor: "for"
 });
 
-const ES2017FLAG = Feature.AggregateError
-| Feature.BigInt
-| Feature.BigIntTypedArray;
-function stringify(data) {
-  return serialize(data, {
-    disabledFeatures: ES2017FLAG
+const ES2017FLAG = Feature.AggregateError | Feature.BigInt | Feature.BigIntTypedArray;
+const GLOBAL_IDENTIFIER = "_$HY.r";
+function createSerializer({ onData, onDone, scopeId }) {
+  return new Serializer({
+    scopeId,
+    globalIdentifier: GLOBAL_IDENTIFIER,
+    disabledFeatures: ES2017FLAG,
+    onData,
+    onDone
   });
 }
+function getGlobalHeaderScript() {
+  return GLOBAL_CONTEXT_API_SCRIPT;
+}
+function getLocalHeaderScript(id) {
+  return getCrossReferenceHeader(id);
+}
 
-const VOID_ELEMENTS = /^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;
-const REPLACE_SCRIPT = `function $df(e,n,t,o,d){if(t=document.getElementById(e),o=document.getElementById("pl-"+e)){for(;o&&8!==o.nodeType&&o.nodeValue!=="pl-"+e;)d=o.nextSibling,o.remove(),o=d;_$HY.done?o.remove():o.replaceWith(t.content)}t.remove(),_$HY.set(e,n),_$HY.fe(e)}`;
+const VOID_ELEMENTS =
+  /^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;
+const REPLACE_SCRIPT = `function $df(e,n,o,t){if(n=document.getElementById(e),o=document.getElementById("pl-"+e)){for(;o&&8!==o.nodeType&&o.nodeValue!=="pl-"+e;)t=o.nextSibling,o.remove(),o=t;_$HY.done?o.remove():o.replaceWith(n.content)}n.remove(),_$HY.fe(e)}`;
 function renderToString(code, options = {}) {
+  const { renderId } = options;
   let scripts = "";
+  const serializer = createSerializer({
+    scopeId: renderId,
+    onData(script) {
+      if (!scripts) {
+        scripts = getLocalHeaderScript(renderId);
+      }
+      scripts += script;
+    }
+  });
   sharedConfig.context = {
-    id: options.renderId || "",
+    id: renderId || "",
     count: 0,
     suspense: {},
     lazy: {},
     assets: [],
     nonce: options.nonce,
-    writeResource(id, p, error) {
-      if (sharedConfig.context.noHydrate) return;
-      if (error) return scripts += `_$HY.set("${id}", ${stringify(p)});`;
-      scripts += `_$HY.set("${id}", ${stringify(p)});`;
+    serialize(id, p) {
+      !sharedConfig.context.noHydrate && serializer.write(id, p);
     }
   };
   let html = createRoot(d => {
@@ -41,14 +100,13 @@ function renderToString(code, options = {}) {
     return resolveSSRNode(escape(code()));
   });
   sharedConfig.context.noHydrate = true;
+  serializer.close();
   html = injectAssets(sharedConfig.context.assets, html);
   if (scripts.length) html = injectScripts(html, scripts, options.nonce);
   return html;
 }
 function renderToStringAsync(code, options = {}) {
-  const {
-    timeoutMs = 30000
-  } = options;
+  const { timeoutMs = 30000 } = options;
   let timeoutHandle;
   const timeout = new Promise((_, reject) => {
     timeoutHandle = setTimeout(() => reject("renderToString timed out"), timeoutMs);
@@ -59,36 +117,44 @@ function renderToStringAsync(code, options = {}) {
   });
 }
 function renderToStream(code, options = {}) {
-  let {
-    nonce,
-    onCompleteShell,
-    onCompleteAll,
-    renderId
-  } = options;
+  let { nonce, onCompleteShell, onCompleteAll, renderId } = options;
   let dispose;
-  const blockingResources = [];
-  const registry = new Map();
-  const dedupe = new WeakMap();
+  const blockingPromises = [];
+  const pushTask = task => {
+    if (!tasks && !firstFlushed) {
+      tasks = getLocalHeaderScript(renderId);
+    }
+    tasks += task + ";";
+    if (!scheduled && firstFlushed) {
+      Promise.resolve().then(writeTasks);
+      scheduled = true;
+    }
+  };
   const checkEnd = () => {
     if (!registry.size && !completed) {
       writeTasks();
-      onCompleteAll && onCompleteAll({
-        write(v) {
-          !completed && buffer.write(v);
-        }
-      });
+      onCompleteAll &&
+        onCompleteAll({
+          write(v) {
+            !completed && buffer.write(v);
+          }
+        });
       writable && writable.end();
       completed = true;
       setTimeout(dispose);
     }
   };
-  const pushTask = task => {
-    tasks += task + ";";
-    if (!scheduled && firstFlushed) {
-      Promise.resolve().then(writeTasks);
-      scheduled = true;
+  const serializer = createSerializer({
+    scopeId: options.renderId,
+    onData: pushTask,
+    onDone: checkEnd
+  });
+  const flushEnd = () => {
+    if (!registry.size) {
+      serializer.flush();
     }
   };
+  const registry = new Map();
   const writeTasks = () => {
     if (tasks.length && !completed && firstFlushed) {
       buffer.write(`<script${nonce ? ` nonce="${nonce}"` : ""}>${tasks}</script>`);
@@ -119,7 +185,7 @@ function renderToStream(code, options = {}) {
     assets: [],
     nonce,
     block(p) {
-      if (!firstFlushed) blockingResources.push(p);
+      if (!firstFlushed) blockingPromises.push(p);
     },
     replace(id, payloadFn) {
       if (firstFlushed) return;
@@ -127,42 +193,58 @@ function renderToStream(code, options = {}) {
       const first = html.indexOf(placeholder);
       if (first === -1) return;
       const last = html.indexOf(`<!--!$/${id}-->`, first + placeholder.length);
-      html = html.replace(html.slice(first, last + placeholder.length + 1), resolveSSRNode(payloadFn()));
+      html = html.replace(
+        html.slice(first, last + placeholder.length + 1),
+        resolveSSRNode(payloadFn())
+      );
     },
-    writeResource(id, p, error, wait) {
+    serialize(id, p, wait) {
       const serverOnly = sharedConfig.context.noHydrate;
-      if (error) return !serverOnly && pushTask(serializeSet(dedupe, id, p));
-      if (!p || typeof p !== "object" || !("then" in p)) return !serverOnly && pushTask(serializeSet(dedupe, id, p));
-      if (!firstFlushed) wait && blockingResources.push(p);else !serverOnly && pushTask(`_$HY.init("${id}")`);
-      if (serverOnly) return;
-      p.then(d => {
-        !completed && pushTask(serializeSet(dedupe, id, d));
-      }).catch(() => {
-        !completed && pushTask(`_$HY.set("${id}", {})`);
-      });
+      if (!firstFlushed && wait && typeof p === "object" && "then" in p) {
+        blockingPromises.push(p);
+        !serverOnly &&
+          p
+            .then(d => {
+              serializer.write(id, d);
+            })
+            .catch(e => {
+              serializer.write(id, e);
+            });
+      } else if (!serverOnly) serializer.write(id, p);
     },
     registerFragment(key) {
       if (!registry.has(key)) {
-        registry.set(key, []);
-        firstFlushed && pushTask(`_$HY.init("${key}")`);
+        let resolve, reject;
+        const p = new Promise((r, rej) => ((resolve = r), (reject = rej)));
+        registry.set(key, {
+          resolve,
+          reject
+        });
+        serializer.write(key, p);
       }
       return (value, error) => {
         if (registry.has(key)) {
-          const keys = registry.get(key);
+          const { resolve, reject } = registry.get(key);
           registry.delete(key);
-          if (waitForFragments(registry, key)) return;
+          if (waitForFragments(registry, key)) {
+            resolve(true);
+            return;
+          }
           if ((value !== undefined || error) && !completed) {
             if (!firstFlushed) {
-              Promise.resolve().then(() => html = replacePlaceholder(html, key, value !== undefined ? value : ""));
-              error && pushTask(serializeSet(dedupe, key, error));
+              Promise.resolve().then(
+                () => (html = replacePlaceholder(html, key, value !== undefined ? value : ""))
+              );
+              error ? reject(error) : resolve(true);
             } else {
               buffer.write(`<template id="${key}">${value !== undefined ? value : " "}</template>`);
-              pushTask(`${keys.length ? keys.map(k => `_$HY.unset("${k}")`).join(";") + ";" : ""}$df("${key}"${error ? "," + stringify(error) : ""})${!scriptFlushed ? ";" + REPLACE_SCRIPT : ""}`);
+              pushTask(`$df("${key}")${!scriptFlushed ? ";" + REPLACE_SCRIPT : ""}`);
+              resolve(true);
               scriptFlushed = true;
             }
           }
         }
-        if (!registry.size) Promise.resolve().then(checkEnd);
+        if (!registry.size) Promise.resolve().then(flushEnd);
         return firstFlushed;
       };
     }
@@ -175,19 +257,16 @@ function renderToStream(code, options = {}) {
     sharedConfig.context = context;
     context.noHydrate = true;
     html = injectAssets(context.assets, html);
-    for (const key in context.resources) {
-      if (!("data" in context.resources[key] || context.resources[key].ref[0].error)) pushTask(`_$HY.init("${key}")`);
-    }
-    for (const key of registry.keys()) pushTask(`_$HY.init("${key}")`);
     if (tasks.length) html = injectScripts(html, tasks, nonce);
     buffer.write(html);
     tasks = "";
     scheduled = false;
-    onCompleteShell && onCompleteShell({
-      write(v) {
-        !completed && buffer.write(v);
-      }
-    });
+    onCompleteShell &&
+      onCompleteShell({
+        write(v) {
+          !completed && buffer.write(v);
+        }
+      });
   }
   return {
     then(fn) {
@@ -202,24 +281,25 @@ function renderToStream(code, options = {}) {
           complete();
         };
       } else onCompleteAll = complete;
-      if (!registry.size) Promise.resolve().then(checkEnd);
+      if (!registry.size) Promise.resolve().then(flushEnd);
     },
     pipe(w) {
-      Promise.allSettled(blockingResources).then(() => {
+      Promise.allSettled(blockingPromises).then(() => {
         doShell();
         buffer = writable = w;
         buffer.write(tmp);
         firstFlushed = true;
-        if (completed) writable.end();else setTimeout(checkEnd);
+        if (completed) writable.end();
+        else setTimeout(flushEnd);
       });
     },
     pipeTo(w) {
-      return Promise.allSettled(blockingResources).then(() => {
+      return Promise.allSettled(blockingPromises).then(() => {
         doShell();
         const encoder = new TextEncoder();
         const writer = w.getWriter();
         let resolve;
-        const p = new Promise(r => resolve = r);
+        const p = new Promise(r => (resolve = r));
         writable = {
           end() {
             writer.releaseLock();
@@ -234,20 +314,21 @@ function renderToStream(code, options = {}) {
         };
         buffer.write(tmp);
         firstFlushed = true;
-        if (completed) writable.end();else setTimeout(checkEnd);
+        if (completed) writable.end();
+        else setTimeout(flushEnd);
         return p;
       });
     }
   };
 }
 function HydrationScript(props) {
-  const {
-    nonce
-  } = sharedConfig.context;
-  return ssr(generateHydrationScript({
-    nonce,
-    ...props
-  }));
+  const { nonce } = sharedConfig.context;
+  return ssr(
+    generateHydrationScript({
+      nonce,
+      ...props
+    })
+  );
 }
 function ssr(t, ...nodes) {
   if (nodes.length) {
@@ -292,7 +373,8 @@ function ssrStyle(value) {
   return result;
 }
 function ssrElement(tag, props, children, needsId) {
-  if (props == null) props = {};else if (typeof props === "function") props = props();
+  if (props == null) props = {};
+  else if (typeof props === "function") props = props();
   const skipChildren = VOID_ELEMENTS.test(tag);
   const keys = Object.keys(props);
   let result = `<${tag}${needsId ? ssrHydrationKey() : ""} `;
@@ -300,7 +382,8 @@ function ssrElement(tag, props, children, needsId) {
   for (let i = 0; i < keys.length; i++) {
     const prop = keys[i];
     if (ChildProperties.has(prop)) {
-      if (children === undefined && !skipChildren) children = prop === "innerHTML" ? props[prop] : escape(props[prop]);
+      if (children === undefined && !skipChildren)
+        children = prop === "innerHTML" ? props[prop] : escape(props[prop]);
       continue;
     }
     const value = props[prop];
@@ -309,10 +392,14 @@ function ssrElement(tag, props, children, needsId) {
     } else if (prop === "class" || prop === "className" || prop === "classList") {
       if (classResolved) continue;
       let n;
-      result += `class="${escape(((n = props.class) ? n + " " : "") + ((n = props.className) ? n + " " : ""), true) + ssrClassList(props.classList)}"`;
+      result += `class="${
+        escape(((n = props.class) ? n + " " : "") + ((n = props.className) ? n + " " : ""), true) +
+        ssrClassList(props.classList)
+      }"`;
       classResolved = true;
     } else if (BooleanAttributes.has(prop)) {
-      if (value) result += prop;else continue;
+      if (value) result += prop;
+      else continue;
     } else if (value == undefined || prop === "ref" || prop.slice(0, 2) === "on") {
       continue;
     } else {
@@ -320,16 +407,17 @@ function ssrElement(tag, props, children, needsId) {
     }
     if (i !== keys.length - 1) result += " ";
   }
-  if (skipChildren) return {
-    t: result + "/>"
-  };
+  if (skipChildren)
+    return {
+      t: result + "/>"
+    };
   if (typeof children === "function") children = children();
   return {
     t: result + `>${resolveSSRNode(children, true)}</${tag}>`
   };
 }
 function ssrAttribute(key, value, isBoolean) {
-  return isBoolean ? value ? " " + key : "" : value != null ? ` ${key}="${value}"` : "";
+  return isBoolean ? (value ? " " + key : "") : value != null ? ` ${key}="${value}"` : "";
 }
 function ssrHydrationKey() {
   const hk = getHydrationKey();
@@ -373,12 +461,13 @@ function escape(s, attr) {
       left = iDelim + 1;
       iDelim = s.indexOf(delim, left);
     } while (iDelim >= 0);
-  } else while (iAmp >= 0) {
-    if (left < iAmp) out += s.substring(left, iAmp);
-    out += "&amp;";
-    left = iAmp + 1;
-    iAmp = s.indexOf("&", left);
-  }
+  } else
+    while (iAmp >= 0) {
+      if (left < iAmp) out += s.substring(left, iAmp);
+      out += "&amp;";
+      left = iAmp + 1;
+      iAmp = s.indexOf("&", left);
+    }
   return left < s.length ? out + s.substring(left) : out;
 }
 function resolveSSRNode(node, top) {
@@ -390,7 +479,7 @@ function resolveSSRNode(node, top) {
     let mapped = "";
     for (let i = 0, len = node.length; i < len; i++) {
       if (!top && typeof prev !== "object" && typeof node[i] !== "object") mapped += `<!--!$-->`;
-      mapped += resolveSSRNode(prev = node[i]);
+      mapped += resolveSSRNode((prev = node[i]));
     }
     return mapped;
   }
@@ -411,11 +500,12 @@ function getAssets() {
   for (let i = 0, len = assets.length; i < len; i++) out += assets[i]();
   return out;
 }
-function generateHydrationScript({
-  eventNames = ["click", "input"],
-  nonce
-} = {}) {
-  return `<script${nonce ? ` nonce="${nonce}"` : ""}>(e=>{let t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host.nodeType?e.host:e.parentNode));["${eventNames.join('", "')}"].forEach((o=>document.addEventListener(o,(o=>{let s=o.composedPath&&o.composedPath()[0]||o.target,a=t(s);a&&!e.completed.has(a)&&e.events.push([a,o])}))))})(window._$HY||(_$HY={events:[],completed:new WeakSet,r:{},fe(){},init(e,t){_$HY.r[e]=[new Promise((e=>t=e)),t]},set(e,t,o){(o=_$HY.r[e])&&o[1](t),_$HY.r[e]=[t]},unset(e){delete _$HY.r[e]},load:e=>_$HY.r[e]}));</script><!--xs-->`;
+function generateHydrationScript({ eventNames = ["click", "input"], nonce } = {}) {
+  return `<script${
+    nonce ? ` nonce="${nonce}"` : ""
+  }>window._$HY||(e=>{let t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host.nodeType?e.host:e.parentNode));["${eventNames.join(
+    '", "'
+  )}"].forEach((o=>document.addEventListener(o,(o=>{let a=o.composedPath&&o.composedPath()[0]||o.target,s=t(a);s&&!e.completed.has(s)&&e.events.push([s,o])}))))})(_$HY={events:[],completed:new WeakSet,r:{},fe(){}});${getGlobalHeaderScript()}</script><!--xs-->`;
 }
 function Hydration(props) {
   if (!sharedConfig.context.noHydrate) return props.children;
@@ -450,19 +540,10 @@ function injectScripts(html, scripts, nonce) {
 }
 function waitForFragments(registry, key) {
   for (const k of [...registry.keys()].reverse()) {
-    if (key.startsWith(k)) {
-      registry.get(k).push(key);
-      return true;
-    }
+    if (key.startsWith(k)) return true;
   }
   return false;
 }
-function serializeSet(registry, key, value) {
-  const exist = registry.get(value);
-  if (exist) return `_$HY.set("${key}", _$HY.r["${exist}"][0])`;
-  value !== null && typeof value === "object" && registry.set(value, key);
-  return `_$HY.set("${key}", ${stringify(value)})`;
-}
 function replacePlaceholder(html, key, value) {
   const marker = `<template id="pl-${key}">`;
   const close = `<!--pl-${key}-->`;
@@ -476,9 +557,7 @@ function Assets(props) {
 }
 function pipeToNodeWritable(code, writable, options = {}) {
   if (options.onReady) {
-    options.onCompleteShell = ({
-      write
-    }) => {
+    options.onCompleteShell = ({ write }) => {
       options.onReady({
         write,
         startWriting() {
@@ -492,9 +571,7 @@ function pipeToNodeWritable(code, writable, options = {}) {
 }
 function pipeToWritable(code, writable, options = {}) {
   if (options.onReady) {
-    options.onCompleteShell = ({
-      write
-    }) => {
+    options.onCompleteShell = ({ write }) => {
       options.onReady({
         write,
         startWriting() {
@@ -524,11 +601,19 @@ function ssrSpread(props, isSVG, skipChildren) {
     } else if (prop === "class" || prop === "className" || prop === "classList") {
       if (classResolved) continue;
       let n;
-      result += `class="${(n = props.class) ? n + " " : ""}${(n = props.className) ? n + " " : ""}${ssrClassList(props.classList)}"`;
+      result += `class="${(n = props.class) ? n + " " : ""}${
+        (n = props.className) ? n + " " : ""
+      }${ssrClassList(props.classList)}"`;
       classResolved = true;
     } else if (BooleanAttributes.has(prop)) {
-      if (value) result += prop;else continue;
-    } else if (value == undefined || prop === "ref" || prop.slice(0, 2) === "on" || prop.slice(0, 5) === "prop:") {
+      if (value) result += prop;
+      else continue;
+    } else if (
+      value == undefined ||
+      prop === "ref" ||
+      prop.slice(0, 2) === "on" ||
+      prop.slice(0, 5) === "prop:"
+    ) {
       continue;
     } else {
       if (prop.slice(0, 5) === "attr:") prop = prop.slice(5);
@@ -552,7 +637,8 @@ function Dynamic(props) {
   const comp = p.component,
     t = typeof comp;
   if (comp) {
-    if (t === "function") return comp(others);else if (t === "string") {
+    if (t === "function") return comp(others);
+    else if (t === "string") {
       return ssrElement(comp, others, undefined, true);
     }
   }
@@ -561,4 +647,37 @@ function Portal(props) {
   return "";
 }
 
-export { Assets, Dynamic, Hydration, HydrationScript, NoHydration, Portal, addEventListener, delegateEvents, escape, generateHydrationScript, getAssets, getHydrationKey, hydrate, insert, isDev, isServer, pipeToNodeWritable, pipeToWritable, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrSpread, ssrStyle, stringify, useAssets };
+export {
+  Assets,
+  Dynamic,
+  Hydration,
+  HydrationScript,
+  NoHydration,
+  Portal,
+  addEventListener,
+  delegateEvents,
+  escape,
+  generateHydrationScript,
+  getAssets,
+  getHydrationKey,
+  hydrate,
+  insert,
+  isDev,
+  isServer,
+  pipeToNodeWritable,
+  pipeToWritable,
+  render,
+  renderToStream,
+  renderToString,
+  renderToStringAsync,
+  resolveSSRNode,
+  spread,
+  ssr,
+  ssrAttribute,
+  ssrClassList,
+  ssrElement,
+  ssrHydrationKey,
+  ssrSpread,
+  ssrStyle,
+  useAssets
+};

package/web/dist/web.cjs

@@ -256,7 +256,8 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
 function hydrate$1(code, element, options = {}) {
   solidJs.sharedConfig.completed = globalThis._$HY.completed;
   solidJs.sharedConfig.events = globalThis._$HY.events;
-  solidJs.sharedConfig.load = globalThis._$HY.load;
+  solidJs.sharedConfig.load = id => globalThis._$HY.r[id];
+  solidJs.sharedConfig.has = id => id in globalThis._$HY.r;
   solidJs.sharedConfig.gather = root => gatherHydratable(element, root);
   solidJs.sharedConfig.registry = new Map();
   solidJs.sharedConfig.context = {
@@ -291,7 +292,7 @@ function getNextMarker(start) {
     while (end) {
       if (end.nodeType === 8) {
         const v = end.nodeValue;
-        if (v === "#") count++;else if (v === "/") {
+        if (v === "$") count++;else if (v === "/") {
           if (count === 0) return [end, current];
           count--;
         }
@@ -441,9 +442,11 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
     }
     if (solidJs.sharedConfig.context) {
       if (!array.length) return current;
-      for (let i = 0; i < array.length; i++) {
-        if (array[i].parentNode) return current = array;
-      }
+      if (marker === undefined) return [...parent.childNodes];
+      let node = array[0];
+      let nodes = [node];
+      while ((node = node.nextSibling) !== marker) nodes.push(node);
+      return current = nodes;
     }
     if (array.length === 0) {
       current = cleanChildren(parent, current, marker);