Merge PR #1910: Hydro-JS frameworks update

Author: krausest

frameworks/keyed/crank/src/main.jsx

@@ -34,7 +34,6 @@ function Button({id, title}) {
   );
 }
 
-
 function Jumbotron() {
   this.addEventListener("click", (ev) => {
     if (ev.target.tagName === "BUTTON") {
@@ -175,15 +174,15 @@ function *Main() {
     this.refresh();
   });
 
-  while (true) {
+  for ({} of this) {
     yield (
       <div class="container">
         <Jumbotron />
         <table class="table table-hover table-striped test-data">
           <tbody>
             {data.map((item) => (
               <Row
-                crank-key={item.id}
+                key={item.id}
                 item={item}
                 selected={item.id === selected}
               />

frameworks/keyed/endr/package-lock.json

@@ -12,7 +12,7 @@
     "dev": "esbuild src/index.js --loader:.js=jsx --jsx=automatic --jsx-import-source=endr --outfile=dist/index.js --bundle --minify --watch"
   },
   "dependencies": {
-    "endr": "0.1.28",
+    "endr": "0.2.0",
     "esbuild": "0",
     "eslint-config-coderiety": "2",
     "eslint": "9"

frameworks/keyed/endr/package.json

@@ -1,6 +1,6 @@
 /** @import {Children, SetState} from 'endr' */
 
-import { createRoot, memo, useState } from 'endr';
+import { createRender, memo, useState } from 'endr';
 
 const { document } = globalThis;
 
@@ -178,4 +178,4 @@ const Main = () => {
   );
 };
 
-createRoot(/** @type {Element} */ (document.querySelector('#main'))).render(<Main />);
+createRender(/** @type {Element} */ (document.getElementById('main')))(<Main />);