@t8/react-store 1.1.1 → 1.1.3

package/README.md

@@ -174,3 +174,13 @@ The ready-to-use hook from the [T8 React Pending](https://github.com/t8js/react-
 ## Remount-persistent state
 
 A standalone store initialized outside a component can be used by the component as remount-persistent state, whether used by other components or not.
+
+## Persistence across page reloads
+
+```js
+import { Store, persist } from "@t8/react-store";
+
+let counterStore = persist(new Store(0), "counter");
+```
+
+Whenever it's updated, `counterStore` above will save its state to the `"counter"` key of `localStorage`. (Pass `true` as the third parameter of `persist()` to use `sessionStorage` instead of `localStorage`.) `counterStore` returned from `persist()` is the same store passed as the first parameter enhanced to be persistent across page reloads.

package/dist/index.js

@@ -10,16 +10,20 @@ function getStorage(session) {
 }
 function persist(store, storageKey, session = false) {
   let inited = false;
-  function read() {
+  function read(state) {
     let storage = getStorage(session);
+    let rawState = null;
     if (storage) {
       try {
-        let rawState = storage.getItem(storageKey);
+        rawState = storage.getItem(storageKey);
         if (rawState !== null) store.setState(JSON.parse(rawState));
       } catch {
       }
     }
-    if (!inited) inited = true;
+    if (!inited) {
+      inited = true;
+      if (rawState === null) write(state);
+    }
   }
   function write(state) {
     let storage = getStorage(session);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t8/react-store",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Small React app state management lib aligned with React's state pattern, condensed to the essentials",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -45,6 +45,6 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@t8/store": "^1.2.1"
+    "@t8/store": "^1.2.3"
   }
 }