chizu 0.2.21 → 0.2.22

package/README.md

@@ -9,7 +9,7 @@ Strongly typed React framework using generators and efficiently updated views al
 1. [Benefits](#benefits)
 1. [Getting started](#getting-started)
 1. [Handling errors](#handling-errors)
-1. [Distributed events](#distributed-events)
+1. [Distributed actions](#distributed-actions)
 1. [Module context](#module-context)
 
 ## Benefits
@@ -32,7 +32,7 @@ Actions are responsible for mutating the state of the view. In the below example
 ```tsx
 export default <Actions<Module>>function Actions(module) {
   return {
-    [Events.Name](name) {
+    [Action.Name](name) {
       return module.actions.produce((draft) => {
         draft.name = name;
       });
@@ -44,13 +44,13 @@ export default <Actions<Module>>function Actions(module) {
 ```tsx
 export default function Profile(props: Props): React.ReactElement {
   return (
-    <Tree<Module> using={{ model, actions, props }}>
+    <Scope<Module> using={{ model, actions, props }}>
       {(module) => (
         <>
           <p>Hey {module.model.name}</p>
 
           <button
-            onClick={() => module.actions.dispatch([Events.Name, randomName()])}
+            onClick={() => module.actions.dispatch([Action.Name, randomName()])}
           >
             Switch profile
           </button>
@@ -66,7 +66,7 @@ You can perform asynchronous operations in the action which will cause the assoc
 ```tsx
 export default <Actions<Module>>function Actions(module) {
   return {
-    async *[Events.Name]() {
+    async *[Action.Name]() {
       yield module.actions.produce((draft) => {
         draft.name = null;
       });
@@ -84,12 +84,12 @@ export default <Actions<Module>>function Actions(module) {
 ```tsx
 export default function Profile(props: Props): React.ReactElement {
   return (
-    <Tree<Module> using={{ model, actions, props }}>
+    <Scope<Module> using={{ model, actions, props }}>
       {(module) => (
         <>
           <p>Hey {module.model.name}</p>
 
-          <button onClick={() => module.actions.dispatch([Events.Name])}>
+          <button onClick={() => module.actions.dispatch([Action.Name])}>
             Switch profile
           </button>
         </>
@@ -104,7 +104,7 @@ However in the above example where the name is fetched asynchronously, there is
 ```tsx
 export default <Actions<Module>>function Actions(module) {
   return {
-    async *[Events.Name]() {
+    async *[Action.Name]() {
       yield module.actions.produce((draft) => {
         draft.name = module.actions.annotate(null);
       });
@@ -121,7 +121,7 @@ export default <Actions<Module>>function Actions(module) {
 ```tsx
 export default function ProfileView(props: Props): React.ReactElement {
   return (
-    <Tree<Module> using={{ module, actions, props }}>
+    <Scope<Module> using={{ module, actions, props }}>
       {(module) => (
         <>
           <p>Hey {module.model.name}</p>
@@ -130,7 +130,7 @@ export default function ProfileView(props: Props): React.ReactElement {
 
           <button
             disabled={module.validate.name.is(State.Op.Update)}
-            onClick={() => module.actions.dispatch([Events.Name])}
+            onClick={() => module.actions.dispatch([Action.Name])}
           >
             Switch profile
           </button>
@@ -148,7 +148,7 @@ Most errors are likely to occur in the actions because the views should be free
 ```tsx
 export default <Actions<Module>>function Actions(module) {
   return {
-    *[Events.Name]() {
+    *[Action.Name]() {
       yield module.actions.produce((draft) => {
         draft.name = null;
       });
@@ -165,12 +165,12 @@ export default <Actions<Module>>function Actions(module) {
 
 However in eventualities where an error has not been caught in an action then the `Lifecycle.Error` is the next best thing &ndash; use it to display a toast message and log it your chosen error log service.
 
-Additionally when rendering an error may be thrown which prevents the DOM from updating as you'd expect &ndash; perhaps a side effect has delivered an unexpected data structure. In those cases again `Lifecycle.Error` is your friend. When such an error is thrown the component channel will be switched to `Channel.Error` which you detect using `module.channel.is(Channel.Error)` and switch to an alternative markup that _should_ render, within that you could display a button to attempt recovery &ndash; simply call an action again and update the meta to switch the channel back to `Channel.Default`:
+Additionally when rendering an error may be thrown which prevents the DOM from updating as you'd expect &ndash; perhaps a side effect has delivered an unexpected data structure. In those cases again `Lifecycle.Error` is your friend. When such an error is thrown the component boundary will be switched to `Boundary.Error` which you detect using `module.boundary.is(Boundary.Error)` and switch to an alternative markup that _should_ render, within that you could display a button to attempt recovery &ndash; simply call an action again and update the meta to switch the boundary back to `Boundary.Default`:
 
 ```tsx
 export default <Actions<Module>>function Actions(module) {
   return {
-    *[Events.Recover]() {
+    *[Action.Recover]() {
       yield module.actions.produce((draft) => {
         draft.name = null;
       });
@@ -178,7 +178,7 @@ export default <Actions<Module>>function Actions(module) {
       const name = await fetch(/* ... */);
 
       return module.actions.produce((draft, meta) => {
-        meta.channel = Channel.Default;
+        meta.boundary = Boundary.Default;
         draft.name = name;
       });
     },
@@ -186,34 +186,42 @@ export default <Actions<Module>>function Actions(module) {
 };
 ```
 
-If the component again throws an error after attempting recovery, it will simply switch back to the `Channel.Error` again.
+If the component again throws an error after attempting recovery, it will simply switch back to the `Boundary.Error` again.
 
-## Distributed events
+## Distributed actions
 
 Actions can communicate with other mounted actions using the `DistributedActions` approach. You can configure the enum and union type in the root of your application:
 
 ```ts
-export enum DistributedEvents {
+export enum DistributedAction {
   SignedOut = "distributed/signed-out",
 }
 
-export type DistributedActions = [DistributedEvents.SignedOut];
+export type DistributedActions = [DistributedAction.SignedOut];
 ```
 
-Note that you must prefix the enum name with `distributed` for it to behave as a distributed event, otherwise it'll be considered a module event only. Once you have the distributed events you simply need to augment the module actions union with the `DistributedActions` and use it as you do other actions:
+Note that you must prefix the enum name with `distributed` for it to behave as a distributed event, otherwise it'll be considered a module event only. Once you have the distributed actions you simply need to augment the module actions union with the `DistributedActions` and use it as you do other actions:
 
 ```ts
-export type Actions = DistributedActions | [Events.Task, string]; // etc...
+export type Actions = DistributedActions | [Action.Task, string]; // etc...
 ```
 
 ## Module context
 
-In the eventuality that you have a component but don't want associated actions, models, etc&hellip; but want to still fire events either the closest module or a distributed event, you can use the `useModule` hook:
+In the eventuality that you have a component but don't want associated actions, models, etc&hellip; but want to still fire actions either the closest module or a distributed action, you can use the `useScoped` hook:
 
 ```ts
-const module = useModule<Module>();
+const module = useScoped<Module>();
 
 // ...
 
-module.actions.dispatch([Event.Task, "My task that needs to be done."]);
+module.actions.dispatch([Action.Task, "My task that needs to be done."]);
+```
+
+Alternatively you can pass the current module as a prop to your components using the `Scoped` helper:
+
+```ts
+export type Props = {
+  module: Scoped<Module>;
+};
 ```

package/dist/broadcast/index.d.ts

@@ -1,4 +1,12 @@
 import { BroadcastContext, Props } from './types.ts';
 import * as React from "react";
 export declare function useBroadcast(): BroadcastContext;
-export declare function BroadcastProvider({ children }: Props): React.ReactNode;
+/**
+ * Note: only needed if you want to create a new broadcast context, useful for
+ * libraries that want to provide their own broadcast context without intefering
+ * with the app's broadcast context.
+ *
+ * @param param0 - { children }: Props
+ * @returns {React.ReactNode}
+ */
+export declare function Broadcaster({ children }: Props): React.ReactNode;

package/dist/broadcast/utils.d.ts

@@ -1,5 +1,5 @@
 /**
- * Check if the name is a broadcast event.
+ * Check if the name is a broadcast action.
  *
  * @param name {string}
  * @returns {boolean}

package/dist/chizu.js

@@ -1,16 +1,16 @@
 var J = Object.defineProperty;
-var C = (t) => {
+var U = (t) => {
   throw TypeError(t);
 };
 var Q = (t, e, n) => e in t ? J(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var g = (t, e, n) => Q(t, typeof e != "symbol" ? e + "" : e, n), O = (t, e, n) => e.has(t) || C("Cannot " + n);
-var b = (t, e, n) => (O(t, e, "read from private field"), n ? n.call(t) : e.get(t)), x = (t, e, n) => e.has(t) ? C("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), R = (t, e, n, r) => (O(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
-import { jsx as k } from "react/jsx-runtime";
+var b = (t, e, n) => Q(t, typeof e != "symbol" ? e + "" : e, n), _ = (t, e, n) => e.has(t) || U("Cannot " + n);
+var g = (t, e, n) => (_(t, e, "read from private field"), n ? n.call(t) : e.get(t)), S = (t, e, n) => e.has(t) ? U("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), x = (t, e, n, r) => (_(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
+import { jsx as M } from "react/jsx-runtime";
 import * as i from "react";
-import U from "eventemitter3";
+import k from "eventemitter3";
 import { Immer as W, enablePatches as G } from "immer";
 import p from "lodash/get";
-import M from "traverse";
+import P from "traverse";
 class $ {
   constructor(e) {
     this.value = e;
@@ -21,14 +21,14 @@ class K {
     return new $(e);
   }
 }
-g(K, "Op", {
+b(K, "Op", {
   Add: 1,
   Remove: 2,
   Update: 4,
   Move: 8,
   Replace: 16
 });
-var f = /* @__PURE__ */ ((t) => (t.Mount = "lifecycle/mount", t.Node = "lifecycle/node", t.Derive = "lifecycle/derive", t.Error = "lifecycle/error", t.Unmount = "lifecycle/unmount", t))(f || {}), j = /* @__PURE__ */ ((t) => (t[t.Default = 0] = "Default", t[t.Error = 1] = "Error", t))(j || {});
+var h = /* @__PURE__ */ ((t) => (t.Mount = "lifecycle/mount", t.Node = "lifecycle/node", t.Derive = "lifecycle/derive", t.Error = "lifecycle/error", t.Unmount = "lifecycle/unmount", t))(h || {}), j = /* @__PURE__ */ ((t) => (t[t.Default = 0] = "Default", t[t.Error = 1] = "Error", t))(j || {});
 function V(t) {
   return new Promise((e) => setTimeout(e, t));
 }
@@ -38,26 +38,26 @@ function X(t) {
 function m(t) {
   return JSON.stringify(t);
 }
-const y = Symbol("meta"), wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const w = Symbol("meta"), yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   hash: m,
-  meta: y,
+  meta: w,
   pk: X,
   sleep: V
 }, Symbol.toStringTag, { value: "Module" }));
 function l(t, e) {
   const n = i.useRef(null), r = i.useRef(null);
   return i.useMemo(() => {
-    const o = m(e);
-    if (r.current !== o) {
-      r.current = o;
-      const s = t();
-      return n.current = s, s;
+    const s = m(e);
+    if (r.current !== s) {
+      r.current = s;
+      const o = t();
+      return n.current = o, o;
     }
     return n.current;
   }, e);
 }
-function _(t, e) {
+function A(t, e) {
   const n = i.useRef(null);
   i.useEffect(() => {
     const r = m(e);
@@ -65,20 +65,20 @@ function _(t, e) {
       return n.current = r, t();
   }, e);
 }
-const H = i.createContext({
-  appEmitter: new U()
+const B = i.createContext({
+  appEmitter: new k()
 });
-function T() {
-  return i.useContext(H);
+function H() {
+  return i.useContext(B);
 }
-function yt({ children: t }) {
+function wt({ children: t }) {
   const e = l(
     () => ({
-      appEmitter: new U()
+      appEmitter: new k()
     }),
     []
   );
-  return /* @__PURE__ */ k(H.Provider, { value: e, children: t });
+  return /* @__PURE__ */ M(B.Provider, { value: e, children: t });
 }
 const a = {
   immer: new W(),
@@ -86,9 +86,9 @@ const a = {
 };
 G();
 a.immer.setAutoFreeze(!1);
-class P {
+class C {
   constructor(e, n, r = null) {
-    g(this, "process");
+    b(this, "process");
     this.value = e, this.operations = n, this.field = r, this.process = null;
   }
   attach(e) {
@@ -96,89 +96,89 @@ class P {
   }
 }
 function Y(t, e = []) {
-  return new P(t, e);
+  return new C(t, e);
 }
-class A {
+class O {
   constructor(e, n = e) {
     this.stateless = e, this.stateful = n;
   }
   get validatable() {
-    return z(this.stateful);
+    return T(this.stateful);
   }
 }
-function z(t, e = []) {
+function T(t, e = []) {
   return new Proxy(t, {
     get(n, r) {
       switch (r) {
         case "is":
-          return (o) => {
-            const s = S(t, e);
-            if (!s) return !1;
+          return (s) => {
+            const o = R(t, e);
+            if (!o) return !1;
             const c = new Set(
-              s.flatMap((d) => d.operations)
+              o.flatMap((d) => d.operations)
             );
             return !!(Array.from(c).reduce(
-              (d, h) => d | (h ?? 0),
+              (d, f) => d | (f ?? 0),
               0
-            ) & o);
+            ) & s);
           };
         case "pending":
-          return () => !!S(t, e);
+          return () => !!R(t, e);
         case "draft":
           return () => {
-            const o = S(t, e);
-            if (!o) return p(t, e);
-            const s = o.flatMap((c) => c.operations).find((c) => c instanceof $);
-            return s ? s.value : p(t, e);
+            const s = R(t, e);
+            if (!s) return p(t, e);
+            const o = s.flatMap((c) => c.operations).find((c) => c instanceof $);
+            return o ? o.value : p(t, e);
           };
       }
-      return z(t, [...e, String(r)]);
+      return T(t, [...e, String(r)]);
     }
   });
 }
-function S(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[a.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[a.annotations]) ?? [];
+  return o.length > 0 ? o : null;
 }
-function q(t, e, n) {
+function z(t, e, n) {
   function r(c) {
-    return M(c).forEach(function() {
+    return P(c).forEach(function() {
       if (this.key === a.annotations) {
         this.block();
         return;
       }
-      this.node instanceof P && this.update(this.node.value);
+      this.node instanceof C && this.update(this.node.value);
     });
   }
-  function o(c) {
-    return M(c).forEach(function() {
+  function s(c) {
+    return P(c).forEach(function() {
       if (this.key === a.annotations) {
         this.block();
         return;
       }
-      if (this.node instanceof P) {
+      if (this.node instanceof C) {
         const u = typeof this.node.value == "object", d = [
           ...u ? this.path : this.path.slice(0, -1),
           a.annotations
-        ], h = p(t.stateful, d) ?? [], w = this.node.attach(e);
+        ], f = p(t.stateful, d) ?? [], y = this.node.attach(e);
         u ? this.update(
           {
             ...this.node.value,
-            [a.annotations]: [w, ...h]
+            [a.annotations]: [y, ...f]
           },
           !0
-        ) : (this.parent && (this.parent.node[a.annotations] = [w, ...h]), this.update(this.node.value, !0));
+        ) : (this.parent && (this.parent.node[a.annotations] = [y, ...f]), this.update(this.node.value, !0));
       }
     });
   }
-  const s = (c) => n(c, c[y]);
-  return new A(
-    r(a.immer.produce(t.stateless, s)),
-    o(a.immer.produce(t.stateful, s))
+  const o = (c) => n(c, c[w]);
+  return new O(
+    r(a.immer.produce(t.stateless, o)),
+    s(a.immer.produce(t.stateful, o))
   );
 }
 function D(t, e) {
-  const n = M(t.stateful).forEach(function() {
+  const n = P(t.stateful).forEach(function() {
     if (this.key === a.annotations) {
       this.block();
       return;
@@ -189,14 +189,14 @@ function D(t, e) {
         {
           ...this.node,
           [a.annotations]: r.filter(
-            (o) => o.process !== e
+            (s) => s.process !== e
           )
         },
         !0
       );
     }
   });
-  return new A(t.stateless, n);
+  return new O(t.stateless, n);
 }
 function Z(t) {
   return l(
@@ -211,7 +211,7 @@ function Z(t) {
             return Y(e, n);
           },
           produce(e) {
-            return (n, r) => q(n, r, e);
+            return (n, r) => z(n, r, e);
           },
           dispatch([e, ...n]) {
             if (e == null) return Promise.reject();
@@ -227,9 +227,9 @@ function Z(t) {
         get validate() {
           return t.model.current.validatable;
         },
-        channel: {
+        boundary: {
           is(e) {
-            return t.model.current.stateless[y].channel === e;
+            return t.model.current.stateless[w].boundary === e;
           }
         },
         actions: {
@@ -247,34 +247,31 @@ function Z(t) {
 function L(t) {
   return l(() => {
     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 N(t) {
   return t.startsWith("distributed");
 }
-function gt(t) {
-  return t instanceof B;
-}
 function bt(t) {
-  return t instanceof B;
+  return t instanceof I;
 }
-function I(t) {
-  return t instanceof B || t instanceof Error ? t : new Error("Unknown error", { cause: t });
+function q(t) {
+  return t instanceof I || t instanceof Error ? t : new Error("Unknown error", { cause: t });
 }
 var v, E;
-class B extends Error {
+class I extends Error {
   constructor(n, r = null) {
     super(String(r));
-    x(this, v);
-    x(this, E);
-    R(this, v, n), R(this, E, r);
+    S(this, v);
+    S(this, E);
+    x(this, v, n), x(this, E, r);
   }
   get type() {
-    return b(this, v);
+    return g(this, v);
   }
   get message() {
-    return b(this, E) || "";
+    return g(this, E) || "";
   }
 }
 v = new WeakMap(), E = new WeakMap();
@@ -284,41 +281,41 @@ function tt({
   return t();
 }
 function et(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"), c = n(...o);
+    const o = Symbol("process"), c = n(...s);
     try {
       if (c == null) return;
       if (typeof c == "function") {
-        const u = c(t.model.current, s);
-        t.model.current = D(u, s), t.update.rerender(), r.resolve();
+        const u = c(t.model.current, o);
+        t.model.current = D(u, o), t.update.rerender(), r.resolve();
         return;
       }
       for (; ; ) {
         const { value: u, done: d } = await c.next();
         if (d) {
-          const w = u(t.model.current, s);
-          t.model.current = D(w, s), t.update.rerender();
+          const y = u(t.model.current, o);
+          t.model.current = D(y, o), t.update.rerender();
           break;
         }
-        const h = u;
-        t.model.current = h(t.model.current, s), t.update.rerender(), r.resolve();
+        const f = u;
+        t.model.current = f(t.model.current, o), t.update.rerender(), r.resolve();
       }
     } catch (u) {
-      D(t.model.current, s), t.update.rerender(), t.unicast.emit(f.Error, r, [I(u)]);
+      D(t.model.current, o), t.update.rerender(), t.unicast.emit(h.Error, r, [q(u)]);
     }
   };
 }
 function nt(t) {
-  const e = T(), n = l(() => new U(), []), r = et({ ...t, unicast: n });
+  const e = H(), n = l(() => new k(), []), r = et({ ...t, unicast: n });
   return l(() => ({
-    attach(o, s) {
-      const c = String(o);
-      N(c) ? e.appEmitter.on(c, r(o, s)) : n.on(c, r(o, s));
+    attach(s, o) {
+      const c = String(s);
+      N(c) ? e.appEmitter.on(c, r(s, o)) : n.on(c, r(s, o));
     },
-    dispatch(o, s, c) {
-      const u = String(o);
-      N(u) ? e.appEmitter.emit(u, c, s) : n.emit(u, c, s);
+    dispatch(s, o, c) {
+      const u = String(s);
+      N(u) ? e.appEmitter.emit(u, c, o) : n.emit(u, c, o);
     }
   }), []);
 }
@@ -326,16 +323,16 @@ function rt() {
   const t = i.useRef(null);
   return l(() => ({ customElement: t }), []);
 }
-function st(t) {
-  _(() => {
-    t.dispatchers.dispatch(f.Derive, []);
-  }, [t.options.using.props]), _(() => (t.dispatchers.dispatch(f.Mount, []), t.dispatchers.dispatch(f.Node, [
+function ot(t) {
+  A(() => {
+    t.dispatchers.dispatch(h.Derive, []);
+  }, [t.options.using.props]), A(() => (t.dispatchers.dispatch(h.Mount, []), t.dispatchers.dispatch(h.Node, [
     t.elements.customElement.current
-  ]), () => t.dispatchers.dispatch(f.Unmount, [])), []);
+  ]), () => t.dispatchers.dispatch(h.Unmount, [])), []);
 }
-function ot(t) {
-  const e = l(() => ({ ...t.options.using.model ?? {}, [y]: { channel: j.Default } }), []);
-  return i.useRef(new A(e, e));
+function st(t) {
+  const e = l(() => ({ ...t.options.using.model ?? {}, [w]: { boundary: j.Default } }), []);
+  return i.useRef(new O(e, e));
 }
 function ct() {
   return i.useRef(/* @__PURE__ */ new Set());
@@ -349,9 +346,10 @@ const it = {
 }, F = i.createContext(
   null
 );
-function xt() {
+function gt() {
   const t = i.useContext(F);
-  if (!t) throw new Error("useModule must be used within a module.");
+  if (!t)
+    throw new Error("useScoped is not being used within a scoped module.");
   return t;
 }
 class at extends i.Component {
@@ -359,27 +357,27 @@ class at extends i.Component {
     super(e), this.state = { error: null };
   }
   componentDidCatch(e) {
-    const n = Symbol("process"), r = q(this.props.model.current, n, (o, s) => {
-      s.channel = j.Error;
+    const n = Symbol("process"), r = z(this.props.model.current, n, (s, o) => {
+      o.boundary = j.Error;
     });
-    this.props.model.current = r, this.props.update.rerender(), this.props.dispatchers.dispatch(f.Error, [I(e)]);
+    this.props.model.current = r, this.props.update.rerender(), this.props.dispatchers.dispatch(h.Error, [q(e)]);
   }
   render() {
-    return /* @__PURE__ */ k(tt, { children: this.props.children });
+    return /* @__PURE__ */ M(tt, { children: this.props.children });
   }
 }
 function lt({
   options: t
 }) {
-  const e = ut(), n = ct(), r = rt(), o = T(), s = ot({ options: t }), c = nt({
-    broadcast: o,
+  const e = ut(), n = ct(), r = rt(), s = H(), o = st({ options: t }), c = nt({
+    broadcast: s,
     options: t,
     update: e,
-    model: s,
+    model: o,
     queue: n
-  }), u = Z({ model: s, dispatchers: c });
-  return L({ options: t, dispatchers: c, actions: u }), st({ options: t, dispatchers: c, elements: r }), l(() => i.createElement(at, {
-    model: s,
+  }), u = Z({ model: o, dispatchers: c });
+  return L({ options: t, dispatchers: c, actions: u }), ot({ options: t, dispatchers: c, elements: r }), l(() => i.createElement(at, {
+    model: o,
     dispatchers: c,
     update: e,
     module: u.view,
@@ -397,18 +395,17 @@ function lt({
   }), [e.hash, m(t.using.props)]);
 }
 function dt(t) {
-  return /* @__PURE__ */ k(lt, { options: t });
+  return /* @__PURE__ */ M(lt, { options: t });
 }
-const Rt = i.memo(dt, (t, e) => m(t) === m(e));
+const St = i.memo(dt, (t, e) => m(t) === m(e));
 export {
-  yt as BroadcastProvider,
-  j as Channel,
-  f as Lifecycle,
+  j as Boundary,
+  wt as Broadcaster,
+  h as Lifecycle,
+  St as Scope,
   K as State,
-  Rt as Tree,
-  B as UserError,
-  gt as isActionError,
-  bt as isUserError,
-  xt as useModule,
-  wt as utils
+  I as TypedError,
+  bt as isTypedError,
+  gt as useScoped,
+  yt as utils
 };

package/dist/chizu.umd.cjs

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

package/dist/controller/types.d.ts

@@ -1,4 +1,4 @@
-import { UserError } from '../errors/utils.ts';
+import { TypedError } from '../errors/utils.ts';
 import { Models } from '../module/renderer/model/utils.ts';
 import { Head } from '../module/renderer/types.ts';
 import { Actions, Draft, Lifecycle, Meta, ModuleDefinition, Op, Queue } from '../types/index.ts';
@@ -22,7 +22,7 @@ export type ControllerInstance<M extends ModuleDefinition> = {
     [Lifecycle.Mount]?(): ActionGenerator<M>;
     [Lifecycle.Derive]?(): ActionGenerator<M>;
     [Lifecycle.Node]?(tree: HTMLElement): ActionGenerator<M>;
-    [Lifecycle.Error]?(error: Error | UserError): ActionGenerator<M>;
+    [Lifecycle.Error]?(error: Error | TypedError): ActionGenerator<M>;
     [Lifecycle.Unmount]?(): ActionGenerator<M>;
 } & Partial<ActionEvents<M>>;
 type Payload<A extends Actions, K> = A extends [K, infer P] ? P : never;

package/dist/errors/utils.d.ts

@@ -1,22 +1,27 @@
 import { ModuleDefinition } from '../types/index.ts';
 import { Props } from './types.ts';
-export declare function isActionError(error: Error | UserError): error is UserError;
-export declare function isUserError(error: Error | UserError): error is UserError;
+/**
+ *  Check if the error is an instance of TypedError.
+ *
+ * @param error {Error | TypedError}
+ * @returns {boolean}
+ */
+export declare function isTypedError(error: Error | TypedError): error is TypedError;
 /**
  * Convert an unknown error into a known error type.
  *
  * @function intoError
  * @param error {unknown} - The error to convert to a known error type.
- * @returns {Error | UserError}
+ * @returns {Error | TypedError}
  */
-export declare function intoError(error: unknown): Error | UserError;
+export declare function intoError(error: unknown): Error | TypedError;
 /**
- * @class UserError
+ * @class TypedError
  * @extends Error
  * @param type {string} - The type of the error.
  * @param message {string} - The error message.
  */
-export declare class UserError extends Error {
+export declare class TypedError extends Error {
     #private;
     constructor(type: number | string | symbol, message?: null | string);
     get type(): number | string | symbol;

package/dist/index.d.ts

@@ -1,13 +1,11 @@
 import { ControllerDefinition } from './controller/types.ts';
-import { ViewArgs, ViewDefinition } from './view/types.ts';
-export { Lifecycle, State, Channel } from './types/index.ts';
+import { ViewArgs } from './view/types.ts';
+export { Lifecycle, State, Boundary } from './types/index.ts';
 export * as utils from './utils/index.ts';
-export { default as Tree } from './module/index.tsx';
-export { BroadcastProvider } from './broadcast/index.tsx';
-export { useModule } from './module/renderer/utils.ts';
-export { isActionError, isUserError, UserError } from './errors/utils.ts';
-export type * as Typed from './types/index.ts';
-export type { Pk } from './types/index.ts';
-export type { ViewDefinition as View };
-export type { ViewArgs as Within };
+export { default as Scope } from './module/index.tsx';
+export { Broadcaster } from './broadcast/index.tsx';
+export { useScoped } from './module/renderer/utils.ts';
+export { isTypedError, TypedError } from './errors/utils.ts';
+export type { Schema, Pk } from './types/index.ts';
+export type { ViewArgs as Scoped };
 export type { ControllerDefinition as Actions };

package/dist/module/index.d.ts

@@ -1,6 +1,6 @@
 import { ModuleDefinition } from '../types/index.ts';
 import { UseOptions } from './types.ts';
 import * as React from "react";
-declare function Tree<M extends ModuleDefinition>(options: UseOptions<M>): React.ReactNode;
-declare const _default: typeof Tree;
+declare function Scope<M extends ModuleDefinition>(options: UseOptions<M>): React.ReactNode;
+declare const _default: typeof Scope;
 export default _default;

package/dist/module/renderer/utils.d.ts

@@ -5,4 +5,4 @@ export declare const config: {
     elementName: string;
 };
 export declare const Context: React.Context<ViewArgs<ModuleDefinition> | null>;
-export declare function useModule<M extends ModuleDefinition>(): ViewArgs<M>;
+export declare function useScoped<M extends ModuleDefinition>(): ViewArgs<M>;

package/dist/types/index.d.ts

@@ -30,7 +30,7 @@ export declare enum Lifecycle {
 export type Model = Record<symbol | string, any>;
 export type Actions = [] | [ActionName] | [ActionName, ...ActionPayload];
 export type Props = Record<string, unknown>;
-export type Module<M extends Model, A extends Actions = [], P extends Props = Record<string, never>> = {
+export type Schema<M extends Model, A extends Actions = [], P extends Props = Record<string, never>> = {
     Model: M;
     Actions: A;
     Props: P;
@@ -50,11 +50,11 @@ export type Queue<A extends ModuleDefinition["Actions"]> = {
 export type Task = PromiseWithResolvers<void>;
 export type Process = symbol;
 export type Op = number;
-export declare enum Channel {
+export declare enum Boundary {
     Default = 0,
     Error = 1
 }
 export type Meta = {
-    channel: Channel;
+    boundary: Boundary;
 };
 export {};

package/dist/view/types.d.ts

@@ -1,13 +1,13 @@
 import { Validatable } from '../module/renderer/model/types.ts';
-import { Channel, ModuleDefinition } from '../types/index.ts';
+import { Boundary, ModuleDefinition } from '../types/index.ts';
 import * as React from "react";
 export type ViewActions<M extends ModuleDefinition> = {
     dispatch(action: M["Actions"]): Promise<void>;
 };
 export type ViewArgs<M extends ModuleDefinition> = Readonly<{
     model: Readonly<M["Model"]>;
-    channel: {
-        is(channel: Channel): boolean;
+    boundary: {
+        is(boundary: Boundary): boolean;
     };
     validate: Readonly<Validatable<M["Model"]>>;
     actions: Readonly<ViewActions<M>>;

package/package.json

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