@blac/react 2.0.0-rc-11 → 2.0.0-rc-13

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("@blac/core"),r=require("react");function x(n,e){const b=r.useRef(0);b.current++;const l=r.useRef({}),c=r.useMemo(()=>new S.BlacAdapter({componentRef:l,blocConstructor:n},{id:e==null?void 0:e.id,dependencies:e==null?void 0:e.dependencies,props:e==null?void 0:e.props,onMount:e==null?void 0:e.onMount,onUnmount:e==null?void 0:e.onUnmount}),[]);c.resetConsumerTracking();const t=r.useRef(0);r.useEffect(()=>{t.current++,c.options={id:e==null?void 0:e.id,dependencies:e==null?void 0:e.dependencies,props:e==null?void 0:e.props,onMount:e==null?void 0:e.onMount,onUnmount:e==null?void 0:e.onUnmount},(e==null?void 0:e.props)!==void 0&&c.updateProps(e.props)},[e==null?void 0:e.props,e==null?void 0:e.id,e==null?void 0:e.dependencies,e==null?void 0:e.onMount,e==null?void 0:e.onUnmount]);const R=r.useRef(0);r.useEffect(()=>(R.current++,c.mount(),()=>{c.unmount()}),[c.blocInstance]);const M=r.useRef(0),u=r.useMemo(()=>(M.current++,s=>{const B=c.createSubscription({onChange:()=>{s()}});return()=>{B()}}),[c.blocInstance]),a=r.useRef(0),d=r.useRef(0),f=r.useSyncExternalStore(u,()=>(a.current++,c.blocInstance.state),()=>{const s=c.blocInstance;return d.current++,s.state}),m=r.useRef(0),g=r.useMemo(()=>(m.current++,c.getProxyState(f)),[f]),y=r.useRef(0),I=r.useMemo(()=>(y.current++,c.getProxyBlocInstance()),[c.blocInstance]);return r.useEffect(()=>{c.updateLastNotified(l.current)}),[g,I]}function U(n,e={}){const b=r.useRef(`external-${S.generateUUID()}`),l=r.useRef(new Set),c=r.useRef(new Set),t=r.useRef(null),R=r.useMemo(()=>{const u=S.Blac.getInstance();if(n.constructor.isolated||n.isolated){const d=new n(e==null?void 0:e.props),f=(e==null?void 0:e.id)||`${n.name}_${S.generateUUID()}`;return d._updateId(f),u.activateBloc(d),d}return u.getBloc(n,{id:e==null?void 0:e.id,props:e==null?void 0:e.props})},[n,e==null?void 0:e.id]),M=r.useMemo(()=>({getSnapshot:()=>{const u=t.current;return u?u.state:void 0},subscribe:u=>{const a=t.current;if(!a)return()=>{};const d=(m,g)=>{try{l.current.clear(),c.current.clear(),e.selector&&a&&e.selector(m,g,a),u.length>0?u(m):u()}catch(y){console.error("Listener error in useExternalBlocStore:",y)}};return a._observer.subscribe({id:b.current,fn:d})},getServerSnapshot:()=>{const u=t.current;return u?u.state:void 0}}),[]);return t.current=R,{externalStore:M,instance:t,usedKeys:l,usedClassPropKeys:c,rid:b.current}}exports.useBloc=x;exports.useExternalBlocStore=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("@blac/core"),r=require("react");function I(n,e){const b=r.useRef(0);b.current++;const l=r.useRef({}),c=r.useMemo(()=>new S.BlacAdapter({componentRef:l,blocConstructor:n},{id:e==null?void 0:e.id,dependencies:e==null?void 0:e.dependencies,props:e==null?void 0:e.props,onMount:e==null?void 0:e.onMount,onUnmount:e==null?void 0:e.onUnmount}),[]);c.resetConsumerTracking();const t=r.useRef(0);r.useEffect(()=>{t.current++,c.options={id:e==null?void 0:e.id,dependencies:e==null?void 0:e.dependencies,props:e==null?void 0:e.props,onMount:e==null?void 0:e.onMount,onUnmount:e==null?void 0:e.onUnmount},(e==null?void 0:e.props)!==void 0&&c.updateProps(e.props)},[e==null?void 0:e.props,e==null?void 0:e.id,e==null?void 0:e.dependencies,e==null?void 0:e.onMount,e==null?void 0:e.onUnmount]);const R=r.useRef(0);r.useEffect(()=>(R.current++,c.mount(),()=>{c.unmount()}),[c.blocInstance]);const B=r.useRef(0),u=r.useMemo(()=>(B.current++,d=>{const y=c.createSubscription({onChange:()=>{d()}});return()=>{y()}}),[c.blocInstance]),a=r.useRef(0),s=r.useRef(0),f=r.useSyncExternalStore(u,()=>(a.current++,c.blocInstance.state),()=>{const d=c.blocInstance;return s.current++,d.state}),m=r.useRef(0),M=r.useMemo(()=>(m.current++,c.getProxyState(f)),[f]),g=r.useRef(0),x=r.useMemo(()=>(g.current++,c.getProxyBlocInstance()),[c.blocInstance]);return r.useEffect(()=>{c.updateLastNotified(l.current)}),[M,x]}function U(n,e={}){const b=r.useRef(`external-${S.generateUUID()}`),l=r.useRef(new Set),c=r.useRef(new Set),t=r.useRef(null),R=r.useMemo(()=>{const u=S.Blac.getInstance();if(n.constructor.isolated||n.isolated){const s=new n(e==null?void 0:e.props),f=(e==null?void 0:e.id)||`${n.name}_${S.generateUUID()}`;return s._updateId(f),u.activateBloc(s),s}return u.getBloc(n,{id:e==null?void 0:e.id,props:e==null?void 0:e.props})},[n,e==null?void 0:e.id]),B=r.useMemo(()=>({getSnapshot:()=>{const u=t.current;return u?u.state:void 0},subscribe:u=>{const a=t.current;if(!a)return()=>{};const s=(m,M)=>{try{l.current.clear(),c.current.clear(),e.selector&&a&&e.selector(m,M,a),u.length>0?u(m):u()}catch(g){console.error("Listener error in useExternalBlocStore:",g)}};return a._observer.subscribe({id:b.current,fn:s})},getServerSnapshot:()=>{const u=t.current;return u?u.state:void 0}}),[]);return t.current=R,{externalStore:B,instance:t,usedKeys:l,usedClassPropKeys:c,rid:b.current}}exports.useBloc=I;exports.useBlocNext=I;exports.useExternalBlocStore=U;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -40,13 +40,15 @@ InstanceType<B>
 /**
  * React hook for integrating with Blac state management
  */
