@blac/react 0.0.58 → 0.1.0

package/dist/blac-react.mjs

@@ -0,0 +1,104 @@
+import { Blac as v } from "@blac/core";
+import { useId as K, useRef as a, useState as D, useMemo as C, useSyncExternalStore as M, useLayoutEffect as O, useEffect as k } from "react";
+const A = (n, s, c) => ({
+  subscribe: (d) => {
+    const f = n._observer.subscribe({
+      fn: () => {
+        try {
+          d(Object.freeze(n.state));
+        } catch (y) {
+          console.error({
+            e: y,
+            bloc: n,
+            dependencyArray: s
+          });
+        }
+      },
+      dependencyArray: s,
+      id: c
+    });
+    return () => {
+      f();
+    };
+  },
+  getSnapshot: () => Object.freeze(n.state),
+  getServerSnapshot: () => Object.freeze(n.state)
+}), L = (n) => [[n]];
+class T {
+  static useBloc(s, c) {
+    let { dependencySelector: d, id: f, props: y } = c ?? {};
+    const o = K(), S = a(/* @__PURE__ */ new Set()), p = a(/* @__PURE__ */ new Set()), h = a(!1), B = a(/* @__PURE__ */ new Set()), g = a(/* @__PURE__ */ new Set()), m = a(!1), _ = /* @__PURE__ */ new Set();
+    s.isolated && (f = o);
+    const [e, w] = D(
+      v.getInstance().getBloc(s, {
+        id: f,
+        props: y,
+        instanceRef: o
+      })
+    );
+    if (!e)
+      throw new Error(`useBloc: could not resolve: ${s.name || s}`);
+    o === e._instanceRef && (c != null && c.props) && (e.props = c.props);
+    const j = (t, r) => {
+      if (d)
+        return d(t, r);
+      if (e.defaultDependencySelector)
+        return e.defaultDependencySelector(t, r);
+      if (typeof t != "object")
+        return L(t);
+      const u = [];
+      for (const i of S.current)
+        i in t && u.push(t[i]);
+      const I = [];
+      for (const i of B.current)
+        if (i in e) {
+          const b = e[i];
+          if (typeof b == "function")
+            continue;
+          I.push(b);
+        }
+      return [u, I];
+    }, { subscribe: x, getSnapshot: E, getServerSnapshot: P } = C(
+      () => A(e, j, o),
+      [e._createdAt]
+    ), l = M(
+      x,
+      E,
+      P
+    ), R = C(() => {
+      try {
+        if (typeof l == "object")
+          return new Proxy(l, {
+            get(t, r) {
+              const u = l[r];
+              return S.current.add(r), p.current.add(r), h.current = !0, u;
+            }
+          });
+      } catch (t) {
+        v.instance.log("useBloc Error", t);
+      }
+      return l;
+    }, [l, S, p]), z = C(() => new Proxy(e, {
+      get(t, r) {
+        const u = e[r];
+        return typeof u != "function" && (B.current.add(r), g.current.add(r), m.current = !0), u;
+      }
+    }), [e, B, g]);
+    return O(() => (S.current = new Set(p.current), B.current = new Set(g.current), () => {
+      setTimeout(() => {
+        m.current && (g.current.clear(), m.current = !1), h.current && (p.current.clear(), h.current = !1);
+      });
+    }), [_]), k(() => (e._addConsumer(o), e._consumers.size !== 0 && w(
+      v.getInstance().getBloc(s, {
+        id: f,
+        props: y,
+        instanceRef: o
+      })
+    ), () => e._removeConsumer(o)), []), [R, z];
+  }
+}
+const H = T.useBloc;
+export {
+  A as externalBlocStore,
+  H as useBloc
+};

package/dist/blac-react.umd.js

