chizu 0.2.46 → 0.2.49

package/README.md

@@ -24,7 +24,7 @@ For advanced topics, see the [recipes directory](./recipes/).
 - No stale closures – `context.data` stays current after `await`.
 - No need to lift state – siblings communicate via events.
 - Reduces context proliferation – events replace many contexts.
-- No need to memoize callbacks – handlers are stable via [`useEffectEvent`](https://react.dev/reference/react/experimental_useEffectEvent).
+- No need to memoize callbacks – handlers are stable references with fresh closure access.
 - Clear separation between business logic and markup.
 - Complements [Feature Slice Design](https://feature-sliced.design/) architecture.
 - Strongly typed dispatches, models, payloads, etc.
@@ -113,14 +113,15 @@ actions.useAction(Actions.Search, async (context) => {
 
 For more details, see the [referential equality recipe](./recipes/referential-equality.md).
 
-Each action should be responsible for managing its own data – in this case our `Profile` action handles fetching the user but other components may want to consume it – for that we should use a distributed action:
+Each action should be responsible for managing its own data – in this case our `Profile` action handles fetching the user but other components may want to consume it – for that we should use a broadcast action:
 
 ```tsx
-class DistributedActions {
+class BroadcastActions {
   static Name = Action<string>("Name", Distribution.Broadcast);
 }
 
-class Actions extends DistributedActions {
+class Actions {
+  static Broadcast = BroadcastActions;
   static Profile = Action<string>("Profile");
 }
 ```
@@ -137,18 +138,18 @@ actions.useAction(Actions.Profile, async (context) => {
     draft.model.name = name;
   });
 
-  context.actions.dispatch(Actions.Name, name);
+  context.actions.dispatch(Actions.Broadcast.Name, name);
 });
 ```
 
-Once we have the distributed action if we simply want to read the `name` when it's updated we can use consume:
+Once we have the broadcast action if we simply want to read the `name` when it's updated we can use consume:
 
 ```tsx
 export default function Subscriptions(): React.ReactElement {
   return (
     <>
       Manage your subscriptions for your{" "}
-      {actions.consume(Actions.Name, (name) => name.value)} account.
+      {actions.consume(Actions.Broadcast.Name, (name) => name.value)} account.
     </>
   );
 }
@@ -157,7 +158,7 @@ export default function Subscriptions(): React.ReactElement {
 However if we want to listen for it and perform another operation in our local component we can do that via `useAction`:
 
 ```tsx
-actions.useAction(Actions.Name, async (context, name) => {
+actions.useAction(Actions.Broadcast.Name, async (context, name) => {
   const friends = await fetch(api.friends(name));
 
   context.actions.produce((draft) => {
@@ -201,3 +202,48 @@ actions.dispatch(Actions.UserUpdated, user);
 ```
 
 Channel values support non-nullable primitives: `string`, `number`, `boolean`, or `symbol`. By convention, use uppercase keys like `{UserId: 4}` to distinguish channel keys from payload properties.
+
+For scoped communication between component groups, use multicast actions with the `<Scope>` component:
+
+```tsx
+import { Action, Distribution, Scope } from "chizu";
+
+// Shared multicast actions
+class MulticastActions {
+  static Update = Action<number>("Update", Distribution.Multicast);
+}
+
+// Component-level actions reference shared multicast
+class Actions {
+  static Multicast = MulticastActions;
+  static Increment = Action("Increment");
+}
+
+function App() {
+  return (
+    <>
+      <Scope name="TeamA">
+        <ScoreBoard />
+        <PlayerList />
+      </Scope>
+
+      <Scope name="TeamB">
+        <ScoreBoard />
+        <PlayerList />
+      </Scope>
+    </>
+  );
+}
+
+// Dispatch to all components within "TeamA" scope
+actions.dispatch(Actions.Multicast.Update, 42, { scope: "TeamA" });
+
+// Consume with scope
+{
+  actions.consume(Actions.Multicast.Update, (box) => box.value, {
+    scope: "TeamA",
+  });
+}
+```
+
+Unlike broadcast which reaches all components, multicast is scoped to the named boundary &ndash; perfect for isolated widget groups, form sections, or distinct UI regions. See the [multicast recipe](./recipes/multicast-actions.md) for more details.

package/dist/action/index.d.ts

@@ -1,5 +1,5 @@
-import { HandlerPayload, DistributedPayload, Distribution, ChanneledAction, Filter } from '../types/index.ts';
-import { ActionId } from '../boundary/components/tasks/types.ts';
+import { HandlerPayload, BroadcastPayload, MulticastPayload, Distribution, Filter } from '../types/index.ts';
+export { getActionSymbol, isBroadcastAction, isMulticastAction, getName, isChanneledAction, } from './utils.ts';
 /**
  * Interface for the Action factory function.
  */
@@ -17,12 +17,13 @@ type ActionFactory = {
      * @template P The payload type for the action.
      * @template C The channel type for channeled dispatches (defaults to never).
      * @param name The action name, used for debugging purposes.
-     * @param distribution The distribution mode (Unicast or Broadcast).
-     * @returns A typed action object (DistributedPayload if Broadcast).
+     * @param distribution The distribution mode (Unicast, Broadcast, or Multicast).
+     * @returns A typed action object (BroadcastPayload if Broadcast, MulticastPayload if Multicast).
      */
-    <P = never, C extends Filter = never>(name: string, distribution: Distribution.Broadcast): DistributedPayload<P, C>;
+    <P = never, C extends Filter = never>(name: string, distribution: Distribution.Broadcast): BroadcastPayload<P, C>;
+    <P = never, C extends Filter = never>(name: string, distribution: Distribution.Multicast): MulticastPayload<P, C>;
     <P = never, C extends Filter = never>(name: string, distribution: Distribution.Unicast): HandlerPayload<P, C>;
-    <P = never, C extends Filter = never>(name: string, distribution: Distribution): HandlerPayload<P, C> | DistributedPayload<P, C>;
+    <P = never, C extends Filter = never>(name: string, distribution: Distribution): HandlerPayload<P, C> | BroadcastPayload<P, C> | MulticastPayload<P, C>;
 };
 /**
  * Creates a new action with a given payload type, optional channel type, and optional distribution mode.
@@ -63,62 +64,3 @@ type ActionFactory = {
  * ```
  */
 export declare const Action: ActionFactory;
-/**
- * Extracts the underlying symbol from an action or channeled action.
- * This symbol is used as the event emitter key for dispatching.
- *
- * @param action The action or channeled action to extract the symbol from.
- * @returns The underlying symbol, or the action itself if it's already a symbol/string.
- *
- * @example
- * ```typescript
- * const Increment = Action<number>("Increment");
- * getActionSymbol(Increment); // Symbol(chizu.action/Increment)
- * getActionSymbol(Increment({ UserId: 5 })); // Symbol(chizu.action/Increment)
- * ```
- */
-export declare function getActionSymbol(action: ActionId | object): ActionId;
-/**
- * Checks whether an action is a distributed action.
- * Distributed actions are broadcast to all mounted components that have defined a handler for them.
- *
- * @param action The action to check.
- * @returns True if the action is a distributed action, false otherwise.
- */
-export declare function isDistributedAction(action: ActionId | object): boolean;
-/**
- * Extracts the action name from an action.
- *
- * Parses both regular actions (`chizu.action/Name`) and
- * distributed actions (`chizu.action/distributed/Name`)
- * to extract just the name portion.
- *
- * @param action The action to extract the name from.
- * @returns The extracted action name, or "unknown" if parsing fails.
- *
- * @example
- * ```typescript
- * const Increment = Action("Increment");
- * getName(Increment); // "Increment"
- *
- * const SignedOut = Action("SignedOut", Distribution.Broadcast);
- * getName(SignedOut); // "SignedOut"
- * ```
- */
-export declare function getName(action: ActionId | object): string;
-/**
- * Checks if the given action is a channeled action (result of calling `Action(channel)`).
- *
- * @param action - The action to check
- * @returns `true` if the action is a channeled action with a channel property, `false` otherwise
- *
- * @example
- * ```ts
- * const UserUpdated = Action<User, { UserId: number }>("UserUpdated");
- *
- * isChanneledAction(UserUpdated); // false
- * isChanneledAction(UserUpdated({ UserId: 1 })); // true
- * ```
- */
-export declare function isChanneledAction(action: ActionId | ChanneledAction | object): action is ChanneledAction;
-export {};

package/dist/action/utils.d.ts

@@ -0,0 +1,68 @@
+import { ChanneledAction, AnyAction } from '../types/index.ts';
+import { ActionId } from '../boundary/components/tasks/types.ts';
+/**
+ * Extracts the underlying symbol from an action or channeled action.
+ * This symbol is used as the event emitter key for dispatching.
+ *
+ * @param action The action or channeled action to extract the symbol from.
+ * @returns The underlying symbol, or the action itself if it's already a symbol/string.
+ *
+ * @example
+ * ```typescript
+ * const Increment = Action<number>("Increment");
+ * getActionSymbol(Increment); // Symbol(chizu.action/Increment)
+ * getActionSymbol(Increment({ UserId: 5 })); // Symbol(chizu.action/Increment)
+ * ```
+ */
+export declare function getActionSymbol(action: AnyAction): ActionId;
+/**
+ * Checks whether an action is a broadcast action.
+ * Broadcast actions are sent to all mounted components that have defined a handler for them.
+ *
+ * @param action The action to check.
+ * @returns True if the action is a broadcast action, false otherwise.
+ */
+export declare function isBroadcastAction(action: AnyAction): boolean;
+/**
+ * Extracts the action name from an action.
+ *
+ * Parses both regular actions (`chizu.action/Name`) and
+ * distributed actions (`chizu.action/distributed/Name`)
+ * to extract just the name portion.
+ *
+ * @param action The action to extract the name from.
+ * @returns The extracted action name, or "unknown" if parsing fails.
+ *
+ * @example
+ * ```typescript
+ * const Increment = Action("Increment");
+ * getName(Increment); // "Increment"
+ *
+ * const SignedOut = Action("SignedOut", Distribution.Broadcast);
+ * getName(SignedOut); // "SignedOut"
+ * ```
+ */
+export declare function getName(action: AnyAction): string;
+/**
+ * Checks if the given action is a channeled action (result of calling `Action(channel)`).
+ *
+ * @param action - The action to check
+ * @returns `true` if the action is a channeled action with a channel property, `false` otherwise
+ *
+ * @example
+ * ```ts
+ * const UserUpdated = Action<User, { UserId: number }>("UserUpdated");
+ *
+ * isChanneledAction(UserUpdated); // false
+ * isChanneledAction(UserUpdated({ UserId: 1 })); // true
+ * ```
+ */
+export declare function isChanneledAction(action: AnyAction): action is ChanneledAction;
+/**
+ * Checks whether an action is a multicast action.
+ * Multicast actions are dispatched to all components within a named scope boundary.
+ *
+ * @param action The action to check.
+ * @returns True if the action is a multicast action, false otherwise.
+ */
+export declare function isMulticastAction(action: AnyAction): boolean;

package/dist/boundary/components/scope/index.d.ts

@@ -0,0 +1,55 @@
+import { Props } from './types.ts';
+import * as React from "react";
+export { useScope, getScope } from './utils.ts';
+export type { ScopeEntry, ScopeContext } from './types.ts';
+export { MulticastPartition } from './partition.tsx';
+/**
+ * Creates a named scope boundary for multicast actions.
+ *
+ * Components within a `<Scope>` can dispatch multicast actions to all other
+ * components within the same scope boundary. This is useful for creating
+ * isolated groups of components that need to communicate without affecting
+ * other parts of the application.
+ *
+ * Multiple scopes can be nested, and each scope name creates its own
+ * communication channel. When dispatching, the nearest ancestor scope
+ * with the matching name receives the event.
+ *
+ * Like Broadcast, multicast supports `consume()` for declarative rendering
+ * and provides late-mounted components with the most recent dispatched value.
+ *
+ * @param props.name - The unique name for this scope
+ * @param props.children - Components within the scope boundary
+ *
+ * @example
+ * ```tsx
+ * // Create a scoped boundary
+ * <Scope name="UserList">
+ *   <UserFilter />
+ *   <UserTable />
+ * </Scope>
+ *
+ * // In UserFilter - dispatch to all components in "UserList" scope
+ * actions.dispatch(Actions.Multicast.FilterChanged, filter, { scope: "UserList" });
+ *
+ * // UserTable receives the event, other components outside don't
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Nested scopes - each creates its own boundary
+ * <Scope name="App">
+ *   <Header />
+ *   <Scope name="Sidebar">
+ *     <SidebarItem />
+ *   </Scope>
+ *   <Scope name="Content">
+ *     <ContentItem />
+ *   </Scope>
+ * </Scope>
+ *
+ * // Dispatch to "Sidebar" only reaches SidebarItem
+ * // Dispatch to "App" reaches all components
+ * ```
+ */
+export declare function Scope({ name, children }: Props): React.ReactNode;

package/dist/boundary/components/scope/partition.d.ts

@@ -0,0 +1,32 @@
+import { ConsumerRenderer } from '../consumer/types.ts';
+import { ActionId } from '../tasks/types.ts';
+import * as React from "react";
+/**
+ * Props for the MulticastPartition component.
+ */
+export type Props<T> = {
+    /** The multicast action symbol to subscribe to */
+    action: ActionId;
+    /** The scope name to subscribe to */
+    scopeName: string;
+    /** Callback that receives a Box and returns React nodes */
+    renderer: ConsumerRenderer<T>;
+};
+/**
+ * Renders output for multicast `consume()` by subscribing to scope action events.
+ *
+ * Similar to the broadcast Partition component, but subscribes to a named scope's
+ * EventEmitter instead of the global broadcast emitter.
+ *
+ * On mount, if a value was previously dispatched for this action within the scope,
+ * it renders immediately with that cached value. If no value exists yet, it renders
+ * `null` until the first dispatch.
+ *
+ * @template T - The payload type for the action
+ * @param props.action - The multicast action symbol to subscribe to
+ * @param props.scopeName - The scope name to subscribe to
+ * @param props.renderer - Callback that receives a Box and returns React nodes
+ * @returns The result of calling renderer with the Box, or null if no value/scope exists
+ * @internal
+ */
+export declare function MulticastPartition<T extends object>({ action, scopeName, renderer, }: Props<T>): React.ReactNode;

package/dist/boundary/components/scope/types.d.ts

@@ -0,0 +1,34 @@
+import { default as EventEmitter } from 'eventemitter3';
+import { Entry } from '../consumer/types.ts';
+import { ActionId } from '../tasks/types.ts';
+import type * as React from "react";
+/**
+ * Props for the Scope component.
+ */
+export type Props = {
+    /** The unique name for this scope. Used when dispatching multicast actions. */
+    name: string;
+    /** Children to render within the scope boundary. */
+    children: React.ReactNode;
+};
+/**
+ * Represents a single scope in the ancestor chain.
+ * Each scope has its own EventEmitter and consumer store.
+ */
+export type ScopeEntry = {
+    /** The name of this scope */
+    name: string;
+    /** EventEmitter for multicast events within this scope */
+    emitter: EventEmitter;
+    /** Consumer store for late-mounting components (like Broadcast) */
+    store: Map<ActionId, Entry>;
+    /** Listeners for store changes (for consume() re-renders) */
+    listeners: Map<ActionId, Set<() => void>>;
+};
+/**
+ * The scope context is a flattened map of all ancestor scopes by name.
+ * Each <Scope> merges its entry with the parent's map, building up a
+ * complete lookup table for O(1) retrieval.
+ * null indicates no scope ancestor.
+ */
+export type ScopeContext = Map<string, ScopeEntry> | null;

package/dist/boundary/components/scope/utils.d.ts

@@ -0,0 +1,22 @@
+import { ScopeContext, ScopeEntry } from './types.ts';
+import * as React from "react";
+/**
+ * React context for the scope chain.
+ * Starts as null (no scopes).
+ */
+export declare const Context: React.Context<ScopeContext>;
+/**
+ * Hook to access the scope context from the nearest ancestor.
+ *
+ * @returns The scope context chain, or null if not inside any scope.
+ */
+export declare function useScope(): ScopeContext;
+/**
+ * Gets the scope with the given name.
+ * O(1) lookup from the flattened scope map.
+ *
+ * @param context - The current scope context (map of all ancestor scopes)
+ * @param name - The scope name to find
+ * @returns The matching ScopeEntry, or null if not found
+ */
+export declare function getScope(context: ScopeContext, name: string): ScopeEntry | null;

package/dist/chizu.js

@@ -1,6 +1,7 @@
-import{G as e,A as t}from"@mobily/ts-belt";import{jsx as n}from"react/jsx-runtime";import*as r from"react";import{createContext as o,useContext as i}from"react";import{immerable as s,enablePatches as c,Immer as u}from"immer";class a{static Mount=/* @__PURE__ */Symbol("chizu.action.lifecycle/Mount");static Node=/* @__PURE__ */Symbol("chizu.action.lifecycle/Node");static Unmount=/* @__PURE__ */Symbol("chizu.action.lifecycle/Unmount");static Error=/* @__PURE__ */Symbol("chizu.action.lifecycle/Error");static Update=/* @__PURE__ */Symbol("chizu.action.lifecycle/Update")}var l=/* @__PURE__ */(e=>(e.Unicast="unicast",e.Broadcast="broadcast",e))(l||{}),f=/* @__PURE__ */(e=>(e.Mounting="mounting",e.Mounted="mounted",e.Unmounting="unmounting",e.Unmounted="unmounted",e))(f||{});const d=/* @__PURE__ */Symbol("payload"),p=/* @__PURE__ */Symbol("distributed"),h=/* @__PURE__ */Symbol("actionSymbol"),m=/* @__PURE__ */Symbol("channel");var y=/* @__PURE__ */(e=>(e[e.Timedout=0]="Timedout",e[e.Supplanted=1]="Supplanted",e[e.Disallowed=2]="Disallowed",e[e.Errored=3]="Errored",e[e.Unmounted=4]="Unmounted",e))(y||{});class v extends Error{name="AbortError";constructor(e="Aborted"){super(e)}}const b={actionPrefix:"chizu.action/",distributedActionPrefix:"chizu.action/distributed/",channelPrefix:"chizu.channel/"};function g(e,t){return new Promise((n,r)=>{if(t?.aborted)return void r(new v);const o=setTimeout(n,e);t?.addEventListener("abort",()=>{clearTimeout(o),r(new v)},{once:!0})})}function w(e){return e?Boolean(e&&"symbol"!=typeof e):/* @__PURE__ */Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`)}const E=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,config:b,pk:w,sleep:g,"ζ":g,"κ":w},Symbol.toStringTag,{value:"Module"})),x=(e,t=l.Unicast)=>{const n=t===l.Broadcast?/* @__PURE__ */Symbol(`${b.distributedActionPrefix}${e}`):/* @__PURE__ */Symbol(`${b.actionPrefix}${e}`),r=function(e){return{[h]:n,[d]:void 0,[m]:e,channel:e}};return Object.defineProperty(r,h,{value:n,enumerable:!1}),Object.defineProperty(r,d,{value:void 0,enumerable:!1}),t===l.Broadcast&&Object.defineProperty(r,p,{value:!0,enumerable:!1}),r};function S(t){return e.isString(t)||"symbol"==typeof t?t:(e.isObject(t)||"function"==typeof t)&&h in t?t[h]:t}function O(t){if(e.isString(t))return t.startsWith(b.distributedActionPrefix);if("symbol"==typeof t)return t.description?.startsWith(b.distributedActionPrefix)??!1;if(e.isObject(t)||"function"==typeof t){if(p in t&&t[p])return!0;if(h in t){const e=t[h];return e.description?.startsWith(b.distributedActionPrefix)??!1}}return!1}function j(t){const n=S(t),r=e.isString(n)?n:n.description??"";return r.startsWith(b.actionPrefix)&&r.slice(r.lastIndexOf("/")+1)||"unknown"}function _(t){return e.isObject(t)&&m in t&&"channel"in t}function P(e){if(e instanceof Error){if("TimeoutError"===e.name)return y.Timedout;if("AbortError"===e.name)return y.Supplanted}return y.Errored}function A(e){return e instanceof Error?e:new Error(String(e))}const M=o(void 0);function N({handler:e,children:t}){/* @__PURE__ */
-return n(M.Provider,{value:e,children:t})}let k=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&n[e]];return t};var U=/* @__PURE__ */(e=>(e[e.Add=1]="Add",e[e.Remove=2]="Remove",e[e.Update=4]="Update",e[e.Move=8]="Move",e[e.Replace=16]="Replace",e[e.Sort=32]="Sort",e))(U||{}),C=/* @__PURE__ */(e=>(e[e.Produce=0]="Produce",e[e.Hydrate=1]="Hydrate",e))(C||{}),R=/* @__PURE__ */(e=>(e.Property="property",e.Process="process",e.Value="value",e.Operation="operation",e))(R||{});class z{[s]=!0;static keys=new Set(Object.values(R));property=null;process=null;value;operation;constructor(e,t){this.value=e,this.operation=t}assign(e,t){const n=new z(this.value,this.operation);return n.property=e,n.process=t,n}}class L{static immer=(()=>{c();const e=new u;return e.setAutoFreeze(!1),e})();static tag="κ";static id=k}function T(e,t){const n="string"==typeof t?""===t?[]:t.split("."):t;let r=e;for(const o of n){if(null==r)return;r=r[o]}return r}function H(t){if(e.isNullable(t)||B(t))return t;if(e.isArray(t))return t.map(e=>H(e));if(e.isObject(t)){const e=Object.entries(t).map(([e,t])=>[e,H(t)]);return{...Object.fromEntries(e),[L.tag]:t[L.tag]??L.id()}}return t}function $(e){if(Array.isArray(e))return e.filter(e=>L.tag in e).map(e=>e[L.tag]??"").join(",");const t=e[L.tag];if(t)return t;try{return JSON.stringify(e)}catch{return`[unserializable:${typeof e}]`}}function B(t){return e.isNullable(t)||e.isString(t)||e.isNumber(t)||e.isBoolean(t)||"symbol"==typeof t||"bigint"==typeof t}function W(t,n,r,o,i,s){return function c(u,a=n.path){if(u instanceof z){const n=T(r,a.join("."));if(Object.entries(u).filter(([e,t])=>!z.keys.has(e)&&t instanceof z).forEach(([e,t])=>c(t,a.concat(e))),B(u.value)){if(t===C.Hydrate)return u.value;const c=a.slice(0,-1),l=c.length>0?T(r,c.join(".")):r;return e.isNullable(l)||D(l,u,a.at(-1),o,i,s),n??u.value}if(t===C.Hydrate){const e=H(c(u.value,a));return D(e,u,null,o,i,s),e}const l=n??H(u.value);return D(l,u,null,o,i,s),e.isNullable(n)?l:(c(u.value,a),n)}if(e.isArray(u))return u.map((e,t)=>c(e,a.concat(t)));if(e.isObject(u)){const e=Object.entries(u).map(([e,t])=>[e,c(t,a.concat(e))]),n=Object.fromEntries(e);if(t===C.Hydrate){const e=H(n);return Object.entries(u).forEach(([t,n])=>{n instanceof z&&B(n.value)&&D(e,n,t,o,i,s)}),e}return n}return u}(n.value)}function D(e,t,n,r,o,i){const s=i(e),c=o.get(s)??[];o.set(s,[t.assign(n,r),...c])}class F{#e={};#t;#n=/* @__PURE__ */new Map;#r=/* @__PURE__ */new Set;#o=!1;constructor(e=$){this.#t=e}static pk(){return k()}static"κ"=F.pk;annotate(e,t){return new z(t,e)}"δ"=this.annotate;get model(){return this.#e}get inspect(){return function(n,r,o,i,s){function c(i){const s=i.at(-1),c=T(n(),i),u=i.slice(0,-1),a=t.isNotEmpty(u)?T(n(),u):n();return[...e.isObject(c)||e.isArray(c)?r.get(o(c))?.filter(t=>e.isNullable(t.property))??[]:[],...e.isObject(a)?r.get(o(a))?.filter(e=>e.property===s)??[]:[]]}return function e(r){return new Proxy(()=>{},{get:(o,u)=>"pending"===u?()=>!t.isEmpty(c(r)):"remaining"===u?()=>t.length(c(r)):"box"===u?()=>({value:T(n(),r),inspect:e(r)}):"is"===u?e=>c(r).some(t=>0!==(t.operation&e)):"draft"===u?()=>t.head(c(r))?.value??T(n(),r):"settled"===u?()=>new Promise(e=>{if(t.isEmpty(c(r)))return e(T(n(),r));const o=()=>{t.isEmpty(c(r))&&(s(o),e(T(n(),r)))};i(o)}):e([...r,String(u)])})}([])}(()=>this.#e,this.#n,this.#t,e=>this.#r.add(e),e=>this.#r.delete(e))}hydrate(e){return this.#o=!0,this.#i(C.Hydrate,t=>Object.assign(t,e))}produce(e){if(!this.#o)throw new Error("State must be hydrated using hydrate() before calling produce()");return this.#i(C.Produce,e)}#i(e,t){const n=/* @__PURE__ */Symbol("process"),[,r]=L.immer.produceWithPatches(this.#e,t);return this.#e=r.reduce((t,r)=>L.immer.applyPatches(t,[{...r,value:W(e,r,t,n,this.#n,this.#t)}]),this.#e),this.#e=H(this.#e),this.#s(),n}prune(e){this.#n.forEach((n,r)=>{const o=n.filter(t=>t.process!==e);t.isEmpty(o)?this.#n.delete(r):this.#n.set(r,o)}),this.#s()}#s(){this.#r.forEach(e=>e())}observe(e){const t=()=>e(this.#e);return this.#r.add(t),()=>this.#r.delete(t)}}function G(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var I,V={exports:{}};const J=/* @__PURE__ */G((I||(I=1,function(e){var t=Object.prototype.hasOwnProperty,n="~";function r(){}function o(e,t,n){this.fn=e,this.context=t,this.once=n||!1}function i(e,t,r,i,s){if("function"!=typeof r)throw new TypeError("The listener must be a function");var c=new o(r,i||e,s),u=n?n+t:t;return e._events[u]?e._events[u].fn?e._events[u]=[e._events[u],c]:e._events[u].push(c):(e._events[u]=c,e._eventsCount++),e}function s(e,t){0===--e._eventsCount?e._events=new r:delete e._events[t]}function c(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=/* @__PURE__ */Object.create(null),(new r).__proto__||(n=!1)),c.prototype.eventNames=function(){var e,r,o=[];if(0===this._eventsCount)return o;for(r in e=this._events)t.call(e,r)&&o.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(e)):o},c.prototype.listeners=function(e){var t=this._events[n?n+e:e];if(!t)return[];if(t.fn)return[t.fn];for(var r=0,o=t.length,i=new Array(o);r<o;r++)i[r]=t[r].fn;return i},c.prototype.listenerCount=function(e){var t=this._events[n?n+e:e];return t?t.fn?1:t.length:0},c.prototype.emit=function(e,t,r,o,i,s){var c=n?n+e:e;if(!this._events[c])return!1;var u,a,l=this._events[c],f=arguments.length;if(l.fn){switch(l.once&&this.removeListener(e,l.fn,void 0,!0),f){case 1:return l.fn.call(l.context),!0;case 2:return l.fn.call(l.context,t),!0;case 3:return l.fn.call(l.context,t,r),!0;case 4:return l.fn.call(l.context,t,r,o),!0;case 5:return l.fn.call(l.context,t,r,o,i),!0;case 6:return l.fn.call(l.context,t,r,o,i,s),!0}for(a=1,u=new Array(f-1);a<f;a++)u[a-1]=arguments[a];l.fn.apply(l.context,u)}else{var d,p=l.length;for(a=0;a<p;a++)switch(l[a].once&&this.removeListener(e,l[a].fn,void 0,!0),f){case 1:l[a].fn.call(l[a].context);break;case 2:l[a].fn.call(l[a].context,t);break;case 3:l[a].fn.call(l[a].context,t,r);break;case 4:l[a].fn.call(l[a].context,t,r,o);break;default:if(!u)for(d=1,u=new Array(f-1);d<f;d++)u[d-1]=arguments[d];l[a].fn.apply(l[a].context,u)}}return!0},c.prototype.on=function(e,t,n){return i(this,e,t,n,!1)},c.prototype.once=function(e,t,n){return i(this,e,t,n,!0)},c.prototype.removeListener=function(e,t,r,o){var i=n?n+e:e;if(!this._events[i])return this;if(!t)return s(this,i),this;var c=this._events[i];if(c.fn)c.fn!==t||o&&!c.once||r&&c.context!==r||s(this,i);else{for(var u=0,a=[],l=c.length;u<l;u++)(c[u].fn!==t||o&&!c[u].once||r&&c[u].context!==r)&&a.push(c[u]);a.length?this._events[i]=1===a.length?a[0]:a:s(this,i)}return this},c.prototype.removeAllListeners=function(e){var t;return e?this._events[t=n?n+e:e]&&s(this,t):(this._events=new r,this._eventsCount=0),this},c.prototype.off=c.prototype.removeListener,c.prototype.addListener=c.prototype.on,c.prefixed=n,c.EventEmitter=c,e.exports=c}(V)),V.exports)),q=r.createContext(new J);function K(){return r.useContext(q)}function Q({children:e}){const t=r.useMemo(()=>new J,[]);/* @__PURE__ */
-return n(q.Provider,{value:t,children:e})}const X=r.createContext(/* @__PURE__ */new Map);function Y(){return r.useContext(X)}function Z(){const[,e]=r.useReducer(e=>e+1,0);return e}function ee({action:t,renderer:n}){const o=K(),i=Y(),s=Z(),c=r.useMemo(()=>{const e=i.get(t);if(e)return e;const n={state:new F,listeners:/* @__PURE__ */new Set};return i.set(t,n),n},[t,i]);r.useLayoutEffect(()=>{function e(e){c.state.hydrate({value:e}),c.listeners.forEach(e=>e())}return c.listeners.add(s),o.on(t,e),()=>{c.listeners.delete(s),o.off(t,e)}},[t,o,c]);const u=c.state.model?.value;return e.isNullable(u)?null:n({value:u,inspect:c.state.inspect.value})}function te({children:e}){const t=r.useMemo(()=>/* @__PURE__ */new Map,[]);/* @__PURE__ */
-return n(X.Provider,{value:t,children:e})}const ne=r.createContext(/* @__PURE__ */new Set);function re({children:e}){const t=r.useMemo(()=>/* @__PURE__ */new Set,[]);/* @__PURE__ */
-return n(ne.Provider,{value:t,children:e})}function oe({children:e}){/* @__PURE__ */
-return n(Q,{children:/* @__PURE__ */n(te,{children:/* @__PURE__ */n(re,{children:e})})})}function ie(e){return(t,n)=>{t.actions.produce(t=>{t.model[e]=n})}}const se=r.useEffectEvent??r.experimental_useEffectEvent;function ce(n,o=()=>({})){const s=K(),c=i(M),u=r.useContext(ne),[l,d]=r.useState(n),p=Z(),h=r.useRef(null),m=r.useRef((()=>{const e=new F;return h.current=e.hydrate(n),e})()),y=function(e){const t=r.useRef(e);return r.useLayoutEffect(()=>{t.current=e},[e]),r.useMemo(()=>{return n=t,Object.keys(e).reduce((e,t)=>(Object.defineProperty(e,t,{get:()=>n.current[t],enumerable:!0}),e),{});var n},[e])}(o()),v=r.useMemo(()=>new J,[]),b=r.useRef({handlers:/* @__PURE__ */new Map}),g=r.useRef(/* @__PURE__ */new Set),w=r.useRef(f.Mounting),E=r.useCallback((e,t,n)=>{const r=new AbortController,o={controller:r,action:e,payload:t};return u.add(o),{model:l,get phase(){return w.current},task:o,data:y,tasks:u,actions:{produce(e){if(r.signal.aborted)return;const t=m.current.produce(t=>e({model:t,inspect:m.current.inspect}));d(m.current.model),n.processes.add(t),h.current&&(n.processes.add(h.current),h.current=null)},dispatch(e,t){if(r.signal.aborted)return;const n=S(e),o=_(e)?e.channel:void 0;(O(e)?s:v).emit(n,t,o)},annotate:(e,t)=>m.current.annotate(e,t)}}},[l]);r.useLayoutEffect(()=>{function t(t,n,r){return async function(o,i){const s=r();if(e.isNotNullable(i)&&e.isNotNullable(s)&&!function(e,t){for(const n of Object.keys(e))if(t[n]!==e[n])return!1;return!0}(i,s))return;const l={processes:/* @__PURE__ */new Set},f=Promise.withResolvers(),d=E(t,o,l);try{await n(d,o)}catch(h){const e=b.current.handlers.has(a.Error),n={reason:P(h),error:A(h),action:j(t),handled:e};c?.(n),e&&v.emit(a.Error,n)}finally{for(const e of u)if(e===d.task){u.delete(e);break}l.processes.forEach(e=>m.current.prune(e)),p(),f.resolve()}}}b.current.handlers.forEach((e,n)=>{for(const{getChannel:r,handler:o}of e){const e=t(n,o,r);O(n)?(s.on(n,e),v.on(n,e),g.current.add(n)):v.on(n,e)}})},[v]),function({unicast:n,distributedActions:o,phase:i,data:s}){const c=Y(),u=r.useRef(null);r.useLayoutEffect(()=>(n.emit(a.Mount),o.forEach(t=>{const r=c.get(t),o=r?.state.model?.value;e.isNullable(o)||n.emit(t,o)}),i.current=f.Mounted,()=>{i.current=f.Unmounting,n.emit(a.Unmount),i.current=f.Unmounted}),[]),r.useEffect(()=>{n.emit(a.Node)},[]),r.useLayoutEffect(()=>{if(e.isNotNullable(u.current)){const e=function(e,t){return Object.keys(t).reduce((n,r)=>e[r]!==t[r]?{...n,[r]:t[r]}:n,{})}(u.current,s);t.isNotEmpty(Object.keys(e))&&n.emit(a.Update,e)}u.current=s},[s,n])}({unicast:v,distributedActions:g.current,phase:w,data:o()});const x=r.useMemo(()=>[l,{dispatch(e,t){const n=S(e),r=_(e)?e.channel:void 0;(O(e)?s:v).emit(n,t,r)},consume:(e,t)=>r.createElement(ee,{action:S(e),renderer:t}),get inspect(){return m.current.inspect}}],[l,v]);return x.useAction=(e,t)=>{!function(e,t,n){const r=se(async(e,t)=>{if("GeneratorFunction"===n.constructor.name||"AsyncGeneratorFunction"===n.constructor.name){const r=n(e,t);for await(const e of r);}else await n(e,t)}),o=se(()=>_(t)?t.channel:void 0),i=S(t),s=e.current.handlers.get(i)??/* @__PURE__ */new Set;0===s.size&&e.current.handlers.set(i,s),s.add({getChannel:o,handler:r})}(b,e,t)},x}export{x as Action,oe as Boundary,l as Distribution,N as Error,a as Lifecycle,U as Op,U as Operation,y as Reason,F as State,ie as With,ce as useActions,E as utils};
+import{G as e,A as t}from"@mobily/ts-belt";import{jsx as n}from"react/jsx-runtime";import*as r from"react";import{createContext as o,useContext as s}from"react";import{immerable as i,enablePatches as c,Immer as a}from"immer";class u{static Payload=/* @__PURE__ */Symbol("chizu.brand/Payload");static Broadcast=/* @__PURE__ */Symbol("chizu.brand/Broadcast");static Multicast=/* @__PURE__ */Symbol("chizu.brand/Multicast");static Action=/* @__PURE__ */Symbol("chizu.brand/Action");static Channel=/* @__PURE__ */Symbol("chizu.brand/Channel");static Node=/* @__PURE__ */Symbol("chizu.action.lifecycle/Node")}class l{static Mount=/* @__PURE__ */Symbol("chizu.action.lifecycle/Mount");static Unmount=/* @__PURE__ */Symbol("chizu.action.lifecycle/Unmount");static Error=/* @__PURE__ */Symbol("chizu.action.lifecycle/Error");static Update=/* @__PURE__ */Symbol("chizu.action.lifecycle/Update");static Node=(()=>{const e=u.Node,t=function(t){return{[u.Action]:e,[u.Payload]:void 0,[u.Channel]:t,channel:t}};return Object.defineProperty(t,u.Action,{value:e,enumerable:!1}),Object.defineProperty(t,u.Payload,{value:void 0,enumerable:!1}),t})()}var f=/* @__PURE__ */(e=>(e.Unicast="unicast",e.Broadcast="broadcast",e.Multicast="multicast",e))(f||{}),d=/* @__PURE__ */(e=>(e.Mounting="mounting",e.Mounted="mounted",e.Unmounting="unmounting",e.Unmounted="unmounted",e))(d||{}),p=/* @__PURE__ */(e=>(e[e.Timedout=0]="Timedout",e[e.Supplanted=1]="Supplanted",e[e.Disallowed=2]="Disallowed",e[e.Errored=3]="Errored",e[e.Unmounted=4]="Unmounted",e))(p||{});class h extends Error{name="AbortError";constructor(e="Aborted"){super(e)}}const m={actionPrefix:"chizu.action/",broadcastActionPrefix:"chizu.action/broadcast/",multicastActionPrefix:"chizu.action/multicast/",channelPrefix:"chizu.channel/"};function y(e,t){return new Promise((n,r)=>{if(t?.aborted)return void r(new h);const o=setTimeout(n,e);t?.addEventListener("abort",()=>{clearTimeout(o),r(new h)},{once:!0})})}function b(e){return e?Boolean(e&&"symbol"!=typeof e):/* @__PURE__ */Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`)}const v=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,config:m,pk:b,sleep:y,"ζ":y,"κ":b},Symbol.toStringTag,{value:"Module"})),g=e=>"symbol"==typeof e;function w(t){return e.isString(t)||g(t)?t:(e.isObject(t)||e.isFunction(t))&&u.Action in t?t[u.Action]:t}function E(t){if(e.isString(t))return t.startsWith(m.broadcastActionPrefix);if(g(t))return t.description?.startsWith(m.broadcastActionPrefix)??!1;if(e.isObject(t)||e.isFunction(t)){if(u.Broadcast in t&&t[u.Broadcast])return!0;if(u.Action in t){const e=t[u.Action];return e.description?.startsWith(m.broadcastActionPrefix)??!1}}return!1}function P(t){const n=w(t),r=e.isString(n)?n:n.description??"";return r.startsWith(m.actionPrefix)&&r.slice(r.lastIndexOf("/")+1)||"unknown"}function x(t){return e.isObject(t)&&u.Channel in t&&"channel"in t}function S(t){if(e.isString(t))return t.startsWith(m.multicastActionPrefix);if(g(t))return t.description?.startsWith(m.multicastActionPrefix)??!1;if(e.isObject(t)||e.isFunction(t)){if(u.Multicast in t&&t[u.Multicast])return!0;if(u.Action in t){const e=t[u.Action];return e.description?.startsWith(m.multicastActionPrefix)??!1}}return!1}const O=(e,t=f.Unicast)=>{const n=t===f.Broadcast?/* @__PURE__ */Symbol(`${m.broadcastActionPrefix}${e}`):t===f.Multicast?/* @__PURE__ */Symbol(`${m.multicastActionPrefix}${e}`):/* @__PURE__ */Symbol(`${m.actionPrefix}${e}`),r=function(e){return{[u.Action]:n,[u.Payload]:void 0,[u.Channel]:e,channel:e}};return Object.defineProperty(r,u.Action,{value:n,enumerable:!1}),Object.defineProperty(r,u.Payload,{value:void 0,enumerable:!1}),t===f.Broadcast&&Object.defineProperty(r,u.Broadcast,{value:!0,enumerable:!1}),t===f.Multicast&&Object.defineProperty(r,u.Multicast,{value:!0,enumerable:!1}),r};function A(e){if(e instanceof Error){if("TimeoutError"===e.name)return p.Timedout;if("AbortError"===e.name)return p.Supplanted}return p.Errored}function M(e){return e instanceof Error?e:new Error(String(e))}const j=o(void 0);function _({handler:e,children:t}){/* @__PURE__ */
+return n(j.Provider,{value:e,children:t})}let N=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&n[e]];return t};var C=/* @__PURE__ */(e=>(e[e.Add=1]="Add",e[e.Remove=2]="Remove",e[e.Update=4]="Update",e[e.Move=8]="Move",e[e.Replace=16]="Replace",e[e.Sort=32]="Sort",e))(C||{}),k=/* @__PURE__ */(e=>(e[e.Produce=0]="Produce",e[e.Hydrate=1]="Hydrate",e))(k||{}),R=/* @__PURE__ */(e=>(e.Property="property",e.Process="process",e.Value="value",e.Operation="operation",e))(R||{});class z{[i]=!0;static keys=new Set(Object.values(R));property=null;process=null;value;operation;constructor(e,t){this.value=e,this.operation=t}assign(e,t){const n=new z(this.value,this.operation);return n.property=e,n.process=t,n}}class U{static immer=(()=>{c();const e=new a;return e.setAutoFreeze(!1),e})();static tag="κ";static id=N}function L(e,t){const n="string"==typeof t?""===t?[]:t.split("."):t;let r=e;for(const o of n){if(null==r)return;r=r[o]}return r}function B(t){if(e.isNullable(t)||W(t))return t;if(e.isArray(t))return t.map(e=>B(e));if(e.isObject(t)){const e=Object.entries(t).map(([e,t])=>[e,B(t)]);return{...Object.fromEntries(e),[U.tag]:t[U.tag]??U.id()}}return t}function T(e){if(Array.isArray(e))return e.filter(e=>U.tag in e).map(e=>e[U.tag]??"").join(",");const t=e[U.tag];if(t)return t;try{return JSON.stringify(e)}catch{return`[unserializable:${typeof e}]`}}function W(t){return e.isNullable(t)||e.isString(t)||e.isNumber(t)||e.isBoolean(t)||"symbol"==typeof t||"bigint"==typeof t}function $(t,n,r,o,s,i){return function c(a,u=n.path){if(a instanceof z){const n=L(r,u.join("."));if(Object.entries(a).filter(([e,t])=>!z.keys.has(e)&&t instanceof z).forEach(([e,t])=>c(t,u.concat(e))),W(a.value)){if(t===k.Hydrate)return a.value;const c=u.slice(0,-1),l=c.length>0?L(r,c.join(".")):r;return e.isNullable(l)||F(l,a,u.at(-1),o,s,i),n??a.value}if(t===k.Hydrate){const e=B(c(a.value,u));return F(e,a,null,o,s,i),e}const l=n??B(a.value);return F(l,a,null,o,s,i),e.isNullable(n)?l:(c(a.value,u),n)}if(e.isArray(a))return a.map((e,t)=>c(e,u.concat(t)));if(e.isObject(a)){const e=Object.entries(a).map(([e,t])=>[e,c(t,u.concat(e))]),n=Object.fromEntries(e);if(t===k.Hydrate){const e=B(n);return Object.entries(a).forEach(([t,n])=>{n instanceof z&&W(n.value)&&F(e,n,t,o,s,i)}),e}return n}return a}(n.value)}function F(e,t,n,r,o,s){const i=s(e),c=o.get(i)??[];o.set(i,[t.assign(n,r),...c])}class H{#e={};#t;#n=/* @__PURE__ */new Map;#r=/* @__PURE__ */new Set;#o=!1;constructor(e=T){this.#t=e}static pk(){return N()}static"κ"=H.pk;annotate(e,t){return new z(t,e)}"δ"=this.annotate;get model(){return this.#e}get inspect(){return function(n,r,o,s,i){function c(s){const i=s.at(-1),c=L(n(),s),a=s.slice(0,-1),u=t.isNotEmpty(a)?L(n(),a):n();return[...e.isObject(c)||e.isArray(c)?r.get(o(c))?.filter(t=>e.isNullable(t.property))??[]:[],...e.isObject(u)?r.get(o(u))?.filter(e=>e.property===i)??[]:[]]}return function e(r){return new Proxy(()=>{},{get:(o,a)=>"pending"===a?()=>!t.isEmpty(c(r)):"remaining"===a?()=>t.length(c(r)):"box"===a?()=>({value:L(n(),r),inspect:e(r)}):"is"===a?e=>c(r).some(t=>0!==(t.operation&e)):"draft"===a?()=>t.head(c(r))?.value??L(n(),r):"settled"===a?()=>new Promise(e=>{if(t.isEmpty(c(r)))return e(L(n(),r));const o=()=>{t.isEmpty(c(r))&&(i(o),e(L(n(),r)))};s(o)}):e([...r,String(a)])})}([])}(()=>this.#e,this.#n,this.#t,e=>this.#r.add(e),e=>this.#r.delete(e))}hydrate(e){return this.#o=!0,this.#s(k.Hydrate,t=>Object.assign(t,e))}produce(e){if(!this.#o)throw new Error("State must be hydrated using hydrate() before calling produce()");return this.#s(k.Produce,e)}#s(e,t){const n=/* @__PURE__ */Symbol("process"),[,r]=U.immer.produceWithPatches(this.#e,t);return this.#e=r.reduce((t,r)=>U.immer.applyPatches(t,[{...r,value:$(e,r,t,n,this.#n,this.#t)}]),this.#e),this.#e=B(this.#e),this.#i(),n}prune(e){this.#n.forEach((n,r)=>{const o=n.filter(t=>t.process!==e);t.isEmpty(o)?this.#n.delete(r):this.#n.set(r,o)}),this.#i()}#i(){this.#r.forEach(e=>e())}observe(e){const t=()=>e(this.#e);return this.#r.add(t),()=>this.#r.delete(t)}}function D(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var G,I={exports:{}};const V=/* @__PURE__ */D((G||(G=1,function(e){var t=Object.prototype.hasOwnProperty,n="~";function r(){}function o(e,t,n){this.fn=e,this.context=t,this.once=n||!1}function s(e,t,r,s,i){if("function"!=typeof r)throw new TypeError("The listener must be a function");var c=new o(r,s||e,i),a=n?n+t:t;return e._events[a]?e._events[a].fn?e._events[a]=[e._events[a],c]:e._events[a].push(c):(e._events[a]=c,e._eventsCount++),e}function i(e,t){0===--e._eventsCount?e._events=new r:delete e._events[t]}function c(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=/* @__PURE__ */Object.create(null),(new r).__proto__||(n=!1)),c.prototype.eventNames=function(){var e,r,o=[];if(0===this._eventsCount)return o;for(r in e=this._events)t.call(e,r)&&o.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(e)):o},c.prototype.listeners=function(e){var t=this._events[n?n+e:e];if(!t)return[];if(t.fn)return[t.fn];for(var r=0,o=t.length,s=new Array(o);r<o;r++)s[r]=t[r].fn;return s},c.prototype.listenerCount=function(e){var t=this._events[n?n+e:e];return t?t.fn?1:t.length:0},c.prototype.emit=function(e,t,r,o,s,i){var c=n?n+e:e;if(!this._events[c])return!1;var a,u,l=this._events[c],f=arguments.length;if(l.fn){switch(l.once&&this.removeListener(e,l.fn,void 0,!0),f){case 1:return l.fn.call(l.context),!0;case 2:return l.fn.call(l.context,t),!0;case 3:return l.fn.call(l.context,t,r),!0;case 4:return l.fn.call(l.context,t,r,o),!0;case 5:return l.fn.call(l.context,t,r,o,s),!0;case 6:return l.fn.call(l.context,t,r,o,s,i),!0}for(u=1,a=new Array(f-1);u<f;u++)a[u-1]=arguments[u];l.fn.apply(l.context,a)}else{var d,p=l.length;for(u=0;u<p;u++)switch(l[u].once&&this.removeListener(e,l[u].fn,void 0,!0),f){case 1:l[u].fn.call(l[u].context);break;case 2:l[u].fn.call(l[u].context,t);break;case 3:l[u].fn.call(l[u].context,t,r);break;case 4:l[u].fn.call(l[u].context,t,r,o);break;default:if(!a)for(d=1,a=new Array(f-1);d<f;d++)a[d-1]=arguments[d];l[u].fn.apply(l[u].context,a)}}return!0},c.prototype.on=function(e,t,n){return s(this,e,t,n,!1)},c.prototype.once=function(e,t,n){return s(this,e,t,n,!0)},c.prototype.removeListener=function(e,t,r,o){var s=n?n+e:e;if(!this._events[s])return this;if(!t)return i(this,s),this;var c=this._events[s];if(c.fn)c.fn!==t||o&&!c.once||r&&c.context!==r||i(this,s);else{for(var a=0,u=[],l=c.length;a<l;a++)(c[a].fn!==t||o&&!c[a].once||r&&c[a].context!==r)&&u.push(c[a]);u.length?this._events[s]=1===u.length?u[0]:u:i(this,s)}return this},c.prototype.removeAllListeners=function(e){var t;return e?this._events[t=n?n+e:e]&&i(this,t):(this._events=new r,this._eventsCount=0),this},c.prototype.off=c.prototype.removeListener,c.prototype.addListener=c.prototype.on,c.prefixed=n,c.EventEmitter=c,e.exports=c}(I)),I.exports)),J=r.createContext(new V);function q(){return r.useContext(J)}function K({children:e}){const t=r.useMemo(()=>new V,[]);/* @__PURE__ */
+return n(J.Provider,{value:t,children:e})}const Q=r.createContext(/* @__PURE__ */new Map);function X(){return r.useContext(Q)}function Y(){const[,e]=r.useReducer(e=>e+1,0);return e}function Z({action:t,renderer:n}){const o=q(),s=X(),i=Y(),c=r.useMemo(()=>{const e=s.get(t);if(e)return e;const n={state:new H,listeners:/* @__PURE__ */new Set};return s.set(t,n),n},[t,s]);r.useLayoutEffect(()=>{function e(e){c.state.hydrate({value:e}),c.listeners.forEach(e=>e())}return c.listeners.add(i),o.on(t,e),()=>{c.listeners.delete(i),o.off(t,e)}},[t,o,c]);const a=c.state.model?.value;return e.isNullable(a)?null:n({value:a,inspect:c.state.inspect.value})}function ee({children:e}){const t=r.useMemo(()=>/* @__PURE__ */new Map,[]);/* @__PURE__ */
+return n(Q.Provider,{value:t,children:e})}const te=r.createContext(/* @__PURE__ */new Set);function ne({children:e}){const t=r.useMemo(()=>/* @__PURE__ */new Set,[]);/* @__PURE__ */
+return n(te.Provider,{value:t,children:e})}function re({children:e}){/* @__PURE__ */
+return n(K,{children:/* @__PURE__ */n(ee,{children:/* @__PURE__ */n(ne,{children:e})})})}const oe=r.createContext(null);function se(){return r.useContext(oe)}function ie(e,t){return e?.get(t)??null}function ce({action:t,scopeName:n,renderer:o}){const s=se(),i=Y(),c=r.useMemo(()=>ie(s,n),[s,n]),a=r.useMemo(()=>c?function(e,t){const n=e.store.get(t);if(n)return n;const r={state:new H,listeners:/* @__PURE__ */new Set};return e.store.set(t,r),r}(c,t):null,[t,c]);if(r.useLayoutEffect(()=>{if(c&&a)return a.listeners.add(i),c.emitter.on(t,e),()=>{a.listeners.delete(i),c.emitter.off(t,e)};function e(e){a&&(a.state.hydrate({value:e}),a.listeners.forEach(e=>e()))}},[t,c,a,i]),!a)return null;const u=a.state.model?.value;return e.isNullable(u)?null:o({value:u,inspect:a.state.inspect.value})}function ae({name:e,children:t}){const o=se(),s=r.useMemo(()=>({name:e,emitter:new V,store:/* @__PURE__ */new Map,listeners:/* @__PURE__ */new Map}),[]),i=r.useMemo(()=>{const t=new Map(o??[]);return t.set(e,s),t},[o,e,s]);/* @__PURE__ */
+return n(oe.Provider,{value:i,children:t})}function ue(e){return(t,n)=>{t.actions.produce(t=>{t.model[e]=n})}}function le(n,o=()=>({})){const i=q(),c=se(),a=s(j),f=r.useContext(te),[p,h]=r.useState(n),m=Y(),y=r.useRef(null),b=r.useRef((()=>{const e=new H;return y.current=e.hydrate(n),e})()),v=function(e){const t=r.useRef(e);return r.useLayoutEffect(()=>{t.current=e},[e]),r.useMemo(()=>{return n=t,Object.keys(e).reduce((e,t)=>(Object.defineProperty(e,t,{get:()=>n.current[t],enumerable:!0}),e),{});var n},[e])}(o()),g=r.useMemo(()=>new V,[]),O=r.useRef({handlers:/* @__PURE__ */new Map}),_=function(){const e=r.useRef(/* @__PURE__ */new Set),t=r.useRef(/* @__PURE__ */new Set);return r.useMemo(()=>({broadcast:e.current,multicast:t.current}),[])}(),N=r.useRef(d.Mounting),C=function(){const e=r.useRef({}),t=r.useRef(/* @__PURE__ */new Map),n=r.useRef(/* @__PURE__ */new Map);return r.useMemo(()=>({refs:e,pending:t,emitted:n}),[])}(),k=r.useCallback((e,t,n)=>{const r=new AbortController,o={controller:r,action:e,payload:t};return f.add(o),{model:p,get phase(){return N.current},task:o,data:v,tasks:f,nodes:C.refs.current,actions:{produce(e){if(r.signal.aborted)return;const t=b.current.produce(t=>e({model:t,inspect:b.current.inspect}));h(b.current.model),n.processes.add(t),y.current&&(n.processes.add(y.current),y.current=null)},dispatch(e,t,n){if(r.signal.aborted)return;const o=w(e),s=x(e)?e.channel:void 0;if(S(e)&&n?.scope){const e=ie(c,n.scope);return void(e&&e.emitter.emit(o,t,s))}(E(e)?i:g).emit(o,t,s)},annotate:(e,t)=>b.current.annotate(e,t)}}},[p]);r.useLayoutEffect(()=>{function t(t,n,r){return async function(o,s){const i=r();if(e.isNotNullable(s)&&e.isNotNullable(i)&&!function(e,t){for(const n of Object.keys(e))if(t[n]!==e[n])return!1;return!0}(s,i))return;const c={processes:/* @__PURE__ */new Set},u=Promise.withResolvers(),d=k(t,o,c);try{await n(d,o)}catch(p){const e=O.current.handlers.has(l.Error),n={reason:A(p),error:M(p),action:P(t),handled:e,tasks:f};a?.(n),e&&g.emit(l.Error,n)}finally{for(const e of f)if(e===d.task){f.delete(e);break}c.processes.forEach(e=>b.current.prune(e)),c.processes.size>0&&m(),u.resolve()}}}const n=/* @__PURE__ */new Set;return O.current.handlers.forEach((e,r)=>{for(const{getChannel:o,handler:s}of e){const e=t(r,s,o);if(S(r)){if(c)for(const t of c.values()){const o=t.emitter;o.on(r,e),n.add(()=>o.off(r,e))}g.on(r,e),_.multicast.add(r),n.add(()=>g.off(r,e))}else E(r)?(i.on(r,e),g.on(r,e),_.broadcast.add(r),n.add(()=>{i.off(r,e),g.off(r,e)})):(g.on(r,e),n.add(()=>g.off(r,e)))}}),()=>{N.current=d.Unmounting,g.emit(l.Unmount),N.current=d.Unmounted;for(const e of n)e()}},[g]),r.useLayoutEffect(()=>{for(const[e,t]of C.pending.current)C.emitted.current.get(e)!==t&&(C.emitted.current.set(e,t),g.emit(u.Node,t,{Name:e}));C.pending.current.clear()}),function({unicast:n,broadcastActions:o,phase:s,data:i}){const c=X(),a=r.useRef(null);r.useLayoutEffect(()=>{n.emit(l.Mount),o.forEach(t=>{const r=c.get(t),o=r?.state.model?.value;e.isNullable(o)||n.emit(t,o)}),s.current=d.Mounted},[]),r.useLayoutEffect(()=>{if(e.isNotNullable(a.current)){const e=function(e,t){return Object.keys(t).reduce((n,r)=>e[r]!==t[r]?{...n,[r]:t[r]}:n,{})}(a.current,i);t.isNotEmpty(Object.keys(e))&&n.emit(l.Update,e)}a.current=i},[i,n])}({unicast:g,broadcastActions:_.broadcast,phase:N,data:o()});const R=r.useMemo(()=>[p,{dispatch(e,t,n){const r=w(e),o=x(e)?e.channel:void 0;if(S(e)&&n?.scope){const e=ie(c,n.scope);return void(e&&e.emitter.emit(r,t,o))}(E(e)?i:g).emit(r,t,o)},consume:(e,t,n)=>S(e)&&n?.scope?r.createElement(ce,{action:w(e),scopeName:n.scope,renderer:t}):r.createElement(Z,{action:w(e),renderer:t}),get inspect(){return b.current.inspect},get nodes(){return C.refs.current},node(e,t){C.refs.current[e]=t,C.pending.current.set(e,t)}}],[p,g]);return R.useAction=(e,t)=>{!function(e,t,n){const o=r.useRef(n);r.useLayoutEffect(()=>{o.current=n});const s=r.useRef(t);r.useLayoutEffect(()=>{s.current=t});const i=r.useCallback(async(e,t)=>{const n=o.current;if("GeneratorFunction"===n.constructor.name||"AsyncGeneratorFunction"===n.constructor.name){const r=n(e,t);for await(const e of r);}else await n(e,t)},[]),c=r.useCallback(()=>x(s.current)?s.current.channel:void 0,[]),a=w(t),u=e.current.handlers.get(a)??/* @__PURE__ */new Set;0===u.size&&e.current.handlers.set(a,u),u.add({getChannel:c,handler:i})}(O,e,t)},R}export{O as Action,re as Boundary,f as Distribution,_ as Error,l as Lifecycle,C as Op,C as Operation,p as Reason,ae as Scope,H as State,ue as With,le as useActions,v as utils};

