chizu 0.2.11 → 0.2.12

package/dist/chizu.js

@@ -1,16 +1,16 @@
 var q = Object.defineProperty;
-var k = (t) => {
+var O = (t) => {
   throw TypeError(t);
 };
 var z = (t, e, n) => e in t ? q(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var E = (t, e, n) => z(t, typeof e != "symbol" ? e + "" : e, n), O = (t, e, n) => e.has(t) || k("Cannot " + n);
-var R = (t, e, n) => (O(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), S = (t, e, n, r) => (O(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
+var E = (t, e, n) => z(t, typeof e != "symbol" ? e + "" : e, n), A = (t, e, n) => e.has(t) || O("Cannot " + n);
+var R = (t, e, n) => (A(t, e, "read from private field"), n ? n.call(t) : e.get(t)), b = (t, e, n) => e.has(t) ? O("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), S = (t, e, n, r) => (A(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
 import { jsx as p, Fragment as F } from "react/jsx-runtime";
 import { Immer as T } from "immer";
 import v from "lodash/get";
-import M from "traverse";
+import x from "traverse";
 import * as a from "react";
-import j from "eventemitter3";
+import D from "eventemitter3";
 import * as h from "react-router-dom";
 class C {
   constructor(e) {
@@ -35,7 +35,7 @@ const l = {
   annotations: Symbol("annotations")
 };
 l.immer.setAutoFreeze(!1);
-class P {
+class M {
   constructor(e, n, r = null) {
     E(this, "process");
     this.value = e, this.operations = n, this.field = r, this.process = null;
@@ -45,9 +45,9 @@ class P {
   }
 }
 function J(t, e = []) {
-  return new P(t, e);
+  return new M(t, e);
 }
-class D {
+class k {
   constructor(e, n = e) {
     this.stateless = e, this.stateful = n;
   }
@@ -61,21 +61,21 @@ function I(t, e = []) {
       switch (r) {
         case "is":
           return (s) => {
-            const o = x(t, e);
+            const o = P(t, e);
             if (!o) return !1;
             const u = new Set(
               o.flatMap((i) => i.operations)
             );
             return !!(Array.from(u).reduce(
-              (i, d) => i | (d ?? 0),
+              (i, f) => i | (f ?? 0),
               0
             ) & s);
           };
         case "pending":
-          return () => !!x(t, e);
+          return () => !!P(t, e);
         case "draft":
           return () => {
-            const s = x(t, e);
+            const s = P(t, e);
             if (!s) return v(t, e);
             const o = s.flatMap((u) => u.operations).find((u) => u instanceof C);
             return o ? o.value : v(t, e);
@@ -85,48 +85,48 @@ function I(t, e = []) {
     }
   });
 }
-function x(t, e) {
+function P(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 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 P && 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 P) {
+      if (this.node instanceof M) {
         const u = typeof this.node.value == "object", c = [
           ...u ? this.path : this.path.slice(0, -1),
           l.annotations
-        ], i = v(t.stateful, c) ?? [], d = this.node.attach(e);
+        ], i = v(t.stateful, c) ?? [], f = this.node.attach(e);
         u ? this.update(
           {
             ...this.node.value,
-            [l.annotations]: [d, ...i]
+            [l.annotations]: [f, ...i]
           },
           !0
-        ) : (this.parent && (this.parent.node[l.annotations] = [d, ...i]), this.update(this.node.value, !0));
+        ) : (this.parent && (this.parent.node[l.annotations] = [f, ...i]), this.update(this.node.value, !0));
       }
     });
   }
-  return new D(
+  return new k(
     r(l.immer.produce(t.stateless, n)),
     s(l.immer.produce(t.stateful, n))
   );
 }
-function A(t, e) {
-  const n = M(t.stateful).forEach(function() {
+function U(t, e) {
+  const n = x(t.stateful).forEach(function() {
     if (this.key === l.annotations) {
       this.block();
       return;
@@ -144,7 +144,7 @@ function A(t, e) {
       );
     }
   });
-  return new D(t.stateless, n);
+  return new k(t.stateless, n);
 }
 function W(t) {
   return (e, n) => async (r = Promise.withResolvers(), s) => {
@@ -154,22 +154,22 @@ function W(t) {
       return void r.resolve();
     if (typeof u == "function") {
       const c = u(t.model.current, o);
-      return t.model.current = A(c, o), t.update.rerender(), void r.resolve();
+      return t.model.current = U(c, o), t.update.rerender(), void r.resolve();
     }
     for (; ; ) {
       const { value: c, done: i } = await u.next();
       if (i) {
         const N = c(t.model.current, o);
-        t.model.current = A(N, o), t.update.rerender();
+        t.model.current = U(N, o), t.update.rerender();
         break;
       }
-      const d = c;
-      t.model.current = d(t.model.current, o), t.update.rerender();
+      const f = c;
+      t.model.current = f(t.model.current, o), t.update.rerender();
     }
     r.resolve();
   };
 }
-function U(t) {
+function _(t) {
   return t.startsWith("distributed");
 }
 var y, w;
@@ -200,14 +200,14 @@ function X(t) {
 function g(t) {
   return JSON.stringify(t);
 }
-const gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   hash: g,
   isEventError: X,
   pk: V,
   sleep: K
 }, Symbol.toStringTag, { value: "Module" }));
-function f(t, e) {
+function d(t, e) {
   const n = a.useRef(null), r = a.useRef(null);
   return a.useMemo(() => {
     const s = g(e);
@@ -219,7 +219,7 @@ function f(t, e) {
     return n.current;
   }, e);
 }
-function _(t, e) {
+function j(t, e) {
   const n = a.useRef(null);
   a.useEffect(() => {
     const r = g(e);
@@ -228,16 +228,16 @@ function _(t, e) {
   }, e);
 }
 const B = a.createContext({
-  appEmitter: new j()
+  appEmitter: new D()
 });
 function H() {
   return a.useContext(B);
 }
 function Y(t) {
   return () => {
-    const e = f(
+    const e = d(
       () => ({
-        appEmitter: new j()
+        appEmitter: new D()
       }),
       []
     );
@@ -245,14 +245,14 @@ function Y(t) {
   };
 }
 function Z(t) {
-  return f(
+  return d(
     () => ({
       controller: {
         get model() {
           return t.model.current.stateful;
         },
         get props() {
-          return t.options.props;
+          return t.props.current;
         },
         get router() {
           return t.router.current;
@@ -277,7 +277,7 @@ function Z(t) {
           return t.model.current.stateless;
         },
         get props() {
-          return t.options.props;
+          return t.props.current;
         },
         get validate() {
           return t.model.current.validatable;
@@ -295,7 +295,7 @@ function Z(t) {
   );
 }
 function L(t) {
-  return f(() => {
+  return d(() => {
     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;
@@ -303,51 +303,57 @@ function L(t) {
 }
 function tt(t) {
   const e = H(), n = W(t);
-  return f(() => {
-    const r = new j(), s = e.appEmitter;
+  return d(() => {
+    const r = new D(), s = e.appEmitter;
     return {
       attach(o, u) {
         const c = String(o);
-        U(c) ? s.on(c, n(o, u)) : r.on(c, n(o, u));
+        _(c) ? s.on(c, n(o, u)) : r.on(c, n(o, u));
       },
       dispatch(o, u, c) {
         const i = String(o);
-        U(i) ? s.emit(i, c, u) : r.emit(i, c, u);
+        _(i) ? s.emit(i, c, u) : r.emit(i, c, u);
       }
     };
   }, []);
 }
 function et() {
   const t = a.useRef(null);
-  return f(() => ({ customElement: t }), []);
+  return d(() => ({ customElement: t }), []);
 }
 function nt(t) {
   var e, n, r, s;
-  _(() => {
-    t.dispatchers.dispatch(m.Derive, []), t.update.rerender();
+  j(() => {
+    t.dispatchers.dispatch(m.Derive, []);
   }, [
     t.options.props,
     (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]
-  ]), _(() => (t.dispatchers.dispatch(m.Mount, []), t.dispatchers.dispatch(m.Node, [
+  ]), j(() => (t.dispatchers.dispatch(m.Mount, []), t.dispatchers.dispatch(m.Node, [
     t.elements.customElement.current
   ]), () => t.dispatchers.dispatch(m.Unmount, [])), []);
 }
 function rt(t) {
-  const e = f(() => t.options.model ?? {}, []);
-  return a.useRef(new D(e, e));
+  const e = d(() => t.options.model ?? {}, []);
+  return a.useRef(new k(e, e));
 }
-function ot() {
-  return a.useRef(/* @__PURE__ */ new Set());
+function ot(t) {
+  const e = a.useRef(t.options.props);
+  return j(() => {
+    e.current = t.options.props, t.update.rerender();
+  }, [t.options.props]), e;
 }
 function st() {
-  return a.useRef(null);
+  return a.useRef(/* @__PURE__ */ new Set());
 }
-function ut({ using: t, children: e }) {
-  return h.useInRouterContext() ? /* @__PURE__ */ p(ct, { using: t, children: e }) : e();
+function ut() {
+  return a.useRef(null);
 }
 function ct({ using: t, children: e }) {
+  return h.useInRouterContext() ? /* @__PURE__ */ p(it, { using: t, children: e }) : e();
+}
+function it({ using: t, children: e }) {
   return t.current = {
     navigate: h.useNavigate(),
     location: h.useLocation(),
@@ -355,23 +361,30 @@ function ct({ using: t, children: e }) {
     search: h.useSearchParams()
   }, /* @__PURE__ */ p(F, { children: e() });
 }
-function it() {
+function at() {
   const [t, e] = a.useReducer((n) => n + 1, 0);
-  return f(() => ({ hash: t, rerender: e }), [t]);
+  return d(() => ({ hash: t, rerender: e }), [t]);
 }
-function at({
+function lt({
   options: t
 }) {
-  const e = H(), 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, update: n }), f(() => a.createElement(t.name, {
+  const e = H(), n = at(), r = st(), s = et(), o = ut(), u = ot({ options: t, update: n }), c = rt({ options: t }), i = tt({ app: e, options: t, update: n, model: c, queue: r }), f = Z({
+    app: e,
+    options: t,
+    model: c,
+    dispatchers: i,
+    router: o,
+    props: u
+  });
+  return L({ options: t, dispatchers: i, actions: f }), nt({ options: t, dispatchers: i, elements: s, router: o, update: n }), d(() => a.createElement(t.name, {
     ref: s.customElement,
     style: { display: "contents" },
-    children: /* @__PURE__ */ p(ut, { using: o, children: () => t.view(i.view) })
+    children: /* @__PURE__ */ p(ct, { using: o, children: () => t.view(f.view) })
   }), [n.hash]);
 }
-function lt(t) {
+function ft(t) {
   return (e) => a.memo(
-    (n) => at({
+    (n) => lt({
       options: {
         ...e,
         name: t.join(""),
@@ -381,11 +394,11 @@ function lt(t) {
     (n, r) => g(n) === g(r)
   );
 }
-const yt = { app: Y, module: lt };
+const wt = { app: Y, module: ft };
 export {
   G as EventError,
   m as Lifecycle,
   $ as State,
-  yt as create,
-  gt as utils
+  wt as create,
+  yt as utils
 };

package/dist/chizu.umd.cjs

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

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

@@ -4,6 +4,7 @@ import { ModuleDefinition } from '../../../types/index.ts';
 import { ViewArgs } from '../../../view/types.ts';
 import { UseDispatchers } from '../dispatchers/types.ts';
 import { UseModel } from '../model/types.ts';
+import { UseProps } from '../props/types.ts';
 import { UseRouter } from '../router/types.ts';
 import { UseOptions } from '../types.ts';
 export type Props<M extends ModuleDefinition> = {
@@ -12,6 +13,7 @@ export type Props<M extends ModuleDefinition> = {
     model: UseModel;
     dispatchers: UseDispatchers;
     router: UseRouter;
+    props: UseProps;
 };
 export type UseActions<M extends ModuleDefinition> = {
     controller: ControllerArgs<M>;

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

@@ -1,2 +1,2 @@
-import { default as useElements } from '.';
+import { default as useElements } from './index.ts';
 export type UseElements = ReturnType<typeof useElements>;

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

@@ -0,0 +1,4 @@
+import { ModuleDefinition } from '../../../types/index.ts';
+import { Props } from './types.ts';
+import * as React from "react";
+export default function useProps<M extends ModuleDefinition>(props: Props<M>): React.RefObject<Readonly<M["Props"]>>;

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

@@ -0,0 +1,9 @@
+import { ModuleDefinition } from '../../../types/index.ts';
+import { UseOptions } from '../types.ts';
+import { UseUpdate } from '../update/types.ts';
+import { default as useProps } from './index.ts';
+export type Props<M extends ModuleDefinition> = {
+    options: UseOptions<M>;
+    update: UseUpdate;
+};
+export type UseProps = ReturnType<typeof useProps>;

package/package.json

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