@fluid-topics/ft-wc-utils 1.2.39 → 1.2.41

package/build/SameWindowStorageEvent.d.ts

@@ -0,0 +1,15 @@
+export declare const ALL_KEYS_VALUE = "__all__";
+export interface SameWindowStorageEventProperty {
+    key: string;
+    oldValue?: string;
+    newValue?: string;
+}
+export declare class SameWindowStorageEvent extends CustomEvent<SameWindowStorageEventProperty> {
+    constructor(key: string, oldValue?: string, newValue?: string);
+    keyMatch(value: string): boolean;
+}
+declare global {
+    interface WindowEventMap {
+        ["same-window-storage"]: SameWindowStorageEvent;
+    }
+}

package/build/SameWindowStorageEvent.js

@@ -0,0 +1,35 @@
+/*
+* https://developer.mozilla.org/en-US/docs/Web/API/Window/storage_event
+* Storage event are trigger only on other tabs.
+* It could be usefull to have event on sessionStorage or localStorage update
+* For that we follow the Proxy'hack from https://stackoverflow.com/questions/26974084/listen-for-changes-with-localstorage-on-the-same-window
+* */
+export const ALL_KEYS_VALUE = "__all__";
+export class SameWindowStorageEvent extends CustomEvent {
+    constructor(key, oldValue, newValue) {
+        super("same-window-storage", { detail: { key, oldValue, newValue } });
+    }
+    keyMatch(value) {
+        return this.detail.key.includes(value) || this.detail.key == ALL_KEYS_VALUE;
+    }
+}
+Storage.prototype.setItem = new Proxy(Storage.prototype.setItem, {
+    apply(setItem, storage, args) {
+        const before = storage.getItem(args[0]);
+        Reflect.apply(setItem, storage, args);
+        window.dispatchEvent(new SameWindowStorageEvent(args[0], before, args[1]));
+    },
+});
+Storage.prototype.removeItem = new Proxy(Storage.prototype.removeItem, {
+    apply(removeItem, storage, args) {
+        const before = storage.getItem(args[0]);
+        Reflect.apply(removeItem, storage, args);
+        window.dispatchEvent(new SameWindowStorageEvent(args[0], before));
+    },
+});
+Storage.prototype.clear = new Proxy(Storage.prototype.clear, {
+    apply(clear, storage, args) {
+        Reflect.apply(clear, storage, args);
+        window.dispatchEvent(new SameWindowStorageEvent(ALL_KEYS_VALUE));
+    },
+});