@koine/browser 2.0.0-beta.8 → 2.0.0-beta.80

package/package.json

@@ -2,15 +2,113 @@
   "name": "@koine/browser",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.8",
-    "@koine/utils": "2.0.0-beta.8"
+    "@koine/dom": "2.0.0-beta.80",
+    "@koine/utils": "2.0.0-beta.80"
   },
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "peerDependencies": {
-    "date-fns-tz": "^2.0.0",
-    "type-fest": "^3.12.0"
+  "peerDependenciesMeta": {
+    "date-fns-tz": {
+      "optional": true
+    }
   },
-  "version": "2.0.0-beta.8"
-}
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "module": "./index.esm.js",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
+    },
+    "./createStorage": {
+      "module": "./createStorage.esm.js",
+      "import": "./createStorage.cjs.mjs",
+      "default": "./createStorage.cjs.js"
+    },
+    "./getZonedDate": {
+      "module": "./getZonedDate.esm.js",
+      "import": "./getZonedDate.cjs.mjs",
+      "default": "./getZonedDate.cjs.js"
+    },
+    "./gtag": {
+      "module": "./gtag.esm.js",
+      "import": "./gtag.cjs.mjs",
+      "default": "./gtag.cjs.js"
+    },
+    "./gtagPageview": {
+      "module": "./gtagPageview.esm.js",
+      "import": "./gtagPageview.cjs.mjs",
+      "default": "./gtagPageview.cjs.js"
+    },
+    "./isIE": {
+      "module": "./isIE.esm.js",
+      "import": "./isIE.cjs.mjs",
+      "default": "./isIE.cjs.js"
+    },
+    "./isMobile": {
+      "module": "./isMobile.esm.js",
+      "import": "./isMobile.cjs.mjs",
+      "default": "./isMobile.cjs.js"
+    },
+    "./listenUrlSearch": {
+      "module": "./listenUrlSearch.esm.js",
+      "import": "./listenUrlSearch.cjs.mjs",
+      "default": "./listenUrlSearch.cjs.js"
+    },
+    "./listenUrlSearchParams": {
+      "module": "./listenUrlSearchParams.esm.js",
+      "import": "./listenUrlSearchParams.cjs.mjs",
+      "default": "./listenUrlSearchParams.cjs.js"
+    },
+    "./navigateToHash": {
+      "module": "./navigateToHash.esm.js",
+      "import": "./navigateToHash.cjs.mjs",
+      "default": "./navigateToHash.cjs.js"
+    },
+    "./navigateToHashParams": {
+      "module": "./navigateToHashParams.esm.js",
+      "import": "./navigateToHashParams.cjs.mjs",
+      "default": "./navigateToHashParams.cjs.js"
+    },
+    "./navigateToMergedHashParams": {
+      "module": "./navigateToMergedHashParams.esm.js",
+      "import": "./navigateToMergedHashParams.cjs.mjs",
+      "default": "./navigateToMergedHashParams.cjs.js"
+    },
+    "./navigateToMergedParams": {
+      "module": "./navigateToMergedParams.esm.js",
+      "import": "./navigateToMergedParams.cjs.mjs",
+      "default": "./navigateToMergedParams.cjs.js"
+    },
+    "./navigateToParams": {
+      "module": "./navigateToParams.esm.js",
+      "import": "./navigateToParams.cjs.mjs",
+      "default": "./navigateToParams.cjs.js"
+    },
+    "./navigateToUrl": {
+      "module": "./navigateToUrl.esm.js",
+      "import": "./navigateToUrl.cjs.mjs",
+      "default": "./navigateToUrl.cjs.js"
+    },
+    "./navigateWithoutUrlParam": {
+      "module": "./navigateWithoutUrlParam.esm.js",
+      "import": "./navigateWithoutUrlParam.cjs.mjs",
+      "default": "./navigateWithoutUrlParam.cjs.js"
+    },
+    "./redirectTo": {
+      "module": "./redirectTo.esm.js",
+      "import": "./redirectTo.cjs.mjs",
+      "default": "./redirectTo.cjs.js"
+    },
+    "./storage": {
+      "module": "./storage.esm.js",
+      "import": "./storage.cjs.mjs",
+      "default": "./storage.cjs.js"
+    },
+    "./storageClient": {
+      "module": "./storageClient.esm.js",
+      "import": "./storageClient.cjs.mjs",
+      "default": "./storageClient.cjs.js"
+    }
+  },
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "version": "2.0.0-beta.80"
+}

package/redirectTo.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./redirectTo";
+export { default } from "./redirectTo";