@@ -0,0 +1 @@
+(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@blac/core"),require("react")):typeof define=="function"&&define.amd?define(["exports","@blac/core","react"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.BlacReact={},r.BlacCore,r.react))})(this,function(r,o,t){"use strict";const C=(c,u,f)=>({subscribe:S=>{const l=c._observer.subscribe({fn:()=>{try{S(Object.freeze(c.state))}catch(B){console.error({e:B,bloc:c,dependencyArray:u})}},dependencyArray:u,id:f});return()=>{l()}},getSnapshot:()=>Object.freeze(c.state),getServerSnapshot:()=>Object.freeze(c.state)}),_=c=>[[c]];class j{static useBloc(u,f){let{dependencySelector:S,id:l,props:B}=f??{};const a=t.useId(),p=t.useRef(new Set),h=t.useRef(new Set),g=t.useRef(!1),m=t.useRef(new Set),b=t.useRef(new Set),v=t.useRef(!1),x=new Set;u.isolated&&(l=a);const[e,M]=t.useState(o.Blac.getInstance().getBloc(u,{id:l,props:B,instanceRef:a}));if(!e)throw new Error(`useBloc: could not resolve: ${u.name||u}`);a===e._instanceRef&&(f!=null&&f.props)&&(e.props=f.props);const P=(n,s)=>{if(S)return S(n,s);if(e.defaultDependencySelector)return e.defaultDependencySelector(n,s);if(typeof n!="object")return _(n);const i=[];for(const y of p.current)y in n&&i.push(n[y]);const R=[];for(const y of m.current)if(y in e){const I=e[y];if(typeof I=="function")continue;R.push(I)}return[i,R]},{subscribe:E,getSnapshot:z,getServerSnapshot:K}=t.useMemo(()=>C(e,P,a),[e._createdAt]),d=t.useSyncExternalStore(E,z,K),O=t.useMemo(()=>{try{if(typeof d=="object")return new Proxy(d,{get(n,s){const i=d[s];return p.current.add(s),h.current.add(s),g.current=!0,i}})}catch(n){o.Blac.instance.log("useBloc Error",n)}return d},[d,p,h]),T=t.useMemo(()=>new Proxy(e,{get(n,s){const i=e[s];return typeof i!="function"&&(m.current.add(s),b.current.add(s),v.current=!0),i}}),[e,m,b]);return t.useLayoutEffect(()=>(p.current=new Set(h.current),m.current=new Set(b.current),()=>{setTimeout(()=>{v.current&&(b.current.clear(),v.current=!1),g.current&&(h.current.clear(),g.current=!1)})}),[x]),t.useEffect(()=>(e._addConsumer(a),e._consumers.size!==0&&M(o.Blac.getInstance().getBloc(u,{id:l,props:B,instanceRef:a})),()=>e._removeConsumer(a)),[]),[O,T]}}const w=j.useBloc;r.externalBlocStore=C,r.useBloc=w,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,51 +1,26 @@
 {
   "name": "@blac/react",
-  "version": "0.0.58",
-  "license": "MIT",
-  "main": "index.cjs.js",
-  "module": "index.es.js",
-  "typings": "index.d.ts",
-  "types": "index.d.ts",
-  "keywords": [
-    "react",
-    "typescript",
-    "rxjs",
-    "state-management",
-    "reactjs",
-    "observer-pattern",
-    "bloc",
-    "bloc-pattern"
+  "version": "0.1.0",
+  "files": [
+    "dist"
   ],
+  "main": "./dist/blac-react.umd.js",
+  "module": "./dist/blac-react.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/blac-react.mjs",
+      "require": "./dist/blac-react.umd.js"
+    }
+  },
   "scripts": {
-    "build": "vite build",
-    "pub:patch": "npm run build && bun publish.ts && cd dist && npm publish",
-    "pub:patch:next": "npm run build && bun publish.ts && cd dist && npm publish --tag next",
-    "dev": "bun dev.ts",
-    "prettier": "prettier --write ./src",
-    "test": "vitest --config vitest.config.ts",
-    "test:watch": "vitest --watch --config vitest.config.ts",
-    "pub": "npm run build && npm publish"
+    "build": "vite build"
   },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
   "dependencies": {
-    "blac": "*",
-    "react": "^18.3.1"
-  },
-  "devDependencies": {
-    "@testing-library/dom": "^10.1.0",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^16.0.0",
-    "@testing-library/user-event": "^14.5.2",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.13.1",
-    "@vitejs/plugin-react-refresh": "^1.3.6",
-    "@vitest/browser": "^1.6.0",
-    "@vitest/coverage-v8": "^1.6.0",
-    "eslint": "^9.5.0",
-    "jsdom": "^24.1.0",
-    "prettier": "^3.3.2",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.4.5",
-    "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.6.0"
+    "@blac/core": "workspace:*",
+    "vite": "^6.0.5"
   }
-}
+}

