@lukekaalim/act-web 5.0.0 → 5.1.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @lukekaalim/act-web
 
+## 5.1.1
+
+### Patch Changes
+
+- 114c53f: Fix issue with adding/remove ref props from Web elements
+
+## 5.1.0
+
+### Minor Changes
+
+- Improve debugger support
+
+### Patch Changes
+
+- Updated dependencies
+  - @lukekaalim/act-recon@4.0.0
+  - @lukekaalim/act@4.2.0
+  - @lukekaalim/act-backstage@3.1.1
+
 ## 5.0.0
 
 ### Major Changes

package/hast.ts

@@ -1,11 +1,7 @@
 import { h, s } from 'hastscript';
 import { Element, ElementContent, Nodes as HNode, Root } from 'hast';
-import { NodeBuilder, RenderSpace2, setPropObject } from "@lukekaalim/act-backstage";
-import { Node, primitiveNodeTypes, createElement } from '@lukekaalim/act';
-import { CommitID, CommitTree2, Reconciler2, Scheduler } from '@lukekaalim/act-recon';
-import { createDOMScheduler } from './scheduler';
-import { recon } from '../three/deps';
-import { HTML } from './space';
+import { NodeBuilder, setPropObject } from "@lukekaalim/act-backstage";
+import { primitiveNodeTypes } from '@lukekaalim/act';
 
 export const createHASTBuilder = (root: Root): NodeBuilder<HNode, 'web:html' | 'web:svg'> => ({
   roots: new Set(['web:html', 'web:svg']),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukekaalim/act-web",
-  "version": "5.0.0",
+  "version": "5.1.1",
   "type": "module",
   "main": "mod.ts",
   "exports": {
@@ -8,9 +8,9 @@
     "./node": "./nodejs/index.ts"
   },
   "dependencies": {
-    "@lukekaalim/act": "^4.1.0",
-    "@lukekaalim/act-backstage": "^3.1.0",
-    "@lukekaalim/act-recon": "^3.1.0",
+    "@lukekaalim/act": "^4.2.0",
+    "@lukekaalim/act-backstage": "^3.1.1",
+    "@lukekaalim/act-recon": "^4.0.0",
     "@types/hast": "^3.0.4",
     "hast-util-to-html": "^9.0.5",
     "hastscript": "^9.0.1",

package/props.ts

@@ -41,7 +41,10 @@ export const setSVGElementProps = (
     }
     switch (name) {
       case 'ref':
-        (next as any).current = node;
+        if (prev)
+          (prev as any).current = null;
+        if (next)
+          (next as any).current = node;
         return true;
       case 'style':
         return (setStyleProp(node.style, next as any, prev as any), true);
@@ -72,7 +75,10 @@ export const setHTMLElementProps = (
     }
     switch (name) {
       case 'ref':
-        (next as any).current = node;
+        if (prev)
+          (prev as any).current = null;
+        if (next)
+          (next as any).current = node;
         return true;
       case 'style':
         return (setStyleProp(node.style, next as any, prev as any), true);

package/rehydrate.ts

@@ -71,7 +71,7 @@ export const rehydrate = (
       roots.push(ref);
     }
 
-    const commit = reconciler.pools.commit.acquire(ref,
+    const commit = new Commit2(ref,
       element,
       children
     );

package/render.ts

@@ -9,6 +9,7 @@ import { Reconciler2 } from "@lukekaalim/act-recon";
  */
 type Options = {
   window?: Window;
+  Reconciler?: typeof Reconciler2,
 }
 
 /**
@@ -22,7 +23,7 @@ type Options = {
  */
 export const render = (node: Node, root: HTMLElement, options: Options = {}) => {
   const scheduler = createDOMScheduler();
-  const reconciler = new Reconciler2(scheduler);
+  const reconciler = new (options.Reconciler || Reconciler2)(scheduler);
   const space = new RenderSpace2(reconciler.tree, createWebNodeBuilder(root, options.window));
 
   reconciler.bus = space.bus;

package/space.ts

@@ -22,7 +22,7 @@ export const createWebNodeBuilder = (
         switch (tag) {
           case act.primitiveNodeTypes.string:
           case act.primitiveNodeTypes.number:
-            return window.document.createTextNode("<empty text>");
+            return window.document.createTextNode((element.props.value as any).toString());
           default:
             return null;
         }