state-in-url 2.5.2 → 3.0.0

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "state-in-url",
-  "version": "2.5.2",
-  "description": "Library to store state in browser URL, includes hook for NextJS, hook for pure React, and low level helpers. https://state-in-url-asmyshlyaev177.vercel.app/",
-  "homepage": "https://github.com/asmyshlyaev177/state-in-url#readme",
+  "version": "3.0.0",
+  "description": "Library to store complex state in browser URL, includes hook for NextJS, hook for pure React, and low level helpers. https://state-in-url-asmyshlyaev177.vercel.app/",
+  "homepage": "https://github.com/asmyshlyaev177/state-in-url",
   "keywords": [
+    "front-end",
     "state-management",
     "state management",
     "Next.js",
@@ -45,8 +46,10 @@
   },
   "workspaces": [
     "packages/urlstate",
-    "packages/example-nextjs",
-    "packages/example-react"
+    "packages/example-nextjs14",
+    "packages/example-nextjs15",
+    "packages/example-react",
+    "packages/example-react-router6"
   ],
   "files": [
     "dist"
@@ -61,6 +64,10 @@
       "types": "./dist/next/index.d.ts",
       "default": "./dist/next/index.mjs"
     },
+    "./react-router": {
+      "types": "./dist/react-router/index.d.ts",
+      "default": "./dist/react-router/index.mjs"
+    },
     "./encodeState": {
       "types": "./dist/encodeState/index.d.ts",
       "default": "./dist/encodeState/index.mjs"
@@ -88,8 +95,6 @@
   },
   "types": "./dist/index.d.ts",
   "scripts": {
-    "start": "npm install && npm run start:demo",
-    "release": "release-it --ci -V",
     "test:unit": "wireit",
     "test:int": "wireit",
     "test:int:ci": "wireit",
@@ -98,15 +103,22 @@
     "tsc": "wireit",
     "dev": "wireit",
     "dev:lib": "wireit",
-    "dev:nextjs": "wireit",
+    "dev:nextjs14": "wireit",
     "bump": "npx standard-version --no-verify",
     "build": "wireit",
     "build:demo": "wireit",
-    "start:demo": "npm run build && cd packages/example-nextjs && npm run build && npm run start",
+    "start:demo": "wireit",
+    "build:packages": "wireit",
+    "start:demo15": "wireit",
+    "start:demo15:ci": "wireit",
+    "start:react": "wireit",
+    "start": "wireit",
+    "start:ci": "wireit",
     "kill-next": "wireit",
     "kill-vite": "wireit",
+    "kill": "wireit",
     "cleanup": "rm -rf dist",
-    "reinstall": "rm -rf dist .wireit node_modules packages/example-nextjs/node_modules packages/example-nextjs/.next packages/example-react/node_modules && npm install",
+    "reinstall": "rm -rf dist .wireit node_modules packages/example-nextjs14/node_modules packages/example-nextjs14/.next packages/example-react/node_modules && npm install",
     "setup": "playwright install --with-deps",
     "prepack": "npm run build && cp package.json dist/package.json && npm run build:demo",
     "prepare": "npx husky",
@@ -116,7 +128,8 @@
     "test": {
       "dependencies": [
         "tsc",
-        "test:unit"
+        "test:unit",
+        "build:packages"
       ],
       "command": "npm run test:int"
     },
@@ -126,17 +139,22 @@
     "kill-vite": {
       "command": "ps aux | grep '.bin/vite' | grep -v grep | awk '{print $2}' | xargs kill -9 2>&1; exit 0"
     },
-    "test:int:ci": {
-      "command": "playwright test",
+    "kill-wireit": {
+      "command": "ps axu | grep wireit | awk '{print $2}' | xargs kill -9"
+    },
+    "kill": {
+      "command": "killed",
       "dependencies": [
-        "dev:react"
+        "kill-next",
+        "kill-vite",
+        "kill-wireit"
       ]
     },
+    "test:int:ci": {
+      "command": "npx cross-env HOME=/root PLAYWRIGHT_BROWSERS_PATH=0 playwright test"
+    },
     "test:int": {
-      "command": "playwright test --project=chromium --retries=2",
-      "dependencies": [
-        "dev:react"
-      ]
+      "command": "playwright test --project=chromium --retries=2"
     },
     "tsc": {
       "command": "npx tsc --noEmit"
@@ -150,13 +168,19 @@
     "dev": {
       "dependencies": [
         "dev:lib",
-        "kill-next"
+        "dev:react",
+        "dev:router6",
+        "dev:nextjs15"
       ],
-      "service": true,
-      "command": "npm run dev:nextjs"
+      "service": {
+        "readyWhen": {
+          "lineMatches": "http://localhost:3000"
+        }
+      },
+      "command": "npm run dev:nextjs14"
     },
     "dev:lib": {
-      "command": "cross-env IS_DEVELOPMENT=true rollup -c rollup.config.js -w",
+      "command": "cross-env IS_DEVELOPMENT=true rollup -c rollup.config.js --bundleConfigAsCjs -w",
       "service": {
         "readyWhen": {
           "lineMatches": "created "
@@ -166,38 +190,116 @@
         "cleanup"
       ]
     },
-    "dev:react-router": {
+    "dev:router6": {
       "command": "cd packages/example-react-router6 && npm run dev",
-      "service": {
-        "readyWhen": {
-          "lineMatches": "ready in"
-        }
-      }
+      "service": true
     },
-    "dev:nextjs": {
-      "command": "cd packages/example-nextjs && npm run dev",
+    "dev:nextjs14": {
+      "command": "cd packages/example-nextjs14 && npm run dev --turbo",
+      "service": true
+    },
+    "dev:nextjs15": {
+      "command": "cd packages/example-nextjs15 && npm run dev --turbo",
+      "service": true
+    },
+    "build:next15": {
+      "command": "cd packages/example-nextjs15 && npm run build",
       "dependencies": [
-        "dev:react"
-      ],
-      "service": {
-        "readyWhen": {
-          "lineMatches": "Ready in"
-        }
-      }
+        "build"
+      ]
+    },
+    "build:router6": {
+      "command": "cd packages/example-react-router6 && npm run build",
+      "dependencies": [
+        "build"
+      ]
     },
     "build:demo": {
-      "command": "cd packages/example-nextjs && npm run build"
+      "dependencies": [
+        "build"
+      ],
+      "command": "cd packages/example-nextjs14 && npm run build"
+    },
+    "start:demo": {
+      "dependencies": [
+        "build:demo"
+      ],
+      "command": "cd packages/example-nextjs14 && npm run start",
+      "service": true
+    },
+    "start:demo:ci": {
+      "command": "cd packages/example-nextjs14 && npm run start",
+      "service": true
+    },
+    "start:react": {
+      "command": "npx vite preview --port 5180 packages/example-react",
+      "dependencies": [
+        "build:react"
+      ],
+      "service": true
+    },
+    "start:react:ci": {
+      "command": "npx vite preview --port 5180 packages/example-react",
+      "service": true
+    },
+    "start:router6": {
+      "command": "npx vite preview --port 5181 packages/example-react-router6",
+      "dependencies": [
+        "build:router6"
+      ],
+      "service": true
+    },
+    "start:router6:ci": {
+      "command": "npx vite preview --port 5181 packages/example-react-router6",
+      "service": true
+    },
+    "start:demo15": {
+      "dependencies": [
+        "build:next15"
+      ],
+      "command": "cd packages/example-nextjs15 && npm run start",
+      "service": true
+    },
+    "start:demo15:ci": {
+      "command": "cd packages/example-nextjs15 && npm run start",
+      "service": true
+    },
+    "start": {
+      "command": "npm run start:demo15",
+      "dependencies": [
+        "start:demo",
+        "start:react",
+        "start:router6"
+      ],
+      "service": true
+    },
+    "start:ci": {
+      "command": "npm run start:demo15:ci",
+      "dependencies": [
+        "start:demo:ci",
+        "start:react:ci",
+        "start:router6:ci"
+      ],
+      "service": true
     },
     "dev:react": {
       "command": "cd packages/example-react && npm run dev",
-      "service": {
-        "readyWhen": {
-          "lineMatches": "ready in"
-        }
-      }
+      "service": true
+    },
+    "build:packages": {
+      "dependencies": [
+        "build",
+        "build:react",
+        "build:demo",
+        "build:next15",
+        "build:router6"
+      ]
+    },
+    "build:react": {
+      "command": "cd packages/example-react && npm run build"
     },
     "build": {
-      "command": "rollup -c rollup.config.js && npm run test:exports",
+      "command": "rollup -c rollup.config.js --bundleConfigAsCjs && npm run test:exports",
       "dependencies": [
         "cleanup"
       ]
@@ -245,9 +347,9 @@
     "@commitlint/cli": "^19.0.3",
     "@commitlint/config-conventional": "^19.0.3",
     "@playwright/test": "^1.45.3",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-sucrase": "^5.0.2",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/git": "^10.0.1",
@@ -258,12 +360,13 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/glob": "^8.1.0",
-    "@types/jest": "^29.5.12",
+    "@types/jest": "^29.5.13",
     "@types/node": "^20.11.24",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "auto-changelog": "^2.4.0",
     "babel-plugin-module-resolver": "^5.0.2",
+    "chokidar": "^4.0.1",
     "commitizen": "^4.3.0",
     "conventional-recommended-bump": "^10.0.0",
     "cross-env": "^7.0.3",
@@ -271,6 +374,7 @@
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^8.57.0",
     "eslint-plugin-maintainable": "^0.4.4",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -278,7 +382,7 @@
     "playwright": "^1.45.3",
     "prettier": "^3.2.5",
     "release-it": "^17.6.0",
-    "rollup": "^2.79.1",
+    "rollup": "^3.29.5",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "semantic-release": "^24.1.0",
@@ -286,7 +390,8 @@
     "ts-jest": "^29.1.5",
     "ts-node": "^10.9.2",
     "typescript": "^5.3.3",
-    "wireit": "^0.14.4",
+    "wait-on": "^8.0.1",
+    "wireit": "^0.14.9",
     "zx": "^8.1.5"
   }
 }

package/dist/next/parseSPObj.mjs

@@ -1 +0,0 @@
-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 parseSPObj};

package/dist/package.json

@@ -1,292 +0,0 @@
-{
-  "name": "state-in-url",
-  "version": "2.5.2",
-  "description": "Library to store state in browser URL, includes hook for NextJS, hook for pure React, and low level helpers. https://state-in-url-asmyshlyaev177.vercel.app/",
-  "homepage": "https://github.com/asmyshlyaev177/state-in-url#readme",
-  "keywords": [
-    "state-management",
-    "state management",
-    "Next.js",
-    "useUrlState",
-    "client components communication",
-    "signals alternative",
-    "query string",
-    "search params",
-    "typescript",
-    "react.js",
-    "workflow",
-    "javascript",
-    "hooks",
-    "reactjs",
-    "react",
-    "NextJS"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/asmyshlyaev177/state-in-url.git"
-  },
-  "author": {
-    "name": "asmyshlyaev177",
-    "email": "asmyshlyaev177@gmail.com",
-    "url": "https://www.linkedin.com/in/asmyshlyaev177/"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "tag": "latest",
-    "provenance": true
-  },
-  "license": "MIT",
-  "funding": {
-    "type": "patreon",
-    "url": "https://patreon.com/asmyshlyaev177"
-  },
-  "bugs": {
-    "url": "https://github.com/asmyshlyaev177/state-in-url/issues"
-  },
-  "workspaces": [
-    "packages/urlstate",
-    "packages/example-nextjs",
-    "packages/example-react"
-  ],
-  "files": [
-    "dist"
-  ],
-  "main": "dist/index.mjs",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.mjs"
-    },
-    "./next": {
-      "types": "./dist/next/index.d.ts",
-      "default": "./dist/next/index.mjs"
-    },
-    "./encodeState": {
-      "types": "./dist/encodeState/index.d.ts",
-      "default": "./dist/encodeState/index.mjs"
-    },
-    "./encoder": {
-      "types": "./dist/encoder/index.d.ts",
-      "default": "./dist/encoder/index.mjs"
-    },
-    "./useSharedState": {
-      "types": "./dist/useSharedState/index.d.ts",
-      "default": "./dist/useSharedState/index.mjs"
-    },
-    "./useUrlEncode": {
-      "types": "./dist/useUrlEncode/index.d.ts",
-      "default": "./dist/useUrlEncode/index.mjs"
-    },
-    "./useUrlStateBase": {
-      "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": {
-    "start": "npm install && npm run start:demo",
-    "release": "release-it --ci -V",
-    "test:unit": "wireit",
-    "test:int": "wireit",
-    "test:int:ci": "wireit",
-    "test:exports": "npx babel-node --extensions .js,.mjs,.ts,.mts --config-file ./babel.config.json -- ./packages/urlstate/exportsTest.ts",
-    "test": "wireit",
-    "tsc": "wireit",
-    "dev": "wireit",
-    "dev:lib": "wireit",
-    "dev:nextjs": "wireit",
-    "bump": "npx standard-version --no-verify",
-    "build": "wireit",
-    "build:demo": "wireit",
-    "start:demo": "npm run build && cd packages/example-nextjs && npm run build && npm run start",
-    "kill-next": "wireit",
-    "kill-vite": "wireit",
-    "cleanup": "rm -rf dist",
-    "reinstall": "rm -rf dist .wireit node_modules packages/example-nextjs/node_modules packages/example-nextjs/.next packages/example-react/node_modules && npm install",
-    "setup": "playwright install --with-deps",
-    "prepack": "npm run build && cp package.json dist/package.json && npm run build:demo",
-    "prepare": "npx husky",
-    "preinstall": "npx only-allow npm"
-  },
-  "wireit": {
-    "test": {
-      "dependencies": [
-        "tsc",
-        "test:unit"
-      ],
-      "command": "npm run test:int"
-    },
-    "kill-next": {
-      "command": "ps aux | grep .next | grep -v grep | awk '{print $2}' | xargs kill -9 2>&1; exit 0"
-    },
-    "kill-vite": {
-      "command": "ps aux | grep '.bin/vite' | grep -v grep | awk '{print $2}' | xargs kill -9 2>&1; exit 0"
-    },
-    "test:int:ci": {
-      "command": "playwright test",
-      "dependencies": [
-        "dev:react"
-      ]
-    },
-    "test:int": {
-      "command": "playwright test --project=chromium --retries=2",
-      "dependencies": [
-        "dev:react"
-      ]
-    },
-    "tsc": {
-      "command": "npx tsc --noEmit"
-    },
-    "test:unit": {
-      "dependencies": [
-        "tsc"
-      ],
-      "command": "npx jest"
-    },
-    "dev": {
-      "dependencies": [
-        "dev:lib",
-        "kill-next"
-      ],
-      "service": true,
-      "command": "npm run dev:nextjs"
-    },
-    "dev:lib": {
-      "command": "cross-env IS_DEVELOPMENT=true rollup -c rollup.config.js -w",
-      "service": {
-        "readyWhen": {
-          "lineMatches": "created "
-        }
-      },
-      "dependencies": [
-        "cleanup"
-      ]
-    },
-    "dev:react-router": {
-      "command": "cd packages/example-react-router6 && npm run dev",
-      "service": {
-        "readyWhen": {
-          "lineMatches": "ready in"
-        }
-      }
-    },
-    "dev:nextjs": {
-      "command": "cd packages/example-nextjs && npm run dev",
-      "dependencies": [
-        "dev:react"
-      ],
-      "service": {
-        "readyWhen": {
-          "lineMatches": "Ready in"
-        }
-      }
-    },
-    "build:demo": {
-      "command": "cd packages/example-nextjs && npm run build"
-    },
-    "dev:react": {
-      "command": "cd packages/example-react && npm run dev",
-      "service": {
-        "readyWhen": {
-          "lineMatches": "ready in"
-        }
-      }
-    },
-    "build": {
-      "command": "rollup -c rollup.config.js && npm run test:exports",
-      "dependencies": [
-        "cleanup"
-      ]
-    }
-  },
-  "browserslist": [
-    "last 5 Chrome versions",
-    "last 5 ChromeAndroid versions",
-    "last 5 Firefox versions",
-    "last 5 FirefoxAndroid versions",
-    "Firefox ESR",
-    "last 2 Safari major versions",
-    "last 2 iOS major versions"
-  ],
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --fix"
-    ],
-    "*.{html,css,less,ejs,json}": [
-      "prettier --write"
-    ]
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ],
-    "rules": {
-      "body-max-line-length": [
-        0,
-        "always",
-        "Infinity"
-      ]
-    }
-  },
-  "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/node": "^7.25.0",
-    "@babel/preset-env": "^7.25.3",
-    "@babel/preset-typescript": "^7.24.7",
-    "@commitlint/cli": "^19.0.3",
-    "@commitlint/config-conventional": "^19.0.3",
-    "@playwright/test": "^1.45.3",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^13.0.0",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/npm": "^12.0.1",
-    "@semantic-release/release-notes-generator": "^14.0.1",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@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",
-    "auto-changelog": "^2.4.0",
-    "babel-plugin-module-resolver": "^5.0.2",
-    "commitizen": "^4.3.0",
-    "conventional-recommended-bump": "^10.0.0",
-    "cross-env": "^7.0.3",
-    "cz": "^1.8.2",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-maintainable": "^0.4.4",
-    "husky": "^9.0.11",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.9",
-    "playwright": "^1.45.3",
-    "prettier": "^3.2.5",
-    "release-it": "^17.6.0",
-    "rollup": "^2.79.1",
-    "rollup-plugin-filesize": "^10.0.0",
-    "rollup-plugin-sourcemaps": "^0.6.3",
-    "semantic-release": "^24.1.0",
-    "standard-version": "^9.5.0",
-    "ts-jest": "^29.1.5",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.3.3",
-    "wireit": "^0.14.4",
-    "zx": "^8.1.5"
-  }
-}

