@yaasl/core 0.13.0-alpha.2 → 0.13.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,36 +10,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
10
10
  };
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
12
  exports.indexedDb = void 0;
13
- const utils_1 = require("@yaasl/utils");
14
13
  const create_effect_1 = require("./create-effect");
15
14
  const base_1 = require("../base");
16
15
  const get_scoped_key_1 = require("../utils/get-scoped-key");
17
16
  const idb_store_1 = require("../utils/idb-store");
18
17
  let atomDb = null;
19
18
  const createSync = (storeKey, onTabSync) => {
20
- var _a;
21
- const observingKey = (0, get_scoped_key_1.getScopedKey)(storeKey) + "/last-change";
22
- let changeTrigger = null;
23
- (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.addEventListener("storage", ({ key }) => {
24
- if (observingKey !== key)
25
- return;
26
- if (changeTrigger === "push") {
27
- changeTrigger = null;
28
- return;
29
- }
30
- changeTrigger = "sync";
31
- onTabSync();
32
- });
19
+ const key = (0, get_scoped_key_1.getScopedKey)(storeKey);
20
+ const channel = new BroadcastChannel(key);
21
+ channel.onmessage = () => onTabSync();
33
22
  return {
34
- pushSync: () => {
35
- var _a;
36
- if (changeTrigger === "sync") {
37
- changeTrigger = null;
38
- return;
39
- }
40
- changeTrigger = "push";
41
- (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.localStorage.setItem(observingKey, Date.now().toString());
42
- },
23
+ pushSync: () => channel.postMessage("sync"),
43
24
  };
44
25
  };
45
26
  /** Middleware to save and load atom values to an indexedDb.
@@ -79,9 +60,9 @@ exports.indexedDb = (0, create_effect_1.createEffect)(({ atom, options }) => {
79
60
  yield atomDb.set(key, atom.defaultValue);
80
61
  }
81
62
  }),
82
- set: (_a) => __awaiter(void 0, [_a], void 0, function* ({ value }) {
83
- yield (atomDb === null || atomDb === void 0 ? void 0 : atomDb.set(key, value));
84
- pushSync === null || pushSync === void 0 ? void 0 : pushSync();
85
- }),
63
+ set: ({ value }) => {
64
+ // don't wait to set the atom value,directly pass it into the atom
65
+ void (atomDb === null || atomDb === void 0 ? void 0 : atomDb.set(key, value).then(pushSync));
66
+ },
86
67
  };
87
68
  });
@@ -1,31 +1,14 @@
1
- import { getWindow } from "@yaasl/utils";
2
1
  import { createEffect } from "./create-effect";
3
2
  import { CONFIG } from "../base";
4
3
  import { getScopedKey } from "../utils/get-scoped-key";
5
4
  import { IdbStore } from "../utils/idb-store";
6
5
  let atomDb = null;
7
6
  const createSync = (storeKey, onTabSync) => {
8
- const observingKey = getScopedKey(storeKey) + "/last-change";
9
- let changeTrigger = null;
10
- getWindow()?.addEventListener("storage", ({ key }) => {
11
- if (observingKey !== key)
12
- return;
13
- if (changeTrigger === "push") {
14
- changeTrigger = null;
15
- return;
16
- }
17
- changeTrigger = "sync";
18
- onTabSync();
19
- });
7
+ const key = getScopedKey(storeKey);
8
+ const channel = new BroadcastChannel(key);
9
+ channel.onmessage = () => onTabSync();
20
10
  return {
21
- pushSync: () => {
22
- if (changeTrigger === "sync") {
23
- changeTrigger = null;
24
- return;
25
- }
26
- changeTrigger = "push";
27
- getWindow()?.localStorage.setItem(observingKey, Date.now().toString());
28
- },
11
+ pushSync: () => channel.postMessage("sync"),
29
12
  };
30
13
  };
31
14
  /** Middleware to save and load atom values to an indexedDb.
@@ -63,9 +46,9 @@ export const indexedDb = createEffect(({ atom, options }) => {
63
46
  await atomDb.set(key, atom.defaultValue);
64
47
  }
65
48
  },
66
- set: async ({ value }) => {
67
- await atomDb?.set(key, value);
68
- pushSync?.();
49
+ set: ({ value }) => {
50
+ // don't wait to set the atom value,directly pass it into the atom
51
+ void atomDb?.set(key, value).then(pushSync);
69
52
  },
70
53
  };
71
54
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yaasl/core",
3
- "version": "0.13.0-alpha.2",
3
+ "version": "0.13.0-alpha.4",
4
4
  "description": "yet another atomic store library (vanilla-js)",
5
5
  "author": "PrettyCoffee",
6
6
  "license": "MIT",