@blac/react 0.0.29 → 0.0.31

package/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("blac"),l=require("react"),d=(c,s)=>{let t=s(c.state);return{subscribe:u=>{const n=c.addEventListenerStateChange(o=>{try{const e=s(o)??[];let i=!0;for(let a=0;a<e.length;a++)if(e[a]!==t[a]){i=!1;break}i||(t=e,u())}catch(e){console.error({e,bloc:c,dependencyArray:s,lastDependencyCheck:t})}});return()=>{n()}},getSnapshot:()=>c.state,getServerSnapshot:()=>c.state}};class y{static useBloc(s,t){const u=l.useId();let n=B=>[B],o,e;typeof t=="function"&&(n=t),typeof t=="string"&&(o=t),typeof t=="object"&&(n=t.dependencySelector??n,o=t.id,e=t.props??e),s.isolated&&(o=u);const r=h.Blac.getInstance().getBloc(s,{id:o,props:e,reconnect:!1});if(!r)throw new Error(`useBloc: could not resolve: ${s.name||s}`);const{subscribe:f,getSnapshot:S,getServerSnapshot:g}=l.useMemo(()=>d(r,n),[r.createdAt]),p=l.useSyncExternalStore(f,S,g);return l.useEffect(()=>{(r.isolated&&e||e&&!r.props)&&(r.props=e)},[e]),[p,r]}}const b=y.useBloc;exports.externalBlocStore=d;exports.useBloc=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("blac"),l=require("react"),f=(r,s)=>{let e=s(r.state);return{subscribe:u=>{const c=r.addEventListenerStateChange(n=>{try{const t=s(n)??[];let i=!0;for(let o=0;o<t.length;o++)if(t[o]!==e[o]){i=!1;break}i||(e=t,u())}catch(t){console.error({e:t,bloc:r,dependencyArray:s,lastDependencyCheck:e})}});return()=>{c()}},getSnapshot:()=>r.state,getServerSnapshot:()=>r.state}};class y{static useBloc(s,e){const u=l.useId();let c=h=>[h],n,t;typeof e=="function"&&(c=e),typeof e=="string"&&(n=e),typeof e=="object"&&(c=e.dependencySelector??c,n=e.id,t=e.props??t),s.isolated&&(n=u);const a=p.Blac.getInstance().getBloc(s,{id:n,props:t,reconnect:!1});if(!a)throw new Error(`useBloc: could not resolve: ${s.name||s}`);const{subscribe:d,getSnapshot:S,getServerSnapshot:g}=l.useMemo(()=>f(a,c),[a.createdAt]),B=l.useSyncExternalStore(d,S,g);return l.useEffect(()=>{t&&(a.props=t)},[t]),[B,a]}}const b=y.useBloc;exports.externalBlocStore=f;exports.useBloc=b;
 //# sourceMappingURL=index.cjs.js.map

