@koine/browser 2.0.0-beta.16 → 2.0.0-beta.18

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/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/package.json

@@ -2,8 +2,8 @@
   "name": "@koine/browser",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.16",
-    "@koine/utils": "2.0.0-beta.16"
+    "@koine/dom": "2.0.0-beta.18",
+    "@koine/utils": "2.0.0-beta.18"
   },
   "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.16"
+  "version": "2.0.0-beta.18"
 }