@koine/browser 2.0.0-beta.76 → 2.0.0-beta.78

package/README.md

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

package/createStorage.cjs.d.ts

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

package/createStorage.cjs.default.js

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

package/createStorage.cjs.js

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+var storage = require('./storage.cjs.js');
+require('./storageClient.cjs.js');
+
+let createStorage = (config, useSessionStorage) => {
+    const client = useSessionStorage ? storage.storage.s : storage.storage.l;
+    const keys = Object.keys(config).reduce((map, key) => ({ ...map, [key]: utils.encode(key) }), {});
+    return {
+        get(key, defaultValue) {
+            return client.get(keys[key], utils.decode, defaultValue);
+        },
+        getAll(defaultValues) {
+            if (!utils.isBrowser) {
+                if (process.env["NODE_ENV"] === "development") {
+                    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 (!utils.isNullOrUndefined(value)) {
+                    all[key] = value;
+                }
+                else if (defaultValue) {
+                    all[key] = defaultValue;
+                }
+            }
+            return all;
+        },
+        set(key, value) {
+            client.set(keys[key], value, utils.encode);
+        },
+        setMany(newValues) {
+            if (process.env["NODE_ENV"] === "development") {
+                if (!utils.isBrowser) {
+                    console.log(`[@koine/utils:createStorage] attempt to use 'setMany' outside of browser.`);
+                }
+            }
+            if (utils.isBrowser) {
+                for (const key in newValues) {
+                    const value = newValues[key];
+                    if (!utils.isNullOrUndefined(value)) {
+                        this.set(key, value);
+                    }
+                    else {
+                        this.remove(key);
+                    }
+                }
+            }
+        },
+        has(key) {
+            return client.has(keys[key]);
+        },
+        remove(key) {
+            client.remove(keys[key]);
+        },
+        clear() {
+            if (process.env["NODE_ENV"] === "development") {
+                if (!utils.isBrowser) {
+                    console.log(`[@koine/utils:createStorage] attempt to use 'clear' outside of browser.`);
+                }
+            }
+            if (utils.isBrowser) {
+                for (const key in keys) {
+                    client.remove(keys[key]);
+                }
+            }
+        },
+        watch: (keyToWatch, onRemoved, onAdded) => {
+            if (!utils.isBrowser) {
+                if (process.env["NODE_ENV"] === "development") {
+                    console.log(`[@koine/utils:createStorage] attempt to use 'watch' outside of browser.`);
+                }
+                return utils.noop;
+            }
+            const handler = (event) => {
+                const { key, oldValue, newValue } = event;
+                if (key === keys[keyToWatch]) {
+                    if (oldValue && !newValue) {
+                        onRemoved?.();
+                    }
+                    else if (!oldValue && newValue) {
+                        onAdded?.();
+                    }
+                }
+            };
+            const listener = dom.on(window, "storage", handler);
+            return listener;
+        },
+    };
+};
+
+exports.createStorage = createStorage;
+exports["default"] = createStorage;

package/createStorage.cjs.mjs

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

package/createStorage.esm.js

@@ -0,0 +1,96 @@
+import { encode, decode, isBrowser, isNullOrUndefined, noop } from '@koine/utils';
+import { on } from '@koine/dom';
+import { storage } from './storage.esm.js';
+import './storageClient.esm.js';
+
+let createStorage = (config, useSessionStorage) => {
+    const client = useSessionStorage ? storage.s : storage.l;
+    const keys = Object.keys(config).reduce((map, key) => ({ ...map, [key]: encode(key) }), {});
+    return {
+        get(key, defaultValue) {
+            return client.get(keys[key], decode, defaultValue);
+        },
+        getAll(defaultValues) {
+            if (!isBrowser) {
+                if (process.env["NODE_ENV"] === "development") {
+                    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 (!isNullOrUndefined(value)) {
+                    all[key] = value;
+                }
+                else if (defaultValue) {
+                    all[key] = defaultValue;
+                }
+            }
+            return all;
+        },
+        set(key, value) {
+            client.set(keys[key], value, encode);
+        },
+        setMany(newValues) {
+            if (process.env["NODE_ENV"] === "development") {
+                if (!isBrowser) {
+                    console.log(`[@koine/utils:createStorage] attempt to use 'setMany' outside of browser.`);
+                }
+            }
+            if (isBrowser) {
+                for (const key in newValues) {
+                    const value = newValues[key];
+                    if (!isNullOrUndefined(value)) {
+                        this.set(key, value);
+                    }
+                    else {
+                        this.remove(key);
+                    }
+                }
+            }
+        },
+        has(key) {
+            return client.has(keys[key]);
+        },
+        remove(key) {
+            client.remove(keys[key]);
+        },
+        clear() {
+            if (process.env["NODE_ENV"] === "development") {
+                if (!isBrowser) {
+                    console.log(`[@koine/utils:createStorage] attempt to use 'clear' outside of browser.`);
+                }
+            }
+            if (isBrowser) {
+                for (const key in keys) {
+                    client.remove(keys[key]);
+                }
+            }
+        },
+        watch: (keyToWatch, onRemoved, onAdded) => {
+            if (!isBrowser) {
+                if (process.env["NODE_ENV"] === "development") {
+                    console.log(`[@koine/utils:createStorage] attempt to use 'watch' outside of browser.`);
+                }
+                return noop;
+            }
+            const handler = (event) => {
+                const { key, oldValue, newValue } = event;
+                if (key === keys[keyToWatch]) {
+                    if (oldValue && !newValue) {
+                        onRemoved?.();
+                    }
+                    else if (!oldValue && newValue) {
+                        onAdded?.();
+                    }
+                }
+            };
+            const listener = on(window, "storage", handler);
+            return listener;
+        },
+    };
+};
+
+export { createStorage, createStorage as default };

package/getZonedDate.cjs.d.ts

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

package/getZonedDate.cjs.default.js

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

package/getZonedDate.cjs.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+const utcToZonedTime = (date, _tz) => {
+    return date;
+};
+let getZonedDate = (dateString = "", timeZone) => {
+    if (!dateString.endsWith("Z"))
+        dateString += "Z";
+    if (!timeZone && utils.isBrowser) {
+        try {
+            timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }
+        catch (e) {
+            if (process.env["NODE_ENV"] === "development") {
+                console.warn("[@koine/browser:getZonedDate] failed reading timeZone, error", e);
+            }
+        }
+    }
+    return timeZone
+        ? utcToZonedTime(new Date(dateString))
+        : new Date(dateString);
+};
+
+exports["default"] = getZonedDate;
+exports.getZonedDate = getZonedDate;

package/getZonedDate.cjs.mjs

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

package/getZonedDate.esm.js

@@ -0,0 +1,24 @@
+import { isBrowser } from '@koine/utils';
+
+const utcToZonedTime = (date, _tz) => {
+    return date;
+};
+let getZonedDate = (dateString = "", timeZone) => {
+    if (!dateString.endsWith("Z"))
+        dateString += "Z";
+    if (!timeZone && isBrowser) {
+        try {
+            timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }
+        catch (e) {
+            if (process.env["NODE_ENV"] === "development") {
+                console.warn("[@koine/browser:getZonedDate] failed reading timeZone, error", e);
+            }
+        }
+    }
+    return timeZone
+        ? utcToZonedTime(new Date(dateString))
+        : new Date(dateString);
+};
+
+export { getZonedDate as default, getZonedDate };

package/gtag.cjs.d.ts

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

package/gtag.cjs.default.js

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

package/gtag.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+let gtag = (...args) => {
+    !utils.isUndefined(window) && !utils.isUndefined(window.gtag)
+        ?
+            window.gtag(...args)
+        : utils.noop();
+};
+
+exports["default"] = gtag;
+exports.gtag = gtag;

package/gtag.cjs.mjs

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

package/gtag.esm.js

@@ -0,0 +1,10 @@
+import { isUndefined, noop } from '@koine/utils';
+
+let gtag = (...args) => {
+    !isUndefined(window) && !isUndefined(window.gtag)
+        ?
+            window.gtag(...args)
+        : noop();
+};
+
+export { gtag as default, gtag };

package/gtagPageview.cjs.d.ts

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

package/gtagPageview.cjs.default.js

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

package/gtagPageview.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var gtag = require('./gtag.cjs.js');
+require('@koine/utils');
+
+let gtagPageview = (...args) => gtag.gtag("event", "page_view", {
+    page_path: args[0] || location.pathname,
+    page_title: args[1] || document.title,
+    page_location: args[2] || location.href,
+});
+
+exports["default"] = gtagPageview;
+exports.gtagPageview = gtagPageview;

package/gtagPageview.cjs.mjs

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

package/gtagPageview.esm.js

@@ -0,0 +1,10 @@
+import { gtag } from './gtag.esm.js';
+import '@koine/utils';
+
+let gtagPageview = (...args) => gtag("event", "page_view", {
+    page_path: args[0] || location.pathname,
+    page_title: args[1] || document.title,
+    page_location: args[2] || location.href,
+});
+
+export { gtagPageview as default, gtagPageview };

package/index.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./index";

package/index.cjs.default.js

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

package/index.cjs.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createStorage = require('./createStorage.cjs.js');
+var getZonedDate = require('./getZonedDate.cjs.js');
+var gtag = require('./gtag.cjs.js');
+var gtagPageview = require('./gtagPageview.cjs.js');
+var isIE = require('./isIE.cjs.js');
+var isMobile = require('./isMobile.cjs.js');
+var listenUrlSearch = require('./listenUrlSearch.cjs.js');
+var listenUrlSearchParams = require('./listenUrlSearchParams.cjs.js');
+var navigateToHash = require('./navigateToHash.cjs.js');
+var navigateToHashParams = require('./navigateToHashParams.cjs.js');
+var navigateToMergedHashParams = require('./navigateToMergedHashParams.cjs.js');
+var navigateToMergedParams = require('./navigateToMergedParams.cjs.js');
+var navigateToParams = require('./navigateToParams.cjs.js');
+var navigateToUrl = require('./navigateToUrl.cjs.js');
+var navigateWithoutUrlParam = require('./navigateWithoutUrlParam.cjs.js');
+var storage = require('./storage.cjs.js');
+var redirectTo = require('./redirectTo.cjs.js');
+var storageClient = require('./storageClient.cjs.js');
+require('@koine/utils');
+require('@koine/dom');
+
+
+
+exports.createStorage = createStorage.createStorage;
+exports.getZonedDate = getZonedDate.getZonedDate;
+exports.gtag = gtag.gtag;
+exports.gtagPageview = gtagPageview.gtagPageview;
+exports.isIE = isIE.isIE;
+exports.isMobile = isMobile.isMobile;
+exports.listenUrlSearch = listenUrlSearch.listenUrlSearch;
+exports.listenUrlSearchParams = listenUrlSearchParams.listenUrlSearchParams;
+exports.navigateToHash = navigateToHash.navigateToHash;
+exports.navigateToHashParams = navigateToHashParams.navigateToHashParams;
+exports.navigateToMergedHashParams = navigateToMergedHashParams.navigateToMergedHashParams;
+exports.navigateToMergedParams = navigateToMergedParams.navigateToMergedParams;
+exports.navigateToParams = navigateToParams.navigateToParams;
+exports.navigateToUrl = navigateToUrl.navigateToUrl;
+exports.navigateWithoutUrlParam = navigateWithoutUrlParam.navigateWithoutUrlParam;
+exports.storage = storage.storage;
+exports.redirectTo = redirectTo.redirectTo;
+exports.storageClient = storageClient.storageClient;

package/index.cjs.mjs

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

package/index.d.ts

@@ -13,6 +13,6 @@ export { navigateToMergedParams } from "./navigateToMergedParams";
 export { navigateToParams } from "./navigateToParams";
 export { navigateToUrl } from "./navigateToUrl";
 export { navigateWithoutUrlParam } from "./navigateWithoutUrlParam";
-export { redirectTo } from "./redirectTo";
 export { storage } from "./storage";
+export { redirectTo } from "./redirectTo";
 export { storageClient, type StorageClientConfig } from "./storageClient";

package/index.esm.js

@@ -0,0 +1,20 @@
+export { createStorage } from './createStorage.esm.js';
+export { getZonedDate } from './getZonedDate.esm.js';
+export { gtag } from './gtag.esm.js';
+export { gtagPageview } from './gtagPageview.esm.js';
+export { isIE } from './isIE.esm.js';
+export { isMobile } from './isMobile.esm.js';
+export { listenUrlSearch } from './listenUrlSearch.esm.js';
+export { listenUrlSearchParams } from './listenUrlSearchParams.esm.js';
+export { navigateToHash } from './navigateToHash.esm.js';
+export { navigateToHashParams } from './navigateToHashParams.esm.js';
+export { navigateToMergedHashParams } from './navigateToMergedHashParams.esm.js';
+export { navigateToMergedParams } from './navigateToMergedParams.esm.js';
+export { navigateToParams } from './navigateToParams.esm.js';
+export { navigateToUrl } from './navigateToUrl.esm.js';
+export { navigateWithoutUrlParam } from './navigateWithoutUrlParam.esm.js';
+export { storage } from './storage.esm.js';
+export { redirectTo } from './redirectTo.esm.js';
+export { storageClient } from './storageClient.esm.js';
+import '@koine/utils';
+import '@koine/dom';

package/isIE.cjs.d.ts

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

package/isIE.cjs.default.js

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

package/isIE.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+let isIE = (ssrValue = true) => {
+    if (utils.isServer) {
+        return ssrValue;
+    }
+    const ua = window.navigator.userAgent;
+    if (ua.indexOf("MSIE ") > 0 || ua.indexOf("Trident/") > 0) {
+        return true;
+    }
+    return false;
+};
+
+exports["default"] = isIE;
+exports.isIE = isIE;

package/isIE.cjs.mjs

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

package/isIE.esm.js

@@ -0,0 +1,14 @@
+import { isServer } from '@koine/utils';
+
+let isIE = (ssrValue = true) => {
+    if (isServer) {
+        return ssrValue;
+    }
+    const ua = window.navigator.userAgent;
+    if (ua.indexOf("MSIE ") > 0 || ua.indexOf("Trident/") > 0) {
+        return true;
+    }
+    return false;
+};
+
+export { isIE as default, isIE };

package/isMobile.cjs.d.ts

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

package/isMobile.cjs.default.js

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

package/isMobile.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+let isMobile = (ssrValue = true) => utils.isServer
+    ? ssrValue
+    :
+        /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(window.navigator.userAgent);
+
+exports["default"] = isMobile;
+exports.isMobile = isMobile;

package/isMobile.cjs.mjs

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

package/isMobile.esm.js

@@ -0,0 +1,8 @@
+import { isServer } from '@koine/utils';
+
+let isMobile = (ssrValue = true) => isServer
+    ? ssrValue
+    :
+        /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(window.navigator.userAgent);
+
+export { isMobile as default, isMobile };

package/listenUrlSearch.cjs.d.ts

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

package/listenUrlSearch.cjs.default.js

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

package/listenUrlSearch.cjs.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+
+let extendHistoryMethod = (fn, runHandlers, before) => {
+    return function interceptor(...args) {
+        if (before) {
+            runHandlers();
+            return fn.apply(this, args);
+        }
+        const result = fn.apply(this, args);
+        runHandlers();
+        return result;
+    };
+};
+let prevSearch = utils.isBrowser ? location.search : "";
+let runHandlers = () => {
+    const newSearch = location.search;
+    if (newSearch !== prevSearch) {
+        const listeners = history.__.h.values();
+        for (const listener of listeners) {
+            listener(prevSearch, newSearch);
+        }
+    }
+    prevSearch = newSearch;
+};
+let listenUrlSearch = (handler) => {
+    if (!history.__) {
+        history.pushState = extendHistoryMethod(history.pushState, runHandlers);
+        history.replaceState = extendHistoryMethod(history.replaceState, runHandlers);
+        dom.on(window, "popstate", runHandlers);
+        history.__ = { h: new Set() };
+    }
+    if (!history.__.h.has(handler)) {
+        history.__.h.add(handler);
+    }
+    return () => {
+        history.__.h.delete(handler);
+    };
+};
+
+exports["default"] = listenUrlSearch;
+exports.listenUrlSearch = listenUrlSearch;

package/listenUrlSearch.cjs.mjs

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

package/listenUrlSearch.esm.js

@@ -0,0 +1,41 @@
+import { isBrowser } from '@koine/utils';
+import { on } from '@koine/dom';
+
+let extendHistoryMethod = (fn, runHandlers, before) => {
+    return function interceptor(...args) {
+        if (before) {
+            runHandlers();
+            return fn.apply(this, args);
+        }
+        const result = fn.apply(this, args);
+        runHandlers();
+        return result;
+    };
+};
+let prevSearch = isBrowser ? location.search : "";
+let runHandlers = () => {
+    const newSearch = location.search;
+    if (newSearch !== prevSearch) {
+        const listeners = history.__.h.values();
+        for (const listener of listeners) {
+            listener(prevSearch, newSearch);
+        }
+    }
+    prevSearch = newSearch;
+};
+let listenUrlSearch = (handler) => {
+    if (!history.__) {
+        history.pushState = extendHistoryMethod(history.pushState, runHandlers);
+        history.replaceState = extendHistoryMethod(history.replaceState, runHandlers);
+        on(window, "popstate", runHandlers);
+        history.__ = { h: new Set() };
+    }
+    if (!history.__.h.has(handler)) {
+        history.__.h.add(handler);
+    }
+    return () => {
+        history.__.h.delete(handler);
+    };
+};
+
+export { listenUrlSearch as default, listenUrlSearch };

package/listenUrlSearchParams.cjs.d.ts

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

package/listenUrlSearchParams.cjs.default.js

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

package/listenUrlSearchParams.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var listenUrlSearch = require('./listenUrlSearch.cjs.js');
+require('@koine/utils');
+require('@koine/dom');
+
+let listenUrlSearchParams = (paramName, handler) => listenUrlSearch.listenUrlSearch((prevSearch, newSearch) => {
+    const prevParams = new URLSearchParams(prevSearch);
+    const newParams = new URLSearchParams(newSearch);
+    const newValue = newParams.get(paramName);
+    if (prevParams.get(paramName) !== newValue) {
+        handler(newValue);
+    }
+});
+
+exports["default"] = listenUrlSearchParams;
+exports.listenUrlSearchParams = listenUrlSearchParams;