@lukekaalim/act-web 3.0.0 → 3.2.0

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# @lukekaalim/act-web
+
+## 3.2.0
+
+### Minor Changes
+
+- 4381035: Added error boundaries
+
+### Patch Changes
+
+- Updated dependencies [4381035]
+  - @lukekaalim/act-backstage@1.2.0
+  - @lukekaalim/act-recon@1.1.0
+  - @lukekaalim/act@3.1.0

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@lukekaalim/act-web",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "type": "module",
   "main": "mod.ts",
   "dependencies": {
-    "@lukekaalim/act": "^3.0.0",
-    "@lukekaalim/act-recon": "^1.0.0",
-    "@lukekaalim/act-backstage": "^1.0.0"
+    "@lukekaalim/act": "^3.1.0",
+    "@lukekaalim/act-recon": "^1.1.0",
+    "@lukekaalim/act-backstage": "^1.2.0"
   }
-}
+}

package/render.ts

@@ -1,5 +1,6 @@
-import { createWebSpace } from "./space";
-import { createRenderFunction, Scheduler } from "@lukekaalim/act-backstage";
+import { h } from "@lukekaalim/act";
+import { createWebSpace, HTML } from "./space";
+import { createRenderFunction, RenderFunction, Scheduler } from "@lukekaalim/act-backstage";
 
 const intervalScheduler: Scheduler<NodeJS.Timeout> = {
   duration: 10,
@@ -7,4 +8,5 @@ const intervalScheduler: Scheduler<NodeJS.Timeout> = {
   cancel: id => clearInterval(id),
 }
 
-export const render = createRenderFunction(intervalScheduler, createWebSpace);
+export const render: RenderFunction<HTMLElement> = (node, root) => 
+  createRenderFunction(intervalScheduler, createWebSpace)(h(HTML, {}, node), root);

package/space.ts

@@ -5,8 +5,8 @@ import { createSimpleRenderSpace } from '@lukekaalim/act-backstage/mod.ts';
 
 import { setProps } from './props.ts';
 
-export const HTML: act.Component = ({ children }) => act.h(act.primitiveNodeTypes.render, { type: 'web:html' }, children);
-export const SVG: act.Component = ({ children }) => act.h(act.primitiveNodeTypes.render, { type: 'web:svg' }, children);
+export const HTML: act.Component = ({ children }) => act.h(act.renderNodeType, { type: 'web:html' }, children);
+export const SVG: act.Component = ({ children }) => act.h(act.renderNodeType, { type: 'web:svg' }, children);
 
 export const createWebSpace = (tree: recon.CommitTree, root: HTMLElement, document: Document = window.document) => {
   return createSimpleRenderSpace(tree, {
@@ -18,6 +18,7 @@ export const createWebSpace = (tree: recon.CommitTree, root: HTMLElement, docume
         case 'symbol': {
           switch (tag) {
             case act.primitiveNodeTypes.string:
+            case act.primitiveNodeTypes.number:
               return document.createTextNode("");
             default:
               return null;
@@ -39,8 +40,13 @@ export const createWebSpace = (tree: recon.CommitTree, root: HTMLElement, docume
       setProps(el, next, prev);
     },
     link(el, parent) {
+      console.log('attaching', el, 'to', (parent || root));
       (parent || root).appendChild(el);
     },
+    unlink(el, parent) {
+      console.log('detaching', el, 'to', (parent || root));
+      (parent || root).removeChild(el);
+    },
     sort(el, newChildren) {
       if (el instanceof Text)
         return;