package/dist/shared/components/Button.d.ts

@@ -1,8 +0,0 @@
-export declare const Button: ({ className, children, disabled, name, ...props }: Props) => import("react").JSX.Element;
-interface Props extends React.DOMAttributes<HTMLButtonElement> {
-    name?: string;
-    className?: string;
-    children: React.ReactNode;
-    disabled?: boolean;
-}
-export {};

package/dist/shared/components/Field.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const Field: ({ children, text, id, className, }: {
-    children: React.ReactNode;
-    text: string;
-    id: string;
-    className?: string;
-}) => React.JSX.Element;

package/dist/shared/components/Input.d.ts

@@ -1,4 +0,0 @@
-export declare const Input: ({ value, className, ...props }: InputProps) => import("react").JSX.Element;
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-}
-export {};

package/dist/shared/components/Refresh.d.ts

@@ -1,3 +0,0 @@
-export declare const RefreshButton: ({ className }: {
-    className?: string;
-}) => import("react").JSX.Element;

package/dist/shared/components/Tag.d.ts

@@ -1,5 +0,0 @@
-export declare const Tag: ({ text, onClick, active, }: {
-    text: string;
-    onClick: () => void;
-    active: boolean;
-}) => import("react").JSX.Element;

package/dist/shared/components/index.d.ts

@@ -1,4 +0,0 @@
-export { Field } from './Field';
-export { Input } from './Input';
-export { RefreshButton } from './Refresh';
-export { Tag } from './Tag';

package/dist/shared/form.d.ts

@@ -1,15 +0,0 @@
-export declare const form: Form;
-type Form = {
-    name: string;
-    age?: number;
-    'agree to terms': boolean;
-    tags: {
-        id: string;
-        value: {
-            text: string;
-            time: Date;
-            iso?: string;
-        };
-    }[];
-};
-export {};

package/dist/shared/index.d.ts

@@ -1,2 +0,0 @@
-export { form } from './form';
-export { getConfig } from './vite-config';