@koine/browser 2.0.0-beta.15 → 2.0.0-beta.17

package/createStorage.js

@@ -1,10 +1,6 @@
 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 { decode, encode, isBrowser, isNullOrUndefined, noop, } from "@koine/utils";
+import { on } from "@koine/dom";
 import storage from "./storage.js";
 export var createStorage = function (config, useSessionStorage) {
     var client = useSessionStorage ? storage.s : storage.l;

package/getZonedDate.js

@@ -1,5 +1,5 @@
 import utcToZonedTime from "date-fns-tz/utcToZonedTime";
-import isBrowser from "@koine/utils/isBrowser";
+import { isBrowser } from "@koine/utils";
 export function getZonedDate(dateString, timeZone) {
     if (dateString === void 0) { dateString = ""; }
     if (!dateString.endsWith("Z"))

package/gtagPageview.js

@@ -1,4 +1,4 @@
-import isUndefined from "@koine/utils/isUndefined";
+import { isUndefined } from "@koine/utils";
 export var gtagPageview = function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {

package/index.d.ts

@@ -3,6 +3,8 @@ export { getZonedDate } from "./getZonedDate.js";
 export { gtagPageview, type GtmPageviewArgs } from "./gtagPageview.js";
 export { isIE } from "./isIE.js";
 export { isMobile } from "./isMobile.js";
+export { listenUrlSearch } from "./listenUrlSearch.js";
+export { listenUrlSearchParams } from "./listenUrlSearchParams.js";
 export { navigateToHash } from "./navigateToHash.js";
 export { navigateToHashParams } from "./navigateToHashParams.js";
 export { navigateToMergedHashParams } from "./navigateToMergedHashParams.js";

package/index.js

@@ -3,6 +3,8 @@ export { getZonedDate } from "./getZonedDate.js";
 export { gtagPageview } from "./gtagPageview.js";
 export { isIE } from "./isIE.js";
 export { isMobile } from "./isMobile.js";
+export { listenUrlSearch } from "./listenUrlSearch.js";
+export { listenUrlSearchParams } from "./listenUrlSearchParams.js";
 export { navigateToHash } from "./navigateToHash.js";
 export { navigateToHashParams } from "./navigateToHashParams.js";
 export { navigateToMergedHashParams } from "./navigateToMergedHashParams.js";

package/isIE.js

@@ -1,4 +1,4 @@
-import isServer from "@koine/utils/isServer";
+import { isServer } from "@koine/utils";
 export function isIE(ssrValue) {
     if (ssrValue === void 0) { ssrValue = true; }
     if (isServer) {

package/isMobile.js

@@ -1,4 +1,4 @@
-import isServer from "@koine/utils/isServer";
+import { isServer } from "@koine/utils";
 export function isMobile(ssrValue) {
     if (ssrValue === void 0) { ssrValue = true; }
     if (isServer) {

package/listenUrlSearch.d.ts

@@ -0,0 +1,3 @@
+type Handler = (prevLocationSearch: string, newLocationSearch: string) => void;
+export declare function listenUrlSearch(handler: Handler): () => void;
+export default listenUrlSearch;

package/listenUrlSearch.js

@@ -0,0 +1,54 @@
+import { __values } from "tslib";
+import { on } from "@koine/dom";
+function extendHistoryMethod(fn, runHandlers, before) {
+    return function interceptor() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (before) {
+            runHandlers();
+            return fn.apply(this, args);
+        }
+        var result = fn.apply(this, args);
+        runHandlers();
+        return result;
+    };
+}
+var prevSearch = location.search;
+function runHandlers() {
+    var e_1, _a;
+    var newSearch = location.search;
+    if (newSearch !== prevSearch) {
+        var listeners = history.__.h.values();
+        try {
+            for (var listeners_1 = __values(listeners), listeners_1_1 = listeners_1.next(); !listeners_1_1.done; listeners_1_1 = listeners_1.next()) {
+                var listener = listeners_1_1.value;
+                listener(prevSearch, newSearch);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (listeners_1_1 && !listeners_1_1.done && (_a = listeners_1.return)) _a.call(listeners_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    }
+    prevSearch = newSearch;
+}
+export function 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 function () {
+        history.__.h.delete(handler);
+    };
+}
+export default listenUrlSearch;

package/listenUrlSearchParams.d.ts

@@ -0,0 +1,2 @@
+export declare const listenUrlSearchParams: (paramName: string, handler: (paramNewValue: string | null) => void) => () => void;
+export default listenUrlSearchParams;

package/listenUrlSearchParams.js

@@ -0,0 +1,12 @@
+import listenUrlSearch from "./listenUrlSearch.js";
+export var listenUrlSearchParams = function (paramName, handler) {
+    return listenUrlSearch(function (prevSearch, newSearch) {
+        var prevParams = new URLSearchParams(prevSearch);
+        var newParams = new URLSearchParams(newSearch);
+        var newValue = newParams.get(paramName);
+        if (prevParams.get(paramName) !== newValue) {
+            handler(newValue);
+        }
+    });
+};
+export default listenUrlSearchParams;

package/navigateToHashParams.d.ts

@@ -1,3 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
+import { type AnyQueryParams } from "@koine/utils";
 export declare function navigateToHashParams(params?: string | AnyQueryParams, hash?: string): string;
 export default navigateToHashParams;

package/navigateToHashParams.js

@@ -1,5 +1,4 @@
-import buildUrlQueryString from "@koine/utils/buildUrlQueryString";
-import getUrlHashPathname from "@koine/utils/getUrlHashPathname";
+import { buildUrlQueryString, getUrlHashPathname, } from "@koine/utils";
 export function navigateToHashParams(params, hash) {
     if (params === void 0) { params = {}; }
     if (hash === void 0) { hash = ""; }

package/navigateToMergedHashParams.d.ts

@@ -1,3 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
+import { type AnyQueryParams } from "@koine/utils";
 export declare function navigateToMergedHashParams(params?: NonNullable<AnyQueryParams>, hash?: string): string;
 export default navigateToMergedHashParams;

package/navigateToMergedHashParams.js

@@ -1,5 +1,4 @@
-import getUrlHashParams from "@koine/utils/getUrlHashParams";
-import mergeUrlQueryParams from "@koine/utils/mergeUrlQueryParams";
+import { getUrlHashParams, mergeUrlQueryParams, } from "@koine/utils";
 import { navigateToHashParams } from "./navigateToHashParams.js";
 export function navigateToMergedHashParams(params, hash) {
     if (params === void 0) { params = {}; }

package/navigateToMergedParams.d.ts

@@ -1,3 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
+import { type AnyQueryParams } from "@koine/utils";
 export declare function navigateToMergedParams(params?: NonNullable<AnyQueryParams>, replace?: boolean): string;
 export default navigateToMergedParams;

package/navigateToMergedParams.js

@@ -1,5 +1,4 @@
-import getUrlQueryParams from "@koine/utils/getUrlQueryParams";
-import mergeUrlQueryParams from "@koine/utils/mergeUrlQueryParams";
+import { getUrlQueryParams, mergeUrlQueryParams, } from "@koine/utils";
 import { navigateToParams } from "./navigateToParams.js";
 export function navigateToMergedParams(params, replace) {
     if (params === void 0) { params = {}; }

package/navigateToParams.d.ts

@@ -1,3 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
+import { type AnyQueryParams } from "@koine/utils";
 export declare function navigateToParams(params?: string | AnyQueryParams, replace?: boolean): string;
 export default navigateToParams;

package/navigateToParams.js

@@ -1,5 +1,4 @@
-import buildUrlQueryString from "@koine/utils/buildUrlQueryString";
-import isBrowser from "@koine/utils/isBrowser";
+import { buildUrlQueryString, isBrowser, } from "@koine/utils";
 import navigateToUrl from "./navigateToUrl.js";
 export function navigateToParams(params, replace) {
     if (params === void 0) { params = {}; }

package/navigateWithoutUrlParam.js

@@ -1,4 +1,4 @@
-import getUrlQueryParams from "@koine/utils/getUrlQueryParams";
+import { getUrlQueryParams } from "@koine/utils";
 import navigateToParams from "./navigateToParams.js";
 export function navigateWithoutUrlParam(paramName, replace) {
     var params = {};

package/package.json

@@ -2,8 +2,8 @@
   "name": "@koine/browser",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.15",
-    "@koine/utils": "2.0.0-beta.15"
+    "@koine/dom": "2.0.0-beta.17",
+    "@koine/utils": "2.0.0-beta.17"
   },
   "types": "./index.d.ts",
   "type": "module",
@@ -27,6 +27,12 @@
     "./isMobile": {
       "import": "./isMobile.js"
     },
+    "./listenUrlSearch": {
+      "import": "./listenUrlSearch.js"
+    },
+    "./listenUrlSearchParams": {
+      "import": "./listenUrlSearchParams.js"
+    },
     "./navigateToHash": {
       "import": "./navigateToHash.js"
     },
@@ -59,5 +65,5 @@
     }
   },
   "peerDependencies": {},
-  "version": "2.0.0-beta.15"
+  "version": "2.0.0-beta.17"
 }

package/redirectTo.d.ts

@@ -1,3 +1,3 @@
-import type { AnyQueryParams } from "@koine/utils/location";
+import { type AnyQueryParams } from "@koine/utils";
 export declare function redirectTo(url: string, params?: AnyQueryParams): void;
 export default redirectTo;

package/redirectTo.js

@@ -1,5 +1,4 @@
-import buildUrlQueryString from "@koine/utils/buildUrlQueryString";
-import isBrowser from "@koine/utils/isBrowser";
+import { buildUrlQueryString, isBrowser, } from "@koine/utils";
 export function redirectTo(url, params) {
     if (isBrowser) {
         var queryString = buildUrlQueryString(params);

package/storageClient.js

@@ -1,5 +1,4 @@
-import isBrowser from "@koine/utils/isBrowser";
-import isString from "@koine/utils/isString";
+import { isBrowser, isString } from "@koine/utils";
 var methodsMap = { g: "getItem", s: "setItem", r: "removeItem" };
 export var storageClient = function (useSessionStorage) {
     var nativeMethod = function (method, key, value) {