package/redirectTo.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./redirectTo.cjs.js').default;

package/redirectTo.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+let redirectTo = (url, params) => {
+    if (utils.isBrowser) {
+        const queryString = utils.buildUrlQueryString(params);
+        location.href = url.replace(/\?+$/g, "") + queryString;
+    }
+};
+
+exports["default"] = redirectTo;
+exports.redirectTo = redirectTo;

package/redirectTo.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './redirectTo.cjs.js';
+export { _default as default } from './redirectTo.cjs.default.js';

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
- */
-export declare function redirectTo(url: string, params?: AnyQueryParams): void;
+import { type AnyQueryParams } from "@koine/utils";
+export declare let redirectTo: (url: string, params?: AnyQueryParams) => void;
 export default redirectTo;

package/redirectTo.esm.js

@@ -0,0 +1,10 @@
+import { isBrowser, buildUrlQueryString } from '@koine/utils';
+
+let redirectTo = (url, params) => {
+    if (isBrowser) {
+        const queryString = buildUrlQueryString(params);
+        location.href = url.replace(/\?+$/g, "") + queryString;
+    }
+};
+
+export { redirectTo as default, redirectTo };

package/storage.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./storage";
+export { default } from "./storage";

package/storage.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./storage.cjs.js').default;

package/storage.cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var storageClient = require('./storageClient.cjs.js');
+require('@koine/utils');
+
+let storage = {
+    l: storageClient.storageClient(),
+    s: storageClient.storageClient(true),
+};
+
+exports["default"] = storage;
+exports.storage = storage;

package/storage.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './storage.cjs.js';
+export { _default as default } from './storage.cjs.default.js';

package/storage.d.ts

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

package/storage.esm.js

@@ -0,0 +1,9 @@
+import { storageClient } from './storageClient.esm.js';
+import '@koine/utils';
+
+let storage = {
+    l: storageClient(),
+    s: storageClient(true),
+};
+
+export { storage as default, storage };

package/storageClient.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./storageClient";
+export { default } from "./storageClient";

package/storageClient.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./storageClient.cjs.js').default;

package/storageClient.cjs.js

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+const methodsMap = { g: "getItem", s: "setItem", r: "removeItem" };
+let storageClient = (useSessionStorage) => {
+    const nativeMethod = (method, key, value) => utils.isBrowser
+        ? window[useSessionStorage ? "sessionStorage" : "localStorage"][methodsMap[method]](key, value)
+        : () => {
+            if (process.env["NODE_ENV"] === "development") {
+                console.warn(`[@koine/utils:storageClient]: ${useSessionStorage ? "sessionStorage" : "localStorage"} does not exists outside of browser.`);
+            }
+        };
+    const get = (key, transform, defaultValue) => {
+        let value = defaultValue ?? null;
+        if (process.env["NODE_ENV"] === "development") {
+            if (!utils.isBrowser) {
+                console.log(`[@koine/utils:storage] called 'get' outside of browser with default value '${JSON.stringify(defaultValue)}'.`);
+            }
+        }
+        if (utils.isBrowser) {
+            let stored = nativeMethod("g", key);
+            if (stored) {
+                stored = transform ? transform(stored) : stored;
+                try {
+                    const parsed = JSON.parse(stored);
+                    if (parsed)
+                        value = parsed;
+                }
+                catch (_e) {
+                    value = stored;
+                }
+            }
+        }
+        return value;
+    };
+    const set = (key, value, transform = (value) => value) => {
+        if (process.env["NODE_ENV"] === "development") {
+            if (!utils.isBrowser) {
+                console.log(`[@koine/utils:storage] called 'set' outside of browser does not work.`);
+            }
+        }
+        if (utils.isBrowser) {
+            try {
+                const transformedValue = utils.isString(value)
+                    ? transform(value)
+                    : transform(JSON.stringify(value));
+                nativeMethod("s", key, transformedValue);
+            }
+            catch (_e) {
+                if (process.env["NODE_ENV"] === "development") {
+                    console.warn(`[@koine/utils:createStorage]: 'set' error.`, _e);
+                }
+            }
+        }
+    };
+    const remove = (key) => {
+        if (process.env["NODE_ENV"] === "development") {
+            if (!utils.isBrowser) {
+                console.log(`[@koine/utils:storage] called 'remove' outside of browser does not work.`);
+            }
+        }
+        if (utils.isBrowser) {
+            try {
+                nativeMethod("r", key);
+            }
+            catch (_e) {
+                if (process.env["NODE_ENV"] === "development") {
+                    console.warn(`[@koine/utils:createStorage]: 'remove' error.`, _e);
+                }
+            }
+        }
+    };
+    const has = (key, defaultValue) => {
+        let value = defaultValue ?? false;
+        if (process.env["NODE_ENV"] === "development") {
+            if (!utils.isBrowser) {
+                console.log(`[@koine/utils:storage] called 'has' outside of browser with default value '${JSON.stringify(defaultValue)}'.`);
+            }
+        }
+        if (utils.isBrowser) {
+            const stored = nativeMethod("g", key);
+            value = stored ?? false;
+        }
+        return value;
+    };
+    return {
+        get,
+        set,
+        remove,
+        has,
+    };
+};
+
+exports["default"] = storageClient;
+exports.storageClient = storageClient;