-export declare function useBloc<B extends BlocConstructor<BlocBase<any>>>(blocConstructor: B, options?: {
+declare function useBloc<B extends BlocConstructor<BlocBase<any>>>(blocConstructor: B, options?: {
     props?: ConstructorParameters<B>[0];
     id?: string;
     dependencies?: (bloc: InstanceType<B>) => unknown[];
     onMount?: (bloc: InstanceType<B>) => void;
     onUnmount?: (bloc: InstanceType<B>) => void;
 }): HookTypes<B>;
+export { useBloc }
+export { useBloc as useBlocNext }
 
 /**
  * Hook for using an external bloc store

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { BlacAdapter as v, generateUUID as h, Blac as w } from "@blac/core";
 import { useRef as u, useMemo as b, useEffect as M, useSyncExternalStore as U } from "react";
 function P(n, e) {
-  const s = u(0);
-  s.current++;
+  const m = u(0);
+  m.current++;
   const f = u({}), r = b(() => new v(
     {
       componentRef: f,
@@ -27,11 +27,11 @@ function P(n, e) {
       onUnmount: e == null ? void 0 : e.onUnmount
     }, (e == null ? void 0 : e.props) !== void 0 && r.updateProps(e.props);
   }, [e == null ? void 0 : e.props, e == null ? void 0 : e.id, e == null ? void 0 : e.dependencies, e == null ? void 0 : e.onMount, e == null ? void 0 : e.onUnmount]);
-  const I = u(0);
-  M(() => (I.current++, r.mount(), () => {
+  const x = u(0);
+  M(() => (x.current++, r.mount(), () => {
     r.unmount();
   }), [r.blocInstance]);
-  const x = u(0), c = b(() => (x.current++, (l) => {
+  const B = u(0), c = b(() => (B.current++, (l) => {
     const g = r.createSubscription({
       onChange: () => {
         l();
@@ -40,7 +40,7 @@ function P(n, e) {
     return () => {
       g();
     };
-  }), [r.blocInstance]), a = u(0), d = u(0), m = U(
+  }), [r.blocInstance]), a = u(0), d = u(0), s = U(
     c,
     // Get snapshot
     () => (a.current++, r.blocInstance.state),
@@ -49,23 +49,23 @@ function P(n, e) {
       const l = r.blocInstance;
       return d.current++, l.state;
     }
-  ), S = u(0), y = b(() => (S.current++, r.getProxyState(m)), [m]), B = u(0), C = b(() => (B.current++, r.getProxyBlocInstance()), [r.blocInstance]);
+  ), S = u(0), I = b(() => (S.current++, r.getProxyState(s)), [s]), y = u(0), C = b(() => (y.current++, r.getProxyBlocInstance()), [r.blocInstance]);
   return M(() => {
     r.updateLastNotified(f.current);
-  }), [y, C];
+  }), [I, C];
 }
 function K(n, e = {}) {
-  const s = u(`external-${h()}`), f = u(/* @__PURE__ */ new Set()), r = u(/* @__PURE__ */ new Set()), t = u(null), I = b(() => {
+  const m = u(`external-${h()}`), f = u(/* @__PURE__ */ new Set()), r = u(/* @__PURE__ */ new Set()), t = u(null), x = b(() => {
     const c = w.getInstance();
     if (n.constructor.isolated || n.isolated) {
-      const d = new n(e == null ? void 0 : e.props), m = (e == null ? void 0 : e.id) || `${n.name}_${h()}`;
-      return d._updateId(m), c.activateBloc(d), d;
+      const d = new n(e == null ? void 0 : e.props), s = (e == null ? void 0 : e.id) || `${n.name}_${h()}`;
+      return d._updateId(s), c.activateBloc(d), d;
     }
     return c.getBloc(n, {
       id: e == null ? void 0 : e.id,
       props: e == null ? void 0 : e.props
     });
-  }, [n, e == null ? void 0 : e.id]), x = b(
+  }, [n, e == null ? void 0 : e.id]), B = b(
     () => ({
       getSnapshot: () => {
         const c = t.current;
@@ -76,15 +76,15 @@ function K(n, e = {}) {
         if (!a)
           return () => {
           };
-        const d = (S, y) => {
+        const d = (S, I) => {
           try {
-            f.current.clear(), r.current.clear(), e.selector && a && e.selector(S, y, a), c.length > 0 ? c(S) : c();
-          } catch (B) {
-            console.error("Listener error in useExternalBlocStore:", B);
+            f.current.clear(), r.current.clear(), e.selector && a && e.selector(S, I, a), c.length > 0 ? c(S) : c();
+          } catch (y) {
+            console.error("Listener error in useExternalBlocStore:", y);
           }
         };
         return a._observer.subscribe({
-          id: s.current,
+          id: m.current,
           fn: d
         });
       },
@@ -95,16 +95,17 @@ function K(n, e = {}) {
     }),
     []
   );
-  return t.current = I, {
-    externalStore: x,
+  return t.current = x, {
+    externalStore: B,
     instance: t,
     usedKeys: f,
     usedClassPropKeys: r,
-    rid: s.current
+    rid: m.current
   };
 }
 export {
   P as useBloc,
+  P as useBlocNext,
   K as useExternalBlocStore
 };
 //# sourceMappingURL=index.es.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blac/react",
-  "version": "2.0.0-rc-11",
+  "version": "2.0.0-rc-13",
   "license": "MIT",
   "author": "Brendan Mullins <jsnanigans@gmail.com>",
   "main": "dist/index.cjs.js",
@@ -30,7 +30,7 @@
     "@types/react-dom": "^18.0.0 || ^19.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@blac/core": "2.0.0-rc-11"
+    "@blac/core": "2.0.0-rc-13"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/src/index.ts

@@ -1,2 +1,3 @@
 export { default as useBloc } from './useBloc';
+export { default as useBlocNext } from './useBloc';
 export { default as useExternalBlocStore } from './useExternalBlocStore';