package/dist/chizu.umd.cjs

@@ -1 +1 @@
-var global,factory;global=this,factory=function(e,t,n,r,o){"use strict";function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){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 s=i(r);class c{static Mount=Symbol("chizu.action.lifecycle/Mount");static Node=Symbol("chizu.action.lifecycle/Node");static Unmount=Symbol("chizu.action.lifecycle/Unmount");static Error=Symbol("chizu.action.lifecycle/Error");static Update=Symbol("chizu.action.lifecycle/Update")}var u=(e=>(e.Unicast="unicast",e.Broadcast="broadcast",e))(u||{}),a=(e=>(e.Mounting="mounting",e.Mounted="mounted",e.Unmounting="unmounting",e.Unmounted="unmounted",e))(a||{});const l=Symbol("payload"),f=Symbol("distributed"),d=Symbol("actionSymbol"),p=Symbol("channel");var h=(e=>(e[e.Timedout=0]="Timedout",e[e.Supplanted=1]="Supplanted",e[e.Disallowed=2]="Disallowed",e[e.Errored=3]="Errored",e[e.Unmounted=4]="Unmounted",e))(h||{});class y extends Error{name="AbortError";constructor(e="Aborted"){super(e)}}const m={actionPrefix:"chizu.action/",distributedActionPrefix:"chizu.action/distributed/",channelPrefix:"chizu.channel/"};function b(e,t){return new Promise((n,r)=>{if(t?.aborted)return void r(new y);const o=setTimeout(n,e);t?.addEventListener("abort",()=>{clearTimeout(o),r(new y)},{once:!0})})}function v(e){return e?Boolean(e&&"symbol"!=typeof e):Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`)}const g=Object.freeze(Object.defineProperty({__proto__:null,config:m,pk:v,sleep:b,"ζ":b,"κ":v},Symbol.toStringTag,{value:"Module"}));function w(e){return t.G.isString(e)||"symbol"==typeof e?e:(t.G.isObject(e)||"function"==typeof e)&&d in e?e[d]:e}function x(e){if(t.G.isString(e))return e.startsWith(m.distributedActionPrefix);if("symbol"==typeof e)return e.description?.startsWith(m.distributedActionPrefix)??!1;if(t.G.isObject(e)||"function"==typeof e){if(f in e&&e[f])return!0;if(d in e){const t=e[d];return t.description?.startsWith(m.distributedActionPrefix)??!1}}return!1}function j(e){const n=w(e),r=t.G.isString(n)?n:n.description??"";return r.startsWith(m.actionPrefix)&&r.slice(r.lastIndexOf("/")+1)||"unknown"}function E(e){return t.G.isObject(e)&&p in e&&"channel"in e}function O(e){if(e instanceof Error){if("TimeoutError"===e.name)return h.Timedout;if("AbortError"===e.name)return h.Supplanted}return h.Errored}function S(e){return e instanceof Error?e:new Error(String(e))}const P=r.createContext(void 0);let A=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&n[e]];return t};var _=(e=>(e[e.Add=1]="Add",e[e.Remove=2]="Remove",e[e.Update=4]="Update",e[e.Move=8]="Move",e[e.Replace=16]="Replace",e[e.Sort=32]="Sort",e))(_||{}),G=(e=>(e[e.Produce=0]="Produce",e[e.Hydrate=1]="Hydrate",e))(G||{}),M=(e=>(e.Property="property",e.Process="process",e.Value="value",e.Operation="operation",e))(M||{});class N{[o.immerable]=!0;static keys=new Set(Object.values(M));property=null;process=null;value;operation;constructor(e,t){this.value=e,this.operation=t}assign(e,t){const n=new N(this.value,this.operation);return n.property=e,n.process=t,n}}class k{static immer=(()=>{o.enablePatches();const e=new o.Immer;return e.setAutoFreeze(!1),e})();static tag="κ";static id=A}function C(e,t){const n="string"==typeof t?""===t?[]:t.split("."):t;let r=e;for(const o of n){if(null==r)return;r=r[o]}return r}function U(e){if(t.G.isNullable(e)||z(e))return e;if(t.G.isArray(e))return e.map(e=>U(e));if(t.G.isObject(e)){const t=Object.entries(e).map(([e,t])=>[e,U(t)]);return{...Object.fromEntries(t),[k.tag]:e[k.tag]??k.id()}}return e}function R(e){if(Array.isArray(e))return e.filter(e=>k.tag in e).map(e=>e[k.tag]??"").join(",");const t=e[k.tag];if(t)return t;try{return JSON.stringify(e)}catch{return`[unserializable:${typeof e}]`}}function z(e){return t.G.isNullable(e)||t.G.isString(e)||t.G.isNumber(e)||t.G.isBoolean(e)||"symbol"==typeof e||"bigint"==typeof e}function T(e,n,r,o,i,s){return function c(u,a=n.path){if(u instanceof N){const n=C(r,a.join("."));if(Object.entries(u).filter(([e,t])=>!N.keys.has(e)&&t instanceof N).forEach(([e,t])=>c(t,a.concat(e))),z(u.value)){if(e===G.Hydrate)return u.value;const c=a.slice(0,-1),l=c.length>0?C(r,c.join(".")):r;return t.G.isNullable(l)||L(l,u,a.at(-1),o,i,s),n??u.value}if(e===G.Hydrate){const e=U(c(u.value,a));return L(e,u,null,o,i,s),e}const l=n??U(u.value);return L(l,u,null,o,i,s),t.G.isNullable(n)?l:(c(u.value,a),n)}if(t.G.isArray(u))return u.map((e,t)=>c(e,a.concat(t)));if(t.G.isObject(u)){const t=Object.entries(u).map(([e,t])=>[e,c(t,a.concat(e))]),n=Object.fromEntries(t);if(e===G.Hydrate){const e=U(n);return Object.entries(u).forEach(([t,n])=>{n instanceof N&&z(n.value)&&L(e,n,t,o,i,s)}),e}return n}return u}(n.value)}function L(e,t,n,r,o,i){const s=i(e),c=o.get(s)??[];o.set(s,[t.assign(n,r),...c])}class B{#e={};#t;#n=new Map;#r=new Set;#o=!1;constructor(e=R){this.#t=e}static pk(){return A()}static"κ"=B.pk;annotate(e,t){return new N(t,e)}"δ"=this.annotate;get model(){return this.#e}get inspect(){return function(e,n,r,o,i){function s(o){const i=o.at(-1),s=C(e(),o),c=o.slice(0,-1),u=t.A.isNotEmpty(c)?C(e(),c):e();return[...t.G.isObject(s)||t.G.isArray(s)?n.get(r(s))?.filter(e=>t.G.isNullable(e.property))??[]:[],...t.G.isObject(u)?n.get(r(u))?.filter(e=>e.property===i)??[]:[]]}return function n(r){return new Proxy(()=>{},{get:(c,u)=>"pending"===u?()=>!t.A.isEmpty(s(r)):"remaining"===u?()=>t.A.length(s(r)):"box"===u?()=>({value:C(e(),r),inspect:n(r)}):"is"===u?e=>s(r).some(t=>0!==(t.operation&e)):"draft"===u?()=>t.A.head(s(r))?.value??C(e(),r):"settled"===u?()=>new Promise(n=>{if(t.A.isEmpty(s(r)))return n(C(e(),r));const c=()=>{t.A.isEmpty(s(r))&&(i(c),n(C(e(),r)))};o(c)}):n([...r,String(u)])})}([])}(()=>this.#e,this.#n,this.#t,e=>this.#r.add(e),e=>this.#r.delete(e))}hydrate(e){return this.#o=!0,this.#i(G.Hydrate,t=>Object.assign(t,e))}produce(e){if(!this.#o)throw new Error("State must be hydrated using hydrate() before calling produce()");return this.#i(G.Produce,e)}#i(e,t){const n=Symbol("process"),[,r]=k.immer.produceWithPatches(this.#e,t);return this.#e=r.reduce((t,r)=>k.immer.applyPatches(t,[{...r,value:T(e,r,t,n,this.#n,this.#t)}]),this.#e),this.#e=U(this.#e),this.#s(),n}prune(e){this.#n.forEach((n,r)=>{const o=n.filter(t=>t.process!==e);t.A.isEmpty(o)?this.#n.delete(r):this.#n.set(r,o)}),this.#s()}#s(){this.#r.forEach(e=>e())}observe(e){const t=()=>e(this.#e);return this.#r.add(t),()=>this.#r.delete(t)}}function D(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var H,W={exports:{}},$=(H||(H=1,function(e){var t=Object.prototype.hasOwnProperty,n="~";function r(){}function o(e,t,n){this.fn=e,this.context=t,this.once=n||!1}function i(e,t,r,i,s){if("function"!=typeof r)throw new TypeError("The listener must be a function");var c=new o(r,i||e,s),u=n?n+t:t;return e._events[u]?e._events[u].fn?e._events[u]=[e._events[u],c]:e._events[u].push(c):(e._events[u]=c,e._eventsCount++),e}function s(e,t){0===--e._eventsCount?e._events=new r:delete e._events[t]}function c(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(n=!1)),c.prototype.eventNames=function(){var e,r,o=[];if(0===this._eventsCount)return o;for(r in e=this._events)t.call(e,r)&&o.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(e)):o},c.prototype.listeners=function(e){var t=this._events[n?n+e:e];if(!t)return[];if(t.fn)return[t.fn];for(var r=0,o=t.length,i=new Array(o);r<o;r++)i[r]=t[r].fn;return i},c.prototype.listenerCount=function(e){var t=this._events[n?n+e:e];return t?t.fn?1:t.length:0},c.prototype.emit=function(e,t,r,o,i,s){var c=n?n+e:e;if(!this._events[c])return!1;var u,a,l=this._events[c],f=arguments.length;if(l.fn){switch(l.once&&this.removeListener(e,l.fn,void 0,!0),f){case 1:return l.fn.call(l.context),!0;case 2:return l.fn.call(l.context,t),!0;case 3:return l.fn.call(l.context,t,r),!0;case 4:return l.fn.call(l.context,t,r,o),!0;case 5:return l.fn.call(l.context,t,r,o,i),!0;case 6:return l.fn.call(l.context,t,r,o,i,s),!0}for(a=1,u=new Array(f-1);a<f;a++)u[a-1]=arguments[a];l.fn.apply(l.context,u)}else{var d,p=l.length;for(a=0;a<p;a++)switch(l[a].once&&this.removeListener(e,l[a].fn,void 0,!0),f){case 1:l[a].fn.call(l[a].context);break;case 2:l[a].fn.call(l[a].context,t);break;case 3:l[a].fn.call(l[a].context,t,r);break;case 4:l[a].fn.call(l[a].context,t,r,o);break;default:if(!u)for(d=1,u=new Array(f-1);d<f;d++)u[d-1]=arguments[d];l[a].fn.apply(l[a].context,u)}}return!0},c.prototype.on=function(e,t,n){return i(this,e,t,n,!1)},c.prototype.once=function(e,t,n){return i(this,e,t,n,!0)},c.prototype.removeListener=function(e,t,r,o){var i=n?n+e:e;if(!this._events[i])return this;if(!t)return s(this,i),this;var c=this._events[i];if(c.fn)c.fn!==t||o&&!c.once||r&&c.context!==r||s(this,i);else{for(var u=0,a=[],l=c.length;u<l;u++)(c[u].fn!==t||o&&!c[u].once||r&&c[u].context!==r)&&a.push(c[u]);a.length?this._events[i]=1===a.length?a[0]:a:s(this,i)}return this},c.prototype.removeAllListeners=function(e){var t;return e?this._events[t=n?n+e:e]&&s(this,t):(this._events=new r,this._eventsCount=0),this},c.prototype.off=c.prototype.removeListener,c.prototype.addListener=c.prototype.on,c.prefixed=n,c.EventEmitter=c,e.exports=c}(W)),W.exports);const q=D($),I=s.createContext(new q);function F(){return s.useContext(I)}function V({children:e}){const t=s.useMemo(()=>new q,[]);return n.jsx(I.Provider,{value:t,children:e})}const J=s.createContext(new Map);function K(){return s.useContext(J)}function Q(){const[,e]=s.useReducer(e=>e+1,0);return e}function X({action:e,renderer:n}){const r=F(),o=K(),i=Q(),c=s.useMemo(()=>{const t=o.get(e);if(t)return t;const n={state:new B,listeners:new Set};return o.set(e,n),n},[e,o]);s.useLayoutEffect(()=>{function t(e){c.state.hydrate({value:e}),c.listeners.forEach(e=>e())}return c.listeners.add(i),r.on(e,t),()=>{c.listeners.delete(i),r.off(e,t)}},[e,r,c]);const u=c.state.model?.value;return t.G.isNullable(u)?null:n({value:u,inspect:c.state.inspect.value})}function Y({children:e}){const t=s.useMemo(()=>new Map,[]);return n.jsx(J.Provider,{value:t,children:e})}const Z=s.createContext(new Set);function ee({children:e}){const t=s.useMemo(()=>new Set,[]);return n.jsx(Z.Provider,{value:t,children:e})}const te=s.useEffectEvent??s.experimental_useEffectEvent;e.Action=(e,t=u.Unicast)=>{const n=t===u.Broadcast?Symbol(`${m.distributedActionPrefix}${e}`):Symbol(`${m.actionPrefix}${e}`),r=function(e){return{[d]:n,[l]:void 0,[p]:e,channel:e}};return Object.defineProperty(r,d,{value:n,enumerable:!1}),Object.defineProperty(r,l,{value:void 0,enumerable:!1}),t===u.Broadcast&&Object.defineProperty(r,f,{value:!0,enumerable:!1}),r},e.Boundary=function({children:e}){return n.jsx(V,{children:n.jsx(Y,{children:n.jsx(ee,{children:e})})})},e.Distribution=u,e.Error=function({handler:e,children:t}){return n.jsx(P.Provider,{value:e,children:t})},e.Lifecycle=c,e.Op=_,e.Operation=_,e.Reason=h,e.State=B,e.With=function(e){return(t,n)=>{t.actions.produce(t=>{t.model[e]=n})}},e.useActions=function(e,n=()=>({})){const o=F(),i=r.useContext(P),u=s.useContext(Z),[l,f]=s.useState(e),d=Q(),p=s.useRef(null),h=s.useRef((()=>{const t=new B;return p.current=t.hydrate(e),t})()),y=function(e){const t=s.useRef(e);return s.useLayoutEffect(()=>{t.current=e},[e]),s.useMemo(()=>{return n=t,Object.keys(e).reduce((e,t)=>(Object.defineProperty(e,t,{get:()=>n.current[t],enumerable:!0}),e),{});var n},[e])}(n()),m=s.useMemo(()=>new q,[]),b=s.useRef({handlers:new Map}),v=s.useRef(new Set),g=s.useRef(a.Mounting),A=s.useCallback((e,t,n)=>{const r=new AbortController,i={controller:r,action:e,payload:t};return u.add(i),{model:l,get phase(){return g.current},task:i,data:y,tasks:u,actions:{produce(e){if(r.signal.aborted)return;const t=h.current.produce(t=>e({model:t,inspect:h.current.inspect}));f(h.current.model),n.processes.add(t),p.current&&(n.processes.add(p.current),p.current=null)},dispatch(e,t){if(r.signal.aborted)return;const n=w(e),i=E(e)?e.channel:void 0;(x(e)?o:m).emit(n,t,i)},annotate:(e,t)=>h.current.annotate(e,t)}}},[l]);s.useLayoutEffect(()=>{function e(e,n,r){return async function(o,s){const a=r();if(t.G.isNotNullable(s)&&t.G.isNotNullable(a)&&!function(e,t){for(const n of Object.keys(e))if(t[n]!==e[n])return!1;return!0}(s,a))return;const l={processes:new Set},f=Promise.withResolvers(),p=A(e,o,l);try{await n(p,o)}catch(y){const t=b.current.handlers.has(c.Error),n={reason:O(y),error:S(y),action:j(e),handled:t};i?.(n),t&&m.emit(c.Error,n)}finally{for(const e of u)if(e===p.task){u.delete(e);break}l.processes.forEach(e=>h.current.prune(e)),d(),f.resolve()}}}b.current.handlers.forEach((t,n)=>{for(const{getChannel:r,handler:i}of t){const t=e(n,i,r);x(n)?(o.on(n,t),m.on(n,t),v.current.add(n)):m.on(n,t)}})},[m]),function({unicast:e,distributedActions:n,phase:r,data:o}){const i=K(),u=s.useRef(null);s.useLayoutEffect(()=>(e.emit(c.Mount),n.forEach(n=>{const r=i.get(n),o=r?.state.model?.value;t.G.isNullable(o)||e.emit(n,o)}),r.current=a.Mounted,()=>{r.current=a.Unmounting,e.emit(c.Unmount),r.current=a.Unmounted}),[]),s.useEffect(()=>{e.emit(c.Node)},[]),s.useLayoutEffect(()=>{if(t.G.isNotNullable(u.current)){const n=function(e,t){return Object.keys(t).reduce((n,r)=>e[r]!==t[r]?{...n,[r]:t[r]}:n,{})}(u.current,o);t.A.isNotEmpty(Object.keys(n))&&e.emit(c.Update,n)}u.current=o},[o,e])}({unicast:m,distributedActions:v.current,phase:g,data:n()});const _=s.useMemo(()=>[l,{dispatch(e,t){const n=w(e),r=E(e)?e.channel:void 0;(x(e)?o:m).emit(n,t,r)},consume:(e,t)=>s.createElement(X,{action:w(e),renderer:t}),get inspect(){return h.current.inspect}}],[l,m]);return _.useAction=(e,t)=>{!function(e,t,n){const r=te(async(e,t)=>{if("GeneratorFunction"===n.constructor.name||"AsyncGeneratorFunction"===n.constructor.name){const r=n(e,t);for await(const e of r);}else await n(e,t)}),o=te(()=>E(t)?t.channel:void 0),i=w(t),s=e.current.handlers.get(i)??new Set;0===s.size&&e.current.handlers.set(i,s),s.add({getChannel:o,handler:r})}(b,e,t)},_},e.utils=g,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})},"object"==typeof exports&&"undefined"!=typeof module?factory(exports,require("@mobily/ts-belt"),require("react/jsx-runtime"),require("react"),require("immer")):"function"==typeof define&&define.amd?define(["exports","@mobily/ts-belt","react/jsx-runtime","react","immer"],factory):factory((global="undefined"!=typeof globalThis?globalThis:global||self).Chizu={},global.TsBelt,global.jsxRuntime,global.React,global.Immer);
+var global,factory;global=this,factory=function(e,t,n,r,o){"use strict";function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){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 s=i(r);class c{static Payload=Symbol("chizu.brand/Payload");static Broadcast=Symbol("chizu.brand/Broadcast");static Multicast=Symbol("chizu.brand/Multicast");static Action=Symbol("chizu.brand/Action");static Channel=Symbol("chizu.brand/Channel");static Node=Symbol("chizu.action.lifecycle/Node")}class a{static Mount=Symbol("chizu.action.lifecycle/Mount");static Unmount=Symbol("chizu.action.lifecycle/Unmount");static Error=Symbol("chizu.action.lifecycle/Error");static Update=Symbol("chizu.action.lifecycle/Update");static Node=(()=>{const e=c.Node,t=function(t){return{[c.Action]:e,[c.Payload]:void 0,[c.Channel]:t,channel:t}};return Object.defineProperty(t,c.Action,{value:e,enumerable:!1}),Object.defineProperty(t,c.Payload,{value:void 0,enumerable:!1}),t})()}var u=(e=>(e.Unicast="unicast",e.Broadcast="broadcast",e.Multicast="multicast",e))(u||{}),l=(e=>(e.Mounting="mounting",e.Mounted="mounted",e.Unmounting="unmounting",e.Unmounted="unmounted",e))(l||{}),f=(e=>(e[e.Timedout=0]="Timedout",e[e.Supplanted=1]="Supplanted",e[e.Disallowed=2]="Disallowed",e[e.Errored=3]="Errored",e[e.Unmounted=4]="Unmounted",e))(f||{});class d extends Error{name="AbortError";constructor(e="Aborted"){super(e)}}const p={actionPrefix:"chizu.action/",broadcastActionPrefix:"chizu.action/broadcast/",multicastActionPrefix:"chizu.action/multicast/",channelPrefix:"chizu.channel/"};function h(e,t){return new Promise((n,r)=>{if(t?.aborted)return void r(new d);const o=setTimeout(n,e);t?.addEventListener("abort",()=>{clearTimeout(o),r(new d)},{once:!0})})}function m(e){return e?Boolean(e&&"symbol"!=typeof e):Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`)}const y=Object.freeze(Object.defineProperty({__proto__:null,config:p,pk:m,sleep:h,"ζ":h,"κ":m},Symbol.toStringTag,{value:"Module"})),b=e=>"symbol"==typeof e;function v(e){return t.G.isString(e)||b(e)?e:(t.G.isObject(e)||t.G.isFunction(e))&&c.Action in e?e[c.Action]:e}function g(e){if(t.G.isString(e))return e.startsWith(p.broadcastActionPrefix);if(b(e))return e.description?.startsWith(p.broadcastActionPrefix)??!1;if(t.G.isObject(e)||t.G.isFunction(e)){if(c.Broadcast in e&&e[c.Broadcast])return!0;if(c.Action in e){const t=e[c.Action];return t.description?.startsWith(p.broadcastActionPrefix)??!1}}return!1}function w(e){const n=v(e),r=t.G.isString(n)?n:n.description??"";return r.startsWith(p.actionPrefix)&&r.slice(r.lastIndexOf("/")+1)||"unknown"}function x(e){return t.G.isObject(e)&&c.Channel in e&&"channel"in e}function j(e){if(t.G.isString(e))return e.startsWith(p.multicastActionPrefix);if(b(e))return e.description?.startsWith(p.multicastActionPrefix)??!1;if(t.G.isObject(e)||t.G.isFunction(e)){if(c.Multicast in e&&e[c.Multicast])return!0;if(c.Action in e){const t=e[c.Action];return t.description?.startsWith(p.multicastActionPrefix)??!1}}return!1}function A(e){if(e instanceof Error){if("TimeoutError"===e.name)return f.Timedout;if("AbortError"===e.name)return f.Supplanted}return f.Errored}function P(e){return e instanceof Error?e:new Error(String(e))}const S=r.createContext(void 0);let O=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&n[e]];return t};var E=(e=>(e[e.Add=1]="Add",e[e.Remove=2]="Remove",e[e.Update=4]="Update",e[e.Move=8]="Move",e[e.Replace=16]="Replace",e[e.Sort=32]="Sort",e))(E||{}),M=(e=>(e[e.Produce=0]="Produce",e[e.Hydrate=1]="Hydrate",e))(M||{}),G=(e=>(e.Property="property",e.Process="process",e.Value="value",e.Operation="operation",e))(G||{});class _{[o.immerable]=!0;static keys=new Set(Object.values(G));property=null;process=null;value;operation;constructor(e,t){this.value=e,this.operation=t}assign(e,t){const n=new _(this.value,this.operation);return n.property=e,n.process=t,n}}class C{static immer=(()=>{o.enablePatches();const e=new o.Immer;return e.setAutoFreeze(!1),e})();static tag="κ";static id=O}function N(e,t){const n="string"==typeof t?""===t?[]:t.split("."):t;let r=e;for(const o of n){if(null==r)return;r=r[o]}return r}function k(e){if(t.G.isNullable(e)||z(e))return e;if(t.G.isArray(e))return e.map(e=>k(e));if(t.G.isObject(e)){const t=Object.entries(e).map(([e,t])=>[e,k(t)]);return{...Object.fromEntries(t),[C.tag]:e[C.tag]??C.id()}}return e}function R(e){if(Array.isArray(e))return e.filter(e=>C.tag in e).map(e=>e[C.tag]??"").join(",");const t=e[C.tag];if(t)return t;try{return JSON.stringify(e)}catch{return`[unserializable:${typeof e}]`}}function z(e){return t.G.isNullable(e)||t.G.isString(e)||t.G.isNumber(e)||t.G.isBoolean(e)||"symbol"==typeof e||"bigint"==typeof e}function U(e,n,r,o,i,s){return function c(a,u=n.path){if(a instanceof _){const n=N(r,u.join("."));if(Object.entries(a).filter(([e,t])=>!_.keys.has(e)&&t instanceof _).forEach(([e,t])=>c(t,u.concat(e))),z(a.value)){if(e===M.Hydrate)return a.value;const c=u.slice(0,-1),l=c.length>0?N(r,c.join(".")):r;return t.G.isNullable(l)||L(l,a,u.at(-1),o,i,s),n??a.value}if(e===M.Hydrate){const e=k(c(a.value,u));return L(e,a,null,o,i,s),e}const l=n??k(a.value);return L(l,a,null,o,i,s),t.G.isNullable(n)?l:(c(a.value,u),n)}if(t.G.isArray(a))return a.map((e,t)=>c(e,u.concat(t)));if(t.G.isObject(a)){const t=Object.entries(a).map(([e,t])=>[e,c(t,u.concat(e))]),n=Object.fromEntries(t);if(e===M.Hydrate){const e=k(n);return Object.entries(a).forEach(([t,n])=>{n instanceof _&&z(n.value)&&L(e,n,t,o,i,s)}),e}return n}return a}(n.value)}function L(e,t,n,r,o,i){const s=i(e),c=o.get(s)??[];o.set(s,[t.assign(n,r),...c])}class T{#e={};#t;#n=new Map;#r=new Set;#o=!1;constructor(e=R){this.#t=e}static pk(){return O()}static"κ"=T.pk;annotate(e,t){return new _(t,e)}"δ"=this.annotate;get model(){return this.#e}get inspect(){return function(e,n,r,o,i){function s(o){const i=o.at(-1),s=N(e(),o),c=o.slice(0,-1),a=t.A.isNotEmpty(c)?N(e(),c):e();return[...t.G.isObject(s)||t.G.isArray(s)?n.get(r(s))?.filter(e=>t.G.isNullable(e.property))??[]:[],...t.G.isObject(a)?n.get(r(a))?.filter(e=>e.property===i)??[]:[]]}return function n(r){return new Proxy(()=>{},{get:(c,a)=>"pending"===a?()=>!t.A.isEmpty(s(r)):"remaining"===a?()=>t.A.length(s(r)):"box"===a?()=>({value:N(e(),r),inspect:n(r)}):"is"===a?e=>s(r).some(t=>0!==(t.operation&e)):"draft"===a?()=>t.A.head(s(r))?.value??N(e(),r):"settled"===a?()=>new Promise(n=>{if(t.A.isEmpty(s(r)))return n(N(e(),r));const c=()=>{t.A.isEmpty(s(r))&&(i(c),n(N(e(),r)))};o(c)}):n([...r,String(a)])})}([])}(()=>this.#e,this.#n,this.#t,e=>this.#r.add(e),e=>this.#r.delete(e))}hydrate(e){return this.#o=!0,this.#i(M.Hydrate,t=>Object.assign(t,e))}produce(e){if(!this.#o)throw new Error("State must be hydrated using hydrate() before calling produce()");return this.#i(M.Produce,e)}#i(e,t){const n=Symbol("process"),[,r]=C.immer.produceWithPatches(this.#e,t);return this.#e=r.reduce((t,r)=>C.immer.applyPatches(t,[{...r,value:U(e,r,t,n,this.#n,this.#t)}]),this.#e),this.#e=k(this.#e),this.#s(),n}prune(e){this.#n.forEach((n,r)=>{const o=n.filter(t=>t.process!==e);t.A.isEmpty(o)?this.#n.delete(r):this.#n.set(r,o)}),this.#s()}#s(){this.#r.forEach(e=>e())}observe(e){const t=()=>e(this.#e);return this.#r.add(t),()=>this.#r.delete(t)}}function B(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var W,$={exports:{}},D=(W||(W=1,function(e){var t=Object.prototype.hasOwnProperty,n="~";function r(){}function o(e,t,n){this.fn=e,this.context=t,this.once=n||!1}function i(e,t,r,i,s){if("function"!=typeof r)throw new TypeError("The listener must be a function");var c=new o(r,i||e,s),a=n?n+t:t;return e._events[a]?e._events[a].fn?e._events[a]=[e._events[a],c]:e._events[a].push(c):(e._events[a]=c,e._eventsCount++),e}function s(e,t){0===--e._eventsCount?e._events=new r:delete e._events[t]}function c(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(n=!1)),c.prototype.eventNames=function(){var e,r,o=[];if(0===this._eventsCount)return o;for(r in e=this._events)t.call(e,r)&&o.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(e)):o},c.prototype.listeners=function(e){var t=this._events[n?n+e:e];if(!t)return[];if(t.fn)return[t.fn];for(var r=0,o=t.length,i=new Array(o);r<o;r++)i[r]=t[r].fn;return i},c.prototype.listenerCount=function(e){var t=this._events[n?n+e:e];return t?t.fn?1:t.length:0},c.prototype.emit=function(e,t,r,o,i,s){var c=n?n+e:e;if(!this._events[c])return!1;var a,u,l=this._events[c],f=arguments.length;if(l.fn){switch(l.once&&this.removeListener(e,l.fn,void 0,!0),f){case 1:return l.fn.call(l.context),!0;case 2:return l.fn.call(l.context,t),!0;case 3:return l.fn.call(l.context,t,r),!0;case 4:return l.fn.call(l.context,t,r,o),!0;case 5:return l.fn.call(l.context,t,r,o,i),!0;case 6:return l.fn.call(l.context,t,r,o,i,s),!0}for(u=1,a=new Array(f-1);u<f;u++)a[u-1]=arguments[u];l.fn.apply(l.context,a)}else{var d,p=l.length;for(u=0;u<p;u++)switch(l[u].once&&this.removeListener(e,l[u].fn,void 0,!0),f){case 1:l[u].fn.call(l[u].context);break;case 2:l[u].fn.call(l[u].context,t);break;case 3:l[u].fn.call(l[u].context,t,r);break;case 4:l[u].fn.call(l[u].context,t,r,o);break;default:if(!a)for(d=1,a=new Array(f-1);d<f;d++)a[d-1]=arguments[d];l[u].fn.apply(l[u].context,a)}}return!0},c.prototype.on=function(e,t,n){return i(this,e,t,n,!1)},c.prototype.once=function(e,t,n){return i(this,e,t,n,!0)},c.prototype.removeListener=function(e,t,r,o){var i=n?n+e:e;if(!this._events[i])return this;if(!t)return s(this,i),this;var c=this._events[i];if(c.fn)c.fn!==t||o&&!c.once||r&&c.context!==r||s(this,i);else{for(var a=0,u=[],l=c.length;a<l;a++)(c[a].fn!==t||o&&!c[a].once||r&&c[a].context!==r)&&u.push(c[a]);u.length?this._events[i]=1===u.length?u[0]:u:s(this,i)}return this},c.prototype.removeAllListeners=function(e){var t;return e?this._events[t=n?n+e:e]&&s(this,t):(this._events=new r,this._eventsCount=0),this},c.prototype.off=c.prototype.removeListener,c.prototype.addListener=c.prototype.on,c.prefixed=n,c.EventEmitter=c,e.exports=c}($)),$.exports);const F=B(D),H=s.createContext(new F);function q(){return s.useContext(H)}function I({children:e}){const t=s.useMemo(()=>new F,[]);return n.jsx(H.Provider,{value:t,children:e})}const V=s.createContext(new Map);function J(){return s.useContext(V)}function K(){const[,e]=s.useReducer(e=>e+1,0);return e}function Q({action:e,renderer:n}){const r=q(),o=J(),i=K(),c=s.useMemo(()=>{const t=o.get(e);if(t)return t;const n={state:new T,listeners:new Set};return o.set(e,n),n},[e,o]);s.useLayoutEffect(()=>{function t(e){c.state.hydrate({value:e}),c.listeners.forEach(e=>e())}return c.listeners.add(i),r.on(e,t),()=>{c.listeners.delete(i),r.off(e,t)}},[e,r,c]);const a=c.state.model?.value;return t.G.isNullable(a)?null:n({value:a,inspect:c.state.inspect.value})}function X({children:e}){const t=s.useMemo(()=>new Map,[]);return n.jsx(V.Provider,{value:t,children:e})}const Y=s.createContext(new Set);function Z({children:e}){const t=s.useMemo(()=>new Set,[]);return n.jsx(Y.Provider,{value:t,children:e})}const ee=s.createContext(null);function te(){return s.useContext(ee)}function ne(e,t){return e?.get(t)??null}function re({action:e,scopeName:n,renderer:r}){const o=te(),i=K(),c=s.useMemo(()=>ne(o,n),[o,n]),a=s.useMemo(()=>c?function(e,t){const n=e.store.get(t);if(n)return n;const r={state:new T,listeners:new Set};return e.store.set(t,r),r}(c,e):null,[e,c]);if(s.useLayoutEffect(()=>{if(c&&a)return a.listeners.add(i),c.emitter.on(e,t),()=>{a.listeners.delete(i),c.emitter.off(e,t)};function t(e){a&&(a.state.hydrate({value:e}),a.listeners.forEach(e=>e()))}},[e,c,a,i]),!a)return null;const u=a.state.model?.value;return t.G.isNullable(u)?null:r({value:u,inspect:a.state.inspect.value})}e.Action=(e,t=u.Unicast)=>{const n=t===u.Broadcast?Symbol(`${p.broadcastActionPrefix}${e}`):t===u.Multicast?Symbol(`${p.multicastActionPrefix}${e}`):Symbol(`${p.actionPrefix}${e}`),r=function(e){return{[c.Action]:n,[c.Payload]:void 0,[c.Channel]:e,channel:e}};return Object.defineProperty(r,c.Action,{value:n,enumerable:!1}),Object.defineProperty(r,c.Payload,{value:void 0,enumerable:!1}),t===u.Broadcast&&Object.defineProperty(r,c.Broadcast,{value:!0,enumerable:!1}),t===u.Multicast&&Object.defineProperty(r,c.Multicast,{value:!0,enumerable:!1}),r},e.Boundary=function({children:e}){return n.jsx(I,{children:n.jsx(X,{children:n.jsx(Z,{children:e})})})},e.Distribution=u,e.Error=function({handler:e,children:t}){return n.jsx(S.Provider,{value:e,children:t})},e.Lifecycle=a,e.Op=E,e.Operation=E,e.Reason=f,e.Scope=function({name:e,children:t}){const r=te(),o=s.useMemo(()=>({name:e,emitter:new F,store:new Map,listeners:new Map}),[]),i=s.useMemo(()=>{const t=new Map(r??[]);return t.set(e,o),t},[r,e,o]);return n.jsx(ee.Provider,{value:i,children:t})},e.State=T,e.With=function(e){return(t,n)=>{t.actions.produce(t=>{t.model[e]=n})}},e.useActions=function(e,n=()=>({})){const o=q(),i=te(),u=r.useContext(S),f=s.useContext(Y),[d,p]=s.useState(e),h=K(),m=s.useRef(null),y=s.useRef((()=>{const t=new T;return m.current=t.hydrate(e),t})()),b=function(e){const t=s.useRef(e);return s.useLayoutEffect(()=>{t.current=e},[e]),s.useMemo(()=>{return n=t,Object.keys(e).reduce((e,t)=>(Object.defineProperty(e,t,{get:()=>n.current[t],enumerable:!0}),e),{});var n},[e])}(n()),O=s.useMemo(()=>new F,[]),E=s.useRef({handlers:new Map}),M=function(){const e=s.useRef(new Set),t=s.useRef(new Set);return s.useMemo(()=>({broadcast:e.current,multicast:t.current}),[])}(),G=s.useRef(l.Mounting),_=function(){const e=s.useRef({}),t=s.useRef(new Map),n=s.useRef(new Map);return s.useMemo(()=>({refs:e,pending:t,emitted:n}),[])}(),C=s.useCallback((e,t,n)=>{const r=new AbortController,s={controller:r,action:e,payload:t};return f.add(s),{model:d,get phase(){return G.current},task:s,data:b,tasks:f,nodes:_.refs.current,actions:{produce(e){if(r.signal.aborted)return;const t=y.current.produce(t=>e({model:t,inspect:y.current.inspect}));p(y.current.model),n.processes.add(t),m.current&&(n.processes.add(m.current),m.current=null)},dispatch(e,t,n){if(r.signal.aborted)return;const s=v(e),c=x(e)?e.channel:void 0;if(j(e)&&n?.scope){const e=ne(i,n.scope);return void(e&&e.emitter.emit(s,t,c))}(g(e)?o:O).emit(s,t,c)},annotate:(e,t)=>y.current.annotate(e,t)}}},[d]);s.useLayoutEffect(()=>{function e(e,n,r){return async function(o,i){const s=r();if(t.G.isNotNullable(i)&&t.G.isNotNullable(s)&&!function(e,t){for(const n of Object.keys(e))if(t[n]!==e[n])return!1;return!0}(i,s))return;const c={processes:new Set},l=Promise.withResolvers(),d=C(e,o,c);try{await n(d,o)}catch(p){const t=E.current.handlers.has(a.Error),n={reason:A(p),error:P(p),action:w(e),handled:t,tasks:f};u?.(n),t&&O.emit(a.Error,n)}finally{for(const e of f)if(e===d.task){f.delete(e);break}c.processes.forEach(e=>y.current.prune(e)),c.processes.size>0&&h(),l.resolve()}}}const n=new Set;return E.current.handlers.forEach((t,r)=>{for(const{getChannel:s,handler:c}of t){const t=e(r,c,s);if(j(r)){if(i)for(const e of i.values()){const o=e.emitter;o.on(r,t),n.add(()=>o.off(r,t))}O.on(r,t),M.multicast.add(r),n.add(()=>O.off(r,t))}else g(r)?(o.on(r,t),O.on(r,t),M.broadcast.add(r),n.add(()=>{o.off(r,t),O.off(r,t)})):(O.on(r,t),n.add(()=>O.off(r,t)))}}),()=>{G.current=l.Unmounting,O.emit(a.Unmount),G.current=l.Unmounted;for(const e of n)e()}},[O]),s.useLayoutEffect(()=>{for(const[e,t]of _.pending.current)_.emitted.current.get(e)!==t&&(_.emitted.current.set(e,t),O.emit(c.Node,t,{Name:e}));_.pending.current.clear()}),function({unicast:e,broadcastActions:n,phase:r,data:o}){const i=J(),c=s.useRef(null);s.useLayoutEffect(()=>{e.emit(a.Mount),n.forEach(n=>{const r=i.get(n),o=r?.state.model?.value;t.G.isNullable(o)||e.emit(n,o)}),r.current=l.Mounted},[]),s.useLayoutEffect(()=>{if(t.G.isNotNullable(c.current)){const n=function(e,t){return Object.keys(t).reduce((n,r)=>e[r]!==t[r]?{...n,[r]:t[r]}:n,{})}(c.current,o);t.A.isNotEmpty(Object.keys(n))&&e.emit(a.Update,n)}c.current=o},[o,e])}({unicast:O,broadcastActions:M.broadcast,phase:G,data:n()});const N=s.useMemo(()=>[d,{dispatch(e,t,n){const r=v(e),s=x(e)?e.channel:void 0;if(j(e)&&n?.scope){const e=ne(i,n.scope);return void(e&&e.emitter.emit(r,t,s))}(g(e)?o:O).emit(r,t,s)},consume:(e,t,n)=>j(e)&&n?.scope?s.createElement(re,{action:v(e),scopeName:n.scope,renderer:t}):s.createElement(Q,{action:v(e),renderer:t}),get inspect(){return y.current.inspect},get nodes(){return _.refs.current},node(e,t){_.refs.current[e]=t,_.pending.current.set(e,t)}}],[d,O]);return N.useAction=(e,t)=>{!function(e,t,n){const r=s.useRef(n);s.useLayoutEffect(()=>{r.current=n});const o=s.useRef(t);s.useLayoutEffect(()=>{o.current=t});const i=s.useCallback(async(e,t)=>{const n=r.current;if("GeneratorFunction"===n.constructor.name||"AsyncGeneratorFunction"===n.constructor.name){const r=n(e,t);for await(const e of r);}else await n(e,t)},[]),c=s.useCallback(()=>x(o.current)?o.current.channel:void 0,[]),a=v(t),u=e.current.handlers.get(a)??new Set;0===u.size&&e.current.handlers.set(a,u),u.add({getChannel:c,handler:i})}(E,e,t)},N},e.utils=y,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})},"object"==typeof exports&&"undefined"!=typeof module?factory(exports,require("@mobily/ts-belt"),require("react/jsx-runtime"),require("react"),require("immer")):"function"==typeof define&&define.amd?define(["exports","@mobily/ts-belt","react/jsx-runtime","react","immer"],factory):factory((global="undefined"!=typeof globalThis?globalThis:global||self).Chizu={},global.TsBelt,global.jsxRuntime,global.React,global.Immer);

package/dist/error/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { Task } from '../boundary/components/tasks/types.ts';
 /**
  * Reasons why an action error occurred.
  */
@@ -54,6 +55,27 @@ export type Fault<E extends Error = never> = {
     action: string;
     /** Whether the component has a `Lifecycle.Error` handler registered. */
     handled: boolean;
+    /**
+     * All currently running tasks across the application.
+     * Use this to programmatically abort in-flight actions during error recovery
+     * (e.g., on 403/500 responses to prevent cascading failures).
+     *
+     * @example
+     * ```tsx
+     * <Error handler={({ reason, tasks }) => {
+     *   if (reason === Reason.Errored) {
+     *     // Abort all in-flight tasks to prevent cascading errors
+     *     for (const task of tasks) {
+     *       task.controller.abort();
+     *     }
+     *     // Trigger re-authentication flow
+     *   }
+     * }}>
+     *   {children}
+     * </Error>
+     * ```
+     */
+    tasks: ReadonlySet<Task>;
 };
 /**
  * Catcher function called when an action error occurs.