package/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/externalBlocStore.ts","../src/useBloc.tsx"],"sourcesContent":["import { BlocBase } from 'blac';\n\nexport interface ExternalStore<B extends BlocBase<S>, S> {\n  subscribe: (onStoreChange: () => void) => () => void;\n  getSnapshot: () => S;\n  getServerSnapshot?: () => S;\n}\n\nconst externalBlocStore = <B extends BlocBase<S>, S>(\n  bloc: B,\n  dependencyArray: (state: S) => unknown[],\n): ExternalStore<B, S> => {\n  let lastDependencyCheck = dependencyArray(bloc.state);\n\n  return {\n    subscribe: (listener: () => void) => {\n      const unSub = bloc.addEventListenerStateChange((data) => {\n        try {\n          const newDependencyCheck = dependencyArray(data) ?? [];\n\n          let allEqual = true;\n          for (let i = 0; i < newDependencyCheck.length; i++) {\n            if (newDependencyCheck[i] !== lastDependencyCheck[i]) {\n              allEqual = false;\n              break;\n            }\n          }\n\n          if (!allEqual) {\n            lastDependencyCheck = newDependencyCheck;\n            listener();\n          }\n        } catch (e) {\n          console.error({\n            e,\n            bloc,\n            dependencyArray,\n            lastDependencyCheck,\n          });\n        }\n      });\n      return () => {\n        unSub();\n      };\n    },\n    getSnapshot: (): S => bloc.state,\n    getServerSnapshot: (): S => bloc.state,\n  };\n};\n\nexport default externalBlocStore;\n","import {\n  Blac,\n  BlocBase,\n  BlocConstructor,\n  BlocInstanceId,\n  BlocProps,\n  CubitPropsType,\n  ValueType,\n} from 'blac';\nimport { useEffect, useId, useMemo, useSyncExternalStore } from 'react';\nimport externalBlocStore from './externalBlocStore';\n\nexport type BlocHookData<B extends BlocBase<S>, S> = [\n  value: ValueType<B>,\n  instance: B,\n];\n\n// type BlocHookData<B extends BlocBase<S>, S> = [S, InstanceType<B>]; // B is the bloc class, S is the state of the bloc\n// type UseBlocClassResult<B, S> = BlocHookData<B, S>;\n\nexport type BlocHookDependencyArrayFn<B extends BlocBase<S>, S> = (\n  state: ValueType<B>,\n) => unknown[];\n\nexport interface BlocHookOptions<B extends BlocBase<S>, S> {\n  id?: string;\n  dependencySelector?: BlocHookDependencyArrayFn<B, S>;\n  props?: CubitPropsType<B>;\n}\n\nexport class UseBlocClass {\n  // constructor, no options\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    options: BlocHookOptions<InstanceType<B>, S>,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    depsSelector: BlocHookDependencyArrayFn<InstanceType<B>, S>,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    instanceId: string,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    options?:\n      | BlocHookOptions<InstanceType<B>, S>\n      | BlocHookDependencyArrayFn<InstanceType<B>, S>\n      | BlocInstanceId,\n  ): BlocHookData<InstanceType<B>, S> {\n    const rid = useId();\n    // default options\n    let dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>, S> = (\n      state: ValueType<InstanceType<B>>,\n    ) => [state];\n    let blocId: BlocInstanceId | undefined;\n    let props: BlocProps | undefined;\n\n    // parse options\n\n    // if options is a function, its a dependencySelector\n    if (typeof options === 'function') {\n      dependencyArray = options;\n    }\n\n    // if options is a string its an ID\n    if (typeof options === 'string') {\n      blocId = options;\n    }\n\n    if (typeof options === 'object') {\n      dependencyArray = options.dependencySelector ?? dependencyArray;\n      blocId = options.id;\n      props = options.props ?? props;\n    }\n\n    const base = bloc as unknown as BlocBase<S>;\n    const isIsolated = base.isolated;\n    if (isIsolated) {\n      blocId = rid;\n    }\n\n    const resolvedBloc = Blac.getInstance().getBloc(bloc, {\n      id: blocId,\n      props,\n      reconnect: false,\n    }) as InstanceType<B>;\n\n    if (!resolvedBloc) {\n      throw new Error(`useBloc: could not resolve: ${bloc.name || bloc}`);\n    }\n\n    const { subscribe, getSnapshot, getServerSnapshot } = useMemo(\n      () => externalBlocStore(resolvedBloc, dependencyArray),\n      [resolvedBloc.createdAt],\n    );\n\n    const state = useSyncExternalStore<ValueType<InstanceType<B>>>(\n      subscribe,\n      getSnapshot,\n      getServerSnapshot,\n    );\n\n    useEffect(() => {\n      if ((resolvedBloc.isolated && props) || (props && !resolvedBloc.props)) {\n        resolvedBloc.props = props;\n      }\n    }, [props]);\n\n    return [state, resolvedBloc];\n  }\n}\n\nconst useBloc = UseBlocClass.useBloc;\n\nexport default useBloc;\n"],"names":["externalBlocStore","bloc","dependencyArray","lastDependencyCheck","listener","unSub","data","newDependencyCheck","allEqual","i","UseBlocClass","options","rid","useId","state","blocId","props","resolvedBloc","Blac","subscribe","getSnapshot","getServerSnapshot","useMemo","useSyncExternalStore","useEffect","useBloc"],"mappings":"2HAQMA,EAAoB,CACxBC,EACAC,IACwB,CACpB,IAAAC,EAAsBD,EAAgBD,EAAK,KAAK,EAE7C,MAAA,CACL,UAAYG,GAAyB,CACnC,MAAMC,EAAQJ,EAAK,4BAA6BK,GAAS,CACnD,GAAA,CACF,MAAMC,EAAqBL,EAAgBI,CAAI,GAAK,CAAA,EAEpD,IAAIE,EAAW,GACf,QAASC,EAAI,EAAGA,EAAIF,EAAmB,OAAQE,IAC7C,GAAIF,EAAmBE,CAAC,IAAMN,EAAoBM,CAAC,EAAG,CACzCD,EAAA,GACX,KACF,CAGGA,IACmBL,EAAAI,EACbH,WAEJ,EAAG,CACV,QAAQ,MAAM,CACZ,EACA,KAAAH,EACA,gBAAAC,EACA,oBAAAC,CAAA,CACD,CACH,CAAA,CACD,EACD,MAAO,IAAM,CACLE,GAAA,CAEV,EACA,YAAa,IAASJ,EAAK,MAC3B,kBAAmB,IAASA,EAAK,KAAA,CAErC,EClBO,MAAMS,CAAa,CAiBxB,OAAO,QACLT,EACAU,EAIkC,CAClC,MAAMC,EAAMC,EAAAA,QAEZ,IAAIX,EACFY,GACG,CAACA,CAAK,EACPC,EACAC,EAKA,OAAOL,GAAY,aACHT,EAAAS,GAIhB,OAAOA,GAAY,WACZI,EAAAJ,GAGP,OAAOA,GAAY,WACrBT,EAAkBS,EAAQ,oBAAsBT,EAChDa,EAASJ,EAAQ,GACjBK,EAAQL,EAAQ,OAASK,GAGdf,EACW,WAEbc,EAAAH,GAGX,MAAMK,EAAeC,EAAA,KAAK,YAAY,EAAE,QAAQjB,EAAM,CACpD,GAAIc,EACJ,MAAAC,EACA,UAAW,EAAA,CACZ,EAED,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,+BAA+BhB,EAAK,MAAQA,CAAI,EAAE,EAGpE,KAAM,CAAE,UAAAkB,EAAW,YAAAC,EAAa,kBAAAC,CAAsB,EAAAC,EAAA,QACpD,IAAMtB,EAAkBiB,EAAcf,CAAe,EACrD,CAACe,EAAa,SAAS,CAAA,EAGnBH,EAAQS,EAAA,qBACZJ,EACAC,EACAC,CAAA,EAGFG,OAAAA,EAAAA,UAAU,IAAM,EACTP,EAAa,UAAYD,GAAWA,GAAS,CAACC,EAAa,SAC9DA,EAAa,MAAQD,EACvB,EACC,CAACA,CAAK,CAAC,EAEH,CAACF,EAAOG,CAAY,CAC7B,CACF,CAEA,MAAMQ,EAAUf,EAAa"}
+{"version":3,"file":"index.cjs.js","sources":["../src/externalBlocStore.ts","../src/useBloc.tsx"],"sourcesContent":["import { BlocBase } from 'blac';\n\nexport interface ExternalStore<B extends BlocBase<S>, S> {\n  subscribe: (onStoreChange: () => void) => () => void;\n  getSnapshot: () => S;\n  getServerSnapshot?: () => S;\n}\n\nconst externalBlocStore = <B extends BlocBase<S>, S>(\n  bloc: B,\n  dependencyArray: (state: S) => unknown[],\n): ExternalStore<B, S> => {\n  let lastDependencyCheck = dependencyArray(bloc.state);\n\n  return {\n    subscribe: (listener: () => void) => {\n      const unSub = bloc.addEventListenerStateChange((data) => {\n        try {\n          const newDependencyCheck = dependencyArray(data) ?? [];\n\n          let allEqual = true;\n          for (let i = 0; i < newDependencyCheck.length; i++) {\n            if (newDependencyCheck[i] !== lastDependencyCheck[i]) {\n              allEqual = false;\n              break;\n            }\n          }\n\n          if (!allEqual) {\n            lastDependencyCheck = newDependencyCheck;\n            listener();\n          }\n        } catch (e) {\n          console.error({\n            e,\n            bloc,\n            dependencyArray,\n            lastDependencyCheck,\n          });\n        }\n      });\n      return () => {\n        unSub();\n      };\n    },\n    getSnapshot: (): S => bloc.state,\n    getServerSnapshot: (): S => bloc.state,\n  };\n};\n\nexport default externalBlocStore;\n","import {\n  Blac,\n  BlocBase,\n  BlocConstructor,\n  BlocInstanceId,\n  BlocProps,\n  CubitPropsType,\n  ValueType,\n} from 'blac';\nimport { useEffect, useId, useMemo, useSyncExternalStore } from 'react';\nimport externalBlocStore from './externalBlocStore';\n\nexport type BlocHookData<B extends BlocBase<S>, S> = [\n  value: ValueType<B>,\n  instance: B,\n];\n\n// type BlocHookData<B extends BlocBase<S>, S> = [S, InstanceType<B>]; // B is the bloc class, S is the state of the bloc\n// type UseBlocClassResult<B, S> = BlocHookData<B, S>;\n\nexport type BlocHookDependencyArrayFn<B extends BlocBase<S>, S> = (\n  state: ValueType<B>,\n) => unknown[];\n\nexport interface BlocHookOptions<B extends BlocBase<S>, S> {\n  id?: string;\n  dependencySelector?: BlocHookDependencyArrayFn<B, S>;\n  props?: CubitPropsType<B>;\n}\n\nexport class UseBlocClass {\n  // constructor, no options\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    options: BlocHookOptions<InstanceType<B>, S>,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    depsSelector: BlocHookDependencyArrayFn<InstanceType<B>, S>,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    instanceId: string,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    options?:\n      | BlocHookOptions<InstanceType<B>, S>\n      | BlocHookDependencyArrayFn<InstanceType<B>, S>\n      | BlocInstanceId,\n  ): BlocHookData<InstanceType<B>, S> {\n    const rid = useId();\n    // default options\n    let dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>, S> = (\n      state: ValueType<InstanceType<B>>,\n    ) => [state];\n    let blocId: BlocInstanceId | undefined;\n    let props: BlocProps | undefined;\n\n    // parse options\n\n    // if options is a function, its a dependencySelector\n    if (typeof options === 'function') {\n      dependencyArray = options;\n    }\n\n    // if options is a string its an ID\n    if (typeof options === 'string') {\n      blocId = options;\n    }\n\n    if (typeof options === 'object') {\n      dependencyArray = options.dependencySelector ?? dependencyArray;\n      blocId = options.id;\n      props = options.props ?? props;\n    }\n\n    const base = bloc as unknown as BlocBase<S>;\n    const isIsolated = base.isolated;\n    if (isIsolated) {\n      blocId = rid;\n    }\n\n    const resolvedBloc = Blac.getInstance().getBloc(bloc, {\n      id: blocId,\n      props,\n      reconnect: false,\n    }) as InstanceType<B>;\n\n    if (!resolvedBloc) {\n      throw new Error(`useBloc: could not resolve: ${bloc.name || bloc}`);\n    }\n\n    const { subscribe, getSnapshot, getServerSnapshot } = useMemo(\n      () => externalBlocStore(resolvedBloc, dependencyArray),\n      [resolvedBloc.createdAt],\n    );\n\n    const state = useSyncExternalStore<ValueType<InstanceType<B>>>(\n      subscribe,\n      getSnapshot,\n      getServerSnapshot,\n    );\n\n    useEffect(() => {\n      if (props) {\n        resolvedBloc.props = props;\n      }\n    }, [props]);\n\n    return [state, resolvedBloc];\n  }\n}\n\nconst useBloc = UseBlocClass.useBloc;\n\nexport default useBloc;\n"],"names":["externalBlocStore","bloc","dependencyArray","lastDependencyCheck","listener","unSub","data","newDependencyCheck","allEqual","i","e","UseBlocClass","options","rid","useId","state","blocId","props","resolvedBloc","Blac","subscribe","getSnapshot","getServerSnapshot","useMemo","useSyncExternalStore","useEffect","useBloc"],"mappings":"2HAQMA,EAAoB,CACxBC,EACAC,IACwB,CACpB,IAAAC,EAAsBD,EAAgBD,EAAK,KAAK,EAE7C,MAAA,CACL,UAAYG,GAAyB,CACnC,MAAMC,EAAQJ,EAAK,4BAA6BK,GAAS,CACnD,GAAA,CACF,MAAMC,EAAqBL,EAAgBI,CAAI,GAAK,CAAA,EAEpD,IAAIE,EAAW,GACf,QAASC,EAAI,EAAGA,EAAIF,EAAmB,OAAQE,IAC7C,GAAIF,EAAmBE,CAAC,IAAMN,EAAoBM,CAAC,EAAG,CACzCD,EAAA,GACX,KACF,CAGGA,IACmBL,EAAAI,EACbH,WAEJM,EAAG,CACV,QAAQ,MAAM,CACZ,EAAAA,EACA,KAAAT,EACA,gBAAAC,EACA,oBAAAC,CAAA,CACD,CACH,CAAA,CACD,EACD,MAAO,IAAM,CACLE,GAAA,CAEV,EACA,YAAa,IAASJ,EAAK,MAC3B,kBAAmB,IAASA,EAAK,KAAA,CAErC,EClBO,MAAMU,CAAa,CAiBxB,OAAO,QACLV,EACAW,EAIkC,CAClC,MAAMC,EAAMC,EAAAA,QAEZ,IAAIZ,EACFa,GACG,CAACA,CAAK,EACPC,EACAC,EAKA,OAAOL,GAAY,aACHV,EAAAU,GAIhB,OAAOA,GAAY,WACZI,EAAAJ,GAGP,OAAOA,GAAY,WACrBV,EAAkBU,EAAQ,oBAAsBV,EAChDc,EAASJ,EAAQ,GACjBK,EAAQL,EAAQ,OAASK,GAGdhB,EACW,WAEbe,EAAAH,GAGX,MAAMK,EAAeC,EAAA,KAAK,YAAY,EAAE,QAAQlB,EAAM,CACpD,GAAIe,EACJ,MAAAC,EACA,UAAW,EAAA,CACZ,EAED,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,+BAA+BjB,EAAK,MAAQA,CAAI,EAAE,EAGpE,KAAM,CAAE,UAAAmB,EAAW,YAAAC,EAAa,kBAAAC,CAAsB,EAAAC,EAAA,QACpD,IAAMvB,EAAkBkB,EAAchB,CAAe,EACrD,CAACgB,EAAa,SAAS,CAAA,EAGnBH,EAAQS,EAAA,qBACZJ,EACAC,EACAC,CAAA,EAGFG,OAAAA,EAAAA,UAAU,IAAM,CACVR,IACFC,EAAa,MAAQD,EACvB,EACC,CAACA,CAAK,CAAC,EAEH,CAACF,EAAOG,CAAY,CAC7B,CACF,CAEA,MAAMQ,EAAUf,EAAa"}