package/storageClient.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './storageClient.cjs.js';
+export { _default as default } from './storageClient.cjs.default.js';

package/storageClient.d.ts

@@ -1,8 +1,5 @@
 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) => {
+export declare let 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;
     remove: <TKey_2 extends Extract<keyof TConfig, string>>(key: TKey_2) => void;

package/{storageClient.mjs → storageClient.esm.js}

@@ -1,21 +1,17 @@
-import isBrowser from "@koine/utils/isBrowser";
-import isString from "@koine/utils/isString";
-const methodsMap = {
-    g: "getItem",
-    s: "setItem",
-    r: "removeItem"
-};
-/**
- * Super minifiable `local/session Storage` client creator with SSR safety
- */ export const storageClient = (useSessionStorage)=>{
-    const nativeMethod = (method, key, value)=>isBrowser ? window[useSessionStorage ? "sessionStorage" : "localStorage"][methodsMap[method]](key, value) : ()=>{
-            if (process.env["NODE_ENV"] !== "production") {
+import { isBrowser, isString } from '@koine/utils';
+
+const methodsMap = { g: "getItem", s: "setItem", r: "removeItem" };
+let storageClient = (useSessionStorage) => {
+    const nativeMethod = (method, key, value) => isBrowser
+        ? window[useSessionStorage ? "sessionStorage" : "localStorage"][methodsMap[method]](key, value)
+        : () => {
+            if (process.env["NODE_ENV"] === "development") {
                 console.warn(`[@koine/utils:storageClient]: ${useSessionStorage ? "sessionStorage" : "localStorage"} does not exists outside of browser.`);
             }
         };
-    const get = (key, transform, defaultValue)=>{
+    const get = (key, transform, defaultValue) => {
         let value = defaultValue ?? null;
-        if (process.env["NODE_ENV"] !== "production") {
+        if (process.env["NODE_ENV"] === "development") {
             if (!isBrowser) {
                 console.log(`[@koine/utils:storage] called 'get' outside of browser with default value '${JSON.stringify(defaultValue)}'.`);
             }
@@ -26,38 +22,38 @@ const methodsMap = {
                 stored = transform ? transform(stored) : stored;
                 try {
                     const parsed = JSON.parse(stored);
-                    if (parsed) value = parsed;
-                } catch (_e) {
+                    if (parsed)
+                        value = parsed;
+                }
+                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.`
-                //   );
-                // }
                 }
             }
         }
         return value;
     };
-    const set = (key, value, transform = (value)=>value)=>{
-        if (process.env["NODE_ENV"] !== "production") {
+    const set = (key, value, transform = (value) => value) => {
+        if (process.env["NODE_ENV"] === "development") {
             if (!isBrowser) {
                 console.log(`[@koine/utils:storage] called 'set' outside of browser does not work.`);
             }
         }
         if (isBrowser) {
             try {
-                const transformedValue = isString(value) ? transform(value) : transform(JSON.stringify(value));
+                const transformedValue = isString(value)
+                    ? transform(value)
+                    : transform(JSON.stringify(value));
                 nativeMethod("s", key, transformedValue);
-            } catch (_e) {
-                if (process.env["NODE_ENV"] !== "production") {
+            }
+            catch (_e) {
+                if (process.env["NODE_ENV"] === "development") {
                     console.warn(`[@koine/utils:createStorage]: 'set' error.`, _e);
                 }
             }
         }
     };
-    const remove = (key)=>{
-        if (process.env["NODE_ENV"] !== "production") {
+    const remove = (key) => {
+        if (process.env["NODE_ENV"] === "development") {
             if (!isBrowser) {
                 console.log(`[@koine/utils:storage] called 'remove' outside of browser does not work.`);
             }
@@ -65,16 +61,17 @@ const methodsMap = {
         if (isBrowser) {
             try {
                 nativeMethod("r", key);
-            } catch (_e) {
-                if (process.env["NODE_ENV"] !== "production") {
+            }
+            catch (_e) {
+                if (process.env["NODE_ENV"] === "development") {
                     console.warn(`[@koine/utils:createStorage]: 'remove' error.`, _e);
                 }
             }
         }
     };
-    const has = (key, defaultValue)=>{
+    const has = (key, defaultValue) => {
         let value = defaultValue ?? false;
-        if (process.env["NODE_ENV"] !== "production") {
+        if (process.env["NODE_ENV"] === "development") {
             if (!isBrowser) {
                 console.log(`[@koine/utils:storage] called 'has' outside of browser with default value '${JSON.stringify(defaultValue)}'.`);
             }
@@ -89,7 +86,8 @@ const methodsMap = {
         get,
         set,
         remove,
-        has
+        has,
     };
 };
-export default storageClient;
+
+export { storageClient as default, storageClient };

package/createStorage.js

@@ -1,146 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    createStorage: function() {
-        return createStorage;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _decode = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/decode"));
-const _encode = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/encode"));
-const _isBrowser = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isBrowser"));
-const _isNullOrUndefined = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isNullOrUndefined"));
-const _noop = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/noop"));
-const _on = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/on"));
-const _storage = /*#__PURE__*/ _interop_require_default._(require("./storage"));
-const createStorage = (config, useSessionStorage)=>{
-    const client = useSessionStorage ? _storage.default.s : _storage.default.l;
-    const keys = Object.keys(config).reduce((map, key)=>({
-            ...map,
-            [key]: (0, _encode.default)(key)
-        }), {});
-    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 (key, defaultValue) {
-            return client.get(keys[key], _decode.default, defaultValue);
-        },
-        /**
-     * Get all storage values (it uses `localStorage.get()`).
-     *
-     * `undefined` and `null` values are not returned.
-     */ getAll (defaultValues) {
-            if (!_isBrowser.default) {
-                if (process.env["NODE_ENV"] !== "production") {
-                    console.log(`[@koine/utils:createStorage] attempt to use 'getAll' outside of browser.`);
-                }
-                return {};
-            }
-            const all = {};
-            for(const key in keys){
-                const value = this.get(key);
-                const defaultValue = defaultValues?.[key];
-                if (!(0, _isNullOrUndefined.default)(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 (key, value) {
-            client.set(keys[key], value, _encode.default);
-        },
-        /**
-     * 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 (newValues) {
-            if (process.env["NODE_ENV"] !== "production") {
-                if (!_isBrowser.default) {
-                    console.log(`[@koine/utils:createStorage] attempt to use 'setMany' outside of browser.`);
-                }
-            }
-            if (_isBrowser.default) {
-                for(const key in newValues){
-                    const value = newValues[key];
-                    if (!(0, _isNullOrUndefined.default)(value)) {
-                        this.set(key, value);
-                    } else {
-                        this.remove(key);
-                    }
-                }
-            }
-        },
-        /**
-     * Check if a storage value is _truthy_ (it uses `localStorage.get()`).
-     */ has (key) {
-            return client.has(keys[key]);
-        },
-        /**
-     * Remove a storage value (it uses `localStorage.remove()`).
-     */ remove (key) {
-            client.remove(keys[key]);
-        },
-        /**
-     * Clear all storage values (it uses `localStorage.remove()`).
-     */ clear () {
-            if (process.env["NODE_ENV"] !== "production") {
-                if (!_isBrowser.default) {
-                    console.log(`[@koine/utils:createStorage] attempt to use 'clear' outside of browser.`);
-                }
-            }
-            if (_isBrowser.default) {
-                for(const 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: (keyToWatch, onRemoved, onAdded)=>{
-            if (!_isBrowser.default) {
-                if (process.env["NODE_ENV"] !== "production") {
-                    console.log(`[@koine/utils:createStorage] attempt to use 'watch' outside of browser.`);
-                }
-                return _noop.default;
-            }
-            const handler = (event)=>{
-                const { key, oldValue, newValue } = event;
-                if (key === keys[keyToWatch]) {
-                    if (oldValue && !newValue) {
-                        onRemoved?.();
-                    } else if (!oldValue && newValue) {
-                        onAdded?.();
-                    }
-                }
-            };
-            const listener = (0, _on.default)(window, "storage", handler);
-            return listener;
-        }
-    };
-};
-const _default = createStorage;