chizu 0.2.3 → 0.2.5

package/README.md

@@ -30,7 +30,7 @@ Controllers are responsible for mutating the state of the view. In the below exa
 <kbd>Controller</kbd>
 
 ```tsx
-export default create.controller<Module>((module) => {
+export default (function ProfileController(module) {
   return {
     async *[Events.Name](name) {
       return module.actions.produce((draft) => {
@@ -38,13 +38,13 @@ export default create.controller<Module>((module) => {
       });
     },
   };
-});
+} as Controller<Module>);
 ```
 
 <kbd>View</kbd>
 
 ```tsx
-export default create.view<Module>((module) => {
+export default (function ProfileView(module) {
   return (
     <>
       <p>Hey {module.model.name}</p>
@@ -56,7 +56,7 @@ export default create.view<Module>((module) => {
       </button>
     </>
   );
-});
+} as View<Module>);
 ```
 
 Fetching the name from an external source using an `actions.io` causes the controller event (`Events.Name`) and associated view to be invoked twice &ndash; once with a record of mutations to display a pending state, and then again with the model once it's been mutated.
@@ -64,7 +64,7 @@ Fetching the name from an external source using an `actions.io` causes the contr
 <kbd>Controller</kbd>
 
 ```tsx
-export default create.controller<Module>((module) => {
+export default (function ProfileController(module) {
   return {
     async *[Events.Name]() {
       yield module.actions.produce((draft) => {
@@ -78,13 +78,13 @@ export default create.controller<Module>((module) => {
       });
     },
   };
-});
+} as Controller<Module>);
 ```
 
 <kbd>View</kbd>
 
 ```tsx
-export default create.view<Module>((module) => {
+export default (function ProfileView(module) {
   return (
     <>
       <p>Hey {module.model.name}</p>
@@ -94,7 +94,7 @@ export default create.view<Module>((module) => {
       </button>
     </>
   );
-});
+} as View<Module>);
 ```
 
 <!-- In the above example the name is fetched asynchronously &ndash; however there is no feedback to the user, we can improve that by using the `module.actions.state` and `module.validate` helpers: -->
