chizu 0.2.13 → 0.2.15

package/dist/broadcast/index.d.ts

@@ -0,0 +1,4 @@
+import { BroadcastContext, Props } from './types.ts';
+import * as React from "react";
+export declare function useBroadcast(): BroadcastContext;
+export declare function BroadcastProvider({ children }: Props): React.ReactNode;

package/dist/{context → broadcast}/types.d.ts

@@ -1,10 +1,9 @@
 import { default as EventEmitter } from 'eventemitter3';
 import * as React from "react";
-export type AppOptions = React.ComponentType;
-export type AppContext = {
+export type BroadcastContext = {
     appEmitter: EventEmitter;
 };
-export type UseApp = AppContext;
+export type UseBroadcast = BroadcastContext;
 export type Props = {
     children: React.ReactNode;
 };

package/dist/chizu.js

@@ -4,24 +4,24 @@ var j = (t) => {
 };
 var z = (t, e, n) => e in t ? T(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var y = (t, e, n) => z(t, typeof e != "symbol" ? e + "" : e, n), k = (t, e, n) => e.has(t) || j("Cannot " + n);
-var w = (t, e, n) => (k(t, e, "read from private field"), n ? n.call(t) : e.get(t)), E = (t, e, n) => e.has(t) ? j("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), b = (t, e, n, r) => (k(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
+var E = (t, e, n) => (k(t, e, "read from private field"), n ? n.call(t) : e.get(t)), w = (t, e, n) => e.has(t) ? j("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), b = (t, e, n, r) => (k(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
 import { Immer as N } from "immer";
 import p from "lodash/get";
-import R from "traverse";
+import x from "traverse";
 import { jsx as $ } from "react/jsx-runtime";
-import * as a from "react";
+import * as c from "react";
 import M from "eventemitter3";
-class O {
+class U {
   constructor(e) {
     this.value = e;
   }
 }
-class q {
+class I {
   static Draft(e) {
-    return new O(e);
+    return new U(e);
   }
 }
-y(q, "Op", {
+y(I, "Op", {
   Add: 1,
   Remove: 2,
   Update: 4,
@@ -29,11 +29,11 @@ y(q, "Op", {
   Replace: 16
 });
 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 c = {
+const u = {
   immer: new N(),
   annotations: Symbol("annotations")
 };
-c.immer.setAutoFreeze(!1);
+u.immer.setAutoFreeze(!1);
 class S {
   constructor(e, n, r = null) {
     y(this, "process");
@@ -43,7 +43,7 @@ class S {
     return this.process = e, this;
   }
 }
-function I(t, e = []) {
+function q(t, e = []) {
   return new S(t, e);
 }
 class P {
@@ -51,92 +51,92 @@ class P {
     this.stateless = e, this.stateful = n;
   }
   get validatable() {
-    return U(this.stateful);
+    return _(this.stateful);
   }
 }
-function U(t, e = []) {
+function _(t, e = []) {
   return new Proxy(t, {
     get(n, r) {
       switch (r) {
         case "is":
-          return (o) => {
-            const s = x(t, e);
-            if (!s) return !1;
-            const u = new Set(
-              s.flatMap((l) => l.operations)
+          return (s) => {
+            const o = R(t, e);
+            if (!o) return !1;
+            const i = new Set(
+              o.flatMap((l) => l.operations)
             );
-            return !!(Array.from(u).reduce(
-              (l, d) => l | (d ?? 0),
+            return !!(Array.from(i).reduce(
+              (l, f) => l | (f ?? 0),
               0
-            ) & o);
+            ) & s);
           };
         case "pending":
-          return () => !!x(t, e);
+          return () => !!R(t, e);
         case "draft":
           return () => {
-            const o = x(t, e);
-            if (!o) return p(t, e);
-            const s = o.flatMap((u) => u.operations).find((u) => u instanceof O);
-            return s ? s.value : p(t, e);
+            const s = R(t, e);
+            if (!s) return p(t, e);
+            const o = s.flatMap((i) => i.operations).find((i) => i instanceof U);
+            return o ? o.value : p(t, e);
           };
       }
-      return U(t, [...e, String(r)]);
+      return _(t, [...e, String(r)]);
     }
   });
 }
-function x(t, e) {
-  const r = typeof p(t, e) == "object" ? e : e.slice(0, -1), o = r.length === 0 ? t : p(t, r), s = (o == null ? void 0 : o[c.annotations]) ?? [];
-  return s.length > 0 ? s : null;
+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[u.annotations]) ?? [];
+  return o.length > 0 ? o : null;
 }
 function F(t, e, n) {
-  function r(s) {
-    return R(s).forEach(function() {
-      if (this.key === c.annotations) {
+  function r(o) {
+    return x(o).forEach(function() {
+      if (this.key === u.annotations) {
         this.block();
         return;
       }
       this.node instanceof S && this.update(this.node.value);
     });
   }
-  function o(s) {
-    return R(s).forEach(function() {
-      if (this.key === c.annotations) {
+  function s(o) {
+    return x(o).forEach(function() {
+      if (this.key === u.annotations) {
         this.block();
         return;
       }
       if (this.node instanceof S) {
-        const u = typeof this.node.value == "object", i = [
-          ...u ? this.path : this.path.slice(0, -1),
-          c.annotations
-        ], l = p(t.stateful, i) ?? [], d = this.node.attach(e);
-        u ? this.update(
+        const i = typeof this.node.value == "object", a = [
+          ...i ? this.path : this.path.slice(0, -1),
+          u.annotations
+        ], l = p(t.stateful, a) ?? [], f = this.node.attach(e);
+        i ? this.update(
           {
             ...this.node.value,
-            [c.annotations]: [d, ...l]
+            [u.annotations]: [f, ...l]
           },
           !0
-        ) : (this.parent && (this.parent.node[c.annotations] = [d, ...l]), this.update(this.node.value, !0));
+        ) : (this.parent && (this.parent.node[u.annotations] = [f, ...l]), this.update(this.node.value, !0));
       }
     });
   }
   return new P(
-    r(c.immer.produce(t.stateless, n)),
-    o(c.immer.produce(t.stateful, n))
+    r(u.immer.produce(t.stateless, n)),
+    s(u.immer.produce(t.stateful, n))
   );
 }
 function D(t, e) {
-  const n = R(t.stateful).forEach(function() {
-    if (this.key === c.annotations) {
+  const n = x(t.stateful).forEach(function() {
+    if (this.key === u.annotations) {
       this.block();
       return;
     }
-    if (this.node && this.node[c.annotations]) {
-      const r = this.node[c.annotations];
+    if (this.node && this.node[u.annotations]) {
+      const r = this.node[u.annotations];
       this.update(
         {
           ...this.node,
-          [c.annotations]: r.filter(
-            (o) => o.process !== e
+          [u.annotations]: r.filter(
+            (s) => s.process !== e
           )
         },
         !0
@@ -146,44 +146,44 @@ function D(t, e) {
   return new P(t.stateless, n);
 }
 function J(t) {
-  return (e, n) => async (r = Promise.withResolvers(), o) => {
+  return (e, n) => async (r = Promise.withResolvers(), s) => {
     if (typeof n != "function") return;
-    const s = Symbol("process"), u = n(...o);
-    if (u == null)
+    const o = Symbol("process"), i = n(...s);
+    if (i == null)
       return void r.resolve();
-    if (typeof u == "function") {
-      const i = u(t.model.current, s);
-      return t.model.current = D(i, s), t.update.rerender(), void r.resolve();
+    if (typeof i == "function") {
+      const a = i(t.model.current, o);
+      return t.model.current = D(a, o), t.update.rerender(), void r.resolve();
     }
     for (; ; ) {
-      const { value: i, done: l } = await u.next();
+      const { value: a, done: l } = await i.next();
       if (l) {
-        const H = i(t.model.current, s);
-        t.model.current = D(H, s), t.update.rerender();
+        const H = a(t.model.current, o);
+        t.model.current = D(H, o), t.update.rerender();
         break;
       }
-      const d = i;
-      t.model.current = d(t.model.current, s), t.update.rerender();
+      const f = a;
+      t.model.current = f(t.model.current, o), t.update.rerender();
     }
     r.resolve();
   };
 }
-function A(t) {
+function O(t) {
   return t.startsWith("distributed");
 }
 var v, g;
 class Q extends Error {
   constructor(n, r = null) {
     super(String(r));
-    E(this, v);
-    E(this, g);
+    w(this, v);
+    w(this, g);
     b(this, v, n), b(this, g, r);
   }
   get type() {
-    return w(this, v);
+    return E(this, v);
   }
   get message() {
-    return w(this, g) || "";
+    return E(this, g) || "";
   }
 }
 v = new WeakMap(), g = new WeakMap();
@@ -199,52 +199,50 @@ function K(t) {
 function h(t) {
   return JSON.stringify(t);
 }
-const ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   hash: h,
   isEventError: K,
   pk: G,
   sleep: W
 }, Symbol.toStringTag, { value: "Module" }));
-function f(t, e) {
-  const n = a.useRef(null), r = a.useRef(null);
-  return a.useMemo(() => {
-    const o = h(e);
-    if (r.current !== o) {
-      r.current = o;
-      const s = t();
-      return n.current = s, s;
+function d(t, e) {
+  const n = c.useRef(null), r = c.useRef(null);
+  return c.useMemo(() => {
+    const s = h(e);
+    if (r.current !== s) {
+      r.current = s;
+      const o = t();
+      return n.current = o, o;
     }
     return n.current;
   }, e);
 }
-function C(t, e) {
-  const n = a.useRef(null);
-  a.useEffect(() => {
+function B(t, e) {
+  const n = c.useRef(null);
+  c.useEffect(() => {
     const r = h(e);
     if (n.current !== r)
       return n.current = r, t();
   }, e);
 }
-const _ = a.createContext({
+const A = c.createContext({
   appEmitter: new M()
 });
-function B() {
-  return a.useContext(_);
+function C() {
+  return c.useContext(A);
 }
-function dt({ children: t }) {
-  return () => {
-    const e = f(
-      () => ({
-        appEmitter: new M()
-      }),
-      []
-    );
-    return /* @__PURE__ */ $(_.Provider, { value: e, children: t });
-  };
+function ft({ children: t }) {
+  const e = d(
+    () => ({
+      appEmitter: new M()
+    }),
+    []
+  );
+  return /* @__PURE__ */ $(A.Provider, { value: e, children: t });
 }
 function V(t) {
-  return f(
+  return d(
     () => ({
       controller: {
         get model() {
@@ -253,7 +251,7 @@ function V(t) {
         queue: [],
         actions: {
           annotate(e, n) {
-            return I(e, n);
+            return q(e, n);
           },
           produce(e) {
             return (n, r) => F(n, r, e);
@@ -285,69 +283,76 @@ function V(t) {
   );
 }
 function X(t) {
-  return f(() => {
+  return d(() => {
     const e = t.options.using.actions(t.actions.controller);
-    return Object.entries(e).forEach(([r, o]) => t.dispatchers.attach(r, o)), e;
+    return Object.entries(e).forEach(([r, s]) => t.dispatchers.attach(r, s)), e;
   }, []);
 }
 function Y(t) {
-  const e = B(), n = J(t);
-  return f(() => {
-    const r = new M(), o = e.appEmitter;
+  const e = C(), n = J(t);
+  return d(() => {
+    const r = new M();
     return {
-      attach(s, u) {
+      attach(s, o) {
         const i = String(s);
-        A(i) ? o.on(i, n(s, u)) : r.on(i, n(s, u));
+        O(i) ? e.appEmitter.on(i, n(s, o)) : r.on(i, n(s, o));
       },
-      dispatch(s, u, i) {
-        const l = String(s);
-        A(l) ? o.emit(l, i, u) : r.emit(l, i, u);
+      dispatch(s, o, i) {
+        const a = String(s);
+        O(a) ? e.appEmitter.emit(a, i, o) : r.emit(a, i, o);
       }
     };
   }, []);
 }
 function Z() {
-  const t = a.useRef(null);
-  return f(() => ({ customElement: t }), []);
+  const t = c.useRef(null);
+  return d(() => ({ customElement: t }), []);
 }
 function L(t) {
-  C(() => {
+  B(() => {
     t.dispatchers.dispatch(m.Derive, []);
-  }, [t.options.using.props]), C(() => (t.dispatchers.dispatch(m.Mount, []), t.dispatchers.dispatch(m.Node, [
+  }, [t.options.using.props]), B(() => (t.dispatchers.dispatch(m.Mount, []), t.dispatchers.dispatch(m.Node, [
     t.elements.customElement.current
   ]), () => t.dispatchers.dispatch(m.Unmount, [])), []);
 }
 function tt(t) {
-  const e = f(() => t.options.using.model ?? {}, []);
-  return a.useRef(new P(e, e));
+  const e = d(() => t.options.using.model ?? {}, []);
+  return c.useRef(new P(e, e));
 }
 function et() {
-  return a.useRef(/* @__PURE__ */ new Set());
+  return c.useRef(/* @__PURE__ */ new Set());
 }
 function nt() {
-  const [t, e] = a.useReducer((n) => n + 1, 0);
-  return f(() => ({ hash: t, rerender: e }), [t]);
+  const [t, e] = c.useReducer((n) => n + 1, 0);
+  return d(() => ({ hash: t, rerender: e }), [t]);
 }
 function rt({
   options: t
 }) {
-  const e = B(), n = nt(), r = et(), o = Z(), s = tt({ options: t }), u = Y({ app: e, options: t, update: n, model: s, queue: r }), i = V({ app: e, options: t, model: s, dispatchers: u });
-  return X({ options: t, dispatchers: u, actions: i }), L({ options: t, dispatchers: u, elements: o, update: n }), f(() => a.createElement("x-chizu", {
-    ref: o.customElement,
+  const e = nt();
+  et();
+  const n = Z();
+  C();
+  const r = tt({ options: t }), s = Y({
+    update: e,
+    model: r
+  }), o = V({ model: r, dispatchers: s });
+  return X({ options: t, dispatchers: s, actions: o }), L({ options: t, dispatchers: s, elements: n }), d(() => c.createElement("x-chizu", {
+    ref: n.customElement,
     style: { display: "contents" },
-    children: t.children(i.view)
-  }), [n.hash, h(t.using.props)]);
+    children: t.children(o.view)
+  }), [e.hash, h(t.using.props)]);
 }
 function st(t) {
   return rt({ options: t });
 }
-const ht = a.memo(st, (t, e) => h(t) === h(e));
+const ht = c.memo(st, (t, e) => h(t) === h(e));
 export {
-  dt as Context,
+  ft as BroadcastProvider,
   Q as EventError,
   m as Lifecycle,
-  q as State,
+  I as State,
   ht as Tree,
-  B as useContext,
-  ft as utils
+  C as useBroadcast,
+  dt as utils
 };

package/dist/chizu.umd.cjs

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

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { Lifecycle, State } from './types/index.ts';
 export * as utils from './utils/index.ts';
 export { EventError } from './module/renderer/dispatchers/utils.ts';
 export { default as Tree } from './module/index.tsx';
-export { AppContext as Context, useApp as useContext, } from './context/index.tsx';
+export { BroadcastProvider, useBroadcast } from './broadcast/index.tsx';
 export type * as Typed from './types/index.ts';
 export type { Pk } from './types/index.ts';
 export type { ViewDefinition as View };

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

@@ -1,4 +1,4 @@
-import { UseApp } from '../../../context/types.ts';
+import { UseBroadcast } from '../../../broadcast/types.ts';
 import { ControllerArgs } from '../../../controller/types.ts';
 import { ModuleDefinition } from '../../../types/index.ts';
 import { ViewArgs } from '../../../view/types.ts';
@@ -6,7 +6,7 @@ import { UseOptions } from '../../types.ts';
 import { UseDispatchers } from '../dispatchers/types.ts';
 import { UseModel } from '../model/types.ts';
 export type Props<M extends ModuleDefinition> = {
-    app: UseApp;
+    broadcast: UseBroadcast;
     options: UseOptions<M>;
     model: UseModel;
     dispatchers: UseDispatchers;

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

@@ -1,4 +1,4 @@
-import { UseApp } from '../../../context/types.ts';
+import { UseBroadcast } from '../../../broadcast/types.ts';
 import { ModuleDefinition } from '../../../types/index.ts';
 import { UseOptions } from '../../types.ts';
 import { UseModel } from '../model/types.ts';
@@ -6,7 +6,7 @@ import { UseQueue } from '../queue/types.ts';
 import { UseUpdate } from '../update/types.ts';
 import { default as useDispatchers } from './index.ts';
 export type Props<M extends ModuleDefinition> = {
-    app: UseApp;
+    broadcast: UseBroadcast;
     options: UseOptions<M>;
     update: UseUpdate;
     model: UseModel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chizu",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "type": "module",
   "main": "./dist/chizu.js",
   "types": "./dist/index.d.ts",
@@ -15,42 +15,42 @@
     "eventemitter3": "^5.0.1",
     "immer": "^10.1.1",
     "lodash": "^4.17.21",
-    "react": "^19.0.0",
-    "react-router-dom": "^7.6.0",
+    "react": "^19.1.0",
     "traverse": "0.6.8"
   },
   "files": [
     "dist"
   ],
   "devDependencies": {
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@emotion/css": "^11.13.5",
-    "@jest/globals": "^29.7.0",
+    "@jest/globals": "^30.0.0-beta.3",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/lodash": "^4.17.16",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@types/lodash": "^4.17.17",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
     "@types/traverse": "^0.6.37",
     "commit-and-tag-version": "^12.5.1",
     "dayjs": "^1.11.13",
     "dexie": "^4.0.11",
     "get-port-cli": "^3.0.0",
     "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lucide-react": "^0.503.0",
+    "jest-environment-jsdom": "^30.0.0-beta.3",
+    "lucide-react": "^0.511.0",
     "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",
+    "react-dom": "^19.1.0",
+    "react-router-dom": "^7.6.1",
+    "react-test-renderer": "^19.1.0",
+    "rollup-plugin-visualizer": "^6.0.1",
+    "ts-jest": "^29.3.4",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
-    "vite": "^6.0.5",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "wait-on": "^8.0.3"
   }

package/dist/context/index.d.ts

@@ -1,4 +0,0 @@
-import { AppContext, Props } from './types.ts';
-import * as React from "react";
-export declare function useApp(): AppContext;
-export declare function AppContext({ children }: Props): React.ComponentType;