srasm 0.0.3 → 0.0.4

package/dist/index.cjs

@@ -54,6 +54,15 @@ function deepEqual(obj1, obj2) {
   return true;
 }
 
+// src/utils/tryRegisterSRASMDevtools.ts
+function tryRegisterSRASMDevtools(storeName, api) {
+  if (typeof window === "undefined") return;
+  const dt = window.__SRASM_DEVTOOLS__;
+  if (dt && typeof dt.registerStore === "function") {
+    dt.registerStore(storeName, api);
+  }
+}
+
 // src/context/createStateStore.ts
 var import_with_selector = require("use-sync-external-store/with-selector");
 function createStateStore(initialSlices) {
@@ -105,14 +114,14 @@ function createStateStore(initialSlices) {
       selector ?? ((s) => s),
       options?.isEqual ?? Object.is
     );
-    const setState = (0, import_react.useCallback)(
+    const setState2 = (0, import_react.useCallback)(
       (payload) => updateSlice(slice, payload, !!options?.useDeepEqualCheck),
       [slice, options?.useDeepEqualCheck]
     );
-    return { state: selected, setState };
+    return { state: selected, setState: setState2 };
   }
   function useSRASMAsync(slice, fetcher, tags = []) {
-    const { state, setState } = useSRASM(slice);
+    const { state, setState: setState2 } = useSRASM(slice);
     const [loading, setLoading] = import_react.default.useState(false);
     const [error, setError] = import_react.default.useState(null);
     const fetchData = (0, import_react.useCallback)(async () => {
@@ -120,13 +129,13 @@ function createStateStore(initialSlices) {
       setError(null);
       try {
         const data = await fetcher();
-        setState(data);
+        setState2(data);
       } catch (err) {
         setError(err);
       } finally {
         setLoading(false);
       }
-    }, [slice, fetcher, setState]);
+    }, [slice, fetcher, setState2]);
     import_react.default.useEffect(() => {
       fetchData();
     }, [JSON.stringify(tags)]);
@@ -137,11 +146,24 @@ function createStateStore(initialSlices) {
       refetch: fetchData
     };
   }
-  const SRASMProvider = ({
-    children
-  }) => {
+  const SRASMProvider = ({ children }) => {
     return children;
   };
+  const getState = () => storeState;
+  const subscribe = (listener) => {
+    const unsubs = Object.keys(storeState).map(
+      (k) => subscribeSlice(k, listener)
+    );
+    return () => unsubs.forEach((u) => u());
+  };
+  const setState = (key, payload, useDeepEqualCheck = false) => {
+    updateSlice(key, payload, useDeepEqualCheck);
+  };
+  tryRegisterSRASMDevtools("default", {
+    getState,
+    subscribe,
+    setState
+  });
   return { SRASMProvider, useSRASM, useSRASMAsync };
 }
 

package/dist/index.d.cts

@@ -12,7 +12,7 @@ import React from 'react';
  * The `useSRASM` hook can be used by your React components to access and update the state.
  */
 declare function createStateStore<Slices extends Record<string, any>>(initialSlices: Slices): {
-    SRASMProvider: ({ children, }: {
+    SRASMProvider: ({ children }: {
         children: React.ReactNode;
     }) => React.ReactElement<{
         children: React.ReactNode;

package/dist/index.d.ts

@@ -12,7 +12,7 @@ import React from 'react';
  * The `useSRASM` hook can be used by your React components to access and update the state.
  */
 declare function createStateStore<Slices extends Record<string, any>>(initialSlices: Slices): {
-    SRASMProvider: ({ children, }: {
+    SRASMProvider: ({ children }: {
         children: React.ReactNode;
     }) => React.ReactElement<{
         children: React.ReactNode;

package/dist/index.js

@@ -18,6 +18,15 @@ function deepEqual(obj1, obj2) {
   return true;
 }
 
+// src/utils/tryRegisterSRASMDevtools.ts
+function tryRegisterSRASMDevtools(storeName, api) {
+  if (typeof window === "undefined") return;
+  const dt = window.__SRASM_DEVTOOLS__;
+  if (dt && typeof dt.registerStore === "function") {
+    dt.registerStore(storeName, api);
+  }
+}
+
 // src/context/createStateStore.ts
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/with-selector";
 function createStateStore(initialSlices) {
@@ -69,14 +78,14 @@ function createStateStore(initialSlices) {
       selector ?? ((s) => s),
       options?.isEqual ?? Object.is
     );
-    const setState = useCallback(
+    const setState2 = useCallback(
       (payload) => updateSlice(slice, payload, !!options?.useDeepEqualCheck),
       [slice, options?.useDeepEqualCheck]
     );
-    return { state: selected, setState };
+    return { state: selected, setState: setState2 };
   }
   function useSRASMAsync(slice, fetcher, tags = []) {
-    const { state, setState } = useSRASM(slice);
+    const { state, setState: setState2 } = useSRASM(slice);
     const [loading, setLoading] = React.useState(false);
     const [error, setError] = React.useState(null);
     const fetchData = useCallback(async () => {
@@ -84,13 +93,13 @@ function createStateStore(initialSlices) {
       setError(null);
       try {
         const data = await fetcher();
-        setState(data);
+        setState2(data);
       } catch (err) {
         setError(err);
       } finally {
         setLoading(false);
       }
-    }, [slice, fetcher, setState]);
+    }, [slice, fetcher, setState2]);
     React.useEffect(() => {
       fetchData();
     }, [JSON.stringify(tags)]);
@@ -101,11 +110,24 @@ function createStateStore(initialSlices) {
       refetch: fetchData
     };
   }
-  const SRASMProvider = ({
-    children
-  }) => {
+  const SRASMProvider = ({ children }) => {
     return children;
   };
+  const getState = () => storeState;
+  const subscribe = (listener) => {
+    const unsubs = Object.keys(storeState).map(
+      (k) => subscribeSlice(k, listener)
+    );
+    return () => unsubs.forEach((u) => u());
+  };
+  const setState = (key, payload, useDeepEqualCheck = false) => {
+    updateSlice(key, payload, useDeepEqualCheck);
+  };
+  tryRegisterSRASMDevtools("default", {
+    getState,
+    subscribe,
+    setState
+  });
   return { SRASMProvider, useSRASM, useSRASMAsync };
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "srasm",
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "files": [
     "dist",