webdetta 0.1.229 → 0.1.230

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webdetta",
-  "version": "0.1.229",
+  "version": "0.1.230",
   "author": "Fedot Kriutchenko <fodyadev@gmail.com>",
   "description": "",
   "license": "MIT",

package/packages/realdom/base.js

@@ -45,15 +45,24 @@ Element.from = arg => {
   return document.createTextNode(arg);
 }
 
-const elementHooks = new WeakMap();
-Element.registerHooks = (node, hooks) => elementHooks.set(node, hooks);
+const hooks = {
+  beforeAppend: new WeakMap(),
+  afterAppend: new WeakMap(),
+  beforeRemove: new WeakMap(),
+  afterRemove: new WeakMap(),
+}
+Element.registerHook = (node, hook, handler) => {
+  const map = hooks[hook];
+  const prev = map.get(node);
+  map.set(node, function hook() { prev?.(); handler(); });
+}
 
 const performAppend = (node, method, item) => {
   const itemNode = Element.from(item);
-  const hooks = elementHooks.get(itemNode);
-  hooks?.beforeAppend?.();
+  const { beforeAppend, afterAppend } = hooks;
+  beforeAppend.get(itemNode)?.();
   node[method](itemNode);
-  hooks?.afterAppend?.();
+  afterAppend.get(itemNode)?.();
 }
 Element.append = (node, item) => {
   processItem(item,
@@ -67,10 +76,10 @@ Element.appendBefore = (node, sibling) => performAppend(node, 'before', sibling)
 Element.appendAfter = (node, sibling) => performAppend(node, 'after', sibling);
 
 Element.remove = (node) => {
-  const hooks = elementHooks.get(node);
-  hooks?.beforeRemove?.();
+  const { beforeRemove, afterRemove } = hooks;
+  beforeRemove.get(node)?.();
   node.remove();
-  hooks?.afterRemove?.();
+  afterRemove.get(node)?.();
 }
 
 export const Operator = (...funcs) => Builder((tasks, node) => {

package/packages/realdom/dynamic.js

@@ -62,12 +62,10 @@ const createContainer = (content) => {
 export const createList = (itemsFn, renderItem, keyFn = listItemKey) => {
   const root = document.createTextNode('');
   const containers = new Map();
-  Element.registerHooks(root, {
-    afterAppend: () => effect.run(),
-    beforeRemove: () => {
-      for (const c of containers.values()) c.remove();
-      containers.clear();
-    }
+  Element.registerHook(root, 'afterAppend', () => effect.run());
+  Element.registerHook(root, 'beforeRemove', () => {
+    for (const c of containers.values()) c.remove();
+    containers.clear();
   });
 
   const effect = r.effect(() => {
@@ -98,10 +96,8 @@ export const createList = (itemsFn, renderItem, keyFn = listItemKey) => {
 export const createSlot = (content) => {
   const root = document.createTextNode('');
   const container = createContainer(content);
-  Element.registerHooks(root, {
-    afterAppend: () => container.appendAfter(root),
-    beforeRemove: () => container.remove()
-  });
+  Element.registerHook(root, 'afterAppend', () => container.appendAfter(root));
+  Element.registerHook(root, 'beforeRemove', () => container.remove());
   return root;
 }