webdetta 0.1.238 → 0.1.240

package/package.json

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

package/packages/realdom/base.js

@@ -82,11 +82,9 @@ Element.remove = (node) => {
   afterRemove.get(node)?.();
 }
 
-export const Operator = (...funcs) => Builder((tasks, node) => {
+export const Operator = (func, { track=true }={}) => Builder((tasks, node) => {
   for (const {names, args} of tasks) {
-    for (const func of funcs) {
-      r.effect(() => func(node, names, args));
-    }
+    r.effect(() => func(node, names, args), { track });
   }
 });
 Operator.isOperator = Builder.isBuilder;

package/packages/realdom/index.js

@@ -10,7 +10,7 @@ const api = {};
 
 api.ref = Operator((node, _, args) => {
   for (const func of args) func(node);
-});
+}, { track: false });
 
 api.parse = (...args) => {
   const div = document.createElement('div');

package/packages/router/realdom-adapter.js

@@ -11,6 +11,7 @@ const RouterRealdom = ({
   const currentRoute = r.val();
   const loadedRoutes = r.val(new Map());
   const listener = ({ key, value: page, params }) => {
+    // 2
     const loaded = loadedRoutes();
     const paramKeys = Object.keys({ ...params, ...(paramVals[key] ?? {}) });
     for (const param of paramKeys) {
@@ -28,17 +29,18 @@ const RouterRealdom = ({
     loadedRoutes(loaded);
     currentRoute(key);
   }
-  router.listen((...a) => r.untrack(listener.bind(null, ...a)));
+  router.listen((...a) => {
+    // 1
+    r.untrack(listener.bind(null, ...a));
+  });
   router.attach();
 
-  const container = el[':'](
-    el.list(loadedRoutes, ({ key, dom }) => {
-      const isVisible = () => currentRoute() == key;
-      return el.append(dom,
-        el.if(() => !isVisible(), el.style.display`none`),
-      );
-    })
-  );
+  const container = el.list(loadedRoutes, ({ key, dom }) => {
+    const isVisible = () => currentRoute() == key;
+    return el.append(dom,
+      el.if(() => !isVisible(), el.style.display`none`),
+    );
+  });
   return { container, router };
 };
 RouterRealdom.ctx = Context();