zustand-querystring 0.0.17 → 0.0.18

package/README.md

@@ -5,14 +5,16 @@ A Zustand middleware that syncs the store with the querystring.
 Try on [StackBlitz](https://stackblitz.com/github/nitedani/zustand-querystring/tree/main/examples/react) (You need to click "Open in New Tab")
 
 Examples:
+
 - [React](./examples/react/)
 - [NextJS](./examples/next/)
 - [Rakkas](./examples/rakkas/)
 
 Quickstart:
+
 ```ts
-import create from "zustand";
-import { querystring } from "zustand-querystring";
+import create from 'zustand';
+import { querystring } from 'zustand-querystring';
 
 interface Store {
   count: number;
@@ -30,7 +32,7 @@ export const useStore = create<Store>()(
       ticks: 0,
       someNestedState: {
         nestedCount: 0,
-        hello: "Hello",
+        hello: 'Hello',
       },
     }),
     {
@@ -43,19 +45,20 @@ export const useStore = create<Store>()(
 
           someNestedState: {
             nestedCount: true,
-            hello: "/about" === pathname,
+            hello: '/about' === pathname,
           },
 
           // OR select the whole nested state
           // someNestedState: true
         };
       },
-    }
-  )
+    },
+  ),
 );
 ```
 
 querystring options:
+
 - <b>select</b> - the select option controls what part of the state is synced with the query string
 - <b>key: string</b> - the key option controls how the state is stored in the querystring (default: $)
-- <b>url</b> - the url option is used to provide the request url on the server side render
+- <b>url</b> - the url option is used to provide the request url on the server side render

package/dist/{chunk-4CDMBGCR.mjs → chunk-H7YBN6IK.mjs}

@@ -127,10 +127,10 @@ var queryStringImpl = (fn, options) => (set, get, api) => {
         ignored += (ignored ? "&" : "?") + str;
       }
       const newCompacted = compact(newMerged, initialState);
+      let newQueryString = "";
       if (Object.keys(newCompacted).length) {
         const stringified = stringify(newCompacted);
         const newQueryState = `${defaultedOptions.key}=${stringified};;`;
-        let newQueryString = "";
         if (currentParsed) {
           newQueryString = currentQueryString.replace(
             splitMatcher,
@@ -141,13 +141,13 @@ var queryStringImpl = (fn, options) => (set, get, api) => {
         } else {
           newQueryString = "?" + newQueryState;
         }
-        history.replaceState(
-          history.state,
-          "",
-          location.pathname + newQueryString
-        );
       } else {
-        history.replaceState(history.state, "", location.pathname + ignored);
+        newQueryString = ignored;
+      }
+      const currentUrl = location.pathname + location.search;
+      const newUrl = location.pathname + newQueryString;
+      if (newUrl !== currentUrl) {
+        history.replaceState(history.state, "", newUrl);
       }
     };
     if (!api.__ZUSTAND_QUERYSTRING_INIT__) {

package/dist/index.js

@@ -270,10 +270,10 @@ var queryStringImpl = (fn, options) => (set, get, api) => {
         ignored += (ignored ? "&" : "?") + str;
       }
       const newCompacted = compact(newMerged, initialState);
+      let newQueryString = "";
       if (Object.keys(newCompacted).length) {
         const stringified = stringify(newCompacted);
         const newQueryState = `${defaultedOptions.key}=${stringified};;`;
-        let newQueryString = "";
         if (currentParsed) {
           newQueryString = currentQueryString.replace(
             splitMatcher,
@@ -284,13 +284,13 @@ var queryStringImpl = (fn, options) => (set, get, api) => {
         } else {
           newQueryString = "?" + newQueryState;
         }
-        history.replaceState(
-          history.state,
-          "",
-          location.pathname + newQueryString
-        );
       } else {
-        history.replaceState(history.state, "", location.pathname + ignored);
+        newQueryString = ignored;
+      }
+      const currentUrl = location.pathname + location.search;
+      const newUrl = location.pathname + newQueryString;
+      if (newUrl !== currentUrl) {
+        history.replaceState(history.state, "", newUrl);
       }
     };
     if (!api.__ZUSTAND_QUERYSTRING_INIT__) {

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   querystring
-} from "./chunk-4CDMBGCR.mjs";
+} from "./chunk-H7YBN6IK.mjs";
 import {
   createURL
 } from "./chunk-STY4LBQG.mjs";

package/dist/middleware.js

@@ -267,10 +267,10 @@ var queryStringImpl = (fn, options) => (set, get, api) => {
         ignored += (ignored ? "&" : "?") + str;
       }
       const newCompacted = compact(newMerged, initialState);
+      let newQueryString = "";
       if (Object.keys(newCompacted).length) {
         const stringified = stringify(newCompacted);
         const newQueryState = `${defaultedOptions.key}=${stringified};;`;
-        let newQueryString = "";
         if (currentParsed) {
           newQueryString = currentQueryString.replace(
             splitMatcher,
@@ -281,13 +281,13 @@ var queryStringImpl = (fn, options) => (set, get, api) => {
         } else {
           newQueryString = "?" + newQueryState;
         }
-        history.replaceState(
-          history.state,
-          "",
-          location.pathname + newQueryString
-        );
       } else {
-        history.replaceState(history.state, "", location.pathname + ignored);
+        newQueryString = ignored;
+      }
+      const currentUrl = location.pathname + location.search;
+      const newUrl = location.pathname + newQueryString;
+      if (newUrl !== currentUrl) {
+        history.replaceState(history.state, "", newUrl);
       }
     };
     if (!api.__ZUSTAND_QUERYSTRING_INIT__) {

package/dist/middleware.mjs

@@ -1,6 +1,6 @@
 import {
   querystring
-} from "./chunk-4CDMBGCR.mjs";
+} from "./chunk-H7YBN6IK.mjs";
 import "./chunk-77OZJNG4.mjs";
 export {
   querystring

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zustand-querystring",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",