@koine/browser 2.0.0-beta.2 → 2.0.0-beta.21

package/navigateToHashParams.js

@@ -1,27 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigateToHashParams = void 0;
-var tslib_1 = require("tslib");
-var buildUrlQueryString_1 = tslib_1.__importDefault(require("@koine/utils/buildUrlQueryString"));
-var getUrlHashPathname_1 = tslib_1.__importDefault(require("@koine/utils/getUrlHashPathname"));
-/**
- * It updates the `location.hash` with the given query params, it uses `location.hash`
- * if a second argument `hash` is not provded
- *
- * @category location
- */
-function navigateToHashParams(params, hash) {
+import { buildUrlQueryString, getUrlHashPathname, } from "@koine/utils";
+export function navigateToHashParams(params, hash) {
     if (params === void 0) { params = {}; }
     if (hash === void 0) { hash = ""; }
     var useLocation = !hash;
     hash = hash || location.hash;
-    var hashQueryLess = (0, getUrlHashPathname_1.default)(hash);
-    var queryString = typeof params === "string" ? params : (0, buildUrlQueryString_1.default)(params);
+    var hashQueryLess = getUrlHashPathname(hash);
+    var queryString = typeof params === "string" ? params : buildUrlQueryString(params);
     var newHash = "#/" + hashQueryLess + queryString;
     if (useLocation) {
         location.hash = newHash;
     }
     return newHash;
 }
-exports.navigateToHashParams = navigateToHashParams;
-exports.default = navigateToHashParams;
+export default navigateToHashParams;

package/navigateToMergedHashParams.d.ts

@@ -1,8 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
-/**
- * It updates the "query params" within the `location.hash`, it uses `location`
- *
- * @category location
- */
+import { type AnyQueryParams } from "@koine/utils";
 export declare function navigateToMergedHashParams(params?: NonNullable<AnyQueryParams>, hash?: string): string;
 export default navigateToMergedHashParams;

package/navigateToMergedHashParams.js

@@ -1,19 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigateToMergedHashParams = void 0;
-var tslib_1 = require("tslib");
-var mergeUrlQueryParams_1 = tslib_1.__importDefault(require("@koine/utils/mergeUrlQueryParams"));
-var getUrlHashParams_1 = tslib_1.__importDefault(require("@koine/utils/getUrlHashParams"));
-var navigateToHashParams_1 = require("./navigateToHashParams");
-/**
- * It updates the "query params" within the `location.hash`, it uses `location`
- *
- * @category location
- */
-function navigateToMergedHashParams(params, hash) {
+import { getUrlHashParams, mergeUrlQueryParams, } from "@koine/utils";
+import { navigateToHashParams } from "./navigateToHashParams.js";
+export function navigateToMergedHashParams(params, hash) {
     if (params === void 0) { params = {}; }
     if (hash === void 0) { hash = ""; }
-    return (0, navigateToHashParams_1.navigateToHashParams)((0, mergeUrlQueryParams_1.default)((0, getUrlHashParams_1.default)(hash), params), hash);
+    return navigateToHashParams(mergeUrlQueryParams(getUrlHashParams(hash), params), hash);
 }
-exports.navigateToMergedHashParams = navigateToMergedHashParams;
-exports.default = navigateToMergedHashParams;
+export default navigateToMergedHashParams;

package/navigateToMergedParams.d.ts

@@ -1,9 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
-/**
- * Merge current URL query parameters with the given ones, it uses `history`.
- *
- * @category location
- * @param replace Replace URL instead of pushing it in the history stack. By default it pushes it.
- */
+import { type AnyQueryParams } from "@koine/utils";
 export declare function navigateToMergedParams(params?: NonNullable<AnyQueryParams>, replace?: boolean): string;
 export default navigateToMergedParams;

package/navigateToMergedParams.js

@@ -1,19 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigateToMergedParams = void 0;
-var tslib_1 = require("tslib");
-var mergeUrlQueryParams_1 = tslib_1.__importDefault(require("@koine/utils/mergeUrlQueryParams"));
-var getUrlQueryParams_1 = tslib_1.__importDefault(require("@koine/utils/getUrlQueryParams"));
-var navigateToParams_1 = require("./navigateToParams");
-/**
- * Merge current URL query parameters with the given ones, it uses `history`.
- *
- * @category location
- * @param replace Replace URL instead of pushing it in the history stack. By default it pushes it.
- */
-function navigateToMergedParams(params, replace) {
+import { getUrlQueryParams, mergeUrlQueryParams, } from "@koine/utils";
+import { navigateToParams } from "./navigateToParams.js";
+export function navigateToMergedParams(params, replace) {
     if (params === void 0) { params = {}; }
-    return (0, navigateToParams_1.navigateToParams)((0, mergeUrlQueryParams_1.default)((0, getUrlQueryParams_1.default)(), params), replace);
+    return navigateToParams(mergeUrlQueryParams(getUrlQueryParams(), params), replace);
 }
-exports.navigateToMergedParams = navigateToMergedParams;
-exports.default = navigateToMergedParams;
+export default navigateToMergedParams;

package/navigateToParams.d.ts

@@ -1,10 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
-/**
- * Change current URL query parameters, it uses `history`.
- *
- * @category location
- * @param replace Replace URL instead of pushing it in the history stack. By default it pushes it.
- * @returns The query string with initial `?`
- */
+import { type AnyQueryParams } from "@koine/utils";
 export declare function navigateToParams(params?: string | AnyQueryParams, replace?: boolean): string;
 export default navigateToParams;

package/navigateToParams.js

@@ -1,24 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigateToParams = void 0;
-var tslib_1 = require("tslib");
-var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
-var buildUrlQueryString_1 = tslib_1.__importDefault(require("@koine/utils/buildUrlQueryString"));
-var navigateToUrl_1 = tslib_1.__importDefault(require("./navigateToUrl"));
-/**
- * Change current URL query parameters, it uses `history`.
- *
- * @category location
- * @param replace Replace URL instead of pushing it in the history stack. By default it pushes it.
- * @returns The query string with initial `?`
- */
-function navigateToParams(params, replace) {
+import { buildUrlQueryString, isBrowser, } from "@koine/utils";
+import navigateToUrl from "./navigateToUrl.js";
+export function navigateToParams(params, replace) {
     if (params === void 0) { params = {}; }
-    var queryString = typeof params === "string" ? params : (0, buildUrlQueryString_1.default)(params);
-    if (isBrowser_1.default) {
-        (0, navigateToUrl_1.default)(location.pathname + queryString, replace);
+    var queryString = typeof params === "string" ? params : buildUrlQueryString(params);
+    if (isBrowser) {
+        navigateToUrl(location.pathname + queryString, replace);
     }
     return queryString;
 }
-exports.navigateToParams = navigateToParams;
-exports.default = navigateToParams;
+export default navigateToParams;

package/navigateToUrl.d.ts

@@ -1,7 +1,2 @@
-/**
- * It updates the browser's location URL with global `history` object
- *
- * @category location
- */
 export declare function navigateToUrl(url?: string, replace?: boolean): void;
 export default navigateToUrl;

package/navigateToUrl.js

@@ -1,16 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigateToUrl = void 0;
-/**
- * It updates the browser's location URL with global `history` object
- *
- * @category location
- */
-function navigateToUrl(url, replace) {
+export function navigateToUrl(url, replace) {
     if (url === void 0) { url = ""; }
     if (url) {
         history[replace ? "replaceState" : "pushState"](history.state, "", url);
     }
 }
-exports.navigateToUrl = navigateToUrl;
-exports.default = navigateToUrl;
+export default navigateToUrl;

package/navigateWithoutUrlParam.d.ts

@@ -1,8 +1,2 @@
-/**
- * Remove URL query parameter, it uses `history`
- *
- * @category location
- * @param replace Replace URL instead of pushing it in the history stack. By default it pushes it.
- */
 export declare function navigateWithoutUrlParam(paramName?: string, replace?: boolean): string;
 export default navigateWithoutUrlParam;

package/navigateWithoutUrlParam.js

@@ -1,24 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigateWithoutUrlParam = void 0;
-var tslib_1 = require("tslib");
-var getUrlQueryParams_1 = tslib_1.__importDefault(require("@koine/utils/getUrlQueryParams"));
-var navigateToParams_1 = tslib_1.__importDefault(require("./navigateToParams"));
-/**
- * Remove URL query parameter, it uses `history`
- *
- * @category location
- * @param replace Replace URL instead of pushing it in the history stack. By default it pushes it.
- */
-function navigateWithoutUrlParam(paramName, replace) {
+import { getUrlQueryParams } from "@koine/utils";
+import navigateToParams from "./navigateToParams.js";
+export function navigateWithoutUrlParam(paramName, replace) {
     var params = {};
-    var currentParams = (0, getUrlQueryParams_1.default)();
+    var currentParams = getUrlQueryParams();
     for (var key in currentParams) {
         if (key !== paramName) {
             params[key] = currentParams[key];
         }
     }
-    return (0, navigateToParams_1.default)(params, replace);
+    return navigateToParams(params, replace);
 }
-exports.navigateWithoutUrlParam = navigateWithoutUrlParam;
-exports.default = navigateWithoutUrlParam;
+export default navigateWithoutUrlParam;

package/package.json

@@ -2,18 +2,68 @@
   "name": "@koine/browser",
   "sideEffects": false,
   "dependencies": {
-    "clsx": "1.2.1",
-    "date-fns-tz": "^2.0.0",
-    "ts-debounce": "^4.0.0",
-    "type-fest": "^3.11.1"
+    "@koine/dom": "2.0.0-beta.21",
+    "@koine/utils": "2.0.0-beta.21"
   },
-  "peerDependencies": {
-    "@koine/dom": "2.0.0-beta.2",
-    "@koine/utils": "2.0.0-beta.2",
-    "tslib": "2.5.3"
-  },
-  "main": "./index.js",
   "types": "./index.d.ts",
-  "version": "2.0.0-beta.2",
-  "module": "./index.mjs"
+  "type": "module",
+  "module": "./index.js",
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    },
+    "./createStorage": {
+      "import": "./createStorage.js"
+    },
+    "./getZonedDate": {
+      "import": "./getZonedDate.js"
+    },
+    "./gtagPageview": {
+      "import": "./gtagPageview.js"
+    },
+    "./isIE": {
+      "import": "./isIE.js"
+    },
+    "./isMobile": {
+      "import": "./isMobile.js"
+    },
+    "./listenUrlSearch": {
+      "import": "./listenUrlSearch.js"
+    },
+    "./listenUrlSearchParams": {
+      "import": "./listenUrlSearchParams.js"
+    },
+    "./navigateToHash": {
+      "import": "./navigateToHash.js"
+    },
+    "./navigateToHashParams": {
+      "import": "./navigateToHashParams.js"
+    },
+    "./navigateToMergedHashParams": {
+      "import": "./navigateToMergedHashParams.js"
+    },
+    "./navigateToMergedParams": {
+      "import": "./navigateToMergedParams.js"
+    },
+    "./navigateToParams": {
+      "import": "./navigateToParams.js"
+    },
+    "./navigateToUrl": {
+      "import": "./navigateToUrl.js"
+    },
+    "./navigateWithoutUrlParam": {
+      "import": "./navigateWithoutUrlParam.js"
+    },
+    "./redirectTo": {
+      "import": "./redirectTo.js"
+    },
+    "./storage": {
+      "import": "./storage.js"
+    },
+    "./storageClient": {
+      "import": "./storageClient.js"
+    }
+  },
+  "peerDependencies": {},
+  "version": "2.0.0-beta.21"
 }

package/redirectTo.d.ts

@@ -1,9 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
-/**
- * Redirect to url with params {optionally}, removes eventual trailing question
- * marks from the given URL, it uses `location`
- *
- * @category location
- */
+import { type AnyQueryParams } from "@koine/utils";
 export declare function redirectTo(url: string, params?: AnyQueryParams): void;
 export default redirectTo;

package/redirectTo.js

@@ -1,20 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.redirectTo = void 0;
-var tslib_1 = require("tslib");
-var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
-var buildUrlQueryString_1 = tslib_1.__importDefault(require("@koine/utils/buildUrlQueryString"));
-/**
- * Redirect to url with params {optionally}, removes eventual trailing question
- * marks from the given URL, it uses `location`
- *
- * @category location
- */
-function redirectTo(url, params) {
-    if (isBrowser_1.default) {
-        var queryString = (0, buildUrlQueryString_1.default)(params);
+import { buildUrlQueryString, isBrowser, } from "@koine/utils";
+export function redirectTo(url, params) {
+    if (isBrowser) {
+        var queryString = buildUrlQueryString(params);
         location.href = url.replace(/\?+$/g, "") + queryString;
     }
 }
-exports.redirectTo = redirectTo;
-exports.default = redirectTo;
+export default redirectTo;

package/storage.d.ts

@@ -1,6 +1,3 @@
-/**
- * Storage, for `localStorage` and `sessionStorage`
- */
 export declare const storage: {
     l: {
         get: <TKey extends string, TValue = any>(key: TKey, transform?: ((value: string) => TValue) | undefined, defaultValue?: TValue | null | undefined) => NonNullable<TValue> | null;

package/storage.js

@@ -1,13 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.storage = void 0;
-var tslib_1 = require("tslib");
-var storageClient_1 = tslib_1.__importDefault(require("./storageClient"));
-/**
- * Storage, for `localStorage` and `sessionStorage`
- */
-exports.storage = {
-    l: (0, storageClient_1.default)(),
-    s: (0, storageClient_1.default)(true),
+import storageClient from "./storageClient.js";
+export var storage = {
+    l: storageClient(),
+    s: storageClient(true),
 };
-exports.default = exports.storage;
+export default storage;

package/storageClient.d.ts

@@ -1,7 +1,4 @@
 export type StorageClientConfig = Record<string, any>;
-/**
- * Super minifiable `local/session Storage` client creator with SSR safety
- */
 export declare const storageClient: <TConfig extends StorageClientConfig = StorageClientConfig>(useSessionStorage?: boolean) => {
     get: <TKey extends Extract<keyof TConfig, string>, TValue = TConfig[TKey]>(key: TKey, transform?: ((value: string) => TValue) | undefined, defaultValue?: TValue | null | undefined) => NonNullable<TValue> | null;
     set: <TKey_1 extends Extract<keyof TConfig, string>, TValue_1 = TConfig[TKey_1]>(key: TKey_1, value?: TValue_1 | undefined, transform?: (value: any) => string) => void;

package/storageClient.js

@@ -1,31 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.storageClient = void 0;
-var tslib_1 = require("tslib");
-var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
-var isString_1 = tslib_1.__importDefault(require("@koine/utils/isString"));
+import { isBrowser, isString } from "@koine/utils";
 var methodsMap = { g: "getItem", s: "setItem", r: "removeItem" };
-/**
- * Super minifiable `local/session Storage` client creator with SSR safety
- */
-var storageClient = function (useSessionStorage) {
+export var storageClient = function (useSessionStorage) {
     var nativeMethod = function (method, key, value) {
-        return isBrowser_1.default
+        return isBrowser
             ? window[useSessionStorage ? "sessionStorage" : "localStorage"][methodsMap[method]](key, value)
             : function () {
-                if (process.env["NODE_ENV"] !== "production") {
+                if (process.env["NODE_ENV"] === "development") {
                     console.warn("[@koine/utils:storageClient]: ".concat(useSessionStorage ? "sessionStorage" : "localStorage", " does not exists outside of browser."));
                 }
             };
     };
     var get = function (key, transform, defaultValue) {
         var value = defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
-        if (process.env["NODE_ENV"] !== "production") {
-            if (!isBrowser_1.default) {
+        if (process.env["NODE_ENV"] === "development") {
+            if (!isBrowser) {
                 console.log("[@koine/utils:storage] called 'get' outside of browser with default value '".concat(JSON.stringify(defaultValue), "'."));
             }
         }
-        if (isBrowser_1.default) {
+        if (isBrowser) {
             var stored = nativeMethod("g", key);
             if (stored) {
                 stored = transform ? transform(stored) : stored;
@@ -36,11 +28,6 @@ var storageClient = function (useSessionStorage) {
                 }
                 catch (_e) {
                     value = stored;
-                    // if (process.env["NODE_ENV"] !== "production") {
-                    //   console.warn(
-                    //     `[@koine/utils:storage]: 'get' failed to parse stored value as JSON. Plain '${stored}' value is returned.`
-                    //   );
-                    // }
                 }
             }
         }
@@ -48,37 +35,37 @@ var storageClient = function (useSessionStorage) {
     };
     var set = function (key, value, transform) {
         if (transform === void 0) { transform = function (value) { return value; }; }
-        if (process.env["NODE_ENV"] !== "production") {
-            if (!isBrowser_1.default) {
+        if (process.env["NODE_ENV"] === "development") {
+            if (!isBrowser) {
                 console.log("[@koine/utils:storage] called 'set' outside of browser does not work.");
             }
         }
-        if (isBrowser_1.default) {
+        if (isBrowser) {
             try {
-                var transformedValue = (0, isString_1.default)(value)
+                var transformedValue = isString(value)
                     ? transform(value)
                     : transform(JSON.stringify(value));
                 nativeMethod("s", key, transformedValue);
             }
             catch (_e) {
-                if (process.env["NODE_ENV"] !== "production") {
+                if (process.env["NODE_ENV"] === "development") {
                     console.warn("[@koine/utils:createStorage]: 'set' error.", _e);
                 }
             }
         }
     };
     var remove = function (key) {
-        if (process.env["NODE_ENV"] !== "production") {
-            if (!isBrowser_1.default) {
+        if (process.env["NODE_ENV"] === "development") {
+            if (!isBrowser) {
                 console.log("[@koine/utils:storage] called 'remove' outside of browser does not work.");
             }
         }
-        if (isBrowser_1.default) {
+        if (isBrowser) {
             try {
                 nativeMethod("r", key);
             }
             catch (_e) {
-                if (process.env["NODE_ENV"] !== "production") {
+                if (process.env["NODE_ENV"] === "development") {
                     console.warn("[@koine/utils:createStorage]: 'remove' error.", _e);
                 }
             }
@@ -86,12 +73,12 @@ var storageClient = function (useSessionStorage) {
     };
     var has = function (key, defaultValue) {
         var value = defaultValue !== null && defaultValue !== void 0 ? defaultValue : false;
-        if (process.env["NODE_ENV"] !== "production") {
-            if (!isBrowser_1.default) {
+        if (process.env["NODE_ENV"] === "development") {
+            if (!isBrowser) {
                 console.log("[@koine/utils:storage] called 'has' outside of browser with default value '".concat(JSON.stringify(defaultValue), "'."));
             }
         }
-        if (isBrowser_1.default) {
+        if (isBrowser) {
             var stored = nativeMethod("g", key);
             value = stored !== null && stored !== void 0 ? stored : false;
         }
@@ -104,5 +91,4 @@ var storageClient = function (useSessionStorage) {
         has: has,
     };
 };
-exports.storageClient = storageClient;
-exports.default = exports.storageClient;
+export default storageClient;

package/README.md

@@ -1 +0,0 @@
-# @koine/browser

package/createStorage.mjs

@@ -1,143 +0,0 @@
-import { __assign } from "tslib";
-import decode from "@koine/utils/decode";
-import encode from "@koine/utils/encode";
-import isBrowser from "@koine/utils/isBrowser";
-import isNullOrUndefined from "@koine/utils/isNullOrUndefined";
-import noop from "@koine/utils/noop";
-import on from "@koine/dom/on";
-import storage from "./storage";
-/**
- * Utility to create a storage instance to interact with `localStorage` using
- * encrypted (encoded) key/values.
- */
-export var createStorage = function (config, useSessionStorage) {
-    var client = useSessionStorage ? storage.s : storage.l;
-    var keys = Object.keys(config).reduce(function (map, key) {
-        var _a;
-        return (__assign(__assign({}, map), (_a = {}, _a[key] = encode(key), _a)));
-    }, {});
-    return {
-        /**
-         * Get all storage value (it uses `localStorage.get()`).
-         *
-         * Unparseable values with `JSON.parse()` return their value as it is.
-         * On ssr or if the given `key` argument is not found `defaultValue` is
-         * returned, otherwise `null`.
-         */
-        get: function (key, defaultValue) {
-            return client.get(keys[key], decode, defaultValue);
-        },
-        /**
-         * Get all storage values (it uses `localStorage.get()`).
-         *
-         * `undefined` and `null` values are not returned.
-         */
-        getAll: function (defaultValues) {
-            if (!isBrowser) {
-                if (process.env["NODE_ENV"] !== "production") {
-                    console.log("[@koine/utils:createStorage] attempt to use 'getAll' outside of browser.");
-                }
-                return {};
-            }
-            var all = {};
-            for (var key in keys) {
-                var value = this.get(key);
-                var defaultValue = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues[key];
-                if (!isNullOrUndefined(value)) {
-                    all[key] = value;
-                }
-                else if (defaultValue) {
-                    all[key] = defaultValue;
-                }
-            }
-            return all;
-        },
-        /**
-         * Set a storage value (it uses `localStorage.set()`).
-         *
-         * Non-string values are stringified with `JSON.stringify()`
-         */
-        set: function (key, value) {
-            client.set(keys[key], value, encode);
-        },
-        /**
-         * Set all given storage values (it uses `localStorage.set()`).
-         *
-         * Non-string values are stringified with `JSON.stringify()`, `undefined`
-         * and `null` values are removed from the storage
-         */
-        setMany: function (newValues) {
-            if (process.env["NODE_ENV"] !== "production") {
-                if (!isBrowser) {
-                    console.log("[@koine/utils:createStorage] attempt to use 'setMany' outside of browser.");
-                }
-            }
-            if (isBrowser) {
-                for (var key in newValues) {
-                    var value = newValues[key];
-                    if (!isNullOrUndefined(value)) {
-                        this.set(key, value);
-                    }
-                    else {
-                        this.remove(key);
-                    }
-                }
-            }
-        },
-        /**
-         * Check if a storage value is _truthy_ (it uses `localStorage.get()`).
-         */
-        has: function (key) {
-            return client.has(keys[key]);
-        },
-        /**
-         * Remove a storage value (it uses `localStorage.remove()`).
-         */
-        remove: function (key) {
-            client.remove(keys[key]);
-        },
-        /**
-         * Clear all storage values (it uses `localStorage.remove()`).
-         */
-        clear: function () {
-            if (process.env["NODE_ENV"] !== "production") {
-                if (!isBrowser) {
-                    console.log("[@koine/utils:createStorage] attempt to use 'clear' outside of browser.");
-                }
-            }
-            if (isBrowser) {
-                for (var key in keys) {
-                    client.remove(keys[key]);
-                }
-            }
-        },
-        /**
-         * Watch a storage value changes, this needs to be executed only in browser
-         * context (it uses `window.addEventListener("storage")`).
-         *
-         * Inspiration from [Multi Tab Logout in React — Redux](https://medium.com/front-end-weekly/multi-tab-logout-in-react-redux-4715f071c7fa)
-         */
-        watch: function (keyToWatch, onRemoved, onAdded) {
-            if (!isBrowser) {
-                if (process.env["NODE_ENV"] !== "production") {
-                    console.log("[@koine/utils:createStorage] attempt to use 'watch' outside of browser.");
-                }
-                return noop;
-            }
-            var handler = function (event) {
-                var key = event.key, oldValue = event.oldValue, newValue = event.newValue;
-                if (key === keys[keyToWatch]) {
-                    if (oldValue && !newValue) {
-                        onRemoved === null || onRemoved === void 0 ? void 0 : onRemoved();
-                    }
-                    else if (!oldValue && newValue) {
-                        onAdded === null || onAdded === void 0 ? void 0 : onAdded();
-                    }
-                }
-            };
-            var listener = on(window, "storage", handler);
-            return listener;
-        },
-    };
-};
-export default createStorage;