package/README.md

@@ -1,16 +0,0 @@
-# Blac for React
-
-Demo [https://blac-react-demo.vercel.app/](https://blac-react-demo.vercel.app/)
-
-## Installation
-
-```bash
-npm install blac-react
-```
-
-## Examples
-
-- [Counter with Bloc](../../apps/react-demo/ui/examples/CounterWithBloc.tsx)
-- [Counter with Cubit](../../apps/react-demo/ui/examples/CounterWithCubit.tsx)
-- [Counter with Global State](../../apps/react-demo/ui/examples/CounterWithCubitGlobal.tsx)
-- [Counters with Local State](../../apps/react-demo/ui/examples/CounterMultiInstance.tsx)

package/externalBlocStore.d.ts

@@ -1,9 +0,0 @@
-import { BlocGeneric, BlocHookDependencyArrayFn, BlocState } from 'blac';
-
-export interface ExternalStore<B extends BlocGeneric<any, any>, S extends BlocState<B>> {
-    subscribe: (onStoreChange: () => void) => () => void;
-    getSnapshot: () => S;
-    getServerSnapshot?: () => S;
-}
-declare const externalBlocStore: <B extends BlocGeneric<any, any>, S extends BlocState<B>>(bloc: B, dependencyArray: BlocHookDependencyArrayFn<InstanceType<any>>, rid: string) => ExternalStore<B, S>;
-export default externalBlocStore;

package/index.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("blac"),r=require("react"),h=(e,s,d)=>({subscribe:o=>{const u=e._observer.subscribe({fn:()=>{try{o(Object.freeze(e.state))}catch(f){console.error({e:f,bloc:e,dependencyArray:s})}},dependencyArray:s,id:d});return()=>{u()}},getSnapshot:()=>Object.freeze(e.state),getServerSnapshot:()=>Object.freeze(e.state)}),E=e=>[e];class O{static useBloc(s,d){let{dependencySelector:o,id:u,props:f}=d??{};const y=r.useId(),a=r.useRef(new Set),l=r.useRef(new Set),p=new Set,S=r.useRef(!1);s.isolated&&(u=y);const i=g.Blac.getInstance().getBloc(s,{id:u,props:f,reconnect:!1});if(!i)throw new Error(`useBloc: could not resolve: ${s.name||s}`);const j=(t,c)=>{if(o)return o(t,c);if(typeof t!="object")return E(t);const B=[];for(const b of a.current)b in t&&B.push(t[b]);return B},{subscribe:v,getSnapshot:I,getServerSnapshot:m}=r.useMemo(()=>h(i,j,y),[i._createdAt]),n=r.useSyncExternalStore(v,I,m),x=r.useMemo(()=>{try{if(typeof n=="object")return new Proxy(n,{get(t,c){return a.current.add(c),l.current.add(c),S.current=!0,n[c]}})}catch(t){g.Blac.instance.log("useBloc Error",t)}return n},[n,a,l]);return r.useLayoutEffect(()=>(a.current=new Set(l.current),()=>{setTimeout(()=>{S.current&&(l.current.clear(),S.current=!1)})}),[p]),[x,i]}}const w=O.useBloc;exports.externalBlocStore=h;exports.useBloc=w;
-//# sourceMappingURL=index.cjs.js.map

package/index.cjs.js.map

@@ -1 +0,0 @@
-{"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  rid: string,\n): ExternalStore<B, S> => {\n  return {\n    subscribe: (listener: (state: S) => void) => {\n      const unSub = bloc._observer.subscribe({\n        fn: () => {\n          try {\n            listener(Object.freeze(bloc.state));\n          } catch (e) {\n            console.error({\n              e,\n              bloc,\n              dependencyArray,\n            });\n          }\n        },\n        dependencyArray,\n        id: rid,\n      });\n\n      return () => {\n        unSub();\n      };\n    },\n    getSnapshot: (): S => Object.freeze(bloc.state),\n    getServerSnapshot: (): S => Object.freeze(bloc.state),\n  };\n};\n\nexport default externalBlocStore;\n","import {\n  Blac,\n  BlocBase,\n  BlocBaseAbstract,\n  BlocConstructor,\n  BlocGeneric,\n  BlocHookDependencyArrayFn,\n  BlocState,\n  InferPropsFromGeneric,\n} from 'blac';\nimport {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport externalBlocStore from './externalBlocStore';\n\ntype HookTypes<B extends BlocConstructor<BlocGeneric>> = [\n  BlocState<InstanceType<B>>,\n  InstanceType<B>,\n];\n\nexport interface BlocHookOptions<B extends BlocGeneric<any, any>> {\n  id?: string;\n  dependencySelector?: BlocHookDependencyArrayFn<B>;\n  props?: InferPropsFromGeneric<B>;\n}\n\nconst defaultDependencySelector: BlocHookDependencyArrayFn<any> = (s) => [s];\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    let { dependencySelector, id: blocId, props } = options ?? {};\n    const rid = useId();\n    const usedKeys = useRef<Set<string>>(new Set());\n    const instanceKeys = useRef<Set<string>>(new Set());\n    const renderInstance = new Set();\n    const shouldClear = useRef(false);\n\n    const base = bloc as unknown as BlocBaseAbstract;\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    // default options\n    const dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>> = (\n      newState,\n      oldState,\n    ) => {\n      if (dependencySelector) {\n        return dependencySelector(newState, oldState);\n      }\n      if (typeof newState !== 'object') {\n        return defaultDependencySelector(newState, oldState);\n      }\n\n      const used: string[] = [];\n      for (const key of usedKeys.current) {\n        if (key in newState) {\n          used.push(newState[key as keyof typeof newState]);\n        }\n      }\n\n      return used;\n    };\n\n    const { subscribe, getSnapshot, getServerSnapshot } = useMemo(\n      () => externalBlocStore(resolvedBloc, dependencyArray, rid),\n      [resolvedBloc._createdAt],\n    );\n\n    const state = useSyncExternalStore<BlocState<InstanceType<B>>>(\n      subscribe,\n      getSnapshot,\n      getServerSnapshot,\n    );\n\n    const returnState: BlocState<InstanceType<B>> = useMemo(() => {\n      try {\n        if (typeof state === 'object') {\n          return new Proxy(state as any, {\n            get(_, prop) {\n              usedKeys.current.add(prop as string);\n              instanceKeys.current.add(prop as string);\n              shouldClear.current = true;\n              return state[prop as keyof typeof state];\n            },\n          });\n        }\n      } catch (error) {\n        Blac.instance.log('useBloc Error', error);\n      }\n      return state;\n    }, [state, usedKeys, instanceKeys]);\n\n    useLayoutEffect(() => {\n      usedKeys.current = new Set(instanceKeys.current);\n\n      return () => {\n        setTimeout(() => {\n          if (shouldClear.current) {\n            instanceKeys.current.clear();\n            shouldClear.current = false;\n          }\n        });\n      };\n    }, [renderInstance]);\n\n    return [returnState, resolvedBloc];\n  }\n}\n\nconst useBloc = UseBlocClass.useBloc;\n\nexport default useBloc;\n"],"names":["externalBlocStore","bloc","dependencyArray","rid","listener","unSub","e","defaultDependencySelector","s","UseBlocClass","options","dependencySelector","blocId","props","useId","usedKeys","useRef","instanceKeys","renderInstance","shouldClear","resolvedBloc","Blac","newState","oldState","used","key","subscribe","getSnapshot","getServerSnapshot","useMemo","state","useSyncExternalStore","returnState","_","prop","error","useLayoutEffect","useBloc"],"mappings":"2HAWMA,EAAoB,CAIxBC,EACAC,EACAC,KAEO,CACL,UAAYC,GAAiC,CACrC,MAAAC,EAAQJ,EAAK,UAAU,UAAU,CACrC,GAAI,IAAM,CACJ,GAAA,CACFG,EAAS,OAAO,OAAOH,EAAK,KAAK,CAAC,QAC3BK,EAAG,CACV,QAAQ,MAAM,CACZ,EAAAA,EACA,KAAAL,EACA,gBAAAC,CAAA,CACD,CACH,CACF,EACA,gBAAAA,EACA,GAAIC,CAAA,CACL,EAED,MAAO,IAAM,CACLE,GAAA,CAEV,EACA,YAAa,IAAS,OAAO,OAAOJ,EAAK,KAAK,EAC9C,kBAAmB,IAAS,OAAO,OAAOA,EAAK,KAAK,CAAA,GCXlDM,EAA6DC,GAAM,CAACA,CAAC,EAEpE,MAAMC,CAAa,CACxB,OAAO,QAGLR,EAASS,EAA2B,CACpC,GAAI,CAAE,mBAAAC,EAAoB,GAAIC,EAAQ,MAAAC,CAAM,EAAIH,GAAW,GAC3D,MAAMP,EAAMW,EAAAA,QACNC,EAAWC,EAAAA,OAAwB,IAAA,GAAK,EACxCC,EAAeD,EAAAA,OAAwB,IAAA,GAAK,EAC5CE,MAAqB,IACrBC,EAAcH,SAAO,EAAK,EAEnBf,EACW,WAEbW,EAAAT,GAGX,MAAMiB,EAAeC,EAAA,KAAK,YAAY,EAAE,QAAQpB,EAAM,CACpD,GAAIW,EACJ,MAAAC,EACA,UAAW,EAAA,CACZ,EAED,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,+BAA+BnB,EAAK,MAAQA,CAAI,EAAE,EAI9D,MAAAC,EAA8D,CAClEoB,EACAC,IACG,CACH,GAAIZ,EACK,OAAAA,EAAmBW,EAAUC,CAAQ,EAE1C,GAAA,OAAOD,GAAa,SACf,OAAAf,EAA0Be,CAAkB,EAGrD,MAAME,EAAiB,CAAA,EACZ,UAAAC,KAAOV,EAAS,QACrBU,KAAOH,GACJE,EAAA,KAAKF,EAASG,CAA4B,CAAC,EAI7C,OAAAD,CAAA,EAGH,CAAE,UAAAE,EAAW,YAAAC,EAAa,kBAAAC,CAAsB,EAAAC,EAAA,QACpD,IAAM7B,EAAkBoB,EAAclB,EAAiBC,CAAG,EAC1D,CAACiB,EAAa,UAAU,CAAA,EAGpBU,EAAQC,EAAA,qBACZL,EACAC,EACAC,CAAA,EAGII,EAA0CH,EAAAA,QAAQ,IAAM,CACxD,GAAA,CACE,GAAA,OAAOC,GAAU,SACZ,OAAA,IAAI,MAAMA,EAAc,CAC7B,IAAIG,EAAGC,EAAM,CACF,OAAAnB,EAAA,QAAQ,IAAImB,CAAc,EACtBjB,EAAA,QAAQ,IAAIiB,CAAc,EACvCf,EAAY,QAAU,GACfW,EAAMI,CAA0B,CACzC,CAAA,CACD,QAEIC,EAAO,CACTd,EAAAA,KAAA,SAAS,IAAI,gBAAiBc,CAAK,CAC1C,CACO,OAAAL,CACN,EAAA,CAACA,EAAOf,EAAUE,CAAY,CAAC,EAElCmB,OAAAA,EAAAA,gBAAgB,KACdrB,EAAS,QAAU,IAAI,IAAIE,EAAa,OAAO,EAExC,IAAM,CACX,WAAW,IAAM,CACXE,EAAY,UACdF,EAAa,QAAQ,QACrBE,EAAY,QAAU,GACxB,CACD,CAAA,GAEF,CAACD,CAAc,CAAC,EAEZ,CAACc,EAAaZ,CAAY,CACnC,CACF,CAEA,MAAMiB,EAAU5B,EAAa"}

