@blac/react 0.0.46 → 0.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("blac"),S=require("react"),y=(c,t)=>{let r=t(c.state);return{subscribe:d=>{const u=c.addSubscriber(n=>{try{const e=t(n)??[];let o=!0;for(let l=0;l<e.length;l++)if(e[l]!==r[l]){o=!1;break}o||(r=e,d())}catch(e){console.error({e,bloc:c,dependencyArray:t,lastDependencyCheck:r})}});return()=>{u()}},getSnapshot:()=>c.state,getServerSnapshot:()=>c.state}};class I{static useBloc(t,r){const d=S.useId(),u=[];let n=s=>{if(typeof s!="object")return[s];const a=[];for(const g in s)u.includes(g)&&a.push(s[g]);return a},e,o;typeof r=="object"&&(n=r.dependencySelector??n,e=r.id,o=r.props??o),t.isolated&&(e=d);const i=h.Blac.getInstance().getBloc(t,{id:e,props:o,reconnect:!1});if(!i)throw new Error(`useBloc: could not resolve: ${t.name||t}`);const{subscribe:p,getSnapshot:b,getServerSnapshot:v}=S.useMemo(()=>y(i,n),[i.createdAt]),f=S.useSyncExternalStore(p,b,v);let B=f;try{typeof f=="object"&&(B=new Proxy(f,{get(s,a){return u.push(a),Reflect.get(s,a)}}))}catch(s){h.Blac.instance.log("useBloc Error",s)}return[B,i]}}const j=I.useBloc;exports.externalBlocStore=y;exports.useBloc=j;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("blac"),d=require("react"),b=(n,e)=>({subscribe:o=>{const r=n.addSubscriber({fn:()=>{try{o(n.state)}catch(u){console.error({e:u,bloc:n,dependencyArray:e})}},dependencyArray:e});return()=>{r()}},getSnapshot:()=>n.state,getServerSnapshot:()=>n.state}),s=class s{static useBloc(e,o){const r=d.useId(),u=s.getUsedKeys(r);let l=t=>{if(typeof t!="object")return[t];const c=[];for(const h of u)h in t&&c.push(t[h]);return c},y,f;typeof o=="object"&&(l=o.dependencySelector??l,y=o.id,f=o.props??f),e.isolated&&(y=r);const a=K.Blac.getInstance().getBloc(e,{id:y,props:f,reconnect:!1});if(!a)throw new Error(`useBloc: could not resolve: ${e.name||e}`);const{subscribe:B,getSnapshot:p,getServerSnapshot:U}=d.useMemo(()=>b(a,l),[a.createdAt]),i=d.useSyncExternalStore(B,p,U),g=new Set,v=d.useMemo(()=>{try{if(typeof i=="object")return new Proxy(i,{get(t,c){return u.add(c),g.add(c),Reflect.get(t,c)}})}catch(t){K.Blac.instance.log("useBloc Error",t)}return i},[i]);return d.useLayoutEffect(()=>{s.getUsedKeys(r).clear();for(const t of g)s.getUsedKeys(r).add(t)},[g,r]),[v,a]}};s.ridUsedKeys=new Map,s.getUsedKeys=e=>(s.ridUsedKeys.has(e)||s.ridUsedKeys.set(e,new Set),s.ridUsedKeys.get(e));let S=s;const I=S.useBloc;exports.externalBlocStore=b;exports.useBloc=I;
2
2
  //# sourceMappingURL=index.cjs.js.map