@@ -102,7 +102,7 @@ export default create.view<Module>((module) => {
 <kbd>Controller</kbd>
 
 ```tsx
-export default create.controller<Module>((module) => {
+export default (function ProfileController(module) {
   return {
     async *[Events.Name]() {
       yield module.actions.produce((draft) => {
@@ -115,13 +115,13 @@ export default create.controller<Module>((module) => {
       });
     },
   };
-});
+} as Controller<Module>);
 ```
 
 <kbd>View</kbd>
 
 ```tsx
-export default create.view<Module>((module) => {
+export default (function ProfileView(module) {
   return (
     <>
       <p>Hey {module.model.name}</p>
@@ -136,7 +136,7 @@ export default create.view<Module>((module) => {
       </button>
     </>
   );
-});
+} as View<Module>);
 ```
 
 ## Handling Errors
@@ -157,7 +157,7 @@ export const enum Errors {
 <kbd>Controller</kbd>
 
 ```tsx
-export default create.controller<Module>((module) => {
+export default (function ProfileController(module) {
   return {
     *[Events.Name]() {
       yield module.actions.produce((draft) => {
@@ -173,7 +173,7 @@ export default create.controller<Module>((module) => {
       });
     },
   };
-});
+}) as Controller<Module>;
 ```
 
 However showing a toast message is not always relevant, you may want a more detailed error message such as a user not found message &ndash; although you could introduce another property for such errors in your model, you could mark the property as fallible by giving it a `Maybe` type because it then keeps everything nicely associated with the `name` property rather than creating another property:
@@ -181,7 +181,7 @@ However showing a toast message is not always relevant, you may want a more deta
 <kbd>Controller</kbd>
 
 ```tsx
-export default create.controller<Module>((module) => {
+export default (function ProfileView(module) {
   return {
     async *[Events.Name]() {
       yield module.actions.produce((draft) => {
@@ -201,5 +201,5 @@ export default create.controller<Module>((module) => {
       });
     },
   };
-});
+} as View<Module>);
 ```

package/dist/chizu.js

@@ -1,51 +1,45 @@
 var I = Object.defineProperty;
-var D = (t) => {
+var P = (t) => {
   throw TypeError(t);
 };
 var N = (t, e, n) => e in t ? I(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var b = (t, e, n) => N(t, typeof e != "symbol" ? e + "" : e, n), P = (t, e, n) => e.has(t) || D("Cannot " + n);
-var w = (t, e, n) => (P(t, e, "read from private field"), n ? n.call(t) : e.get(t)), y = (t, e, n) => e.has(t) ? D("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), E = (t, e, n, r) => (P(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
+var y = (t, e, n) => N(t, typeof e != "symbol" ? e + "" : e, n), j = (t, e, n) => e.has(t) || P("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) ? P("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 B } from "react/jsx-runtime";
-import x from "eventemitter3";
-import * as c from "react";
+import k from "eventemitter3";
+import * as i from "react";
 import { Immer as q } from "immer";
 import p from "lodash/get";
 import M from "traverse";
-import * as f from "react-router-dom";
-const O = c.createContext({
-  appEmitter: new x()
+import * as d from "react-router-dom";
+const O = i.createContext({
+  appEmitter: new k()
 });
-function _() {
-  return c.useContext(O);
+function A() {
+  return i.useContext(O);
 }
 function z(t) {
   return () => {
-    const e = c.useMemo(
+    const e = i.useMemo(
       () => ({
-        appEmitter: new x()
+        appEmitter: new k()
       }),
       []
     );
     return /* @__PURE__ */ h(O.Provider, { value: e, children: /* @__PURE__ */ h(t, {}) });
   };
 }
-function F(t) {
-  return t;
-}
-function J(t) {
-  return t;
-}
-class A {
+class U {
   constructor(e) {
     this.value = e;
   }
 }
-class T {
+class F {
   static Draft(e) {
-    return new A(e);
+    return new U(e);
   }
 }
-b(T, "Op", {
+y(F, "Op", {
   Add: 1,
   Remove: 2,
   Update: 4,
@@ -60,25 +54,25 @@ const l = {
 l.immer.setAutoFreeze(!1);
 class S {
   constructor(e, n, r = null) {
-    b(this, "process");
+    y(this, "process");
     this.value = e, this.operations = n, this.field = r, this.process = null;
   }
   attach(e) {
     return this.process = e, this;
   }
 }
-function $(t, e = []) {
+function J(t, e = []) {
   return new S(t, e);
 }
-class k {
+class x {
   constructor(e, n = e) {
     this.stateless = e, this.stateful = n;
   }
   get validatable() {
-    return C(this.stateful);
+    return _(this.stateful);
   }
 }
-function C(t, e = []) {
+function _(t, e = []) {
   return new Proxy(t, {
     get(n, r) {
       switch (r) {
@@ -87,10 +81,10 @@ function C(t, e = []) {
             const o = R(t, e);
             if (!o) return !1;
             const u = new Set(
-              o.flatMap((i) => i.operations)
+              o.flatMap((c) => c.operations)
             );
             return !!(Array.from(u).reduce(
-              (i, d) => i | (d ?? 0),
+              (c, f) => c | (f ?? 0),
               0
             ) & s);
           };
@@ -100,11 +94,11 @@ function C(t, e = []) {
           return () => {
             const s = R(t, e);
             if (!s) return p(t, e);
-            const o = s.flatMap((u) => u.operations).find((u) => u instanceof A);
+            const o = s.flatMap((u) => u.operations).find((u) => u instanceof U);
             return o ? o.value : p(t, e);
           };
       }
-      return C(t, [...e, String(r)]);
+      return _(t, [...e, String(r)]);
     }
   });
 }
@@ -112,7 +106,7 @@ 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]) ?? [];
   return o.length > 0 ? o : null;
 }
-function L(t, e, n) {
+function T(t, e, n) {
   function r(o) {
     return M(o).forEach(function() {
       if (this.key === l.annotations) {
@@ -132,23 +126,23 @@ function L(t, e, n) {
         const u = typeof this.node.value == "object", a = [
           ...u ? this.path : this.path.slice(0, -1),
           l.annotations
-        ], i = p(t.stateful, a) ?? [], d = this.node.attach(e);
+        ], c = p(t.stateful, a) ?? [], f = this.node.attach(e);
         u ? this.update(
           {
             ...this.node.value,
-            [l.annotations]: [d, ...i]
+            [l.annotations]: [f, ...c]
           },
           !0
-        ) : (this.parent && (this.parent.node[l.annotations] = [d, ...i]), this.update(this.node.value, !0));
+        ) : (this.parent && (this.parent.node[l.annotations] = [f, ...c]), this.update(this.node.value, !0));
       }
     });
   }
-  return new k(
+  return new x(
     r(l.immer.produce(t.stateless, n)),
     s(l.immer.produce(t.stateful, n))
   );
 }
-function Q(t, e) {
+function $(t, e) {
   const n = M(t.stateful).forEach(function() {
     if (this.key === l.annotations) {
       this.block();
@@ -167,10 +161,10 @@ function Q(t, e) {
       );
     }
   });
-  return new k(t.stateless, n);
+  return new x(t.stateless, n);
 }
-function W(t) {
-  return c.useMemo(
+function Q(t) {
+  return i.useMemo(
     () => ({
       controller: {
         get model() {
@@ -184,12 +178,13 @@ function W(t) {
         attributes: t.options.props,
         actions: {
           annotate(e, n) {
-            return $(e, n);
+            return J(e, n);
           },
           produce(e) {
-            return (n, r) => L(n, r, e);
+            return (n, r) => T(n, r, e);
           },
           dispatch([e, ...n]) {
+            if (!e) return Promise.reject();
             const r = Promise.withResolvers();
             return t.dispatchers.dispatch(e, n, r), r.promise;
           }
@@ -206,6 +201,7 @@ function W(t) {
         attributes: t.options.props,
         actions: {
           dispatch([e, ...n]) {
+            if (!e) return Promise.reject();
             const r = Promise.withResolvers();
             return t.dispatchers.dispatch(e, n, r), r.promise;
           }
@@ -215,39 +211,39 @@ function W(t) {
     []
   );
 }
-function G(t) {
-  return c.useMemo(() => {
+function W(t) {
+  return i.useMemo(() => {
     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 H(t) {
+function G(t) {
   return (e, n) => async (r = Promise.withResolvers(), s) => {
     if (typeof n != "function") return;
     const o = Symbol("process"), u = n(...s);
     for (; ; ) {
-      const { value: a, done: i } = await u.next();
-      if (i) {
-        const U = a(t.model.current, o);
-        t.model.current = Q(U, o), t.update.rerender();
+      const { value: a, done: c } = await u.next();
+      if (c) {
+        const C = a(t.model.current, o);
+        t.model.current = $(C, o), t.update.rerender();
         break;
       }
-      const d = a;
-      t.model.current = d(t.model.current, o), t.update.rerender();
+      const f = a;
+      t.model.current = f(t.model.current, o), t.update.rerender();
     }
     r.resolve();
   };
 }
-function j(t) {
+function D(t) {
   return t.startsWith("distributed");
 }
 var v, g;
-class K extends Error {
+class H extends Error {
   constructor(n, r = null) {
     super(String(r));
-    y(this, v);
-    y(this, g);
+    b(this, v);
+    b(this, g);
     E(this, v, n), E(this, g, r);
   }
   get type() {
@@ -258,30 +254,30 @@ class K extends Error {
   }
 }
 v = new WeakMap(), g = new WeakMap();
-function V(t) {
-  const e = _(), n = H(t);
-  return c.useMemo(() => {
-    const r = new x(), s = e.appEmitter;
+function K(t) {
+  const e = A(), n = G(t);
+  return i.useMemo(() => {
+    const r = new k(), s = e.appEmitter;
     return {
       attach(o, u) {
         const a = String(o);
-        j(a) ? s.on(a, n(o, u)) : r.on(a, n(o, u));
+        D(a) ? s.on(a, n(o, u)) : r.on(a, n(o, u));
       },
       dispatch(o, u, a) {
-        const i = String(o);
-        j(i) ? s.emit(i, a, u) : r.emit(i, a, u);
+        const c = String(o);
+        D(c) ? s.emit(c, a, u) : r.emit(c, a, u);
       }
     };
   }, []);
 }
-function X() {
-  const t = c.useRef(null);
-  return c.useMemo(() => ({ customElement: t }), []);
+function L() {
+  const t = i.useRef(null);
+  return i.useMemo(() => ({ customElement: t }), []);
 }
-function Y(t) {
+function V(t) {
   var n, r, s, o;
-  const e = c.useRef(!1);
-  c.useLayoutEffect(() => {
+  const e = i.useRef(!1);
+  i.useLayoutEffect(() => {
     t.dispatchers.dispatch(m.Derive, [
       t.options.props,
       t.router.current
@@ -291,72 +287,51 @@ function Y(t) {
     (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]
-  ]), c.useLayoutEffect(() => {
+  ]), 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, []);
   }, []);
 }
-function Z(t) {
-  return c.useMemo(
-    () => ({
-      output(e) {
-        const n = t.elements.customElement.current;
-        console.groupCollapsed(
-          "%cRendered",
-          "background: rgb(217, 235, 240); color: rgb(0, 51, 102); border-radius: 2px; padding: 0 5px",
-          n
-        ), console.groupEnd();
-      }
-    }),
-    []
-  );
+function X(t) {
+  const e = i.useMemo(() => t.options.model ?? {}, []);
+  return i.useRef(new x(e, e));
 }
-function tt(t) {
-  const e = c.useMemo(() => t.options.model ?? {}, []);
-  return c.useRef(new k(e, e));
+function Y() {
+  return i.useRef(/* @__PURE__ */ new Set());
 }
-function et() {
-  return c.useRef(/* @__PURE__ */ new Set());
-}
-function nt() {
-  return c.useRef(null);
+function Z() {
+  return i.useRef(null);
 }
-function rt({ using: t, children: e }) {
-  return f.useInRouterContext() ? /* @__PURE__ */ h(ot, { using: t, children: e }) : e();
+function tt({ using: t, children: e }) {
+  return d.useInRouterContext() ? /* @__PURE__ */ h(et, { using: t, children: e }) : e();
 }
-function ot({ using: t, children: e }) {
+function et({ using: t, children: e }) {
   return t.current = {
-    navigate: f.useNavigate(),
-    location: f.useLocation(),
-    params: f.useParams(),
-    search: f.useSearchParams()
+    navigate: d.useNavigate(),
+    location: d.useLocation(),
+    params: d.useParams(),
+    search: d.useSearchParams()
   }, /* @__PURE__ */ h(B, { children: e() });
 }
-function st() {
-  const [t, e] = c.useReducer((n) => n + 1, 0);
-  return c.useMemo(() => ({ hash: t, rerender: e }), [t]);
+function nt() {
+  const [t, e] = i.useReducer((n) => n + 1, 0);
+  return i.useMemo(() => ({ hash: t, rerender: e }), [t]);
 }
-function ut({
+function rt({
   options: t
 }) {
-  const e = _(), n = st(), r = et(), s = X(), o = nt(), u = tt({ options: t }), a = Z({ options: t, elements: s }), i = V({
-    app: e,
-    options: t,
-    update: n,
-    model: u,
-    logger: a,
-    queue: r
-  }), d = W({ app: e, options: t, model: u, dispatchers: i, router: o });
-  return G({ options: t, dispatchers: i, actions: d }), Y({ options: t, dispatchers: i, elements: s, router: o }), c.useMemo(() => (a.output({}), c.createElement(t.name, {
+  const e = A(), 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, {
     ref: s.customElement,
-    children: /* @__PURE__ */ h(rt, { using: o, children: () => t.view(d.view) })
-  })), [n.hash]);
+    style: { display: "contents" },
+    children: /* @__PURE__ */ h(tt, { using: o, children: () => t.view(c.view) })
+  }), [n.hash]);
 }
-function ct(t) {
-  return (e) => c.memo(
-    (n) => ut({
+function ot(t) {
+  return (e) => i.memo(
+    (n) => rt({
       options: {
         ...e,
         name: t.join(""),
@@ -366,28 +341,25 @@ function ct(t) {
     (n, r) => JSON.stringify(n) === JSON.stringify(r)
   );
 }
-function it(t) {
-  return t;
-}
-function at(t) {
+function st(t) {
   return new Promise((e) => setTimeout(e, t));
 }
-function lt(t) {
+function ut(t) {
   return t ? !!(t && typeof t != "symbol") : Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`);
 }
-function dt(t) {
-  return t instanceof K;
+function it(t) {
+  return t instanceof H;
 }
-const bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  isEventError: dt,
-  pk: lt,
-  sleep: at
-}, Symbol.toStringTag, { value: "Module" })), wt = { app: z, module: ct, model: J, view: it, controller: F };
+  isEventError: it,
+  pk: ut,
+  sleep: st
+}, Symbol.toStringTag, { value: "Module" })), pt = { app: z, module: ot };
 export {
-  K as EventError,
+  H as EventError,
   m as Lifecycle,
-  T as State,
-  wt as create,
-  bt as utils
+  F as State,
+  pt as create,
+  ht as utils
 };

package/dist/chizu.umd.cjs

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

package/dist/index.d.ts

@@ -1,18 +1,16 @@
 import { default as app } from './app/index.tsx';
-import { default as controller } from './controller/index.ts';
-import { default as model } from './model/index.ts';
+import { ControllerDefinition } from './controller/types.ts';
 import { default as module } from './module/index.tsx';
-import { default as view } from './view/index.ts';
+import { ViewArgs, ViewDefinition } from './view/types.ts';
 export { Lifecycle, State } from './types/index.ts';
 export * as utils from './utils/index.ts';
 export declare const create: {
     app: typeof app;
     module: typeof module;
-    model: typeof model;
-    view: typeof view;
-    controller: typeof controller;
 };
 export { EventError } from './module/renderer/dispatchers/utils.ts';
 export type * as Create from './types/index.ts';
-export type { ViewArgs as Args } from './view/types.ts';
 export type { Pk } from './types/index.ts';
+export type { ViewDefinition as View };
+export type { ViewArgs as Within };
+export type { ControllerDefinition as Controller };

package/dist/module/renderer/dispatchers/types.d.ts

@@ -1,6 +1,5 @@
 import { UseApp } from '../../../app/types.ts';
 import { ModuleDefinition } from '../../../types/index.ts';
-import { UseLogger } from '../logger/types.ts';
 import { UseModel } from '../model/types.ts';
 import { UseQueue } from '../queue/types.ts';
 import { UseOptions } from '../types.ts';
@@ -11,7 +10,6 @@ export type Props<M extends ModuleDefinition> = {
     options: UseOptions<M>;
     update: UseUpdate;
     model: UseModel;
-    logger: UseLogger;
     queue: UseQueue;
 };
 export type UseDispatchers = ReturnType<typeof useDispatchers>;

package/dist/types/index.d.ts

@@ -28,7 +28,7 @@ export declare enum Lifecycle {
     Unmount = "lifecycle/unmount"
 }
 export type Model = Record<string, any>;
-export type Actions = [ActionName] | [ActionName, ...ActionPayload];
+export type Actions = [] | [ActionName] | [ActionName, ...ActionPayload];
 export type Props = Record<string, unknown>;
 export type Query = null | string;
 export type Module<T extends {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chizu",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "type": "module",
   "main": "./dist/chizu.js",
   "types": "./dist/index.d.ts",
@@ -43,13 +43,13 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lucide-react": "^0.503.0",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.3",
     "react-dom": "^19.0.0",
     "react-test-renderer": "^19.0.0",
     "rollup-plugin-visualizer": "^5.14.0",
     "ts-jest": "^29.2.6",
     "ts-node": "^10.9.2",
-    "typescript": "~5.7.3",
+    "typescript": "^5.8.3",
     "vite": "^6.0.5",
     "vite-plugin-dts": "^4.5.4",
     "wait-on": "^8.0.3"

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

@@ -1,5 +0,0 @@
-import { ModuleDefinition } from '../../../types/index.ts';
-import { Metrics, Props } from './types.ts';
-export default function useLogger<M extends ModuleDefinition>(props: Props<M>): {
-    output(_metrics: Metrics): void;
-};

package/dist/module/renderer/logger/types.d.ts

@@ -1,10 +0,0 @@
-import { ModuleDefinition } from '../../../types/index.ts';
-import { UseElements } from '../elements/types.ts';
-import { UseOptions } from '../types.ts';
-import { default as useLogger } from './index.ts';
-export type Props<M extends ModuleDefinition> = {
-    options: UseOptions<M>;
-    elements: UseElements;
-};
-export type UseLogger = ReturnType<typeof useLogger>;
-export type Metrics = {};