Using no domdiff on empty nodes ... no perf improvements though

WebReflection · WebReflection · commit f9cfe20b8da6 · 2024-01-02T12:26:20.000+01:00
diff --git a/docs/README.md b/docs/README.md
@@ -6,7 +6,7 @@
 
 It is entirely Web standards based and it adds just the minimal amount of *spices* to the templates literals it's able to understand and optimized for either repeated updates or one-off operations.
 
-This page describes, without going into too many details, all the features delivered via this module which is roughly 2.5K once minified and compressed, or even bundled within your project.
+This page describes, without going into too many details, all the features delivered via this module which is roughly 2.7K once minified and compressed, or even bundled within your project.
 
 ### Content
 
diff --git a/esm/handler.js b/esm/handler.js
@@ -185,6 +185,15 @@ export const toggle = (element, value, name) => (
   value
 );
 
+const noDOMDiff = (node, value) => {
+  const nodes = [];
+  for (let i = 0; i < value.length; i++)
+    nodes.push(diffFragment(value[i], 1));
+  nodes.push(node);
+  node.replaceWith(...nodes);
+  return value;
+};
+
 /**
  * @param {Node} node
  * @param {Node[]} value
@@ -194,7 +203,10 @@ export const toggle = (element, value, name) => (
  */
 export const array = (node, value, _, prev) => (
   value.length ?
-    udomdiff(node.parentNode, prev, value, diffFragment, node) :
+    (prev === empty ?
+      noDOMDiff(node, value) :
+      udomdiff(node.parentNode, prev, value, diffFragment, node)
+    ) :
     (prev.length && drop(prev[0], prev.at(-1), false), empty)
 );
 
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,8 +26,8 @@
     "@rollup/plugin-terser": "^0.4.4",
     "ascjs": "^6.0.3",
     "c8": "^8.0.1",
-    "linkedom": "^0.16.5",
-    "rollup": "^4.9.1",
+    "linkedom": "^0.16.6",
+    "rollup": "^4.9.2",
     "typescript": "^5.3.3"
   },
   "module": "./esm/index.js",
