chizu 0.2.6 → 0.2.8

package/dist/chizu.js

@@ -1,45 +1,28 @@
-var N = Object.defineProperty;
+var J = Object.defineProperty;
 var k = (t) => {
   throw TypeError(t);
 };
-var B = (t, e, n) => e in t ? N(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var y = (t, e, n) => B(t, typeof e != "symbol" ? e + "" : e, n), j = (t, e, n) => e.has(t) || k("Cannot " + n);
-var w = (t, e, n) => (j(t, e, "read from private field"), n ? n.call(t) : e.get(t)), b = (t, e, n) => e.has(t) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), E = (t, e, n, r) => (j(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
-import { jsx as h, Fragment as q } from "react/jsx-runtime";
-import x from "eventemitter3";
-import * as i from "react";
-import { Immer as z } from "immer";
-import p from "lodash/get";
-import M from "traverse";
-import * as f from "react-router-dom";
-const A = i.createContext({
-  appEmitter: new x()
-});
-function U() {
-  return i.useContext(A);
-}
-function F(t) {
-  return () => {
-    const e = i.useMemo(
-      () => ({
-        appEmitter: new x()
-      }),
-      []
-    );
-    return /* @__PURE__ */ h(A.Provider, { value: e, children: /* @__PURE__ */ h(t, {}) });
-  };
-}
+var q = (t, e, n) => e in t ? J(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var w = (t, e, n) => q(t, typeof e != "symbol" ? e + "" : e, n), D = (t, e, n) => e.has(t) || k("Cannot " + n);
+var E = (t, e, n) => (D(t, e, "read from private field"), n ? n.call(t) : e.get(t)), R = (t, e, n) => e.has(t) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), b = (t, e, n, r) => (D(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
+import { jsx as p, Fragment as z } from "react/jsx-runtime";
+import { Immer as F } from "immer";
+import v from "lodash/get";
+import x from "traverse";
+import * as a from "react";
+import P from "eventemitter3";
+import * as h from "react-router-dom";
 class _ {
   constructor(e) {
     this.value = e;
   }
 }
-class J {
+class T {
   static Draft(e) {
     return new _(e);
   }
 }
-y(J, "Op", {
+w(T, "Op", {
   Add: 1,
   Remove: 2,
   Update: 4,
@@ -48,23 +31,23 @@ y(J, "Op", {
 });
 var m = /* @__PURE__ */ ((t) => (t.Mount = "lifecycle/mount", t.Node = "lifecycle/node", t.Derive = "lifecycle/derive", t.Error = "distributed/lifecycle/error", t.Unmount = "lifecycle/unmount", t))(m || {});
 const l = {
-  immer: new z(),
+  immer: new F(),
   annotations: Symbol("annotations")
 };
 l.immer.setAutoFreeze(!1);
-class S {
+class M {
   constructor(e, n, r = null) {
-    y(this, "process");
+    w(this, "process");
     this.value = e, this.operations = n, this.field = r, this.process = null;
   }
   attach(e) {
     return this.process = e, this;
   }
 }
-function T(t, e = []) {
-  return new S(t, e);
+function $(t, e = []) {
+  return new M(t, e);
 }
-class P {
+class O {
   constructor(e, n = e) {
     this.stateless = e, this.stateful = n;
   }
@@ -78,72 +61,72 @@ function C(t, e = []) {
       switch (r) {
         case "is":
           return (s) => {
-            const o = R(t, e);
+            const o = S(t, e);
             if (!o) return !1;
             const u = new Set(
-              o.flatMap((c) => c.operations)
+              o.flatMap((i) => i.operations)
             );
             return !!(Array.from(u).reduce(
-              (c, d) => c | (d ?? 0),
+              (i, d) => i | (d ?? 0),
               0
             ) & s);
           };
         case "pending":
-          return () => !!R(t, e);
+          return () => !!S(t, e);
         case "draft":
           return () => {
-            const s = R(t, e);
-            if (!s) return p(t, e);
+            const s = S(t, e);
+            if (!s) return v(t, e);
             const o = s.flatMap((u) => u.operations).find((u) => u instanceof _);
-            return o ? o.value : p(t, e);
+            return o ? o.value : v(t, e);
           };
       }
       return C(t, [...e, String(r)]);
     }
   });
 }
-function R(t, e) {
-  const r = typeof p(t, e) == "object" ? e : e.slice(0, -1), s = r.length === 0 ? t : p(t, r), o = (s == null ? void 0 : s[l.annotations]) ?? [];
+function S(t, e) {
+  const r = typeof v(t, e) == "object" ? e : e.slice(0, -1), s = r.length === 0 ? t : v(t, r), o = (s == null ? void 0 : s[l.annotations]) ?? [];
   return o.length > 0 ? o : null;
 }
-function $(t, e, n) {
+function Q(t, e, n) {
   function r(o) {
-    return M(o).forEach(function() {
+    return x(o).forEach(function() {
       if (this.key === l.annotations) {
         this.block();
         return;
       }
-      this.node instanceof S && this.update(this.node.value);
+      this.node instanceof M && this.update(this.node.value);
     });
   }
   function s(o) {
-    return M(o).forEach(function() {
+    return x(o).forEach(function() {
       if (this.key === l.annotations) {
         this.block();
         return;
       }
-      if (this.node instanceof S) {
-        const u = typeof this.node.value == "object", a = [
+      if (this.node instanceof M) {
+        const u = typeof this.node.value == "object", c = [
           ...u ? this.path : this.path.slice(0, -1),
           l.annotations
-        ], c = p(t.stateful, a) ?? [], d = this.node.attach(e);
+        ], i = v(t.stateful, c) ?? [], d = this.node.attach(e);
         u ? this.update(
           {
             ...this.node.value,
-            [l.annotations]: [d, ...c]
+            [l.annotations]: [d, ...i]
           },
           !0
-        ) : (this.parent && (this.parent.node[l.annotations] = [d, ...c]), this.update(this.node.value, !0));
+        ) : (this.parent && (this.parent.node[l.annotations] = [d, ...i]), this.update(this.node.value, !0));
       }
     });
   }
-  return new P(
+  return new O(
     r(l.immer.produce(t.stateless, n)),
     s(l.immer.produce(t.stateful, n))
   );
 }
-function D(t, e) {
-  const n = M(t.stateful).forEach(function() {
+function A(t, e) {
+  const n = x(t.stateful).forEach(function() {
     if (this.key === l.annotations) {
       this.block();
       return;
@@ -161,10 +144,106 @@ function D(t, e) {
       );
     }
   });
-  return new P(t.stateless, n);
+  return new O(t.stateless, n);
+}
+function W(t) {
+  return (e, n) => async (r = Promise.withResolvers(), s) => {
+    if (typeof n != "function") return;
+    const o = Symbol("process"), u = n(...s);
+    if (typeof u == "function") {
+      const c = u(t.model.current, o);
+      return t.model.current = A(c, o), t.update.rerender(), void r.resolve();
+    }
+    for (; ; ) {
+      const { value: c, done: i } = await u.next();
+      if (i) {
+        const H = c(t.model.current, o);
+        t.model.current = A(H, o), t.update.rerender();
+        break;
+      }
+      const d = c;
+      t.model.current = d(t.model.current, o), t.update.rerender();
+    }
+    r.resolve();
+  };
+}
+function N(t) {
+  return t.startsWith("distributed");
+}
+var g, y;
+class G extends Error {
+  constructor(n, r = null) {
+    super(String(r));
+    R(this, g);
+    R(this, y);
+    b(this, g, n), b(this, y, r);
+  }
+  get type() {
+    return E(this, g);
+  }
+  get message() {
+    return E(this, y) || "";
+  }
+}
+g = new WeakMap(), y = new WeakMap();
+function K(t) {
+  return new Promise((e) => setTimeout(e, t));
+}
+function V(t) {
+  return t ? !!(t && typeof t != "symbol") : Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`);
+}
+function X(t) {
+  return t instanceof G;
+}
+function j(t) {
+  return JSON.stringify(t);
+}
+const gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  hash: j,
+  isEventError: X,
+  pk: V,
+  sleep: K
+}, Symbol.toStringTag, { value: "Module" }));
+function f(t, e) {
+  const n = a.useRef(null), r = a.useRef(null);
+  return a.useMemo(() => {
+    const s = j(e);
+    if (r.current !== s) {
+      r.current = s;
+      const o = t();
+      return n.current = o, o;
+    }
+    return n.current;
+  }, e);
+}
+function U(t, e) {
+  const n = a.useRef(null);
+  a.useEffect(() => {
+    const r = j(e);
+    if (n.current !== r)
+      return n.current = r, t();
+  }, e);
 }
-function Q(t) {
-  return i.useMemo(
+const I = a.createContext({
+  appEmitter: new P()
+});
+function B() {
+  return a.useContext(I);
+}
+function Y(t) {
+  return () => {
+    const e = f(
+      () => ({
+        appEmitter: new P()
+      }),
+      []
+    );
+    return /* @__PURE__ */ p(I.Provider, { value: e, children: /* @__PURE__ */ p(t, {}) });
+  };
+}
+function Z(t) {
+  return f(
     () => ({
       controller: {
         get model() {
@@ -174,14 +253,13 @@ function Q(t) {
           return t.router.current;
         },
         queue: [],
-        handlers: t.options.props,
-        attributes: t.options.props,
+        props: t.options.props,
         actions: {
           annotate(e, n) {
-            return T(e, n);
+            return $(e, n);
           },
           produce(e) {
-            return (n, r) => $(n, r, e);
+            return (n, r) => Q(n, r, e);
           },
           dispatch([e, ...n]) {
             if (e == null) return Promise.reject();
@@ -197,8 +275,7 @@ function Q(t) {
         get validate() {
           return t.model.current.validatable;
         },
-        handlers: t.options.props,
-        attributes: t.options.props,
+        props: t.options.props,
         actions: {
           dispatch([e, ...n]) {
             if (e == null) return Promise.reject();
@@ -211,131 +288,84 @@ function Q(t) {
     []
   );
 }
-function W(t) {
-  return i.useMemo(() => {
+function L(t) {
+  return f(() => {
     var r, s;
     const e = (s = (r = t.options).controller) == null ? void 0 : s.call(r, t.actions.controller);
     return e ? (Object.entries(e).forEach(([o, u]) => t.dispatchers.attach(o, u)), e) : void 0;
   }, []);
 }
-function G(t) {
-  return (e, n) => async (r = Promise.withResolvers(), s) => {
-    if (typeof n != "function") return;
-    const o = Symbol("process"), u = n(...s);
-    if (typeof u == "function") {
-      const a = u(t.model.current, o);
-      return t.model.current = D(a, o), t.update.rerender(), void r.resolve();
-    }
-    for (; ; ) {
-      const { value: a, done: c } = await u.next();
-      if (c) {
-        const I = a(t.model.current, o);
-        t.model.current = D(I, o), t.update.rerender();
-        break;
-      }
-      const d = a;
-      t.model.current = d(t.model.current, o), t.update.rerender();
-    }
-    r.resolve();
-  };
-}
-function O(t) {
-  return t.startsWith("distributed");
-}
-var v, g;
-class H extends Error {
-  constructor(n, r = null) {
-    super(String(r));
-    b(this, v);
-    b(this, g);
-    E(this, v, n), E(this, g, r);
-  }
-  get type() {
-    return w(this, v);
-  }
-  get message() {
-    return w(this, g) || "";
-  }
-}
-v = new WeakMap(), g = new WeakMap();
-function K(t) {
-  const e = U(), n = G(t);
-  return i.useMemo(() => {
-    const r = new x(), s = e.appEmitter;
+function tt(t) {
+  const e = B(), n = W(t);
+  return f(() => {
+    const r = new P(), s = e.appEmitter;
     return {
       attach(o, u) {
-        const a = String(o);
-        O(a) ? s.on(a, n(o, u)) : r.on(a, n(o, u));
-      },
-      dispatch(o, u, a) {
         const c = String(o);
-        O(c) ? s.emit(c, a, u) : r.emit(c, a, u);
+        N(c) ? s.on(c, n(o, u)) : r.on(c, n(o, u));
+      },
+      dispatch(o, u, c) {
+        const i = String(o);
+        N(i) ? s.emit(i, c, u) : r.emit(i, c, u);
       }
     };
   }, []);
 }
-function L() {
-  const t = i.useRef(null);
-  return i.useMemo(() => ({ customElement: t }), []);
+function et() {
+  const t = a.useRef(null);
+  return f(() => ({ customElement: t }), []);
 }
-function V(t) {
-  var n, r, s, o;
-  const e = i.useRef(!1);
-  i.useLayoutEffect(() => {
-    t.dispatchers.dispatch(m.Derive, [
-      t.options.props,
-      t.router.current
-    ]);
+function nt(t) {
+  var e, n, r, s;
+  U(() => {
+    t.dispatchers.dispatch(m.Derive, []);
   }, [
     t.options.props,
-    (n = t.router.current) == null ? void 0 : n.location,
-    (r = t.router.current) == null ? void 0 : r.params,
-    (o = (s = t.router.current) == null ? void 0 : s.search) == null ? void 0 : o[0]
-  ]), i.useLayoutEffect(() => {
-    if (!e.current)
-      return e.current = !0, t.dispatchers.dispatch(m.Mount, []), t.dispatchers.dispatch(m.Node, [
-        t.elements.customElement.current
-      ]), () => t.dispatchers.dispatch(m.Unmount, []);
-  }, []);
+    (e = t.router.current) == null ? void 0 : e.location,
+    (n = t.router.current) == null ? void 0 : n.params,
+    (s = (r = t.router.current) == null ? void 0 : r.search) == null ? void 0 : s[0]
+  ]), U(() => (t.dispatchers.dispatch(m.Mount, []), t.dispatchers.dispatch(m.Node, [
+    t.elements.customElement.current
+  ]), () => t.dispatchers.dispatch(m.Unmount, [])), []);
 }
-function X(t) {
-  const e = i.useMemo(() => t.options.model ?? {}, []);
-  return i.useRef(new P(e, e));
+function rt(t) {
+  const e = f(() => t.options.model ?? {}, []);
+  return a.useRef(new O(e, e));
 }
-function Y() {
-  return i.useRef(/* @__PURE__ */ new Set());
+function ot() {
+  return a.useRef(/* @__PURE__ */ new Set());
 }
-function Z() {
-  return i.useRef(null);
+function st() {
+  return a.useRef(null);
 }
-function tt({ using: t, children: e }) {
-  return f.useInRouterContext() ? /* @__PURE__ */ h(et, { using: t, children: e }) : e();
+function ut({ using: t, children: e }) {
+  return h.useInRouterContext() ? /* @__PURE__ */ p(ct, { using: t, children: e }) : e();
 }
-function et({ using: t, children: e }) {
+function ct({ using: t, children: e }) {
   return t.current = {
-    navigate: f.useNavigate(),
-    location: f.useLocation(),
-    params: f.useParams(),
-    search: f.useSearchParams()
-  }, /* @__PURE__ */ h(q, { children: e() });
+    navigate: h.useNavigate(),
+    location: h.useLocation(),
+    params: h.useParams(),
+    search: h.useSearchParams()
+  }, /* @__PURE__ */ p(z, { children: e() });
 }
-function nt() {
-  const [t, e] = i.useReducer((n) => n + 1, 0);
-  return i.useMemo(() => ({ hash: t, rerender: e }), [t]);
+function it() {
+  const [t, e] = a.useReducer((n) => n + 1, 0);
+  return f(() => ({ hash: t, rerender: e }), [t]);
 }
-function rt({
+function at({
   options: t
 }) {
-  const e = U(), n = nt(), r = Y(), s = L(), o = Z(), u = X({ options: t }), a = K({ app: e, options: t, update: n, model: u, queue: r }), c = Q({ app: e, options: t, model: u, dispatchers: a, router: o });
-  return W({ options: t, dispatchers: a, actions: c }), V({ options: t, dispatchers: a, elements: s, router: o }), i.useMemo(() => i.createElement(t.name, {
+  const e = B(), n = it(), r = ot(), s = et(), o = st(), u = rt({ options: t }), c = tt({ app: e, options: t, update: n, model: u, queue: r }), i = Z({ app: e, options: t, model: u, dispatchers: c, router: o });
+  return L({ options: t, dispatchers: c, actions: i }), nt({ options: t, dispatchers: c, elements: s, router: o }), f(() => a.createElement(t.name, {
     ref: s.customElement,
     style: { display: "contents" },
-    children: /* @__PURE__ */ h(tt, { using: o, children: () => t.view(c.view) })
+    children: /* @__PURE__ */ p(ut, { using: o, children: () => t.view(i.view) })
   }), [n.hash]);
 }
-function ot(t) {
-  return (e) => i.memo(
-    (n) => rt({
+function lt(t) {
+  return (e) => a.memo(
+    (n) => at({
       options: {
         ...e,
         name: t.join(""),
@@ -345,25 +375,11 @@ function ot(t) {
     (n, r) => JSON.stringify(n) === JSON.stringify(r)
   );
 }
-function st(t) {
-  return new Promise((e) => setTimeout(e, t));
-}
-function ut(t) {
-  return t ? !!(t && typeof t != "symbol") : Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`);
-}
-function it(t) {
-  return t instanceof H;
-}
-const ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  isEventError: it,
-  pk: ut,
-  sleep: st
-}, Symbol.toStringTag, { value: "Module" })), pt = { app: F, module: ot };
+const yt = { app: Y, module: lt };
 export {
-  H as EventError,
+  G as EventError,
   m as Lifecycle,
-  J as State,
-  pt as create,
-  ht as utils
+  T as State,
+  yt as create,
+  gt as utils
 };

package/dist/chizu.umd.cjs

@@ -1 +1 @@
-(function(o,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react/jsx-runtime"),require("eventemitter3"),require("react"),require("immer"),require("lodash/get"),require("traverse"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","eventemitter3","react","immer","lodash/get","traverse","react-router-dom"],u):(o=typeof globalThis<"u"?globalThis:o||self,u(o.Chizu={},o.jsxRuntime,o.EventEmitter3,o.React,o.Immer,o.get,o.Traverse,o.ReactRouterDOM))})(this,function(o,u,l,w,B,v,E,F){"use strict";var de=Object.defineProperty;var U=o=>{throw TypeError(o)};var fe=(o,u,l)=>u in o?de(o,u,{enumerable:!0,configurable:!0,writable:!0,value:l}):o[u]=l;var j=(o,u,l)=>fe(o,typeof u!="symbol"?u+"":u,l),z=(o,u,l)=>u.has(o)||U("Cannot "+l);var O=(o,u,l)=>(z(o,u,"read from private field"),l?l.call(o):u.get(o)),P=(o,u,l)=>u.has(o)?U("Cannot add the same private member more than once"):u instanceof WeakSet?u.add(o):u.set(o,l),D=(o,u,l,w)=>(z(o,u,"write to private field"),w?w.call(o,l):u.set(o,l),l);var g,b;function k(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=k(w),y=k(F),_=a.createContext({appEmitter:new l});function x(){return a.useContext(_)}function J(e){return()=>{const t=a.useMemo(()=>({appEmitter:new l}),[]);return u.jsx(_.Provider,{value:t,children:u.jsx(e,{})})}}class q{constructor(t){this.value=t}}class T{static Draft(t){return new q(t)}}j(T,"Op",{Add:1,Remove:2,Update:4,Move:8,Replace:16});var m=(e=>(e.Mount="lifecycle/mount",e.Node="lifecycle/node",e.Derive="lifecycle/derive",e.Error="distributed/lifecycle/error",e.Unmount="lifecycle/unmount",e))(m||{});const h={immer:new B.Immer,annotations:Symbol("annotations")};h.immer.setAutoFreeze(!1);class M{constructor(t,n,r=null){j(this,"process");this.value=t,this.operations=n,this.field=r,this.process=null}attach(t){return this.process=t,this}}function $(e,t=[]){return new M(e,t)}class S{constructor(t,n=t){this.stateless=t,this.stateful=n}get validatable(){return A(this.stateful)}}function A(e,t=[]){return new Proxy(e,{get(n,r){switch(r){case"is":return i=>{const s=R(e,t);if(!s)return!1;const c=new Set(s.flatMap(f=>f.operations));return!!(Array.from(c).reduce((f,p)=>f|(p??0),0)&i)};case"pending":return()=>!!R(e,t);case"draft":return()=>{const i=R(e,t);if(!i)return v(e,t);const s=i.flatMap(c=>c.operations).find(c=>c instanceof q);return s?s.value:v(e,t)}}return A(e,[...t,String(r)])}})}function R(e,t){const r=typeof v(e,t)=="object"?t:t.slice(0,-1),i=r.length===0?e:v(e,r),s=(i==null?void 0:i[h.annotations])??[];return s.length>0?s:null}function L(e,t,n){function r(s){return E(s).forEach(function(){if(this.key===h.annotations){this.block();return}this.node instanceof M&&this.update(this.node.value)})}function i(s){return E(s).forEach(function(){if(this.key===h.annotations){this.block();return}if(this.node instanceof M){const c=typeof this.node.value=="object",d=[...c?this.path:this.path.slice(0,-1),h.annotations],f=v(e.stateful,d)??[],p=this.node.attach(t);c?this.update({...this.node.value,[h.annotations]:[p,...f]},!0):(this.parent&&(this.parent.node[h.annotations]=[p,...f]),this.update(this.node.value,!0))}})}return new S(r(h.immer.produce(e.stateless,n)),i(h.immer.produce(e.stateful,n)))}function C(e,t){const n=E(e.stateful).forEach(function(){if(this.key===h.annotations){this.block();return}if(this.node&&this.node[h.annotations]){const r=this.node[h.annotations];this.update({...this.node,[h.annotations]:r.filter(i=>i.process!==t)},!0)}});return new S(e.stateless,n)}function Q(e){return a.useMemo(()=>({controller:{get model(){return e.model.current.stateful},get router(){return e.router.current},queue:[],handlers:e.options.props,attributes:e.options.props,actions:{annotate(t,n){return $(t,n)},produce(t){return(n,r)=>L(n,r,t)},dispatch([t,...n]){if(t==null)return Promise.reject();const r=Promise.withResolvers();return e.dispatchers.dispatch(t,n,r),r.promise}}},view:{get model(){return e.model.current.stateless},get validate(){return e.model.current.validatable},handlers:e.options.props,attributes:e.options.props,actions:{dispatch([t,...n]){if(t==null)return Promise.reject();const r=Promise.withResolvers();return e.dispatchers.dispatch(t,n,r),r.promise}}}}),[])}function W(e){return a.useMemo(()=>{var r,i;const t=(i=(r=e.options).controller)==null?void 0:i.call(r,e.actions.controller);return t?(Object.entries(t).forEach(([s,c])=>e.dispatchers.attach(s,c)),t):void 0},[])}function G(e){return(t,n)=>async(r=Promise.withResolvers(),i)=>{if(typeof n!="function")return;const s=Symbol("process"),c=n(...i);if(typeof c=="function"){const d=c(e.model.current,s);return e.model.current=C(d,s),e.update.rerender(),void r.resolve()}for(;;){const{value:d,done:f}=await c.next();if(f){const le=d(e.model.current,s);e.model.current=C(le,s),e.update.rerender();break}const p=d;e.model.current=p(e.model.current,s),e.update.rerender()}r.resolve()}}function I(e){return e.startsWith("distributed")}class N extends Error{constructor(n,r=null){super(String(r));P(this,g);P(this,b);D(this,g,n),D(this,b,r)}get type(){return O(this,g)}get message(){return O(this,b)||""}}g=new WeakMap,b=new WeakMap;function H(e){const t=x(),n=G(e);return a.useMemo(()=>{const r=new l,i=t.appEmitter;return{attach(s,c){const d=String(s);I(d)?i.on(d,n(s,c)):r.on(d,n(s,c))},dispatch(s,c,d){const f=String(s);I(f)?i.emit(f,d,c):r.emit(f,d,c)}}},[])}function K(){const e=a.useRef(null);return a.useMemo(()=>({customElement:e}),[])}function V(e){var n,r,i,s;const t=a.useRef(!1);a.useLayoutEffect(()=>{e.dispatchers.dispatch(m.Derive,[e.options.props,e.router.current])},[e.options.props,(n=e.router.current)==null?void 0:n.location,(r=e.router.current)==null?void 0:r.params,(s=(i=e.router.current)==null?void 0:i.search)==null?void 0:s[0]]),a.useLayoutEffect(()=>{if(!t.current)return t.current=!0,e.dispatchers.dispatch(m.Mount,[]),e.dispatchers.dispatch(m.Node,[e.elements.customElement.current]),()=>e.dispatchers.dispatch(m.Unmount,[])},[])}function X(e){const t=a.useMemo(()=>e.options.model??{},[]);return a.useRef(new S(t,t))}function Y(){return a.useRef(new Set)}function Z(){return a.useRef(null)}function ee({using:e,children:t}){return y.useInRouterContext()?u.jsx(te,{using:e,children:t}):t()}function te({using:e,children:t}){return e.current={navigate:y.useNavigate(),location:y.useLocation(),params:y.useParams(),search:y.useSearchParams()},u.jsx(u.Fragment,{children:t()})}function ne(){const[e,t]=a.useReducer(n=>n+1,0);return a.useMemo(()=>({hash:e,rerender:t}),[e])}function re({options:e}){const t=x(),n=ne(),r=Y(),i=K(),s=Z(),c=X({options:e}),d=H({app:t,options:e,update:n,model:c,queue:r}),f=Q({app:t,options:e,model:c,dispatchers:d,router:s});return W({options:e,dispatchers:d,actions:f}),V({options:e,dispatchers:d,elements:i,router:s}),a.useMemo(()=>a.createElement(e.name,{ref:i.customElement,style:{display:"contents"},children:u.jsx(ee,{using:s,children:()=>e.view(f.view)})}),[n.hash])}function oe(e){return t=>a.memo(n=>re({options:{...t,name:e.join(""),props:n}}),(n,r)=>JSON.stringify(n)===JSON.stringify(r))}function se(e){return new Promise(t=>setTimeout(t,e))}function ue(e){return e?!!(e&&typeof e!="symbol"):Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`)}function ie(e){return e instanceof N}const ce=Object.freeze(Object.defineProperty({__proto__:null,isEventError:ie,pk:ue,sleep:se},Symbol.toStringTag,{value:"Module"})),ae={app:J,module:oe};o.EventError=N,o.Lifecycle=m,o.State=T,o.create=ae,o.utils=ce,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(s,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react/jsx-runtime"),require("immer"),require("lodash/get"),require("traverse"),require("react"),require("eventemitter3"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","immer","lodash/get","traverse","react","eventemitter3","react-router-dom"],u):(s=typeof globalThis<"u"?globalThis:s||self,u(s.Chizu={},s.jsxRuntime,s.Immer,s.get,s.Traverse,s.React,s.EventEmitter3,s.ReactRouterDOM))})(this,function(s,u,l,m,S,F,E,$){"use strict";var me=Object.defineProperty;var H=s=>{throw TypeError(s)};var pe=(s,u,l)=>u in s?me(s,u,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[u]=l;var P=(s,u,l)=>pe(s,typeof u!="symbol"?u+"":u,l),J=(s,u,l)=>u.has(s)||H("Cannot "+l);var D=(s,u,l)=>(J(s,u,"read from private field"),l?l.call(s):u.get(s)),_=(s,u,l)=>u.has(s)?H("Cannot add the same private member more than once"):u instanceof WeakSet?u.add(s):u.set(s,l),k=(s,u,l,m)=>(J(s,u,"write to private field"),m?m.call(s,l):u.set(s,l),l);var w,b;function x(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const d=x(F),g=x($);class q{constructor(t){this.value=t}}class N{static Draft(t){return new q(t)}}P(N,"Op",{Add:1,Remove:2,Update:4,Move:8,Replace:16});var v=(e=>(e.Mount="lifecycle/mount",e.Node="lifecycle/node",e.Derive="lifecycle/derive",e.Error="distributed/lifecycle/error",e.Unmount="lifecycle/unmount",e))(v||{});const h={immer:new l.Immer,annotations:Symbol("annotations")};h.immer.setAutoFreeze(!1);class R{constructor(t,n,r=null){P(this,"process");this.value=t,this.operations=n,this.field=r,this.process=null}attach(t){return this.process=t,this}}function Q(e,t=[]){return new R(e,t)}class j{constructor(t,n=t){this.stateless=t,this.stateful=n}get validatable(){return T(this.stateful)}}function T(e,t=[]){return new Proxy(e,{get(n,r){switch(r){case"is":return c=>{const o=O(e,t);if(!o)return!1;const i=new Set(o.flatMap(f=>f.operations));return!!(Array.from(i).reduce((f,y)=>f|(y??0),0)&c)};case"pending":return()=>!!O(e,t);case"draft":return()=>{const c=O(e,t);if(!c)return m(e,t);const o=c.flatMap(i=>i.operations).find(i=>i instanceof q);return o?o.value:m(e,t)}}return T(e,[...t,String(r)])}})}function O(e,t){const r=typeof m(e,t)=="object"?t:t.slice(0,-1),c=r.length===0?e:m(e,r),o=(c==null?void 0:c[h.annotations])??[];return o.length>0?o:null}function W(e,t,n){function r(o){return S(o).forEach(function(){if(this.key===h.annotations){this.block();return}this.node instanceof R&&this.update(this.node.value)})}function c(o){return S(o).forEach(function(){if(this.key===h.annotations){this.block();return}if(this.node instanceof R){const i=typeof this.node.value=="object",a=[...i?this.path:this.path.slice(0,-1),h.annotations],f=m(e.stateful,a)??[],y=this.node.attach(t);i?this.update({...this.node.value,[h.annotations]:[y,...f]},!0):(this.parent&&(this.parent.node[h.annotations]=[y,...f]),this.update(this.node.value,!0))}})}return new j(r(h.immer.produce(e.stateless,n)),c(h.immer.produce(e.stateful,n)))}function A(e,t){const n=S(e.stateful).forEach(function(){if(this.key===h.annotations){this.block();return}if(this.node&&this.node[h.annotations]){const r=this.node[h.annotations];this.update({...this.node,[h.annotations]:r.filter(c=>c.process!==t)},!0)}});return new j(e.stateless,n)}function G(e){return(t,n)=>async(r=Promise.withResolvers(),c)=>{if(typeof n!="function")return;const o=Symbol("process"),i=n(...c);if(typeof i=="function"){const a=i(e.model.current,o);return e.model.current=A(a,o),e.update.rerender(),void r.resolve()}for(;;){const{value:a,done:f}=await i.next();if(f){const he=a(e.model.current,o);e.model.current=A(he,o),e.update.rerender();break}const y=a;e.model.current=y(e.model.current,o),e.update.rerender()}r.resolve()}}function C(e){return e.startsWith("distributed")}class I extends Error{constructor(n,r=null){super(String(r));_(this,w);_(this,b);k(this,w,n),k(this,b,r)}get type(){return D(this,w)}get message(){return D(this,b)||""}}w=new WeakMap,b=new WeakMap;function K(e){return new Promise(t=>setTimeout(t,e))}function V(e){return e?!!(e&&typeof e!="symbol"):Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`)}function X(e){return e instanceof I}function M(e){return JSON.stringify(e)}const Y=Object.freeze(Object.defineProperty({__proto__:null,hash:M,isEventError:X,pk:V,sleep:K},Symbol.toStringTag,{value:"Module"}));function p(e,t){const n=d.useRef(null),r=d.useRef(null);return d.useMemo(()=>{const c=M(t);if(r.current!==c){r.current=c;const o=e();return n.current=o,o}return n.current},t)}function U(e,t){const n=d.useRef(null);d.useEffect(()=>{const r=M(t);if(n.current!==r)return n.current=r,e()},t)}const z=d.createContext({appEmitter:new E});function B(){return d.useContext(z)}function Z(e){return()=>{const t=p(()=>({appEmitter:new E}),[]);return u.jsx(z.Provider,{value:t,children:u.jsx(e,{})})}}function L(e){return p(()=>({controller:{get model(){return e.model.current.stateful},get router(){return e.router.current},queue:[],props:e.options.props,actions:{annotate(t,n){return Q(t,n)},produce(t){return(n,r)=>W(n,r,t)},dispatch([t,...n]){if(t==null)return Promise.reject();const r=Promise.withResolvers();return e.dispatchers.dispatch(t,n,r),r.promise}}},view:{get model(){return e.model.current.stateless},get validate(){return e.model.current.validatable},props:e.options.props,actions:{dispatch([t,...n]){if(t==null)return Promise.reject();const r=Promise.withResolvers();return e.dispatchers.dispatch(t,n,r),r.promise}}}}),[])}function ee(e){return p(()=>{var r,c;const t=(c=(r=e.options).controller)==null?void 0:c.call(r,e.actions.controller);return t?(Object.entries(t).forEach(([o,i])=>e.dispatchers.attach(o,i)),t):void 0},[])}function te(e){const t=B(),n=G(e);return p(()=>{const r=new E,c=t.appEmitter;return{attach(o,i){const a=String(o);C(a)?c.on(a,n(o,i)):r.on(a,n(o,i))},dispatch(o,i,a){const f=String(o);C(f)?c.emit(f,a,i):r.emit(f,a,i)}}},[])}function ne(){const e=d.useRef(null);return p(()=>({customElement:e}),[])}function re(e){var t,n,r,c;U(()=>{e.dispatchers.dispatch(v.Derive,[])},[e.options.props,(t=e.router.current)==null?void 0:t.location,(n=e.router.current)==null?void 0:n.params,(c=(r=e.router.current)==null?void 0:r.search)==null?void 0:c[0]]),U(()=>(e.dispatchers.dispatch(v.Mount,[]),e.dispatchers.dispatch(v.Node,[e.elements.customElement.current]),()=>e.dispatchers.dispatch(v.Unmount,[])),[])}function se(e){const t=p(()=>e.options.model??{},[]);return d.useRef(new j(t,t))}function oe(){return d.useRef(new Set)}function ue(){return d.useRef(null)}function ce({using:e,children:t}){return g.useInRouterContext()?u.jsx(ie,{using:e,children:t}):t()}function ie({using:e,children:t}){return e.current={navigate:g.useNavigate(),location:g.useLocation(),params:g.useParams(),search:g.useSearchParams()},u.jsx(u.Fragment,{children:t()})}function ae(){const[e,t]=d.useReducer(n=>n+1,0);return p(()=>({hash:e,rerender:t}),[e])}function le({options:e}){const t=B(),n=ae(),r=oe(),c=ne(),o=ue(),i=se({options:e}),a=te({app:t,options:e,update:n,model:i,queue:r}),f=L({app:t,options:e,model:i,dispatchers:a,router:o});return ee({options:e,dispatchers:a,actions:f}),re({options:e,dispatchers:a,elements:c,router:o}),p(()=>d.createElement(e.name,{ref:c.customElement,style:{display:"contents"},children:u.jsx(ce,{using:o,children:()=>e.view(f.view)})}),[n.hash])}function fe(e){return t=>d.memo(n=>le({options:{...t,name:e.join(""),props:n}}),(n,r)=>JSON.stringify(n)===JSON.stringify(r))}const de={app:Z,module:fe};s.EventError=I,s.Lifecycle=v,s.State=N,s.create=de,s.utils=Y,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/controller/types.d.ts

@@ -1,7 +1,7 @@
 import { EventError } from '../module/renderer/dispatchers/utils.ts';
 import { Models } from '../module/renderer/model/utils.ts';
 import { Head } from '../module/renderer/types.ts';
-import { Actions, Attributes, Draft, Handlers, Lifecycle, ModuleDefinition, Op, Query, Queue } from '../types/index.ts';
+import { Actions, Draft, Lifecycle, ModuleDefinition, Op, Query, Queue } from '../types/index.ts';
 import * as Router from "../module/renderer/router/types.ts";
 export type ControllerActions<M extends ModuleDefinition> = {
     annotate<T>(value: T, operations?: (Op | Draft<T>)[]): T;
@@ -13,8 +13,7 @@ export type ControllerArgs<M extends ModuleDefinition> = Readonly<{
     queue: Readonly<Queue<M["Actions"]>>;
     router: M["Query"] extends NonNullable<Query> ? Readonly<Router.Context<M["Query"]>> : null;
     actions: Readonly<ControllerActions<M>>;
-    handlers: Readonly<Handlers<M["Props"]>>;
-    attributes: Readonly<Attributes<M["Props"]>>;
+    props: Readonly<M["Props"]>;
 }>;
 export type ActionEvent<M extends ModuleDefinition> = (...args: M["Actions"][number]) => ActionGenerator<M>;
 type ActionEvents<M extends ModuleDefinition> = {
@@ -24,7 +23,7 @@ export type ActionGenerator<M extends ModuleDefinition> = ((models: Models<M["Mo
 export type ControllerDefinition<M extends ModuleDefinition> = (controller: ControllerArgs<M>) => ControllerInstance<M>;
 export type ControllerInstance<M extends ModuleDefinition> = {
     [Lifecycle.Mount]?(): ActionGenerator<M>;
-    [Lifecycle.Derive]?(attributes: Attributes<M["Props"]>, routes: null | Router.Context<M["Query"]>): ActionGenerator<M>;
+    [Lifecycle.Derive]?(): ActionGenerator<M>;
     [Lifecycle.Node]?(tree: HTMLElement): ActionGenerator<M>;
     [Lifecycle.Error]?(error: Error | EventError): ActionGenerator<M>;
     [Lifecycle.Unmount]?(): ActionGenerator<M>;

package/dist/hooks/index.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+/**
+ * Optimises the memoisation of a value based on its dependencies.
+ *
+ * @param factory {() => T}
+ * @param dependencies {React.DependencyList}
+ * @returns {T}
+ */
+export declare function useOptimisedMemo<T>(factory: () => T, dependencies: React.DependencyList): T;
+/**
+ *  Optimises the execution of an effect based on its dependencies.
+ *
+ * @param effect {React.EffectCallback}
+ * @param dependencies {React.DependencyList}
+ */
+export declare function useOptimisedEffect(effect: React.EffectCallback, dependencies: React.DependencyList): void;

package/dist/types/index.d.ts

@@ -48,18 +48,6 @@ export type ModuleDefinition = {
     Props: Props;
     Query: Query;
 };
-type Fns<P extends Props> = {
-    [K in keyof P]: P[K] extends (...args: any[]) => any ? P[K] : never;
-};
-type NonFns<P extends Props> = {
-    [K in keyof P]: P[K] extends (...args: any[]) => any ? never : P[K];
-};
-export type Handlers<P extends Props> = {
-    [K in keyof Fns<P> as Fns<P>[K] extends never ? never : K]: Fns<P>[K];
-};
-export type Attributes<P extends Props> = {
-    [K in keyof NonFns<P> as NonFns<P>[K] extends never ? never : K]: NonFns<P>[K];
-};
 export type Pk<T> = undefined | Symbol | T;
 export type Queue<A extends ModuleDefinition["Actions"]> = {
     name: Head<A>;

package/dist/utils/index.d.ts

@@ -4,3 +4,4 @@ export { default as sleep } from './sleep/index.ts';
 export declare function pk<T>(): Symbol;
 export declare function pk<T>(id: Pk<T>): boolean;
 export declare function isEventError(error: Error | EventError): error is EventError;
+export declare function hash<T>(x: T): string;

package/dist/view/types.d.ts

@@ -1,5 +1,5 @@
 import { Validatable } from '../module/renderer/model/types.ts';
-import { Attributes, Handlers, ModuleDefinition } from '../types/index.ts';
+import { ModuleDefinition } from '../types/index.ts';
 import * as React from "react";
 export type ViewActions<M extends ModuleDefinition> = {
     dispatch(action: M["Actions"]): Promise<void>;
@@ -8,7 +8,6 @@ export type ViewArgs<M extends ModuleDefinition> = Readonly<{
     model: Readonly<M["Model"]>;
     validate: Readonly<Validatable<M["Model"]>>;
     actions: Readonly<ViewActions<M>>;
-    handlers: Readonly<Handlers<M["Props"]>>;
-    attributes: Readonly<Attributes<M["Props"]>>;
+    props: Readonly<M["Props"]>;
 }>;
 export type ViewDefinition<M extends ModuleDefinition> = (actions: ViewArgs<M>) => React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chizu",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "type": "module",
   "main": "./dist/chizu.js",
   "types": "./dist/index.d.ts",

package/dist/module/renderer/decorate/index.d.ts

@@ -1 +0,0 @@
-export {};