state-jet 1.0.4 → 1.0.6

package/README.md

@@ -5,7 +5,7 @@ A zero-boilerplate, ultra-fast global state management library for React. No con
 ## 🚀 Why state-jet?
 - ✅ **No Context, No Providers** – Works outside React, reducing unnecessary re-renders.
 - ✅ **Automatic Re-Renders** – Only components using specific state values update.
-- ✅ **Super Lightweight** – Ultra minified!
+- ✅ **Super Lightweight** – Ultra small!
 - ✅ **SSR & Next.js Support** – Works on both client and server.
 
 ## 🛠 Installation
@@ -30,7 +30,7 @@ function Counter() {
 |Feature|Redux|Recoil|MobX|Jotai|state-jet|
 |:----|:----|:----|:----|:----|:----|
 |Setup Required|✅ Yes|✅ Yes|⚠️ Yes|❌ No|❌ No|
-|Bundle Size|🚀 Large|🚀 Medium|⚡ Small|⚡ Small|🔥 Ultra-Small (<1KB)|
+|Bundle Size|🚀 Large|🚀 Medium|⚡ Small|⚡ Small|🔥 Ultra-Small|
 |Reactivity|⚠️ Reducers|✅ Atoms|✅ Proxy-Based|✅ Signals|✅ Signal-Like|
 |Renders Only Affected|❌ No|✅ Yes|✅ Yes|✅ Yes|✅ Yes|
 |Derived/Computed State|❌ No|✅ Yes|✅ Yes|✅ Yes|✅ Yes|

package/dist/hooks.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSyncExternalStore = useSyncExternalStore;
+const react_1 = require("react");
+function useSyncExternalStore(subscribe, getSnapshot) {
+    // State to hold the current snapshot of the store
+    const [snapshot, setSnapshot] = (0, react_1.useState)(getSnapshot());
+    // Effect to subscribe to the external store
+    (0, react_1.useEffect)(() => {
+        // Function to update the snapshot when the store changes
+        const handleStoreChange = () => {
+            setSnapshot(getSnapshot());
+        };
+        // Subscribe to the store and get the unsubscribe function
+        const unsubscribe = subscribe(handleStoreChange);
+        // Ensure the snapshot is up-to-date after subscribing
+        handleStoreChange();
+        // Cleanup function to unsubscribe when the component unmounts
+        return () => {
+            unsubscribe();
+        };
+    }, [subscribe, getSnapshot]);
+    // Return the current snapshot
+    return snapshot;
+}

package/dist/{src/store.js → store.js}

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStateGlobal = void 0;
-const react_1 = require("react");
 const immer_1 = require("immer");
 const persistence_1 = require("./persistence");
+const hooks_1 = require("./hooks");
 const devtools_1 = require("./devtools");
 const store = new Map();
 const pendingUpdates = new Map();
@@ -66,7 +66,7 @@ const useStateGlobal = (key, initialValue, options) => {
         }
     };
     const useStore = () => {
-        return (0, react_1.useSyncExternalStore)((callback) => {
+        return (0, hooks_1.useSyncExternalStore)((callback) => {
             state.listeners.add(callback);
             return () => state.listeners.delete(callback);
         }, () => state.value);

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "state-jet",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Ultra-lightweight global state management for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.mjs",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -20,7 +22,10 @@
     "react",
     "state-management",
     "global-state",
-    "signals"
+    "signals",
+    "state-jet",
+    "state",
+    "jet"
   ],
   "author": "venkateshsundaram",
   "license": "MIT",
@@ -35,12 +40,10 @@
     "lint": "eslint src --ext .ts,.tsx"
   },
   "devDependencies": {
-    "@types/react": "^19.0.3",
-    "@types/react-dom": "^19.0.2",
+    "@types/react": "^18.2.0",
     "eslint": "^8.57.1",
     "immer": "^10.1.1",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "^18.2.0",
     "typescript": "^5.7.3",
     "vitest": "^2.1.8"
   },

package/dist/example/App.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = App;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_1 = require("../src/index");
-const middleware_1 = require("../src/middleware");
-const counter = (0, index_1.useStateGlobal)("counter", 0, { middleware: [middleware_1.loggerMiddleware] });
-function App() {
-    const { undo, redo } = counter;
-    const count = counter.useStore();
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => counter.set(count + 1), children: "+" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => counter.set(count - 1), children: "-" }), (0, jsx_runtime_1.jsx)("button", { onClick: undo, children: "Undo" }), (0, jsx_runtime_1.jsx)("button", { onClick: redo, children: "Redo" }), (0, jsx_runtime_1.jsxs)("p", { children: ["Count: ", count] })] }));
-}