package/index.d.ts

@@ -1,4 +0,0 @@
-import { default as externalBlocStore } from './externalBlocStore';
-import { default as useBloc } from './useBloc';
-
-export { externalBlocStore, useBloc };

package/index.es.js

@@ -1,80 +0,0 @@
-import { Blac as b } from "blac";
-import { useId as E, useRef as S, useMemo as h, useSyncExternalStore as w, useLayoutEffect as z } from "react";
-const O = (e, r, d) => ({
-  subscribe: (c) => {
-    const o = e._observer.subscribe({
-      fn: () => {
-        try {
-          c(Object.freeze(e.state));
-        } catch (f) {
-          console.error({
-            e: f,
-            bloc: e,
-            dependencyArray: r
-          });
-        }
-      },
-      dependencyArray: r,
-      id: d
-    });
-    return () => {
-      o();
-    };
-  },
-  getSnapshot: () => Object.freeze(e.state),
-  getServerSnapshot: () => Object.freeze(e.state)
-}), _ = (e) => [e];
-class C {
-  static useBloc(r, d) {
-    let { dependencySelector: c, id: o, props: f } = d ?? {};
-    const y = E(), u = S(/* @__PURE__ */ new Set()), a = S(/* @__PURE__ */ new Set()), g = /* @__PURE__ */ new Set(), i = S(!1);
-    r.isolated && (o = y);
-    const l = b.getInstance().getBloc(r, {
-      id: o,
-      props: f,
-      reconnect: !1
-    });
-    if (!l)
-      throw new Error(`useBloc: could not resolve: ${r.name || r}`);
-    const m = (t, n) => {
-      if (c)
-        return c(t, n);
-      if (typeof t != "object")
-        return _(t);
-      const p = [];
-      for (const B of u.current)
-        B in t && p.push(t[B]);
-      return p;
-    }, { subscribe: I, getSnapshot: j, getServerSnapshot: v } = h(
-      () => O(l, m, y),
-      [l._createdAt]
-    ), s = w(
-      I,
-      j,
-      v
-    ), x = h(() => {
-      try {
-        if (typeof s == "object")
-          return new Proxy(s, {
-            get(t, n) {
-              return u.current.add(n), a.current.add(n), i.current = !0, s[n];
-            }
-          });
-      } catch (t) {
-        b.instance.log("useBloc Error", t);
-      }
-      return s;
-    }, [s, u, a]);
-    return z(() => (u.current = new Set(a.current), () => {
-      setTimeout(() => {
-        i.current && (a.current.clear(), i.current = !1);
-      });
-    }), [g]), [x, l];
-  }
-}
-const L = C.useBloc;
-export {
-  O as externalBlocStore,
-  L as useBloc
-};
-//# sourceMappingURL=index.es.js.map

