zustand-querystring 0.0.17 → 0.0.19

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-STY4LBQG.mjs → chunk-PYA77ZUK.mjs}

@@ -1,7 +1,7 @@
 import {
   parse,
   stringify
-} from "./chunk-77OZJNG4.mjs";
+} from "./chunk-ZM24AXRE.mjs";
 
 // src/utils.ts
 var escapeStringRegexp = (string) => {

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

@@ -1,7 +1,7 @@
 import {
   parse,
   stringify
-} from "./chunk-77OZJNG4.mjs";
+} from "./chunk-ZM24AXRE.mjs";
 
 // src/middleware.ts
 import { mergeWith, isEqual, cloneDeep } from "lodash-es";
@@ -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/{chunk-77OZJNG4.mjs → chunk-ZM24AXRE.mjs}

@@ -26,6 +26,9 @@ function stringify(input, recursive) {
     }
     return "@" + res.join("&") + ";";
   }
+  if (input instanceof Date) {
+    return "=!Date:" + encodeString(input.toISOString(), valueStringifyRegexp);
+  }
   if (typeof input === "object") {
     for (const [key, value] of Object.entries(input)) {
       const stringifiedValue = stringify(value, true);
@@ -65,7 +68,11 @@ function parse(str) {
   function parseToken() {
     const type = str.charAt(pos++);
     if (type === "=") {
-      return readToken(valueParseRegexp);
+      const value = readToken(valueParseRegexp);
+      if (value.startsWith("!Date:")) {
+        return new Date(value.slice("!Date:".length));
+      }
+      return value;
     }
     if (type === ":") {
       const value = readToken(valueParseRegexp);

package/dist/index.js

@@ -54,6 +54,9 @@ function stringify(input, recursive) {
     }
     return "@" + res.join("&") + ";";
   }
+  if (input instanceof Date) {
+    return "=!Date:" + encodeString(input.toISOString(), valueStringifyRegexp);
+  }
   if (typeof input === "object") {
     for (const [key, value] of Object.entries(input)) {
       const stringifiedValue = stringify(value, true);
@@ -93,7 +96,11 @@ function parse(str) {
   function parseToken() {
     const type = str.charAt(pos++);
     if (type === "=") {
-      return readToken(valueParseRegexp);
+      const value = readToken(valueParseRegexp);
+      if (value.startsWith("!Date:")) {
+        return new Date(value.slice("!Date:".length));
+      }
+      return value;
     }
     if (type === ":") {
       const value = readToken(valueParseRegexp);
@@ -270,10 +277,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 +291,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,13 +1,13 @@
 import {
   querystring
-} from "./chunk-4CDMBGCR.mjs";
+} from "./chunk-S5N6DUVJ.mjs";
 import {
   createURL
-} from "./chunk-STY4LBQG.mjs";
+} from "./chunk-PYA77ZUK.mjs";
 import {
   parse,
   stringify
-} from "./chunk-77OZJNG4.mjs";
+} from "./chunk-ZM24AXRE.mjs";
 export {
   createURL,
   parse,

package/dist/middleware.js

@@ -51,6 +51,9 @@ function stringify(input, recursive) {
     }
     return "@" + res.join("&") + ";";
   }
+  if (input instanceof Date) {
+    return "=!Date:" + encodeString(input.toISOString(), valueStringifyRegexp);
+  }
   if (typeof input === "object") {
     for (const [key, value] of Object.entries(input)) {
       const stringifiedValue = stringify(value, true);
@@ -90,7 +93,11 @@ function parse(str) {
   function parseToken() {
     const type = str.charAt(pos++);
     if (type === "=") {
-      return readToken(valueParseRegexp);
+      const value = readToken(valueParseRegexp);
+      if (value.startsWith("!Date:")) {
+        return new Date(value.slice("!Date:".length));
+      }
+      return value;
     }
     if (type === ":") {
       const value = readToken(valueParseRegexp);
@@ -267,10 +274,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 +288,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,7 +1,7 @@
 import {
   querystring
-} from "./chunk-4CDMBGCR.mjs";
-import "./chunk-77OZJNG4.mjs";
+} from "./chunk-S5N6DUVJ.mjs";
+import "./chunk-ZM24AXRE.mjs";
 export {
   querystring
 };

package/dist/parser.js

@@ -50,6 +50,9 @@ function stringify(input, recursive) {
     }
     return "@" + res.join("&") + ";";
   }
+  if (input instanceof Date) {
+    return "=!Date:" + encodeString(input.toISOString(), valueStringifyRegexp);
+  }
   if (typeof input === "object") {
     for (const [key, value] of Object.entries(input)) {
       const stringifiedValue = stringify(value, true);
@@ -89,7 +92,11 @@ function parse(str) {
   function parseToken() {
     const type = str.charAt(pos++);
     if (type === "=") {
-      return readToken(valueParseRegexp);
+      const value = readToken(valueParseRegexp);
+      if (value.startsWith("!Date:")) {
+        return new Date(value.slice("!Date:".length));
+      }
+      return value;
     }
     if (type === ":") {
       const value = readToken(valueParseRegexp);

package/dist/parser.mjs

@@ -1,7 +1,7 @@
 import {
   parse,
   stringify
-} from "./chunk-77OZJNG4.mjs";
+} from "./chunk-ZM24AXRE.mjs";
 export {
   parse,
   stringify

package/dist/utils.js

@@ -51,6 +51,9 @@ function stringify(input, recursive) {
     }
     return "@" + res.join("&") + ";";
   }
+  if (input instanceof Date) {
+    return "=!Date:" + encodeString(input.toISOString(), valueStringifyRegexp);
+  }
   if (typeof input === "object") {
     for (const [key, value] of Object.entries(input)) {
       const stringifiedValue = stringify(value, true);
@@ -90,7 +93,11 @@ function parse(str) {
   function parseToken() {
     const type = str.charAt(pos++);
     if (type === "=") {
-      return readToken(valueParseRegexp);
+      const value = readToken(valueParseRegexp);
+      if (value.startsWith("!Date:")) {
+        return new Date(value.slice("!Date:".length));
+      }
+      return value;
     }
     if (type === ":") {
       const value = readToken(valueParseRegexp);

package/dist/utils.mjs

@@ -1,7 +1,7 @@
 import {
   createURL
-} from "./chunk-STY4LBQG.mjs";
-import "./chunk-77OZJNG4.mjs";
+} from "./chunk-PYA77ZUK.mjs";
+import "./chunk-ZM24AXRE.mjs";
 export {
   createURL
 };

package/package.json

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