@inglorious/react-store 3.0.2 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/react-store",
-  "version": "3.0.2",
+  "version": "5.0.0",
   "description": "Official React bindings for @inglorious/store. Provides hooks and a Provider to connect your React components to the store.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -40,7 +40,7 @@
   },
   "peerDependencies": {
     "react": "^19.2.0",
-    "@inglorious/store": "5.4.1"
+    "@inglorious/store": "6.0.0"
   },
   "devDependencies": {
     "prettier": "^3.6.2",

package/src/index.jsx

@@ -1,49 +1,13 @@
-import { sendAction } from "@inglorious/store/client/dev-tools"
-import { useCallback } from "react"
-import { Provider, useSelector } from "react-redux"
-
-const DEFAULT_CONFIG = { mode: "eager" }
-const ONE_SECOND = 1000
-const DEFAULT_FPS = 20
-
-export function createReactStore(store, config = DEFAULT_CONFIG) {
-  if (config.mode === "batched") {
-    loop(store, config)
-  }
-
-  return { Provider: StoreProvider, useSelector, useNotify }
-
-  function StoreProvider({ children }) {
-    return <Provider store={store}>{children}</Provider>
-  }
-
-  function useNotify() {
-    return useCallback((type, payload) => {
-      store.notify(type, payload)
-
-      if (config.mode === "eager") {
-        sendAction({ type, payload }, store.getState())
-      }
-    }, [])
-  }
-}
-
-function loop(store, config) {
-  const fps = config.fps ?? DEFAULT_FPS
-
-  setInterval(() => {
-    const processedEvents = store.update()
-    const skippedEvents = config.skippedEvents ?? []
-
-    const eventsToLog = processedEvents.filter(
-      ({ type }) => !skippedEvents.includes(type),
-    )
-    if (eventsToLog.length) {
-      const action = {
-        type: eventsToLog.map(({ type }) => type).join("|"),
-        payload: eventsToLog,
-      }
-      sendAction(action, store.getState())
-    }
-  }, ONE_SECOND / fps)
-}
+import { Provider, useSelector } from "react-redux"
+
+export function createReactStore(store) {
+  function StoreProvider({ children }) {
+    return <Provider store={store}>{children}</Provider>
+  }
+
+  function useNotify() {
+    return store._api.notify
+  }
+
+  return { Provider: StoreProvider, useSelector, useNotify }
+}