package/index.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../src/externalBlocStore.ts","../src/useBloc.tsx"],"sourcesContent":["import { BlocBase, BlocGeneric, InferStateFromGeneric } from 'blac';\n\nexport interface ExternalStore<\n B extends BlocGeneric<any, any>,\n S extends InferStateFromGeneric<B>,\n> {\n subscribe: (onStoreChange: () => void) => () => void;\n getSnapshot: () => S;\n getServerSnapshot?: () => S;\n}\n\nconst externalBlocStore = <\n B extends BlocGeneric<any, any>,\n S extends InferStateFromGeneric<B>,\n>(\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.addSubscriber((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\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 BlocGeneric,\n BlocInstanceId,\n InferPropsFromGeneric,\n InferStateFromGeneric,\n} from 'blac';\nimport { useEffect, useId, useMemo, useSyncExternalStore } from 'react';\nimport externalBlocStore from './externalBlocStore';\n\n// export type BlocHookData<B extends BlocBase<S>, S> = [\n// value: ValueType<B>,\n// instance: B,\n// ];\n\ntype HookTypes<B extends BlocConstructor<BlocGeneric>> = [\n InferStateFromGeneric<InstanceType<B>>,\n InstanceType<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 BlocGeneric<any, any>> = (\n state: InferStateFromGeneric<B>,\n) => unknown[];\n\nexport interface BlocHookOptions<B extends BlocGeneric<any, any>> {\n id?: string;\n dependencySelector?: BlocHookDependencyArrayFn<B>;\n props?: InferPropsFromGeneric<B>;\n}\n\nexport class UseBlocClass {\n static useBloc<\n B extends BlocConstructor<BlocGeneric>,\n O extends BlocHookOptions<InstanceType<B>>,\n >(bloc: B, options?: O): HookTypes<B> {\n const rid = useId();\n const usedKeys: string[] = [];\n // default options\n let dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>> = (\n state,\n ) => {\n if (typeof state !== 'object') {\n return [state] as unknown[];\n }\n\n const used: unknown[] = [];\n for (const key in state) {\n if (usedKeys.includes(key)) {\n used.push(state[key]);\n }\n }\n return used;\n };\n let blocId: BlocInstanceId | undefined;\n let props: ConstructorParameters<BlocConstructor<B>> | undefined;\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<B, O['props']>;\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<InferStateFromGeneric<S>>(\n subscribe,\n getSnapshot,\n getServerSnapshot,\n );\n\n let returnState = state;\n try {\n if (typeof state === 'object') {\n returnState = new Proxy(state, {\n get(target, prop) {\n usedKeys.push(prop as string);\n return Reflect.get(target, prop);\n },\n });\n }\n } catch (error) {\n Blac.instance.log('useBloc Error', error);\n }\n\n return [returnState, 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","usedKeys","state","used","key","blocId","props","resolvedBloc","Blac","subscribe","getSnapshot","getServerSnapshot","useMemo","useSyncExternalStore","returnState","target","prop","error","useBloc"],"mappings":"2HAWMA,EAAoB,CAIxBC,EACAC,IACwB,CACpB,IAAAC,EAAsBD,EAAgBD,EAAK,KAAK,EAE7C,MAAA,CACL,UAAYG,GAAyB,CACnC,MAAMC,EAAQJ,EAAK,cAAeK,GAAS,CACrC,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,EAED,MAAO,IAAM,CACLE,GAAA,CAEV,EACA,YAAa,IAASJ,EAAK,MAC3B,kBAAmB,IAASA,EAAK,KAAA,CAErC,ECpBO,MAAMS,CAAa,CACxB,OAAO,QAGLT,EAASU,EAA2B,CACpC,MAAMC,EAAMC,EAAAA,QACNC,EAAqB,CAAA,EAEvB,IAAAZ,EACFa,GACG,CACC,GAAA,OAAOA,GAAU,SACnB,MAAO,CAACA,CAAK,EAGf,MAAMC,EAAkB,CAAA,EACxB,UAAWC,KAAOF,EACZD,EAAS,SAASG,CAAG,GAClBD,EAAA,KAAKD,EAAME,CAAG,CAAC,EAGjB,OAAAD,CAAA,EAELE,EACAC,EAEA,OAAOR,GAAY,WACrBT,EAAkBS,EAAQ,oBAAsBT,EAChDgB,EAASP,EAAQ,GACjBQ,EAAQR,EAAQ,OAASQ,GAGdlB,EACW,WAEbiB,EAAAN,GAGX,MAAMQ,EAAeC,EAAA,KAAK,YAAY,EAAE,QAAQpB,EAAM,CACpD,GAAIiB,EACJ,MAAAC,EACA,UAAW,EAAA,CACZ,EAED,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,+BAA+BnB,EAAK,MAAQA,CAAI,EAAE,EAGpE,KAAM,CAAE,UAAAqB,EAAW,YAAAC,EAAa,kBAAAC,CAAsB,EAAAC,EAAA,QACpD,IAAMzB,EAAkBoB,EAAclB,CAAe,EACrD,CAACkB,EAAa,SAAS,CAAA,EAGnBL,EAAQW,EAAA,qBACZJ,EACAC,EACAC,CAAA,EAGF,IAAIG,EAAcZ,EACd,GAAA,CACE,OAAOA,GAAU,WACLY,EAAA,IAAI,MAAMZ,EAAO,CAC7B,IAAIa,EAAQC,EAAM,CAChB,OAAAf,EAAS,KAAKe,CAAc,EACrB,QAAQ,IAAID,EAAQC,CAAI,CACjC,CAAA,CACD,SAEIC,EAAO,CACTT,EAAAA,KAAA,SAAS,IAAI,gBAAiBS,CAAK,CAC1C,CAEO,MAAA,CAACH,EAAaP,CAAY,CACnC,CACF,CAEA,MAAMW,EAAUrB,EAAa"}
1
+ {"version":3,"file":"index.cjs.js","sources":["../src/externalBlocStore.ts","../src/useBloc.tsx"],"sourcesContent":["import { BlocGeneric, BlocHookDependencyArrayFn, BlocState } from 'blac';\n\nexport interface ExternalStore<\n B extends BlocGeneric<any, any>,\n S extends BlocState<B>,\n> {\n subscribe: (onStoreChange: () => void) => () => void;\n getSnapshot: () => S;\n getServerSnapshot?: () => S;\n}\n\nconst externalBlocStore = <\n B extends BlocGeneric<any, any>,\n S extends BlocState<B>,\n>(\n bloc: B,\n dependencyArray: BlocHookDependencyArrayFn<InstanceType<any>>,\n): ExternalStore<B, S> => {\n return {\n subscribe: (listener: (state: S) => void) => {\n const unSub = bloc.addSubscriber({\n fn: () => {\n try {\n listener(bloc.state);\n } catch (e) {\n console.error({\n e,\n bloc,\n dependencyArray,\n });\n }\n },\n dependencyArray,\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 BlocGeneric,\n BlocHookDependencyArrayFn,\n BlocInstanceId,\n BlocState,\n InferPropsFromGeneric,\n} from 'blac';\nimport { useId, useLayoutEffect, useMemo, useSyncExternalStore } from 'react';\nimport externalBlocStore from './externalBlocStore';\n\n// export type BlocHookData<B extends BlocBase<S>, S> = [\n// value: ValueType<B>,\n// instance: B,\n// ];\n\ntype HookTypes<B extends BlocConstructor<BlocGeneric>> = [\n BlocState<InstanceType<B>>,\n InstanceType<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 interface BlocHookOptions<B extends BlocGeneric<any, any>> {\n id?: string;\n dependencySelector?: BlocHookDependencyArrayFn<B>;\n props?: InferPropsFromGeneric<B>;\n}\n\nexport class UseBlocClass {\n static ridUsedKeys: Map<string, Set<string>> = new Map();\n static getUsedKeys = (rid: string): Set<string> => {\n if (!UseBlocClass.ridUsedKeys.has(rid)) {\n UseBlocClass.ridUsedKeys.set(rid, new Set());\n }\n return UseBlocClass.ridUsedKeys.get(rid) as Set<string>;\n };\n\n static useBloc<\n B extends BlocConstructor<BlocGeneric>,\n O extends BlocHookOptions<InstanceType<B>>,\n >(bloc: B, options?: O): HookTypes<B> {\n const rid = useId();\n const usedKeys = UseBlocClass.getUsedKeys(rid);\n\n // default options\n let dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>> = (\n newState,\n ) => {\n if (typeof newState !== 'object') {\n return [newState] as unknown[];\n }\n\n const used: string[] = [];\n for (const key of usedKeys) {\n if (key in newState) {\n used.push(newState[key as keyof typeof newState]);\n }\n }\n return used;\n };\n let blocId: BlocInstanceId | undefined;\n let props: ConstructorParameters<BlocConstructor<B>> | undefined;\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<B, O['props']>;\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: props as any,\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<BlocState<InstanceType<B>>>(\n subscribe,\n getSnapshot,\n getServerSnapshot,\n );\n\n const currentRenderUsedKeys = new Set<string>();\n const returnState: BlocState<InstanceType<B>> = useMemo(() => {\n try {\n if (typeof state === 'object') {\n return new Proxy(state as any, {\n get(target, prop) {\n usedKeys.add(prop as string);\n currentRenderUsedKeys.add(prop as string);\n return Reflect.get(target, prop);\n },\n });\n }\n } catch (error) {\n Blac.instance.log('useBloc Error', error);\n }\n return state;\n }, [state]);\n\n useLayoutEffect(() => {\n UseBlocClass.getUsedKeys(rid).clear();\n for (const key of currentRenderUsedKeys) {\n UseBlocClass.getUsedKeys(rid).add(key);\n }\n }, [currentRenderUsedKeys, rid]);\n\n return [returnState, resolvedBloc];\n }\n}\n\nconst useBloc = UseBlocClass.useBloc;\n\nexport default useBloc;\n"],"names":["externalBlocStore","bloc","dependencyArray","listener","unSub","e","_UseBlocClass","options","rid","useId","usedKeys","newState","used","key","blocId","props","resolvedBloc","Blac","subscribe","getSnapshot","getServerSnapshot","useMemo","state","useSyncExternalStore","currentRenderUsedKeys","returnState","target","prop","error","useLayoutEffect","UseBlocClass","useBloc"],"mappings":"2HAWMA,EAAoB,CAIxBC,EACAC,KAEO,CACL,UAAYC,GAAiC,CACrC,MAAAC,EAAQH,EAAK,cAAc,CAC/B,GAAI,IAAM,CACJ,GAAA,CACFE,EAASF,EAAK,KAAK,QACZI,EAAG,CACV,QAAQ,MAAM,CACZ,EAAAA,EACA,KAAAJ,EACA,gBAAAC,CAAA,CACD,CACH,CACF,EACA,gBAAAA,CAAA,CACD,EAED,MAAO,IAAM,CACLE,GAAA,CAEV,EACA,YAAa,IAASH,EAAK,MAC3B,kBAAmB,IAASA,EAAK,KAAA,GCRxBK,EAAN,MAAMA,CAAa,CASxB,OAAO,QAGLL,EAASM,EAA2B,CACpC,MAAMC,EAAMC,EAAAA,QACNC,EAAWJ,EAAa,YAAYE,CAAG,EAGzC,IAAAN,EACFS,GACG,CACC,GAAA,OAAOA,GAAa,SACtB,MAAO,CAACA,CAAQ,EAGlB,MAAMC,EAAiB,CAAA,EACvB,UAAWC,KAAOH,EACZG,KAAOF,GACJC,EAAA,KAAKD,EAASE,CAA4B,CAAC,EAG7C,OAAAD,CAAA,EAELE,EACAC,EAEA,OAAOR,GAAY,WACrBL,EAAkBK,EAAQ,oBAAsBL,EAChDY,EAASP,EAAQ,GACjBQ,EAAQR,EAAQ,OAASQ,GAGdd,EACW,WAEba,EAAAN,GAGX,MAAMQ,EAAeC,EAAA,KAAK,YAAY,EAAE,QAAQhB,EAAM,CACpD,GAAIa,EACJ,MAAAC,EACA,UAAW,EAAA,CACZ,EAED,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,+BAA+Bf,EAAK,MAAQA,CAAI,EAAE,EAGpE,KAAM,CAAE,UAAAiB,EAAW,YAAAC,EAAa,kBAAAC,CAAsB,EAAAC,EAAA,QACpD,IAAMrB,EAAkBgB,EAAcd,CAAe,EACrD,CAACc,EAAa,SAAS,CAAA,EAGnBM,EAAQC,EAAA,qBACZL,EACAC,EACAC,CAAA,EAGII,MAA4B,IAC5BC,EAA0CJ,EAAAA,QAAQ,IAAM,CACxD,GAAA,CACE,GAAA,OAAOC,GAAU,SACZ,OAAA,IAAI,MAAMA,EAAc,CAC7B,IAAII,EAAQC,EAAM,CAChB,OAAAjB,EAAS,IAAIiB,CAAc,EAC3BH,EAAsB,IAAIG,CAAc,EACjC,QAAQ,IAAID,EAAQC,CAAI,CACjC,CAAA,CACD,QAEIC,EAAO,CACTX,EAAAA,KAAA,SAAS,IAAI,gBAAiBW,CAAK,CAC1C,CACO,OAAAN,CAAA,EACN,CAACA,CAAK,CAAC,EAEVO,OAAAA,EAAAA,gBAAgB,IAAM,CACPvB,EAAA,YAAYE,CAAG,EAAE,MAAM,EACpC,UAAWK,KAAOW,EAChBlB,EAAa,YAAYE,CAAG,EAAE,IAAIK,CAAG,CACvC,EACC,CAACW,EAAuBhB,CAAG,CAAC,EAExB,CAACiB,EAAaT,CAAY,CACnC,CACF,EA9FSV,EAAA,gBAA4C,IAC5CA,EAAA,YAAeE,IACfF,EAAa,YAAY,IAAIE,CAAG,GACnCF,EAAa,YAAY,IAAIE,EAAK,IAAI,GAAK,EAEtCF,EAAa,YAAY,IAAIE,CAAG,GANpC,IAAMsB,EAANxB,EAiGP,MAAMyB,EAAUD,EAAa"}
package/index.es.js CHANGED
@@ -1,79 +1,78 @@
1
1
  import { Blac as h } from "blac";
2
- import { useId as b, useMemo as m, useSyncExternalStore as I } from "react";
3
- const k = (o, t) => {
4
- let s = t(o.state);
5
- return {
6
- subscribe: (d) => {
7
- const u = o.addSubscriber((n) => {
2
+ import { useId as U, useMemo as p, useSyncExternalStore as I, useLayoutEffect as v } from "react";
3
+ const x = (c, e) => ({
4
+ subscribe: (o) => {
5
+ const r = c.addSubscriber({
6
+ fn: () => {
8
7
  try {
9
- const e = t(n) ?? [];
10
- let c = !0;
11
- for (let l = 0; l < e.length; l++)
12
- if (e[l] !== s[l]) {
13
- c = !1;
14
- break;
15
- }
16
- c || (s = e, d());
17
- } catch (e) {
8
+ o(c.state);
9
+ } catch (d) {
18
10
  console.error({
19
- e,
20
- bloc: o,
21
- dependencyArray: t,
22
- lastDependencyCheck: s
11
+ e: d,
12
+ bloc: c,
13
+ dependencyArray: e
23
14
  });
24
15
  }
25
- });
26
- return () => {
27
- u();
28
- };
29
- },
30
- getSnapshot: () => o.state,
31
- getServerSnapshot: () => o.state
32
- };
33
- };
34
- class v {
35
- static useBloc(t, s) {
36
- const d = b(), u = [];
37
- let n = (r) => {
38
- if (typeof r != "object")
39
- return [r];
40
- const a = [];
41
- for (const S in r)
42
- u.includes(S) && a.push(r[S]);
43
- return a;
44
- }, e, c;
45
- typeof s == "object" && (n = s.dependencySelector ?? n, e = s.id, c = s.props ?? c), t.isolated && (e = d);
46
- const i = h.getInstance().getBloc(t, {
47
- id: e,
48
- props: c,
16
+ },
17
+ dependencyArray: e
18
+ });
19
+ return () => {
20
+ r();
21
+ };
22
+ },
23
+ getSnapshot: () => c.state,
24
+ getServerSnapshot: () => c.state
25
+ }), s = class s {
26
+ static useBloc(e, o) {
27
+ const r = U(), d = s.getUsedKeys(r);
28
+ let i = (t) => {
29
+ if (typeof t != "object")
30
+ return [t];
31
+ const n = [];
32
+ for (const S of d)
33
+ S in t && n.push(t[S]);
34
+ return n;
35
+ }, f, y;
36
+ typeof o == "object" && (i = o.dependencySelector ?? i, f = o.id, y = o.props ?? y), e.isolated && (f = r);
37
+ const a = h.getInstance().getBloc(e, {
38
+ id: f,
39
+ props: y,
49
40
  reconnect: !1
50
41
  });
51
- if (!i)
52
- throw new Error(`useBloc: could not resolve: ${t.name || t}`);
53
- const { subscribe: g, getSnapshot: y, getServerSnapshot: B } = m(
54
- () => k(i, n),
55
- [i.createdAt]
56
- ), f = I(
57
- g,
58
- y,
59
- B
60
- );
61
- let p = f;
62
- try {
63
- typeof f == "object" && (p = new Proxy(f, {
64
- get(r, a) {
65
- return u.push(a), Reflect.get(r, a);
66
- }
67
- }));
68
- } catch (r) {
69
- h.instance.log("useBloc Error", r);
70
- }
71
- return [p, i];
42
+ if (!a)
43
+ throw new Error(`useBloc: could not resolve: ${e.name || e}`);
44
+ const { subscribe: K, getSnapshot: b, getServerSnapshot: m } = p(
45
+ () => x(a, i),
46
+ [a.createdAt]
47
+ ), u = I(
48
+ K,
49
+ b,
50
+ m
51
+ ), l = /* @__PURE__ */ new Set(), B = p(() => {
52
+ try {
53
+ if (typeof u == "object")
54
+ return new Proxy(u, {
55
+ get(t, n) {
56
+ return d.add(n), l.add(n), Reflect.get(t, n);
57
+ }
58
+ });
59
+ } catch (t) {
60
+ h.instance.log("useBloc Error", t);
61
+ }
62
+ return u;
63
+ }, [u]);
64
+ return v(() => {
65
+ s.getUsedKeys(r).clear();
66
+ for (const t of l)
67
+ s.getUsedKeys(r).add(t);
68
+ }, [l, r]), [B, a];
72
69
  }
73
- }
74
- const j = v.useBloc;
70
+ };
71
+ s.ridUsedKeys = /* @__PURE__ */ new Map(), s.getUsedKeys = (e) => (s.ridUsedKeys.has(e) || s.ridUsedKeys.set(e, /* @__PURE__ */ new Set()), s.ridUsedKeys.get(e));
72
+ let g = s;
73
+ const M = g.useBloc;
75
74
  export {
76
- k as externalBlocStore,
77
- j as useBloc
75
+ x as externalBlocStore,
76
+ M as useBloc
78
77
  };
79
78
  //# sourceMappingURL=index.es.js.map
package/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/externalBlocStore.ts","../src/useBloc.tsx"],"sourcesContent":["import { BlocBase, BlocGeneric, InferStateFromGeneric } from 'blac';\n\nexport interface ExternalStore<\n B extends BlocGeneric<any, any>,\n S extends InferStateFromGeneric<B>,\n> {\n subscribe: (onStoreChange: () => void) => () => void;\n getSnapshot: () => S;\n getServerSnapshot?: () => S;\n}\n\nconst externalBlocStore = <\n B extends BlocGeneric<any, any>,\n S extends InferStateFromGeneric<B>,\n>(\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.addSubscriber((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\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 BlocGeneric,\n BlocInstanceId,\n InferPropsFromGeneric,\n InferStateFromGeneric,\n} from 'blac';\nimport { useEffect, useId, useMemo, useSyncExternalStore } from 'react';\nimport externalBlocStore from './externalBlocStore';\n\n// export type BlocHookData<B extends BlocBase<S>, S> = [\n// value: ValueType<B>,\n// instance: B,\n// ];\n\ntype HookTypes<B extends BlocConstructor<BlocGeneric>> = [\n InferStateFromGeneric<InstanceType<B>>,\n InstanceType<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 BlocGeneric<any, any>> = (\n state: InferStateFromGeneric<B>,\n) => unknown[];\n\nexport interface BlocHookOptions<B extends BlocGeneric<any, any>> {\n id?: string;\n dependencySelector?: BlocHookDependencyArrayFn<B>;\n props?: InferPropsFromGeneric<B>;\n}\n\nexport class UseBlocClass {\n static useBloc<\n B extends BlocConstructor<BlocGeneric>,\n O extends BlocHookOptions<InstanceType<B>>,\n >(bloc: B, options?: O): HookTypes<B> {\n const rid = useId();\n const usedKeys: string[] = [];\n // default options\n let dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>> = (\n state,\n ) => {\n if (typeof state !== 'object') {\n return [state] as unknown[];\n }\n\n const used: unknown[] = [];\n for (const key in state) {\n if (usedKeys.includes(key)) {\n used.push(state[key]);\n }\n }\n return used;\n };\n let blocId: BlocInstanceId | undefined;\n let props: ConstructorParameters<BlocConstructor<B>> | undefined;\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<B, O['props']>;\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<InferStateFromGeneric<S>>(\n subscribe,\n getSnapshot,\n getServerSnapshot,\n );\n\n let returnState = state;\n try {\n if (typeof state === 'object') {\n returnState = new Proxy(state, {\n get(target, prop) {\n usedKeys.push(prop as string);\n return Reflect.get(target, prop);\n },\n });\n }\n } catch (error) {\n Blac.instance.log('useBloc Error', error);\n }\n\n return [returnState, 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","usedKeys","state","used","key","blocId","props","resolvedBloc","Blac","subscribe","getSnapshot","getServerSnapshot","useMemo","useSyncExternalStore","returnState","target","prop","error","useBloc"],"mappings":";;AAWM,MAAAA,IAAoB,CAIxBC,GACAC,MACwB;AACpB,MAAAC,IAAsBD,EAAgBD,EAAK,KAAK;AAE7C,SAAA;AAAA,IACL,WAAW,CAACG,MAAyB;AACnC,YAAMC,IAAQJ,EAAK,cAAc,CAACK,MAAS;AACrC,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;AAED,aAAO,MAAM;AACL,QAAAE;MAAA;AAAA,IAEV;AAAA,IACA,aAAa,MAASJ,EAAK;AAAA,IAC3B,mBAAmB,MAASA,EAAK;AAAA,EAAA;AAErC;ACpBO,MAAMS,EAAa;AAAA,EACxB,OAAO,QAGLT,GAASU,GAA2B;AACpC,UAAMC,IAAMC,KACNC,IAAqB,CAAA;AAEvB,QAAAZ,IAA8D,CAChEa,MACG;AACC,UAAA,OAAOA,KAAU;AACnB,eAAO,CAACA,CAAK;AAGf,YAAMC,IAAkB,CAAA;AACxB,iBAAWC,KAAOF;AACZ,QAAAD,EAAS,SAASG,CAAG,KAClBD,EAAA,KAAKD,EAAME,CAAG,CAAC;AAGjB,aAAAD;AAAA,IAAA,GAELE,GACAC;AAEA,IAAA,OAAOR,KAAY,aACrBT,IAAkBS,EAAQ,sBAAsBT,GAChDgB,IAASP,EAAQ,IACjBQ,IAAQR,EAAQ,SAASQ,IAGdlB,EACW,aAEbiB,IAAAN;AAGX,UAAMQ,IAAeC,EAAK,YAAY,EAAE,QAAQpB,GAAM;AAAA,MACpD,IAAIiB;AAAA,MACJ,OAAAC;AAAA,MACA,WAAW;AAAA,IAAA,CACZ;AAED,QAAI,CAACC;AACH,YAAM,IAAI,MAAM,+BAA+BnB,EAAK,QAAQA,CAAI,EAAE;AAGpE,UAAM,EAAE,WAAAqB,GAAW,aAAAC,GAAa,mBAAAC,EAAsB,IAAAC;AAAA,MACpD,MAAMzB,EAAkBoB,GAAclB,CAAe;AAAA,MACrD,CAACkB,EAAa,SAAS;AAAA,IAAA,GAGnBL,IAAQW;AAAA,MACZJ;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAGF,QAAIG,IAAcZ;AACd,QAAA;AACE,MAAA,OAAOA,KAAU,aACLY,IAAA,IAAI,MAAMZ,GAAO;AAAA,QAC7B,IAAIa,GAAQC,GAAM;AAChB,iBAAAf,EAAS,KAAKe,CAAc,GACrB,QAAQ,IAAID,GAAQC,CAAI;AAAA,QACjC;AAAA,MAAA,CACD;AAAA,aAEIC,GAAO;AACT,MAAAT,EAAA,SAAS,IAAI,iBAAiBS,CAAK;AAAA,IAC1C;AAEO,WAAA,CAACH,GAAaP,CAAY;AAAA,EACnC;AACF;AAEA,MAAMW,IAAUrB,EAAa;"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/externalBlocStore.ts","../src/useBloc.tsx"],"sourcesContent":["import { BlocGeneric, BlocHookDependencyArrayFn, BlocState } from 'blac';\n\nexport interface ExternalStore<\n B extends BlocGeneric<any, any>,\n S extends BlocState<B>,\n> {\n subscribe: (onStoreChange: () => void) => () => void;\n getSnapshot: () => S;\n getServerSnapshot?: () => S;\n}\n\nconst externalBlocStore = <\n B extends BlocGeneric<any, any>,\n S extends BlocState<B>,\n>(\n bloc: B,\n dependencyArray: BlocHookDependencyArrayFn<InstanceType<any>>,\n): ExternalStore<B, S> => {\n return {\n subscribe: (listener: (state: S) => void) => {\n const unSub = bloc.addSubscriber({\n fn: () => {\n try {\n listener(bloc.state);\n } catch (e) {\n console.error({\n e,\n bloc,\n dependencyArray,\n });\n }\n },\n dependencyArray,\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 BlocGeneric,\n BlocHookDependencyArrayFn,\n BlocInstanceId,\n BlocState,\n InferPropsFromGeneric,\n} from 'blac';\nimport { useId, useLayoutEffect, useMemo, useSyncExternalStore } from 'react';\nimport externalBlocStore from './externalBlocStore';\n\n// export type BlocHookData<B extends BlocBase<S>, S> = [\n// value: ValueType<B>,\n// instance: B,\n// ];\n\ntype HookTypes<B extends BlocConstructor<BlocGeneric>> = [\n BlocState<InstanceType<B>>,\n InstanceType<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 interface BlocHookOptions<B extends BlocGeneric<any, any>> {\n id?: string;\n dependencySelector?: BlocHookDependencyArrayFn<B>;\n props?: InferPropsFromGeneric<B>;\n}\n\nexport class UseBlocClass {\n static ridUsedKeys: Map<string, Set<string>> = new Map();\n static getUsedKeys = (rid: string): Set<string> => {\n if (!UseBlocClass.ridUsedKeys.has(rid)) {\n UseBlocClass.ridUsedKeys.set(rid, new Set());\n }\n return UseBlocClass.ridUsedKeys.get(rid) as Set<string>;\n };\n\n static useBloc<\n B extends BlocConstructor<BlocGeneric>,\n O extends BlocHookOptions<InstanceType<B>>,\n >(bloc: B, options?: O): HookTypes<B> {\n const rid = useId();\n const usedKeys = UseBlocClass.getUsedKeys(rid);\n\n // default options\n let dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>> = (\n newState,\n ) => {\n if (typeof newState !== 'object') {\n return [newState] as unknown[];\n }\n\n const used: string[] = [];\n for (const key of usedKeys) {\n if (key in newState) {\n used.push(newState[key as keyof typeof newState]);\n }\n }\n return used;\n };\n let blocId: BlocInstanceId | undefined;\n let props: ConstructorParameters<BlocConstructor<B>> | undefined;\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<B, O['props']>;\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: props as any,\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<BlocState<InstanceType<B>>>(\n subscribe,\n getSnapshot,\n getServerSnapshot,\n );\n\n const currentRenderUsedKeys = new Set<string>();\n const returnState: BlocState<InstanceType<B>> = useMemo(() => {\n try {\n if (typeof state === 'object') {\n return new Proxy(state as any, {\n get(target, prop) {\n usedKeys.add(prop as string);\n currentRenderUsedKeys.add(prop as string);\n return Reflect.get(target, prop);\n },\n });\n }\n } catch (error) {\n Blac.instance.log('useBloc Error', error);\n }\n return state;\n }, [state]);\n\n useLayoutEffect(() => {\n UseBlocClass.getUsedKeys(rid).clear();\n for (const key of currentRenderUsedKeys) {\n UseBlocClass.getUsedKeys(rid).add(key);\n }\n }, [currentRenderUsedKeys, rid]);\n\n return [returnState, resolvedBloc];\n }\n}\n\nconst useBloc = UseBlocClass.useBloc;\n\nexport default useBloc;\n"],"names":["externalBlocStore","bloc","dependencyArray","listener","unSub","e","_UseBlocClass","options","rid","useId","usedKeys","newState","used","key","blocId","props","resolvedBloc","Blac","subscribe","getSnapshot","getServerSnapshot","useMemo","state","useSyncExternalStore","currentRenderUsedKeys","returnState","target","prop","error","useLayoutEffect","UseBlocClass","useBloc"],"mappings":";;AAWM,MAAAA,IAAoB,CAIxBC,GACAC,OAEO;AAAA,EACL,WAAW,CAACC,MAAiC;AACrC,UAAAC,IAAQH,EAAK,cAAc;AAAA,MAC/B,IAAI,MAAM;AACJ,YAAA;AACF,UAAAE,EAASF,EAAK,KAAK;AAAA,iBACZI,GAAG;AACV,kBAAQ,MAAM;AAAA,YACZ,GAAAA;AAAA,YACA,MAAAJ;AAAA,YACA,iBAAAC;AAAA,UAAA,CACD;AAAA,QACH;AAAA,MACF;AAAA,MACA,iBAAAA;AAAA,IAAA,CACD;AAED,WAAO,MAAM;AACL,MAAAE;IAAA;AAAA,EAEV;AAAA,EACA,aAAa,MAASH,EAAK;AAAA,EAC3B,mBAAmB,MAASA,EAAK;AAAA,ICRxBK,IAAN,MAAMA,EAAa;AAAA,EASxB,OAAO,QAGLL,GAASM,GAA2B;AACpC,UAAMC,IAAMC,KACNC,IAAWJ,EAAa,YAAYE,CAAG;AAGzC,QAAAN,IAA8D,CAChES,MACG;AACC,UAAA,OAAOA,KAAa;AACtB,eAAO,CAACA,CAAQ;AAGlB,YAAMC,IAAiB,CAAA;AACvB,iBAAWC,KAAOH;AAChB,QAAIG,KAAOF,KACJC,EAAA,KAAKD,EAASE,CAA4B,CAAC;AAG7C,aAAAD;AAAA,IAAA,GAELE,GACAC;AAEA,IAAA,OAAOR,KAAY,aACrBL,IAAkBK,EAAQ,sBAAsBL,GAChDY,IAASP,EAAQ,IACjBQ,IAAQR,EAAQ,SAASQ,IAGdd,EACW,aAEba,IAAAN;AAGX,UAAMQ,IAAeC,EAAK,YAAY,EAAE,QAAQhB,GAAM;AAAA,MACpD,IAAIa;AAAA,MACJ,OAAAC;AAAA,MACA,WAAW;AAAA,IAAA,CACZ;AAED,QAAI,CAACC;AACH,YAAM,IAAI,MAAM,+BAA+Bf,EAAK,QAAQA,CAAI,EAAE;AAGpE,UAAM,EAAE,WAAAiB,GAAW,aAAAC,GAAa,mBAAAC,EAAsB,IAAAC;AAAA,MACpD,MAAMrB,EAAkBgB,GAAcd,CAAe;AAAA,MACrD,CAACc,EAAa,SAAS;AAAA,IAAA,GAGnBM,IAAQC;AAAA,MACZL;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA,GAGII,wBAA4B,OAC5BC,IAA0CJ,EAAQ,MAAM;AACxD,UAAA;AACE,YAAA,OAAOC,KAAU;AACZ,iBAAA,IAAI,MAAMA,GAAc;AAAA,YAC7B,IAAII,GAAQC,GAAM;AAChB,qBAAAjB,EAAS,IAAIiB,CAAc,GAC3BH,EAAsB,IAAIG,CAAc,GACjC,QAAQ,IAAID,GAAQC,CAAI;AAAA,YACjC;AAAA,UAAA,CACD;AAAA,eAEIC,GAAO;AACT,QAAAX,EAAA,SAAS,IAAI,iBAAiBW,CAAK;AAAA,MAC1C;AACO,aAAAN;AAAA,IAAA,GACN,CAACA,CAAK,CAAC;AAEV,WAAAO,EAAgB,MAAM;AACP,MAAAvB,EAAA,YAAYE,CAAG,EAAE,MAAM;AACpC,iBAAWK,KAAOW;AAChB,QAAAlB,EAAa,YAAYE,CAAG,EAAE,IAAIK,CAAG;AAAA,IACvC,GACC,CAACW,GAAuBhB,CAAG,CAAC,GAExB,CAACiB,GAAaT,CAAY;AAAA,EACnC;AACF;AA9FSV,EAAA,kCAA4C,OAC5CA,EAAA,cAAc,CAACE,OACfF,EAAa,YAAY,IAAIE,CAAG,KACnCF,EAAa,YAAY,IAAIE,GAAK,oBAAI,IAAK,CAAA,GAEtCF,EAAa,YAAY,IAAIE,CAAG;AANpC,IAAMsB,IAANxB;AAiGP,MAAMyB,IAAUD,EAAa;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blac/react",
3
- "version": "0.0.46",
3
+ "version": "0.0.49",
4
4
  "license": "MIT",
5
5
  "main": "index.cjs.js",
6
6
  "module": "index.es.js",
@@ -21,16 +21,24 @@
21
21
  "pub:patch": "npm run build && bun publish.ts && cd dist && npm publish",
22
22
  "dev": "bun dev.ts",
23
23
  "prettier": "prettier --write ./src",
24
- "test": "vitest run --coverage",
24
+ "test": "vitest --config vitest.config.ts",
25
+ "test:watch": "vitest --watch --config vitest.config.ts",
25
26
  "pub": "npm run build && npm publish"
26
27
  },
27
28
  "dependencies": {
28
29
  "blac": "*"
29
30
  },
30
31
  "devDependencies": {
31
- "@types/react": "^18.2.69",
32
- "react": "^18.2.0",
33
- "vite-plugin-dts": "^3.7.3",
34
- "vitest": "^1.4.0"
32
+ "@testing-library/dom": "^10.1.0",
33
+ "@testing-library/jest-dom": "^6.4.6",
34
+ "@testing-library/react": "^16.0.0",
35
+ "@testing-library/user-event": "^14.5.2",
36
+ "@types/react": "^18.3.3",
37
+ "@types/react-dom": "^18.3.0",
38
+ "@vitest/browser": "^1.6.0",
39
+ "jsdom": "^24.1.0",
40
+ "react": "^18.3.1",
41
+ "vite-plugin-dts": "^3.9.1",
42
+ "vitest": "^1.6.0"
35
43
  }
36
44
  }
@@ -1,8 +0,0 @@
1
- import { BlocGeneric, InferStateFromGeneric } from 'blac';
2
- export interface ExternalStore<B extends BlocGeneric<any, any>, S extends InferStateFromGeneric<B>> {
3
- subscribe: (onStoreChange: () => void) => () => void;
4
- getSnapshot: () => S;
5
- getServerSnapshot?: () => S;
6
- }
7
- declare const externalBlocStore: <B extends BlocGeneric<any, any>, S extends InferStateFromGeneric<B>>(bloc: B, dependencyArray: (state: S) => unknown[]) => ExternalStore<B, S>;
8
- export default externalBlocStore;
package/src/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import externalBlocStore from './externalBlocStore';
2
- import useBloc from './useBloc';
3
- export { externalBlocStore, useBloc };
package/src/useBloc.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import { BlocConstructor, BlocGeneric, InferPropsFromGeneric, InferStateFromGeneric } from 'blac';
2
- type HookTypes<B extends BlocConstructor<BlocGeneric>> = [
3
- InferStateFromGeneric<InstanceType<B>>,
4
- InstanceType<B>
5
- ];
6
- export type BlocHookDependencyArrayFn<B extends BlocGeneric<any, any>> = (state: InferStateFromGeneric<B>) => unknown[];
7
- export interface BlocHookOptions<B extends BlocGeneric<any, any>> {
8
- id?: string;
9
- dependencySelector?: BlocHookDependencyArrayFn<B>;
10
- props?: InferPropsFromGeneric<B>;
11
- }
12
- export declare class UseBlocClass {
13
- static useBloc<B extends BlocConstructor<BlocGeneric>, O extends BlocHookOptions<InstanceType<B>>>(bloc: B, options?: O): HookTypes<B>;
14
- }
15
- declare const useBloc: typeof UseBlocClass.useBloc;
16
- export default useBloc;