Merge branch 'dark' of https://github.com/atellmer/js-framework-benchmark into atellmer-dark

Author: krausest

frameworks/keyed/dark/package-lock.json

@@ -27,7 +27,7 @@
     "webpack-cli": "5.0.1"
   },
   "dependencies": {
-    "@dark-engine/core": "0.23.0",
-    "@dark-engine/platform-browser": "0.23.0"
+    "@dark-engine/core": "0.25.1",
+    "@dark-engine/platform-browser": "0.25.1"
   }
 }

frameworks/keyed/dark/package.json

@@ -140,6 +140,7 @@ const Row = memo(
 const App = component(() => {
   const store = useMemo(() => new Store(), []);
   const { data$, selected$ } = store.getState();
+  const items = data$.value();
 
   const run = (e: E<MouseEvent>) => {
     e.stopPropagation();
@@ -188,11 +189,10 @@ const App = component(() => {
       table({
         class: "table table-hover table-striped test-data",
         slot: tbody({
-          slot: data$
-            .value()
-            .map((item) =>
-              Row({ key: item.id, item, selected$, remove, select })
-            ),
+          key: items.length > 0 ? 1 : 2,
+          slot: items.map((item) =>
+            Row({ key: item.id, item, selected$, remove, select })
+          ),
         }),
       }),
       span({

frameworks/keyed/dark/src/index.ts

@@ -1,4 +1,4 @@
-const path = require("path");
+const path = require("node:path");
 
 module.exports = {
   mode: "production",