@yaasl/core 0.12.1 → 0.13.0-alpha.1

package/dist/@types/effects/create-effect.d.ts

@@ -17,7 +17,7 @@ export interface EffectActions<Options, AtomValue> {
     /** Action to be called after the init phase */
     didInit?: (payload: EffectPayload<Options, AtomValue>) => PromiseLike<any> | void;
     /** Action to be called when the atom's value is set */
-    set?: (payload: EffectPayload<Options, AtomValue>) => void;
+    set?: (payload: EffectPayload<Options, AtomValue>) => PromiseLike<any> | void;
 }
 interface EffectSetupProps<Options, AtomValue> {
     atom: Atom<AtomValue>;

package/dist/@types/effects/indexed-db.d.ts

@@ -1,6 +1,8 @@
 export interface IndexedDbOptions {
     /** Use your own store key. Will be `atom.name` by default. */
     key?: string;
+    /** Disable the synchronization of values over browser tabs */
+    noTabSync?: boolean;
 }
 /** Middleware to save and load atom values to an indexedDb.
  *

package/dist/cjs/effects/indexed-db.js

@@ -10,10 +10,37 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.indexedDb = void 0;
+const utils_1 = require("@yaasl/utils");
 const create_effect_1 = require("./create-effect");
 const base_1 = require("../base");
 const idb_store_1 = require("../utils/idb-store");
 let atomDb = null;
+const createSync = (storeKey, onTabSync) => {
+    var _a;
+    const observingKey = storeKey + "/last-change";
+    let changeTrigger = null;
+    (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.addEventListener("storage", ({ key }) => {
+        if (observingKey !== key)
+            return;
+        if (changeTrigger === "push") {
+            changeTrigger = null;
+            return;
+        }
+        changeTrigger = "sync";
+        onTabSync();
+    });
+    return {
+        pushSync: () => {
+            var _a;
+            if (changeTrigger === "sync") {
+                changeTrigger = null;
+                return;
+            }
+            changeTrigger = "push";
+            (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.localStorage.setItem(observingKey, Date.now().toString());
+        },
+    };
+};
 /** Middleware to save and load atom values to an indexedDb.
  *
  *  Will use one database and store for all atoms with your `CONFIG.name`
@@ -27,6 +54,15 @@ let atomDb = null;
 exports.indexedDb = (0, create_effect_1.createEffect)(({ atom, options }) => {
     var _a;
     const key = (_a = options === null || options === void 0 ? void 0 : options.key) !== null && _a !== void 0 ? _a : atom.name;
+    const { pushSync } = (options === null || options === void 0 ? void 0 : options.noTabSync)
+        ? {}
+        : createSync(key, () => {
+            void (atomDb === null || atomDb === void 0 ? void 0 : atomDb.get(key).then(value => {
+                if (!value)
+                    return;
+                atom.set(value);
+            }));
+        });
     return {
         sort: "pre",
         init: (_a) => __awaiter(void 0, [_a], void 0, function* ({ atom, set }) {
@@ -42,8 +78,9 @@ exports.indexedDb = (0, create_effect_1.createEffect)(({ atom, options }) => {
                 yield atomDb.set(key, atom.defaultValue);
             }
         }),
-        set: ({ value }) => {
-            void (atomDb === null || atomDb === void 0 ? void 0 : atomDb.set(key, value));
-        },
+        set: (_a) => __awaiter(void 0, [_a], void 0, function* ({ value }) {
+            yield (atomDb === null || atomDb === void 0 ? void 0 : atomDb.set(key, value));
+            pushSync === null || pushSync === void 0 ? void 0 : pushSync();
+        }),
     };
 });

package/dist/esm/effects/indexed-db.js

@@ -1,7 +1,32 @@
+import { getWindow } from "@yaasl/utils";
 import { createEffect } from "./create-effect";
 import { CONFIG } from "../base";
 import { IdbStore } from "../utils/idb-store";
 let atomDb = null;
+const createSync = (storeKey, onTabSync) => {
+    const observingKey = storeKey + "/last-change";
+    let changeTrigger = null;
+    getWindow()?.addEventListener("storage", ({ key }) => {
+        if (observingKey !== key)
+            return;
+        if (changeTrigger === "push") {
+            changeTrigger = null;
+            return;
+        }
+        changeTrigger = "sync";
+        onTabSync();
+    });
+    return {
+        pushSync: () => {
+            if (changeTrigger === "sync") {
+                changeTrigger = null;
+                return;
+            }
+            changeTrigger = "push";
+            getWindow()?.localStorage.setItem(observingKey, Date.now().toString());
+        },
+    };
+};
 /** Middleware to save and load atom values to an indexedDb.
  *
  *  Will use one database and store for all atoms with your `CONFIG.name`
@@ -14,6 +39,15 @@ let atomDb = null;
  **/
 export const indexedDb = createEffect(({ atom, options }) => {
     const key = options?.key ?? atom.name;
+    const { pushSync } = options?.noTabSync
+        ? {}
+        : createSync(key, () => {
+            void atomDb?.get(key).then(value => {
+                if (!value)
+                    return;
+                atom.set(value);
+            });
+        });
     return {
         sort: "pre",
         init: async ({ atom, set }) => {
@@ -28,8 +62,9 @@ export const indexedDb = createEffect(({ atom, options }) => {
                 await atomDb.set(key, atom.defaultValue);
             }
         },
-        set: ({ value }) => {
-            void atomDb?.set(key, value);
+        set: async ({ value }) => {
+            await atomDb?.set(key, value);
+            pushSync?.();
         },
     };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yaasl/core",
-  "version": "0.12.1",
+  "version": "0.13.0-alpha.1",
   "description": "yet another atomic store library (vanilla-js)",
   "author": "PrettyCoffee",
   "license": "MIT",
@@ -39,7 +39,10 @@
     "lint:fix": "eslint ./src --fix",
     "validate": "run-s lint test build"
   },
-  "dependencies": {
+  "peerDependencies": {
+    "@yaasl/utils": "^0.12.1"
+  },
+  "devDependencies": {
     "@yaasl/utils": "^0.12.1"
   },
   "lint-staged": {