state-in-url 2.0.0 → 2.0.1

package/dist/constants/index.mjs

@@ -0,0 +1 @@
+export{SYMBOLS}from"./constants.mjs";

package/dist/encodeState/index.d.ts

@@ -1 +1 @@
-export * from './encodeState';
+export { decodeState, encodeState } from './encodeState';

package/dist/encodeState/index.mjs

@@ -0,0 +1 @@
+export{decodeState,encodeState}from"./encodeState.mjs";

package/dist/encoder/encoder.d.ts

@@ -33,11 +33,3 @@ export declare const reviver: (key: string, value: unknown) => unknown;
  *  * Github {@link https://github.com/asmyshlyaev177/state-in-url}
  */
 export declare function parseJSON<T extends JSONCompatible>(jsonString: string, fallbackValue?: T): T | Primitive | undefined;
-/**
- * Parses the Next.js server-side `searchParams` into an object.
- *
- * @param {object | undefined} sp - The server-side query string to parse.
- * @param {T} defaults - The default values to use if parsing fails.
- * @return {T} - The parsed object or the default values.
- */
-export declare function parseSsrQs<T extends JSONCompatible>(sp: object | undefined, defaults: T): T;

package/dist/encoder/encoder.mjs

@@ -1 +1 @@
-import{SYMBOLS as t}from"../constants/constants.mjs";import{typeOf as r}from"../utils.mjs";function n(n){switch(r(n)){case"function":case"symbol":return"";case"date":return t.date+n.toISOString();case"string":return`${t.string}${encodeURIComponent(n)}`;case"number":return t.number+String(n);case"boolean":return t.boolean+String(n);case"object":case"array":return JSON.stringify(n,s).replaceAll('"',"'");case"null":return t.null;case"undefined":return t.undefined;default:return String(n)}}function e(t,r){return a(t.replaceAll("'",'"'),r)}const s=(t,e)=>{const s=r(e);return t&&"object"!==s&&"array"!==s?n(e):e},o=r=>r===t.null?null:r!==t.undefined?r?.startsWith?.(t.number)?Number.parseFloat(r.replace(t.number,"")):r?.startsWith?.(t.boolean)?!!r.includes("true"):r?.startsWith?.(t.date)?new Date(r.slice(1)):r?.startsWith?.(t.string)?decodeURIComponent(r).replace(/^◖/,""):c:void 0,c=Symbol("isError"),u=(t,r)=>{const n="string"==typeof r,e=n&&o(r);return e===c?r:t&&n?e:r};function a(t,r){try{return JSON.parse(t,u)}catch{const n=o(t);return n!==c?n:r}}function i(t,r){return{...r,...f(JSON.stringify(t),r)}}const l=(t,r)=>{const n="string"==typeof r,s=n&&e(r?.replaceAll?.("'",'"'));return t&&n?s:r};function f(t,r){try{return JSON.parse(t,l)}catch{const n=o(t);return n!==c?n:r}}export{e as decode,o as decodePrimitive,n as encode,c as errorSym,a as parseJSON,i as parseSsrQs,s as replacer,u as reviver};
+import{SYMBOLS as e}from"../constants/constants.mjs";import{typeOf as t}from"../utils.mjs";function r(r){switch(t(r)){case"function":case"symbol":return"";case"date":return e.date+r.toISOString();case"string":return`${e.string}${encodeURIComponent(r)}`;case"number":return e.number+String(r);case"boolean":return e.boolean+String(r);case"object":case"array":return JSON.stringify(r,s).replaceAll('"',"'");case"null":return e.null;case"undefined":return e.undefined;default:return String(r)}}function n(e,t){return c(e.replaceAll("'",'"'),t)}const s=(e,n)=>{const s=t(n);return e&&"object"!==s&&"array"!==s?r(n):n},a=t=>t===e.null?null:t!==e.undefined?t?.startsWith?.(e.number)?Number.parseFloat(t.replace(e.number,"")):t?.startsWith?.(e.boolean)?!!t.includes("true"):t?.startsWith?.(e.date)?new Date(t.slice(1)):t?.startsWith?.(e.string)?decodeURIComponent(t).replace(/^◖/,""):o:void 0,o=Symbol("isError"),u=(e,t)=>{const r="string"==typeof t,n=r&&a(t);return n===o?t:e&&r?n:t};function c(e,t){try{return JSON.parse(e,u)}catch{const r=a(e);return r!==o?r:t}}export{n as decode,a as decodePrimitive,r as encode,o as errorSym,c as parseJSON,s as replacer,u as reviver};

package/dist/encoder/index.d.ts

@@ -1 +1 @@
-export * from './encoder';
+export { decode, encode } from './encoder';

package/dist/encoder/index.mjs

@@ -0,0 +1 @@
+export{decode,encode}from"./encoder.mjs";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { decode, encode, parseSsrQs } from './encoder';
+import { decode, encode } from './encoder';
 import { decodeState, encodeState } from './encodeState';
-import { useUrlState } from './next/useUrlState';
+import { parseSsrQs, useUrlState } from './next';
 import { useSharedState } from './useSharedState';
 import { useUrlEncode } from './useUrlEncode';
 import { useUrlStateBase } from './useUrlStateBase';

package/dist/index.mjs

@@ -1 +1 @@
-export{decode,encode,parseSsrQs}from"./encoder/encoder.mjs";export{decodeState,encodeState}from"./encodeState/encodeState.mjs";export{useUrlState}from"./next/useUrlState/useUrlState.mjs";export{useSharedState}from"./useSharedState/useSharedState.mjs";export{useUrlEncode}from"./useUrlEncode/useUrlEncode.mjs";export{useUrlStateBase}from"./useUrlStateBase/useUrlStateBase.mjs";export{isSSR,typeOf}from"./utils.mjs";
+export{decode,encode}from"./encoder/encoder.mjs";export{decodeState,encodeState}from"./encodeState/encodeState.mjs";export{parseSsrQs}from"./next/parseSsrQs.mjs";export{useUrlState}from"./next/useUrlState/useUrlState.mjs";export{useSharedState}from"./useSharedState/useSharedState.mjs";export{useUrlEncode}from"./useUrlEncode/useUrlEncode.mjs";export{useUrlStateBase}from"./useUrlStateBase/useUrlStateBase.mjs";export{isSSR,typeOf}from"./utils.mjs";

package/dist/next/index.d.ts

@@ -0,0 +1,2 @@
+export { parseSsrQs } from './parseSsrQs';
+export { useUrlState } from './useUrlState';

package/dist/next/index.mjs

@@ -0,0 +1 @@
+export{parseSsrQs}from"./parseSsrQs.mjs";export{useUrlState}from"./useUrlState/useUrlState.mjs";

package/dist/next/parseSsrQs.d.ts

@@ -0,0 +1,9 @@
+import { type JSONCompatible } from '../utils';
+/**
+ * Parses the Next.js server-side `searchParams` into an object.
+ *
+ * @param {object | undefined} sp - The server-side searchParams object to parse.
+ * @param {T} defaults - The default values to use if parsing fails.
+ * @return {T} - The parsed object or the default values.
+ */
+export declare function parseSsrQs<T extends JSONCompatible>(sp: object | undefined, defaults: T): T;

package/dist/next/parseSsrQs.mjs

@@ -0,0 +1 @@
+import{decodePrimitive as r,errorSym as t,decode as n}from"../encoder/encoder.mjs";function e(r,t){return{...t,...o(JSON.stringify(r),t)}}function o(n,e){try{return JSON.parse(n,c)}catch{const o=r(n);return o!==t?o:e}}const c=(r,t)=>{const e="string"==typeof t,o=e&&n(t?.replaceAll?.("'",'"'));return r&&e?o:t};export{e as parseSsrQs};

package/dist/next/useUrlState/index.mjs

@@ -0,0 +1 @@
+export{useUrlState}from"./useUrlState.mjs";

package/dist/next/useUrlState/useUrlState.mjs

@@ -1 +1 @@
-import{useRouter as t,useSearchParams as e}from"next/navigation";import r from"react";import{parseSsrQs as a}from"../../encoder/encoder.mjs";import{useUrlStateBase as o}from"../../useUrlStateBase/useUrlStateBase.mjs";function s(s,m){const n=t(),{state:u,updateState:c,updateUrl:i,getState:p}=o(s,n,m),f=r.useCallback(((t,e)=>{i(t,{scroll:!1,...e})}),[i]),l=e();return r.useEffect((()=>{c(a(Object.fromEntries([...l.entries()]),s))}),[l]),{updateState:c,updateUrl:f,state:u,getState:p}}export{s as useUrlState};
+import{useRouter as t,useSearchParams as e}from"next/navigation";import r from"react";import{parseSsrQs as a}from"../parseSsrQs.mjs";import{useUrlStateBase as s}from"../../useUrlStateBase/useUrlStateBase.mjs";function o(o,m){const p=t(),{state:u,updateState:i,updateUrl:n,getState:f}=s(o,p,m),l=r.useCallback(((t,e)=>{n(t,{scroll:!1,...e})}),[n]),c=e();return r.useEffect((()=>{i(a(Object.fromEntries([...c.entries()]),o))}),[c]),{updateState:i,updateUrl:l,state:u,getState:f}}export{o as useUrlState};

package/dist/useSharedState/index.mjs

@@ -0,0 +1 @@
+export{useSharedState}from"./useSharedState.mjs";

package/dist/useUrlEncode/index.d.ts

@@ -1 +1 @@
-export * from './useUrlEncode';
+export { useUrlEncode } from './useUrlEncode';

package/dist/useUrlEncode/index.mjs

@@ -0,0 +1 @@
+export{useUrlEncode}from"./useUrlEncode.mjs";

package/dist/useUrlStateBase/index.d.ts

@@ -1 +1 @@
-export * from './useUrlStateBase';
+export { useUrlStateBase } from './useUrlStateBase';

package/dist/useUrlStateBase/index.mjs

@@ -0,0 +1 @@
+export{useUrlStateBase}from"./useUrlStateBase.mjs";

package/dist/useUrlStateBase/useUrlStateBase.mjs

@@ -1 +1 @@
-import t from"react";import{parseSsrQs as e}from"../encoder/encoder.mjs";import{useInsertionEffect as o}from"../useInsertionEffect.mjs";import{useSharedState as n}from"../useSharedState/useSharedState.mjs";import{useUrlEncode as r}from"../useUrlEncode/useUrlEncode.mjs";import{isSSR as s}from"../utils.mjs";function a(a,i,m){const{parse:d,stringify:p}=r(a),{state:l,getState:u,setState:w}=n(a,(()=>s()?e(m,a):d(window.location.search)));o((()=>{const t=()=>{const t=d(window.location.search);w(t)};return window.addEventListener(c,t),()=>{window.removeEventListener(c,t)}}),[w]);const f=t.useCallback(((t,e)=>{const o=window.location.search,n=`${window.location.pathname}${o.length&&!o.includes("?")?"?":""}${o}`;let r,s;"function"==typeof t?(r=t(u()),s=p(r)):(r=t??u(),s=p(r)),w(r);const a=`${window.location.pathname}${s.length?"?":""}${s}`;if(n!==a){const{replace:t,...o}=e||{};i[t?"replace":"push"](a,{...o})}}),[i,p,u]);return{updateState:w,updateUrl:f,state:l,getState:u}}const c="popstate";export{a as useUrlStateBase};
+import t from"react";import{parseSsrQs as e}from"../next/parseSsrQs.mjs";import{useInsertionEffect as o}from"../useInsertionEffect.mjs";import{useSharedState as n}from"../useSharedState/useSharedState.mjs";import{useUrlEncode as a}from"../useUrlEncode/useUrlEncode.mjs";import{isSSR as s}from"../utils.mjs";function r(r,i,m){const{parse:w,stringify:l}=a(r),{state:d,getState:p,setState:h}=n(r,(()=>s()?e(m,r):w(window.location.search)));o((()=>{const t=()=>{const t=w(window.location.search);h(t)};return window.addEventListener(c,t),()=>{window.removeEventListener(c,t)}}),[h]),t.useCallback((()=>{const t=Object.keys(r),e=window.location.search,o=new URLSearchParams(e),n=new URLSearchParams;return o.forEach(((e,o)=>!t.includes(o)&&n.set(o,e))),n}),[]);const u=t.useCallback(((t,e)=>{const o=`${window.location.pathname}${window.location.search}${window.location.hash}`;let n,a;"function"==typeof t?(n=t(p()),a=l(n)):(n=t??p(),a=l(n)),h(n);const s=`${window.location.pathname}${a.length?"?":""}${a}${window.location.hash}`;if(o!==s){const{replace:t,...o}=e||{};i[t?"replace":"push"](s,{...o})}}),[i,l,p]);return{updateState:h,updateUrl:u,state:d,getState:p}}const c="popstate";export{r as useUrlStateBase};

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "state-in-url",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Library to store state in browser URL, includes hook for NextJS, hook for pure React, and low level helpers.",
   "homepage": "https://github.com/asmyshlyaev177/state-in-url#readme",
   "keywords": [
     "state-management",
+    "state management",
     "Next.js",
     "client components communication",
+    "signals alternative",
     "query string",
+    "search params",
     "typescript",
     "react.js",
     "workflow",
@@ -49,35 +52,38 @@
       "default": "./dist/index.mjs"
     },
     "./next": {
-      "types": "./dist/next/useUrlState/index.d.ts",
-      "default": "./dist/next/useUrlState/useUrlState.mjs"
+      "types": "./dist/next/index.d.ts",
+      "default": "./dist/next/index.mjs"
     },
     "./encodeState": {
-      "types": "./dist/next/encodeState/index.d.ts",
-      "default": "./dist/next/encodeState/encodeState.mjs"
+      "types": "./dist/encodeState/index.d.ts",
+      "default": "./dist/encodeState/index.mjs"
     },
     "./encoder": {
-      "types": "./dist/next/encoder/index.d.ts",
-      "default": "./dist/next/encoder/encoder.mjs"
+      "types": "./dist/encoder/index.d.ts",
+      "default": "./dist/encoder/index.mjs"
     },
     "./useSharedState": {
-      "types": "./dist/next/useSharedState/index.d.ts",
-      "default": "./dist/next/useSharedState/useSharedState.mjs"
+      "types": "./dist/useSharedState/index.d.ts",
+      "default": "./dist/useSharedState/index.mjs"
     },
     "./useUrlEncode": {
-      "types": "./dist/next/useUrlEncode/index.d.ts",
-      "default": "./dist/next/useUrlEncode/useUrlEncode.mjs"
+      "types": "./dist/useUrlEncode/index.d.ts",
+      "default": "./dist/useUrlEncode/index.mjs"
     },
     "./useUrlStateBase": {
-      "types": "./dist/next/useUrlStateBase/index.d.ts",
-      "default": "./dist/next/useUrlStateBase/useUrlStateBase.mjs"
+      "types": "./dist/useUrlStateBase/index.d.ts",
+      "default": "./dist/useUrlStateBase/index.mjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "default": "./dist/utils.mjs"
     }
   },
   "types": "./dist/index.d.ts",
   "scripts": {
     "test:unit": "wireit",
     "test:int": "wireit",
-    "test:int:watch": "npx chokidar-cli 'packages/**/*.ts' 'packages/**/*.tsx' -i '.next' -t 500 -c 'npx playwright test -j 2 --project=chromium'",
     "test": "wireit",
     "tsc": "wireit",
     "dev": "wireit",
@@ -100,7 +106,7 @@
         "tsc",
         "test:unit"
       ],
-      "command": "npm run test:int -- --retries=1"
+      "command": "npm run test:int -- --retries=2 --project=chromium"
     },
     "kill-next": {
       "command": "ps aux | grep .next | grep -v grep | awk '{print $2}' | xargs kill -9 2>&1; exit 0"
@@ -215,11 +221,11 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^16.0.0",
     "@testing-library/react-hooks": "^8.0.1",
+    "@types/glob": "^8.1.0",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.11.24",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "chokidar-cli": "^3.0.0",
     "commitizen": "^4.3.0",
     "cross-env": "^7.0.3",
     "cz": "^1.8.2",