package/index.es.js

@@ -1,25 +1,25 @@
 import { Blac as h } from "blac";
 import { useId as g, useMemo as B, useSyncExternalStore as m, useEffect as y } from "react";
-const v = (o, s) => {
-  let t = s(o.state);
+const v = (r, s) => {
+  let e = s(r.state);
   return {
     subscribe: (l) => {
-      const c = o.addEventListenerStateChange((n) => {
+      const c = r.addEventListenerStateChange((n) => {
         try {
-          const e = s(n) ?? [];
+          const t = s(n) ?? [];
           let f = !0;
-          for (let a = 0; a < e.length; a++)
-            if (e[a] !== t[a]) {
+          for (let o = 0; o < t.length; o++)
+            if (t[o] !== e[o]) {
               f = !1;
               break;
             }
-          f || (t = e, l());
-        } catch (e) {
+          f || (e = t, l());
+        } catch (t) {
           console.error({
-            e,
-            bloc: o,
+            e: t,
+            bloc: r,
             dependencyArray: s,
-            lastDependencyCheck: t
+            lastDependencyCheck: e
           });
         }
       });
@@ -27,33 +27,33 @@ const v = (o, s) => {
         c();
       };
     },
-    getSnapshot: () => o.state,
-    getServerSnapshot: () => o.state
+    getSnapshot: () => r.state,
+    getServerSnapshot: () => r.state
   };
 };
 class E {
-  static useBloc(s, t) {
+  static useBloc(s, e) {
     const l = g();
-    let c = (S) => [S], n, e;
-    typeof t == "function" && (c = t), typeof t == "string" && (n = t), typeof t == "object" && (c = t.dependencySelector ?? c, n = t.id, e = t.props ?? e), s.isolated && (n = l);
-    const r = h.getInstance().getBloc(s, {
+    let c = (p) => [p], n, t;
+    typeof e == "function" && (c = e), typeof e == "string" && (n = e), typeof e == "object" && (c = e.dependencySelector ?? c, n = e.id, t = e.props ?? t), s.isolated && (n = l);
+    const a = h.getInstance().getBloc(s, {
       id: n,
-      props: e,
+      props: t,
       reconnect: !1
     });
-    if (!r)
+    if (!a)
       throw new Error(`useBloc: could not resolve: ${s.name || s}`);
     const { subscribe: u, getSnapshot: i, getServerSnapshot: d } = B(
-      () => v(r, c),
-      [r.createdAt]
-    ), p = m(
+      () => v(a, c),
+      [a.createdAt]
+    ), S = m(
       u,
       i,
       d
     );
     return y(() => {
-      (r.isolated && e || e && !r.props) && (r.props = e);
-    }, [e]), [p, r];
+      t && (a.props = t);
+    }, [t]), [S, a];
   }
 }
 const b = E.useBloc;

package/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/externalBlocStore.ts","../src/useBloc.tsx"],"sourcesContent":["import { BlocBase } from 'blac';\n\nexport interface ExternalStore<B extends BlocBase<S>, S> {\n  subscribe: (onStoreChange: () => void) => () => void;\n  getSnapshot: () => S;\n  getServerSnapshot?: () => S;\n}\n\nconst externalBlocStore = <B extends BlocBase<S>, S>(\n  bloc: B,\n  dependencyArray: (state: S) => unknown[],\n): ExternalStore<B, S> => {\n  let lastDependencyCheck = dependencyArray(bloc.state);\n\n  return {\n    subscribe: (listener: () => void) => {\n      const unSub = bloc.addEventListenerStateChange((data) => {\n        try {\n          const newDependencyCheck = dependencyArray(data) ?? [];\n\n          let allEqual = true;\n          for (let i = 0; i < newDependencyCheck.length; i++) {\n            if (newDependencyCheck[i] !== lastDependencyCheck[i]) {\n              allEqual = false;\n              break;\n            }\n          }\n\n          if (!allEqual) {\n            lastDependencyCheck = newDependencyCheck;\n            listener();\n          }\n        } catch (e) {\n          console.error({\n            e,\n            bloc,\n            dependencyArray,\n            lastDependencyCheck,\n          });\n        }\n      });\n      return () => {\n        unSub();\n      };\n    },\n    getSnapshot: (): S => bloc.state,\n    getServerSnapshot: (): S => bloc.state,\n  };\n};\n\nexport default externalBlocStore;\n","import {\n  Blac,\n  BlocBase,\n  BlocConstructor,\n  BlocInstanceId,\n  BlocProps,\n  CubitPropsType,\n  ValueType,\n} from 'blac';\nimport { useEffect, useId, useMemo, useSyncExternalStore } from 'react';\nimport externalBlocStore from './externalBlocStore';\n\nexport type BlocHookData<B extends BlocBase<S>, S> = [\n  value: ValueType<B>,\n  instance: B,\n];\n\n// type BlocHookData<B extends BlocBase<S>, S> = [S, InstanceType<B>]; // B is the bloc class, S is the state of the bloc\n// type UseBlocClassResult<B, S> = BlocHookData<B, S>;\n\nexport type BlocHookDependencyArrayFn<B extends BlocBase<S>, S> = (\n  state: ValueType<B>,\n) => unknown[];\n\nexport interface BlocHookOptions<B extends BlocBase<S>, S> {\n  id?: string;\n  dependencySelector?: BlocHookDependencyArrayFn<B, S>;\n  props?: CubitPropsType<B>;\n}\n\nexport class UseBlocClass {\n  // constructor, no options\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    options: BlocHookOptions<InstanceType<B>, S>,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    depsSelector: BlocHookDependencyArrayFn<InstanceType<B>, S>,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    instanceId: string,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    options?:\n      | BlocHookOptions<InstanceType<B>, S>\n      | BlocHookDependencyArrayFn<InstanceType<B>, S>\n      | BlocInstanceId,\n  ): BlocHookData<InstanceType<B>, S> {\n    const rid = useId();\n    // default options\n    let dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>, S> = (\n      state: ValueType<InstanceType<B>>,\n    ) => [state];\n    let blocId: BlocInstanceId | undefined;\n    let props: BlocProps | undefined;\n\n    // parse options\n\n    // if options is a function, its a dependencySelector\n    if (typeof options === 'function') {\n      dependencyArray = options;\n    }\n\n    // if options is a string its an ID\n    if (typeof options === 'string') {\n      blocId = options;\n    }\n\n    if (typeof options === 'object') {\n      dependencyArray = options.dependencySelector ?? dependencyArray;\n      blocId = options.id;\n      props = options.props ?? props;\n    }\n\n    const base = bloc as unknown as BlocBase<S>;\n    const isIsolated = base.isolated;\n    if (isIsolated) {\n      blocId = rid;\n    }\n\n    const resolvedBloc = Blac.getInstance().getBloc(bloc, {\n      id: blocId,\n      props,\n      reconnect: false,\n    }) as InstanceType<B>;\n\n    if (!resolvedBloc) {\n      throw new Error(`useBloc: could not resolve: ${bloc.name || bloc}`);\n    }\n\n    const { subscribe, getSnapshot, getServerSnapshot } = useMemo(\n      () => externalBlocStore(resolvedBloc, dependencyArray),\n      [resolvedBloc.createdAt],\n    );\n\n    const state = useSyncExternalStore<ValueType<InstanceType<B>>>(\n      subscribe,\n      getSnapshot,\n      getServerSnapshot,\n    );\n\n    useEffect(() => {\n      if ((resolvedBloc.isolated && props) || (props && !resolvedBloc.props)) {\n        resolvedBloc.props = props;\n      }\n    }, [props]);\n\n    return [state, resolvedBloc];\n  }\n}\n\nconst useBloc = UseBlocClass.useBloc;\n\nexport default useBloc;\n"],"names":["externalBlocStore","bloc","dependencyArray","lastDependencyCheck","listener","unSub","data","newDependencyCheck","allEqual","i","UseBlocClass","options","rid","useId","state","blocId","props","resolvedBloc","Blac","subscribe","getSnapshot","getServerSnapshot","useMemo","useSyncExternalStore","useEffect","useBloc"],"mappings":";;AAQM,MAAAA,IAAoB,CACxBC,GACAC,MACwB;AACpB,MAAAC,IAAsBD,EAAgBD,EAAK,KAAK;AAE7C,SAAA;AAAA,IACL,WAAW,CAACG,MAAyB;AACnC,YAAMC,IAAQJ,EAAK,4BAA4B,CAACK,MAAS;AACnD,YAAA;AACF,gBAAMC,IAAqBL,EAAgBI,CAAI,KAAK,CAAA;AAEpD,cAAIE,IAAW;AACf,mBAASC,IAAI,GAAGA,IAAIF,EAAmB,QAAQE;AAC7C,gBAAIF,EAAmBE,CAAC,MAAMN,EAAoBM,CAAC,GAAG;AACzC,cAAAD,IAAA;AACX;AAAA,YACF;AAGF,UAAKA,MACmBL,IAAAI,GACbH;iBAEJ,GAAG;AACV,kBAAQ,MAAM;AAAA,YACZ;AAAA,YACA,MAAAH;AAAA,YACA,iBAAAC;AAAA,YACA,qBAAAC;AAAA,UAAA,CACD;AAAA,QACH;AAAA,MAAA,CACD;AACD,aAAO,MAAM;AACL,QAAAE;MAAA;AAAA,IAEV;AAAA,IACA,aAAa,MAASJ,EAAK;AAAA,IAC3B,mBAAmB,MAASA,EAAK;AAAA,EAAA;AAErC;AClBO,MAAMS,EAAa;AAAA,EAiBxB,OAAO,QACLT,GACAU,GAIkC;AAClC,UAAMC,IAAMC;AAEZ,QAAIX,IAAiE,CACnEY,MACG,CAACA,CAAK,GACPC,GACAC;AAKA,IAAA,OAAOL,KAAY,eACHT,IAAAS,IAIhB,OAAOA,KAAY,aACZI,IAAAJ,IAGP,OAAOA,KAAY,aACrBT,IAAkBS,EAAQ,sBAAsBT,GAChDa,IAASJ,EAAQ,IACjBK,IAAQL,EAAQ,SAASK,IAGdf,EACW,aAEbc,IAAAH;AAGX,UAAMK,IAAeC,EAAK,YAAY,EAAE,QAAQjB,GAAM;AAAA,MACpD,IAAIc;AAAA,MACJ,OAAAC;AAAA,MACA,WAAW;AAAA,IAAA,CACZ;AAED,QAAI,CAACC;AACH,YAAM,IAAI,MAAM,+BAA+BhB,EAAK,QAAQA,CAAI,EAAE;AAGpE,UAAM,EAAE,WAAAkB,GAAW,aAAAC,GAAa,mBAAAC,EAAsB,IAAAC;AAAA,MACpD,MAAMtB,EAAkBiB,GAAcf,CAAe;AAAA,MACrD,CAACe,EAAa,SAAS;AAAA,IAAA,GAGnBH,IAAQS;AAAA,MACZJ;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAGF,WAAAG,EAAU,MAAM;AACd,OAAKP,EAAa,YAAYD,KAAWA,KAAS,CAACC,EAAa,WAC9DA,EAAa,QAAQD;AAAA,IACvB,GACC,CAACA,CAAK,CAAC,GAEH,CAACF,GAAOG,CAAY;AAAA,EAC7B;AACF;AAEA,MAAMQ,IAAUf,EAAa;"}
+{"version":3,"file":"index.es.js","sources":["../src/externalBlocStore.ts","../src/useBloc.tsx"],"sourcesContent":["import { BlocBase } from 'blac';\n\nexport interface ExternalStore<B extends BlocBase<S>, S> {\n  subscribe: (onStoreChange: () => void) => () => void;\n  getSnapshot: () => S;\n  getServerSnapshot?: () => S;\n}\n\nconst externalBlocStore = <B extends BlocBase<S>, S>(\n  bloc: B,\n  dependencyArray: (state: S) => unknown[],\n): ExternalStore<B, S> => {\n  let lastDependencyCheck = dependencyArray(bloc.state);\n\n  return {\n    subscribe: (listener: () => void) => {\n      const unSub = bloc.addEventListenerStateChange((data) => {\n        try {\n          const newDependencyCheck = dependencyArray(data) ?? [];\n\n          let allEqual = true;\n          for (let i = 0; i < newDependencyCheck.length; i++) {\n            if (newDependencyCheck[i] !== lastDependencyCheck[i]) {\n              allEqual = false;\n              break;\n            }\n          }\n\n          if (!allEqual) {\n            lastDependencyCheck = newDependencyCheck;\n            listener();\n          }\n        } catch (e) {\n          console.error({\n            e,\n            bloc,\n            dependencyArray,\n            lastDependencyCheck,\n          });\n        }\n      });\n      return () => {\n        unSub();\n      };\n    },\n    getSnapshot: (): S => bloc.state,\n    getServerSnapshot: (): S => bloc.state,\n  };\n};\n\nexport default externalBlocStore;\n","import {\n  Blac,\n  BlocBase,\n  BlocConstructor,\n  BlocInstanceId,\n  BlocProps,\n  CubitPropsType,\n  ValueType,\n} from 'blac';\nimport { useEffect, useId, useMemo, useSyncExternalStore } from 'react';\nimport externalBlocStore from './externalBlocStore';\n\nexport type BlocHookData<B extends BlocBase<S>, S> = [\n  value: ValueType<B>,\n  instance: B,\n];\n\n// type BlocHookData<B extends BlocBase<S>, S> = [S, InstanceType<B>]; // B is the bloc class, S is the state of the bloc\n// type UseBlocClassResult<B, S> = BlocHookData<B, S>;\n\nexport type BlocHookDependencyArrayFn<B extends BlocBase<S>, S> = (\n  state: ValueType<B>,\n) => unknown[];\n\nexport interface BlocHookOptions<B extends BlocBase<S>, S> {\n  id?: string;\n  dependencySelector?: BlocHookDependencyArrayFn<B, S>;\n  props?: CubitPropsType<B>;\n}\n\nexport class UseBlocClass {\n  // constructor, no options\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    options: BlocHookOptions<InstanceType<B>, S>,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    depsSelector: BlocHookDependencyArrayFn<InstanceType<B>, S>,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    instanceId: string,\n  ): BlocHookData<InstanceType<B>, S>;\n  static useBloc<B extends BlocConstructor<BlocBase<S>>, S>(\n    bloc: B,\n    options?:\n      | BlocHookOptions<InstanceType<B>, S>\n      | BlocHookDependencyArrayFn<InstanceType<B>, S>\n      | BlocInstanceId,\n  ): BlocHookData<InstanceType<B>, S> {\n    const rid = useId();\n    // default options\n    let dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>, S> = (\n      state: ValueType<InstanceType<B>>,\n    ) => [state];\n    let blocId: BlocInstanceId | undefined;\n    let props: BlocProps | undefined;\n\n    // parse options\n\n    // if options is a function, its a dependencySelector\n    if (typeof options === 'function') {\n      dependencyArray = options;\n    }\n\n    // if options is a string its an ID\n    if (typeof options === 'string') {\n      blocId = options;\n    }\n\n    if (typeof options === 'object') {\n      dependencyArray = options.dependencySelector ?? dependencyArray;\n      blocId = options.id;\n      props = options.props ?? props;\n    }\n\n    const base = bloc as unknown as BlocBase<S>;\n    const isIsolated = base.isolated;\n    if (isIsolated) {\n      blocId = rid;\n    }\n\n    const resolvedBloc = Blac.getInstance().getBloc(bloc, {\n      id: blocId,\n      props,\n      reconnect: false,\n    }) as InstanceType<B>;\n\n    if (!resolvedBloc) {\n      throw new Error(`useBloc: could not resolve: ${bloc.name || bloc}`);\n    }\n\n    const { subscribe, getSnapshot, getServerSnapshot } = useMemo(\n      () => externalBlocStore(resolvedBloc, dependencyArray),\n      [resolvedBloc.createdAt],\n    );\n\n    const state = useSyncExternalStore<ValueType<InstanceType<B>>>(\n      subscribe,\n      getSnapshot,\n      getServerSnapshot,\n    );\n\n    useEffect(() => {\n      if (props) {\n        resolvedBloc.props = props;\n      }\n    }, [props]);\n\n    return [state, resolvedBloc];\n  }\n}\n\nconst useBloc = UseBlocClass.useBloc;\n\nexport default useBloc;\n"],"names":["externalBlocStore","bloc","dependencyArray","lastDependencyCheck","listener","unSub","data","newDependencyCheck","allEqual","i","e","UseBlocClass","options","rid","useId","state","blocId","props","resolvedBloc","Blac","subscribe","getSnapshot","getServerSnapshot","useMemo","useSyncExternalStore","useEffect","useBloc"],"mappings":";;AAQM,MAAAA,IAAoB,CACxBC,GACAC,MACwB;AACpB,MAAAC,IAAsBD,EAAgBD,EAAK,KAAK;AAE7C,SAAA;AAAA,IACL,WAAW,CAACG,MAAyB;AACnC,YAAMC,IAAQJ,EAAK,4BAA4B,CAACK,MAAS;AACnD,YAAA;AACF,gBAAMC,IAAqBL,EAAgBI,CAAI,KAAK,CAAA;AAEpD,cAAIE,IAAW;AACf,mBAASC,IAAI,GAAGA,IAAIF,EAAmB,QAAQE;AAC7C,gBAAIF,EAAmBE,CAAC,MAAMN,EAAoBM,CAAC,GAAG;AACzC,cAAAD,IAAA;AACX;AAAA,YACF;AAGF,UAAKA,MACmBL,IAAAI,GACbH;iBAEJM,GAAG;AACV,kBAAQ,MAAM;AAAA,YACZ,GAAAA;AAAA,YACA,MAAAT;AAAA,YACA,iBAAAC;AAAA,YACA,qBAAAC;AAAA,UAAA,CACD;AAAA,QACH;AAAA,MAAA,CACD;AACD,aAAO,MAAM;AACL,QAAAE;MAAA;AAAA,IAEV;AAAA,IACA,aAAa,MAASJ,EAAK;AAAA,IAC3B,mBAAmB,MAASA,EAAK;AAAA,EAAA;AAErC;AClBO,MAAMU,EAAa;AAAA,EAiBxB,OAAO,QACLV,GACAW,GAIkC;AAClC,UAAMC,IAAMC;AAEZ,QAAIZ,IAAiE,CACnEa,MACG,CAACA,CAAK,GACPC,GACAC;AAKA,IAAA,OAAOL,KAAY,eACHV,IAAAU,IAIhB,OAAOA,KAAY,aACZI,IAAAJ,IAGP,OAAOA,KAAY,aACrBV,IAAkBU,EAAQ,sBAAsBV,GAChDc,IAASJ,EAAQ,IACjBK,IAAQL,EAAQ,SAASK,IAGdhB,EACW,aAEbe,IAAAH;AAGX,UAAMK,IAAeC,EAAK,YAAY,EAAE,QAAQlB,GAAM;AAAA,MACpD,IAAIe;AAAA,MACJ,OAAAC;AAAA,MACA,WAAW;AAAA,IAAA,CACZ;AAED,QAAI,CAACC;AACH,YAAM,IAAI,MAAM,+BAA+BjB,EAAK,QAAQA,CAAI,EAAE;AAGpE,UAAM,EAAE,WAAAmB,GAAW,aAAAC,GAAa,mBAAAC,EAAsB,IAAAC;AAAA,MACpD,MAAMvB,EAAkBkB,GAAchB,CAAe;AAAA,MACrD,CAACgB,EAAa,SAAS;AAAA,IAAA,GAGnBH,IAAQS;AAAA,MACZJ;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAGF,WAAAG,EAAU,MAAM;AACd,MAAIR,MACFC,EAAa,QAAQD;AAAA,IACvB,GACC,CAACA,CAAK,CAAC,GAEH,CAACF,GAAOG,CAAY;AAAA,EAC7B;AACF;AAEA,MAAMQ,IAAUf,EAAa;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blac/react",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "license": "MIT",
   "main": "index.cjs.js",
   "module": "index.es.js",