package/index.es.js.map

@@ -1 +0,0 @@
-{"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  rid: string,\n): ExternalStore<B, S> => {\n  return {\n    subscribe: (listener: (state: S) => void) => {\n      const unSub = bloc._observer.subscribe({\n        fn: () => {\n          try {\n            listener(Object.freeze(bloc.state));\n          } catch (e) {\n            console.error({\n              e,\n              bloc,\n              dependencyArray,\n            });\n          }\n        },\n        dependencyArray,\n        id: rid,\n      });\n\n      return () => {\n        unSub();\n      };\n    },\n    getSnapshot: (): S => Object.freeze(bloc.state),\n    getServerSnapshot: (): S => Object.freeze(bloc.state),\n  };\n};\n\nexport default externalBlocStore;\n","import {\n  Blac,\n  BlocBase,\n  BlocBaseAbstract,\n  BlocConstructor,\n  BlocGeneric,\n  BlocHookDependencyArrayFn,\n  BlocState,\n  InferPropsFromGeneric,\n} from 'blac';\nimport {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport externalBlocStore from './externalBlocStore';\n\ntype HookTypes<B extends BlocConstructor<BlocGeneric>> = [\n  BlocState<InstanceType<B>>,\n  InstanceType<B>,\n];\n\nexport interface BlocHookOptions<B extends BlocGeneric<any, any>> {\n  id?: string;\n  dependencySelector?: BlocHookDependencyArrayFn<B>;\n  props?: InferPropsFromGeneric<B>;\n}\n\nconst defaultDependencySelector: BlocHookDependencyArrayFn<any> = (s) => [s];\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    let { dependencySelector, id: blocId, props } = options ?? {};\n    const rid = useId();\n    const usedKeys = useRef<Set<string>>(new Set());\n    const instanceKeys = useRef<Set<string>>(new Set());\n    const renderInstance = new Set();\n    const shouldClear = useRef(false);\n\n    const base = bloc as unknown as BlocBaseAbstract;\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    // default options\n    const dependencyArray: BlocHookDependencyArrayFn<InstanceType<B>> = (\n      newState,\n      oldState,\n    ) => {\n      if (dependencySelector) {\n        return dependencySelector(newState, oldState);\n      }\n      if (typeof newState !== 'object') {\n        return defaultDependencySelector(newState, oldState);\n      }\n\n      const used: string[] = [];\n      for (const key of usedKeys.current) {\n        if (key in newState) {\n          used.push(newState[key as keyof typeof newState]);\n        }\n      }\n\n      return used;\n    };\n\n    const { subscribe, getSnapshot, getServerSnapshot } = useMemo(\n      () => externalBlocStore(resolvedBloc, dependencyArray, rid),\n      [resolvedBloc._createdAt],\n    );\n\n    const state = useSyncExternalStore<BlocState<InstanceType<B>>>(\n      subscribe,\n      getSnapshot,\n      getServerSnapshot,\n    );\n\n    const returnState: BlocState<InstanceType<B>> = useMemo(() => {\n      try {\n        if (typeof state === 'object') {\n          return new Proxy(state as any, {\n            get(_, prop) {\n              usedKeys.current.add(prop as string);\n              instanceKeys.current.add(prop as string);\n              shouldClear.current = true;\n              return state[prop as keyof typeof state];\n            },\n          });\n        }\n      } catch (error) {\n        Blac.instance.log('useBloc Error', error);\n      }\n      return state;\n    }, [state, usedKeys, instanceKeys]);\n\n    useLayoutEffect(() => {\n      usedKeys.current = new Set(instanceKeys.current);\n\n      return () => {\n        setTimeout(() => {\n          if (shouldClear.current) {\n            instanceKeys.current.clear();\n            shouldClear.current = false;\n          }\n        });\n      };\n    }, [renderInstance]);\n\n    return [returnState, resolvedBloc];\n  }\n}\n\nconst useBloc = UseBlocClass.useBloc;\n\nexport default useBloc;\n"],"names":["externalBlocStore","bloc","dependencyArray","rid","listener","unSub","e","defaultDependencySelector","s","UseBlocClass","options","dependencySelector","blocId","props","useId","usedKeys","useRef","instanceKeys","renderInstance","shouldClear","resolvedBloc","Blac","newState","oldState","used","key","subscribe","getSnapshot","getServerSnapshot","useMemo","state","useSyncExternalStore","returnState","_","prop","error","useLayoutEffect","useBloc"],"mappings":";;AAWA,MAAMA,IAAoB,CAIxBC,GACAC,GACAC,OAEO;AAAA,EACL,WAAW,CAACC,MAAiC;AACrC,UAAAC,IAAQJ,EAAK,UAAU,UAAU;AAAA,MACrC,IAAI,MAAM;AACJ,YAAA;AACF,UAAAG,EAAS,OAAO,OAAOH,EAAK,KAAK,CAAC;AAAA,iBAC3BK,GAAG;AACV,kBAAQ,MAAM;AAAA,YACZ,GAAAA;AAAA,YACA,MAAAL;AAAA,YACA,iBAAAC;AAAA,UAAA,CACD;AAAA,QACH;AAAA,MACF;AAAA,MACA,iBAAAA;AAAA,MACA,IAAIC;AAAA,IAAA,CACL;AAED,WAAO,MAAM;AACL,MAAAE;IAAA;AAAA,EAEV;AAAA,EACA,aAAa,MAAS,OAAO,OAAOJ,EAAK,KAAK;AAAA,EAC9C,mBAAmB,MAAS,OAAO,OAAOA,EAAK,KAAK;AAAA,ICXlDM,IAA4D,CAACC,MAAM,CAACA,CAAC;AAEpE,MAAMC,EAAa;AAAA,EACxB,OAAO,QAGLR,GAASS,GAA2B;AACpC,QAAI,EAAE,oBAAAC,GAAoB,IAAIC,GAAQ,OAAAC,EAAM,IAAIH,KAAW;AAC3D,UAAMP,IAAMW,KACNC,IAAWC,EAAwB,oBAAA,IAAK,CAAA,GACxCC,IAAeD,EAAwB,oBAAA,IAAK,CAAA,GAC5CE,wBAAqB,OACrBC,IAAcH,EAAO,EAAK;AAIhC,IAFaf,EACW,aAEbW,IAAAT;AAGX,UAAMiB,IAAeC,EAAK,YAAY,EAAE,QAAQpB,GAAM;AAAA,MACpD,IAAIW;AAAA,MACJ,OAAAC;AAAA,MACA,WAAW;AAAA,IAAA,CACZ;AAED,QAAI,CAACO;AACH,YAAM,IAAI,MAAM,+BAA+BnB,EAAK,QAAQA,CAAI,EAAE;AAI9D,UAAAC,IAA8D,CAClEoB,GACAC,MACG;AACH,UAAIZ;AACK,eAAAA,EAAmBW,GAAUC,CAAQ;AAE1C,UAAA,OAAOD,KAAa;AACf,eAAAf,EAA0Be,CAAkB;AAGrD,YAAME,IAAiB,CAAA;AACZ,iBAAAC,KAAOV,EAAS;AACzB,QAAIU,KAAOH,KACJE,EAAA,KAAKF,EAASG,CAA4B,CAAC;AAI7C,aAAAD;AAAA,IAAA,GAGH,EAAE,WAAAE,GAAW,aAAAC,GAAa,mBAAAC,EAAsB,IAAAC;AAAA,MACpD,MAAM7B,EAAkBoB,GAAclB,GAAiBC,CAAG;AAAA,MAC1D,CAACiB,EAAa,UAAU;AAAA,IAAA,GAGpBU,IAAQC;AAAA,MACZL;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA,GAGII,IAA0CH,EAAQ,MAAM;AACxD,UAAA;AACE,YAAA,OAAOC,KAAU;AACZ,iBAAA,IAAI,MAAMA,GAAc;AAAA,YAC7B,IAAIG,GAAGC,GAAM;AACF,qBAAAnB,EAAA,QAAQ,IAAImB,CAAc,GACtBjB,EAAA,QAAQ,IAAIiB,CAAc,GACvCf,EAAY,UAAU,IACfW,EAAMI,CAA0B;AAAA,YACzC;AAAA,UAAA,CACD;AAAA,eAEIC,GAAO;AACT,QAAAd,EAAA,SAAS,IAAI,iBAAiBc,CAAK;AAAA,MAC1C;AACO,aAAAL;AAAA,IACN,GAAA,CAACA,GAAOf,GAAUE,CAAY,CAAC;AAElC,WAAAmB,EAAgB,OACdrB,EAAS,UAAU,IAAI,IAAIE,EAAa,OAAO,GAExC,MAAM;AACX,iBAAW,MAAM;AACf,QAAIE,EAAY,YACdF,EAAa,QAAQ,SACrBE,EAAY,UAAU;AAAA,MACxB,CACD;AAAA,IAAA,IAEF,CAACD,CAAc,CAAC,GAEZ,CAACc,GAAaZ,CAAY;AAAA,EACnC;AACF;AAEA,MAAMiB,IAAU5B,EAAa;"}

package/useBloc.d.ts

@@ -1,16 +0,0 @@
-import { BlocConstructor, BlocGeneric, BlocHookDependencyArrayFn, BlocState, InferPropsFromGeneric } from 'blac';
-
-type HookTypes<B extends BlocConstructor<BlocGeneric>> = [
-    BlocState<InstanceType<B>>,
-    InstanceType<B>
-];
-export interface BlocHookOptions<B extends BlocGeneric<any, any>> {
-    id?: string;
-    dependencySelector?: BlocHookDependencyArrayFn<B>;
-    props?: InferPropsFromGeneric<B>;
-}
-export declare class UseBlocClass {
-    static useBloc<B extends BlocConstructor<BlocGeneric>, O extends BlocHookOptions<InstanceType<B>>>(bloc: B, options?: O): HookTypes<B>;
-}
-declare const useBloc: typeof UseBlocClass.useBloc;
-export default useBloc;