state-in-url 6.4.0 → 6.4.1

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "state-in-url",
-  "version": "6.4.0",
+  "version": "6.4.1",
   "description": "Store state in URL as in object, types and structure are preserved, with TS validation. Same API as React.useState, wthout any hasssle or boilerplate. Next.js@14-15, react-router@6-7, and remix@2.",
   "homepage": "https://state-in-url.dev",
   "repository": {
@@ -155,7 +155,7 @@
       ],
       "service": {
         "readyWhen": {
-          "lineMatches": "http://localhost:3000"
+          "lineMatches": "Ready in"
         }
       },
       "command": "pnpm run dev:nextjs15"
@@ -169,22 +169,23 @@
       "command": "pnpm run test:exports && pnpm run test:int"
     },
     "kill-next": {
-      "command": "ps aux | grep .next | grep -v grep | awk '{print $2}' | xargs kill -9 2>&1; exit 0"
+      "command": "ps aux | grep -E 'next-server|next/dist/bin/next' | grep -v grep | awk '{print $2}' | xargs -r 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"
+      "command": "ps aux | grep -E 'vite/bin/vite' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; exit 0"
     },
     "kill-remix": {
-      "command": "ps aux | grep -E 'remix-serve|@remix-run/serve' | grep -v grep | awk '{print $2}' | xargs kill -9 2>&1; exit 0"
+      "command": "ps aux | grep -E 'remix-serve|remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; exit 0"
     },
     "kill-services": {
-      "command": "ps aux | grep -E '.next|.bin/vite|remix-serve|@remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; exit 0"
+      "command": "ps aux | grep -E 'next-server|next/dist/bin/next|vite/bin/vite|remix-serve|remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; exit 0",
+      "comment": "Patterns match how the servers actually appear in ps, not a loose 'next'. An unescaped dot used to make '.next' match the '-next' in 'example-nextjs16.localhost', so this killed any process whose arguments named a demo app — including CI's own wait-on, which exited the job 137."
     },
     "kill-wireit": {
       "command": "ps axu | grep '[w]ireit' | grep -v grep | awk -v me=$PPID '$2 != me {print $2}' | xargs -r kill -9 2>&1; exit 0"
     },
     "kill": {
-      "command": "ps aux | grep -E '.next|.bin/vite|remix-serve|@remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; ps axu | grep '[w]ireit' | grep -v grep | awk -v me=$PPID '$2 != me {print $2}' | xargs -r kill -9 2>&1; exit 0"
+      "command": "ps aux | grep -E 'next-server|next/dist/bin/next|vite/bin/vite|remix-serve|remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; ps axu | grep '[w]ireit' | grep -v grep | awk -v me=$PPID '$2 != me {print $2}' | xargs -r kill -9 2>&1; exit 0"
     },
     "test:int:ci": {
       "command": "pnpm exec cross-env HOME=/root PLAYWRIGHT_BROWSERS_PATH=0 playwright test"
@@ -218,27 +219,28 @@
       ]
     },
     "dev:router6": {
-      "command": "cd packages/example-react-router6 && pnpm run dev",
+      "command": "cd packages/example-react-router6 && ../../scripts/portless.sh -- pnpm run dev",
       "service": true
     },
     "dev:router7": {
-      "command": "cd packages/example-react-router7 && pnpm run dev",
+      "command": "cd packages/example-react-router7 && ../../scripts/portless.sh -- pnpm run dev",
       "service": true
     },
     "dev:remix2": {
-      "command": "cd packages/example-remix2 && PORT=3003 pnpm run dev",
+      "command": "cd packages/example-remix2 && ../../scripts/portless.sh -- pnpm run dev",
       "service": true
     },
     "dev:nextjs14": {
-      "command": "cd packages/example-nextjs14 && pnpm run dev --turbo",
+      "command": "cd packages/example-nextjs14 && ../../scripts/portless.sh -- pnpm run dev --turbo",
       "service": true
     },
     "dev:nextjs15": {
-      "command": "cd packages/example-nextjs15 && pnpm run dev --turbo",
-      "service": true
+      "command": "cd packages/example-nextjs15 && ../../scripts/portless.sh -- pnpm run dev",
+      "service": true,
+      "comment": "No --turbo: Turbopack 15.5.19 panics with \"Next.js package not found\" against this pnpm layout (it reports version 0.0.0), and one failed service tears down all seven. 14 and 16 are unaffected."
     },
     "dev:nextjs16": {
-      "command": "cd packages/example-nextjs16 && pnpm run dev --turbo",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run dev --turbo",
       "service": true
     },
     "build:next14": {
@@ -293,64 +295,64 @@
       "dependencies": [
         "build:demo"
       ],
-      "command": "cd packages/example-nextjs16 && pnpm run start",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo:ci": {
-      "command": "cd packages/example-nextjs16 && pnpm run start",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:react": {
-      "command": "pnpm exec vite preview --port 5180 packages/example-react",
+      "command": "cd packages/example-react && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "build:react"
       ],
       "service": true
     },
     "start:react:ci": {
-      "command": "pnpm exec vite preview --port 5180 packages/example-react",
+      "command": "cd packages/example-react && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "kill-services"
       ],
       "service": true
     },
     "start:router6": {
-      "command": "pnpm exec vite preview --port 5181 packages/example-react-router6",
+      "command": "cd packages/example-react-router6 && ../../scripts/portless.sh -- pnpm run preview",
       "dependencies": [
         "build:router6"
       ],
       "service": true
     },
     "start:router6:ci": {
-      "command": "pnpm exec vite preview --port 5181 packages/example-react-router6",
+      "command": "cd packages/example-react-router6 && ../../scripts/portless.sh -- pnpm run preview",
       "dependencies": [
         "kill-services"
       ],
       "service": true
     },
     "start:router7": {
-      "command": "pnpm exec vite preview --port 5183 packages/example-react-router7",
+      "command": "cd packages/example-react-router7 && ../../scripts/portless.sh -- pnpm run preview",
       "dependencies": [
         "build:router7"
       ],
       "service": true
     },
     "start:router7:ci": {
-      "command": "pnpm exec vite preview --port 5183 packages/example-react-router7",
+      "command": "cd packages/example-react-router7 && ../../scripts/portless.sh -- pnpm run preview",
       "dependencies": [
         "kill-services"
       ],
       "service": true
     },
     "start:remix2": {
-      "command": "cd packages/example-remix2 && pnpm run start",
+      "command": "cd packages/example-remix2 && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "build:remix2"
       ],
       "service": true
     },
     "start:remix2:ci": {
-      "command": "cd packages/example-remix2 && pnpm run start",
+      "command": "cd packages/example-remix2 && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "kill-services"
       ],
@@ -360,36 +362,36 @@
       "dependencies": [
         "build:next14"
       ],
-      "command": "cd packages/example-nextjs14 && pnpm run start",
+      "command": "cd packages/example-nextjs14 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo15": {
       "dependencies": [
         "build:next15"
       ],
-      "command": "cd packages/example-nextjs15 && pnpm run start",
+      "command": "cd packages/example-nextjs15 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo14:ci": {
-      "command": "cd packages/example-nextjs14 && pnpm run start",
+      "command": "cd packages/example-nextjs14 && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "kill-services"
       ],
       "service": true
     },
     "start:demo15:ci": {
-      "command": "cd packages/example-nextjs15 && pnpm run start",
+      "command": "cd packages/example-nextjs15 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo16": {
       "dependencies": [
         "build:next16"
       ],
-      "command": "cd packages/example-nextjs16 && pnpm run start",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo16:ci": {
-      "command": "cd packages/example-nextjs16 && pnpm run start",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "kill-services"
       ],
@@ -420,7 +422,7 @@
       "service": true
     },
     "dev:react": {
-      "command": "cd packages/example-react && pnpm run dev",
+      "command": "cd packages/example-react && ../../scripts/portless.sh -- pnpm run dev",
       "service": true
     },
     "build:packages": {
@@ -531,6 +533,7 @@
     "pin-github-action": "^1.9.1",
     "playwright": "^1.55.1",
     "playwright-lighthouse": "^4.0.0",
+    "portless": "^0.15.5",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
     "react": "^19.2.6",

package/dist/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useIsomorphicLayoutEffect: typeof React.useEffect;

package/dist/useIsomorphicLayoutEffect.js

@@ -0,0 +1 @@
+"use strict";var u=require("react");function f(e){return e&&e.__esModule?e:{default:e}}var t=f(u);const o=typeof window==="undefined"?t.default.useEffect:t.default.useLayoutEffect;exports.useIsomorphicLayoutEffect=o;

package/dist/useIsomorphicLayoutEffect.mjs

@@ -0,0 +1 @@
+import o from"react";const e=typeof window==="undefined"?o.useEffect:o.useLayoutEffect;export{e as useIsomorphicLayoutEffect};

package/dist/useSharedState/useSharedState.js

@@ -1 +1 @@
-"use strict";var b=require("react");var r=require("../subscribers.js");var M=require("../useInsertionEffect.js");var o=require("../utils.js");function g(u){return u&&u.__esModule?u:{default:u}}var a=g(b);function v(u,n){const t=a.default.useRef(u);const[i,c]=a.default.useState(()=>{if(o.isSSR){return n?n?.():t.current}const e=r.stateMap.get(t.current);if(!e){const s=n?.()||t.current;r.stateMap.set(t.current,s);return s}else{return e}});const l=a.default.useCallback(e=>{const s=r.stateMap.get(t.current);const p=typeof e==="function";const f=p?e(s,u):{...s,...e};if(o.isEqual(s,f))return void 0;r.stateMap.set(t.current,f);r.subscribers.get(t.current).forEach(S=>S())},[]);M.useInsertionEffect(()=>{const e=()=>{c(r.stateMap.get(t.current)||t.current)};return r.subscribers.add(t.current,e)},[]);a.default.useEffect(()=>{c(e=>r.stateMap.get(t.current)??e)},[]);const d=a.default.useCallback(()=>r.stateMap.get(t.current)||t.current,[]);return{state:i,getState:d,setState:l}}exports.useSharedState=v;
+"use strict";var b=require("react");var e=require("../subscribers.js");var M=require("../useIsomorphicLayoutEffect.js");var i=require("../utils.js");function g(s){return s&&s.__esModule?s:{default:s}}var a=g(b);function v(s,c){const t=a.default.useRef(s);const[l,o]=a.default.useState(()=>{if(i.isSSR){return c?c?.():t.current}const r=e.stateMap.get(t.current);if(!r){const u=c?.()||t.current;e.stateMap.set(t.current,u);return u}else{return r}});const d=a.default.useCallback(r=>{const u=e.stateMap.get(t.current);const n=typeof r==="function";const f=n?r(u,s):{...u,...r};if(i.isEqual(u,f))return void 0;e.stateMap.set(t.current,f);e.subscribers.get(t.current).forEach(S=>S())},[]);M.useIsomorphicLayoutEffect(()=>{const r=()=>{o(e.stateMap.get(t.current)||t.current)};const u=e.subscribers.add(t.current,r);o(n=>e.stateMap.get(t.current)??n);return u},[]);const p=a.default.useCallback(()=>e.stateMap.get(t.current)||t.current,[]);return{state:l,getState:p,setState:d}}exports.useSharedState=v;

package/dist/useSharedState/useSharedState.mjs

@@ -1 +1 @@
-import c from"react";import{stateMap as r,subscribers as f}from"../subscribers.mjs";import{useInsertionEffect as l}from"../useInsertionEffect.mjs";import{isSSR as b,isEqual as d}from"../utils.mjs";function E(o,u){const t=c.useRef(o);const[i,s]=c.useState(()=>{if(b){return u?u?.():t.current}const e=r.get(t.current);if(!e){const n=u?.()||t.current;r.set(t.current,n);return n}else{return e}});const m=c.useCallback(e=>{const n=r.get(t.current);const S=typeof e==="function";const a=S?e(n,o):{...n,...e};if(d(n,a))return void 0;r.set(t.current,a);f.get(t.current).forEach(g=>g())},[]);l(()=>{const e=()=>{s(r.get(t.current)||t.current)};return f.add(t.current,e)},[]);c.useEffect(()=>{s(e=>r.get(t.current)??e)},[]);const p=c.useCallback(()=>r.get(t.current)||t.current,[]);return{state:i,getState:p,setState:m}}export{E as useSharedState};
+import c from"react";import{stateMap as n,subscribers as i}from"../subscribers.mjs";import{useIsomorphicLayoutEffect as l}from"../useIsomorphicLayoutEffect.mjs";import{isSSR as b,isEqual as d}from"../utils.mjs";function h(s,u){const t=c.useRef(s);const[m,a]=c.useState(()=>{if(b){return u?u?.():t.current}const e=n.get(t.current);if(!e){const r=u?.()||t.current;n.set(t.current,r);return r}else{return e}});const p=c.useCallback(e=>{const r=n.get(t.current);const o=typeof e==="function";const f=o?e(r,s):{...r,...e};if(d(r,f))return void 0;n.set(t.current,f);i.get(t.current).forEach(g=>g())},[]);l(()=>{const e=()=>{a(n.get(t.current)||t.current)};const r=i.add(t.current,e);a(o=>n.get(t.current)??o);return r},[]);const S=c.useCallback(()=>n.get(t.current)||t.current,[]);return{state:m,getState:S,setState:p}}export{h as useSharedState};

package/dist/useUrlStateBase/useUrlStateBase.js

@@ -1 +1 @@
-"use strict";var T=require("react");var _=require("../constants/constants.js");var k=require("../useInsertionEffect.js");var C=require("../useSharedState/useSharedState.js");var I=require("../useUrlEncode/useUrlEncode.js");var o=require("../utils.js");function P(t){return t&&t.__esModule?t:{default:t}}var v=P(T);let s;let r;function b(t,a,w,S){const{parse:c,stringify:l}=I.useUrlEncode(t);const{state:g,getState:i,setState:n}=C.useSharedState(t,()=>w?.({parse:c})||t);k.useInsertionEffect(()=>{const e=()=>{n(c(o.filterUnknownParamsClient(t,o.getSearch())))};window.addEventListener(o.popstateEv,e);return()=>{window.removeEventListener(o.popstateEv,e)}},[]);const u=v.default.useCallback((e,E)=>{const d=typeof e==="function"?e(i(),t):{...i(),...e};const f=l(d,o.getOtherParams(t,window.location.search));const p=y(window.location.pathname,S);const h=`${p}${f.length?"?":""}${f}${window.location.hash}`;const U=`${p}${window.location.search}${window.location.hash}`;if(h===U)return;n(d);const{replace:$,...q}=E||{};clearTimeout(s);s=void 0;r={router:a,method:$?"replace":"push",url:h,opts:q};s=setTimeout(()=>{if(r){r.router[r.method](r.url,r.opts);r=void 0}s=void 0},_.TIMEOUT)},[a,l,i]);const m=v.default.useCallback(e=>{n(t);u(t,e)},[u,n]);return{updateState:n,updateUrl:u,state:g,reset:m,getState:i,pendingUrlUpdate:()=>s!==void 0}}function y(t,a){if(!a||a==="/"){return t}return t.slice(a.length)}exports.useUrlStateBase=b;
+"use strict";var _=require("react");var k=require("../constants/constants.js");var C=require("../useIsomorphicLayoutEffect.js");var L=require("../useSharedState/useSharedState.js");var T=require("../useUrlEncode/useUrlEncode.js");var r=require("../utils.js");function I(t){return t&&t.__esModule?t:{default:t}}var l=I(_);let s;let o;function P(t,a,S,m){const{parse:d,stringify:f}=T.useUrlEncode(t);const{state:g,getState:u,setState:n}=L.useSharedState(t,()=>S?.({parse:d})||t);const i=l.default.useRef();if(i.current===void 0)i.current=r.getSearch();C.useIsomorphicLayoutEffect(()=>{const e=()=>{n(d(r.filterUnknownParamsClient(t,r.getSearch())))};window.addEventListener(r.popstateEv,e);if(i.current!==r.getSearch())e();return()=>{window.removeEventListener(r.popstateEv,e)}},[]);const c=l.default.useCallback((e,U)=>{const h=typeof e==="function"?e(u(),t):{...u(),...e};const p=f(h,r.getOtherParams(t,window.location.search));const v=b(window.location.pathname,m);const w=`${v}${p.length?"?":""}${p}${window.location.hash}`;const $=`${v}${window.location.search}${window.location.hash}`;if(w===$)return;n(h);const{replace:q,...y}=U||{};clearTimeout(s);s=void 0;o={router:a,method:q?"replace":"push",url:w,opts:y};s=setTimeout(()=>{if(o){o.router[o.method](o.url,o.opts);o=void 0}s=void 0},k.TIMEOUT)},[a,f,u]);const E=l.default.useCallback(e=>{n(t);c(t,e)},[c,n]);return{updateState:n,updateUrl:c,state:g,reset:E,getState:u,pendingUrlUpdate:()=>s!==void 0}}function b(t,a){if(!a||a==="/"){return t}return t.slice(a.length)}exports.useUrlStateBase=P;

package/dist/useUrlStateBase/useUrlStateBase.mjs

@@ -1 +1 @@
-import f from"react";import{TIMEOUT as k}from"../constants/constants.mjs";import{useInsertionEffect as C}from"../useInsertionEffect.mjs";import{useSharedState as P}from"../useSharedState/useSharedState.mjs";import{useUrlEncode as b}from"../useUrlEncode/useUrlEncode.mjs";import{popstateEv as h,getOtherParams as y,filterUnknownParamsClient as I,getSearch as L}from"../utils.mjs";let a;let o;function O(t,r,w,g){const{parse:c,stringify:l}=b(t);const{state:v,getState:s,setState:n}=P(t,()=>w?.({parse:c})||t);C(()=>{const e=()=>{n(c(I(t,L())))};window.addEventListener(h,e);return()=>{window.removeEventListener(h,e)}},[]);const i=f.useCallback((e,U)=>{const u=typeof e==="function"?e(s(),t):{...s(),...e};const p=l(u,y(t,window.location.search));const d=x(window.location.pathname,g);const m=`${d}${p.length?"?":""}${p}${window.location.hash}`;const $=`${d}${window.location.search}${window.location.hash}`;if(m===$)return;n(u);const{replace:E,...T}=U||{};clearTimeout(a);a=void 0;o={router:r,method:E?"replace":"push",url:m,opts:T};a=setTimeout(()=>{if(o){o.router[o.method](o.url,o.opts);o=void 0}a=void 0},k)},[r,l,s]);const S=f.useCallback(e=>{n(t);i(t,e)},[i,n]);return{updateState:n,updateUrl:i,state:v,reset:S,getState:s,pendingUrlUpdate:()=>a!==void 0}}function x(t,r){if(!r||r==="/"){return t}return t.slice(r.length)}export{O as useUrlStateBase};
+import u from"react";import{TIMEOUT as T}from"../constants/constants.mjs";import{useIsomorphicLayoutEffect as L}from"../useIsomorphicLayoutEffect.mjs";import{useSharedState as P}from"../useSharedState/useSharedState.mjs";import{useUrlEncode as b}from"../useUrlEncode/useUrlEncode.mjs";import{getSearch as l,popstateEv as v,filterUnknownParamsClient as I,getOtherParams as O}from"../utils.mjs";let i;let o;function x(t,r,g,S){const{parse:p,stringify:d}=b(t);const{state:$,getState:s,setState:n}=P(t,()=>g?.({parse:p})||t);const a=u.useRef();if(a.current===void 0)a.current=l();L(()=>{const e=()=>{n(p(I(t,l())))};window.addEventListener(v,e);if(a.current!==l())e();return()=>{window.removeEventListener(v,e)}},[]);const c=u.useCallback((e,U)=>{const m=typeof e==="function"?e(s(),t):{...s(),...e};const f=d(m,O(t,window.location.search));const h=B(window.location.pathname,S);const w=`${h}${f.length?"?":""}${f}${window.location.hash}`;const k=`${h}${window.location.search}${window.location.hash}`;if(w===k)return;n(m);const{replace:y,...C}=U||{};clearTimeout(i);i=void 0;o={router:r,method:y?"replace":"push",url:w,opts:C};i=setTimeout(()=>{if(o){o.router[o.method](o.url,o.opts);o=void 0}i=void 0},T)},[r,d,s]);const E=u.useCallback(e=>{n(t);c(t,e)},[c,n]);return{updateState:n,updateUrl:c,state:$,reset:E,getState:s,pendingUrlUpdate:()=>i!==void 0}}function B(t,r){if(!r||r==="/"){return t}return t.slice(r.length)}export{x as useUrlStateBase};

package/dist/utils.js

@@ -1 +1 @@
-"use strict";const a=n=>{if(n===null)return"null";const t=typeof n;if(t!=="object")return t;if(Array.isArray(n))return"array";if(n instanceof Date)return"date";return"object"};const w=n=>{const t=a(n);return t!=="object"&&t!=="array"};const i=typeof window==="undefined";const h=n=>{if(n instanceof URLSearchParams){return n}if(typeof n==="string"){const t=n.indexOf("?");return new URLSearchParams(t===-1?n:n.slice(t+1))}return new URLSearchParams};const y=(n,t)=>{if(n.length!==t.length)return false;return n.every((r,s)=>c(r,t[s]))};const p=(n,t)=>{const r=Object.keys(n);const s=Object.keys(t);if(r.length!==s.length)return false;return r.every(e=>c(n[e],t[e]))};const c=(n,t)=>{if(n===t)return true;if(n==null||t==null)return false;const r=a(n);const s=a(t);if(r!==s)return false;if(w(n))return false;if(r==="array"){return y(n,t)}if(r==="object"){return p(n,t)}return JSON.stringify(n)===JSON.stringify(t)};function S(n,t){const r=new URLSearchParams;const s=f(n,[...new URLSearchParams(t||"").entries()]);for(const[e,o]of s){r.set(e,o)}return r.toString()}function g(n,t){const r=Object.keys(n);const s=new URLSearchParams;for(const[e,o]of new URLSearchParams(t)){!r.includes(e)&&s.set(e,o)}return s}function m(n,t){const r=t instanceof URLSearchParams?[...t.entries()]:Object.entries(t||{});return Object.fromEntries(f(n,r))}function f(n,t){const r=Object.keys(n);const s=[];for(let e=0;e<t.length;e++){if(r.includes(t[e]?.[0])){s.push([t[e][0].replace(/\+/g," "),t[e][1]])}}return s}function P(n,t){const r=Object.assign({},n);for(const[s]of Object.entries(n)){const e=s;const o=t[e]!==void 0;r[e]=o?t[e]:n[e]}return r}const b={push:n=>{if(typeof window!=="undefined"){window.history.pushState(null,"",n)}},replace:n=>{if(typeof window!=="undefined"){window.history.replaceState(null,"",n)}}};const U=/apple/i.test(!i&&navigator?.userAgent||"");const u="popstate";function O(){return i?"":window.location.search}const l=new Set;let d=false;function j(){if(d||i)return;d=true;for(const n of["pushState","replaceState"]){const t=window.history[n];window.history[n]=function r(...s){const e=t.apply(this,s);for(const o of[...l])o();return e}}}function v(n){if(i)return()=>void 0;j();l.add(n);window.addEventListener(u,n);return()=>{l.delete(n);window.removeEventListener(u,n)}}exports.assignValue=P;exports.filterUnknown=f;exports.filterUnknownParams=m;exports.filterUnknownParamsClient=S;exports.getOtherParams=g;exports.getParams=h;exports.getSearch=O;exports.isEqual=c;exports.isPrimitive=w;exports.isSSR=i;exports.isSafari=U;exports.popstateEv=u;exports.routerHistory=b;exports.subscribeToUrl=v;exports.typeOf=a;
+"use strict";const a=n=>{if(n===null)return"null";const t=typeof n;if(t!=="object")return t;if(Array.isArray(n))return"array";if(n instanceof Date)return"date";return"object"};const w=n=>{const t=a(n);return t!=="object"&&t!=="array"};const i=typeof window==="undefined";const h=n=>{if(n instanceof URLSearchParams){return n}if(typeof n==="string"){const t=n.indexOf("?");return new URLSearchParams(t===-1?n:n.slice(t+1))}return new URLSearchParams};const y=(n,t)=>{if(n.length!==t.length)return false;return n.every((r,s)=>c(r,t[s]))};const p=(n,t)=>{const r=Object.keys(n);const s=Object.keys(t);if(r.length!==s.length)return false;return r.every(e=>c(n[e],t[e]))};const c=(n,t)=>{if(n===t)return true;if(n==null||t==null)return false;const r=a(n);const s=a(t);if(r!==s)return false;if(w(n))return false;if(r==="array"){return y(n,t)}if(r==="object"){return p(n,t)}return JSON.stringify(n)===JSON.stringify(t)};function S(n,t){const r=new URLSearchParams;const s=f(n,[...new URLSearchParams(t||"").entries()]);for(const[e,o]of s){r.set(e,o)}return r.toString()}function g(n,t){const r=Object.keys(n);const s=new URLSearchParams;for(const[e,o]of new URLSearchParams(t)){!r.includes(e)&&s.set(e,o)}return s}function m(n,t){const r=t instanceof URLSearchParams?[...t.entries()]:Object.entries(t||{});return Object.fromEntries(f(n,r))}function f(n,t){const r=Object.keys(n);const s=[];for(let e=0;e<t.length;e++){if(r.includes(t[e]?.[0])){s.push([t[e][0].replace(/\+/g," "),t[e][1]])}}return s}function P(n,t){const r=Object.assign({},n);for(const[s]of Object.entries(n)){const e=s;const o=t[e]!==void 0;r[e]=o?t[e]:n[e]}return r}const b={push:n=>{if(typeof window!=="undefined"){window.history.pushState(null,"",n)}},replace:n=>{if(typeof window!=="undefined"){window.history.replaceState(null,"",n)}}};const U=/apple/i.test(!i&&navigator?.userAgent||"");const u="popstate";function O(){return i?"":window.location.search}const l=new Set;let d=false;function j(){if(d||i)return;d=true;for(const n of["pushState","replaceState"]){const t=window.history[n];window.history[n]=function r(...s){const e=t.apply(this,s);queueMicrotask(()=>{for(const o of[...l])o()});return e}}}function v(n){if(i)return()=>void 0;j();l.add(n);window.addEventListener(u,n);return()=>{l.delete(n);window.removeEventListener(u,n)}}exports.assignValue=P;exports.filterUnknown=f;exports.filterUnknownParams=m;exports.filterUnknownParamsClient=S;exports.getOtherParams=g;exports.getParams=h;exports.getSearch=O;exports.isEqual=c;exports.isPrimitive=w;exports.isSSR=i;exports.isSafari=U;exports.popstateEv=u;exports.routerHistory=b;exports.subscribeToUrl=v;exports.typeOf=a;

package/dist/utils.mjs

@@ -1 +1 @@
-const c=n=>{if(n===null)return"null";const t=typeof n;if(t!=="object")return t;if(Array.isArray(n))return"array";if(n instanceof Date)return"date";return"object"};const w=n=>{const t=c(n);return t!=="object"&&t!=="array"};const i=typeof window==="undefined";const h=n=>{if(n instanceof URLSearchParams){return n}if(typeof n==="string"){const t=n.indexOf("?");return new URLSearchParams(t===-1?n:n.slice(t+1))}return new URLSearchParams};const y=(n,t)=>{if(n.length!==t.length)return false;return n.every((r,s)=>a(r,t[s]))};const p=(n,t)=>{const r=Object.keys(n);const s=Object.keys(t);if(r.length!==s.length)return false;return r.every(e=>a(n[e],t[e]))};const a=(n,t)=>{if(n===t)return true;if(n==null||t==null)return false;const r=c(n);const s=c(t);if(r!==s)return false;if(w(n))return false;if(r==="array"){return y(n,t)}if(r==="object"){return p(n,t)}return JSON.stringify(n)===JSON.stringify(t)};function S(n,t){const r=new URLSearchParams;const s=f(n,[...new URLSearchParams(t||"").entries()]);for(const[e,o]of s){r.set(e,o)}return r.toString()}function g(n,t){const r=Object.keys(n);const s=new URLSearchParams;for(const[e,o]of new URLSearchParams(t)){!r.includes(e)&&s.set(e,o)}return s}function m(n,t){const r=t instanceof URLSearchParams?[...t.entries()]:Object.entries(t||{});return Object.fromEntries(f(n,r))}function f(n,t){const r=Object.keys(n);const s=[];for(let e=0;e<t.length;e++){if(r.includes(t[e]?.[0])){s.push([t[e][0].replace(/\+/g," "),t[e][1]])}}return s}function b(n,t){const r=Object.assign({},n);for(const[s]of Object.entries(n)){const e=s;const o=t[e]!==void 0;r[e]=o?t[e]:n[e]}return r}const O={push:n=>{if(typeof window!=="undefined"){window.history.pushState(null,"",n)}},replace:n=>{if(typeof window!=="undefined"){window.history.replaceState(null,"",n)}}};const P=/apple/i.test(!i&&navigator?.userAgent||"");const u="popstate";function j(){return i?"":window.location.search}const l=new Set;let d=false;function U(){if(d||i)return;d=true;for(const n of["pushState","replaceState"]){const t=window.history[n];window.history[n]=function r(...s){const e=t.apply(this,s);for(const o of[...l])o();return e}}}function v(n){if(i)return()=>void 0;U();l.add(n);window.addEventListener(u,n);return()=>{l.delete(n);window.removeEventListener(u,n)}}export{b as assignValue,f as filterUnknown,m as filterUnknownParams,S as filterUnknownParamsClient,g as getOtherParams,h as getParams,j as getSearch,a as isEqual,w as isPrimitive,i as isSSR,P as isSafari,u as popstateEv,O as routerHistory,v as subscribeToUrl,c as typeOf};
+const c=n=>{if(n===null)return"null";const t=typeof n;if(t!=="object")return t;if(Array.isArray(n))return"array";if(n instanceof Date)return"date";return"object"};const w=n=>{const t=c(n);return t!=="object"&&t!=="array"};const i=typeof window==="undefined";const h=n=>{if(n instanceof URLSearchParams){return n}if(typeof n==="string"){const t=n.indexOf("?");return new URLSearchParams(t===-1?n:n.slice(t+1))}return new URLSearchParams};const y=(n,t)=>{if(n.length!==t.length)return false;return n.every((r,s)=>a(r,t[s]))};const p=(n,t)=>{const r=Object.keys(n);const s=Object.keys(t);if(r.length!==s.length)return false;return r.every(e=>a(n[e],t[e]))};const a=(n,t)=>{if(n===t)return true;if(n==null||t==null)return false;const r=c(n);const s=c(t);if(r!==s)return false;if(w(n))return false;if(r==="array"){return y(n,t)}if(r==="object"){return p(n,t)}return JSON.stringify(n)===JSON.stringify(t)};function S(n,t){const r=new URLSearchParams;const s=f(n,[...new URLSearchParams(t||"").entries()]);for(const[e,o]of s){r.set(e,o)}return r.toString()}function g(n,t){const r=Object.keys(n);const s=new URLSearchParams;for(const[e,o]of new URLSearchParams(t)){!r.includes(e)&&s.set(e,o)}return s}function m(n,t){const r=t instanceof URLSearchParams?[...t.entries()]:Object.entries(t||{});return Object.fromEntries(f(n,r))}function f(n,t){const r=Object.keys(n);const s=[];for(let e=0;e<t.length;e++){if(r.includes(t[e]?.[0])){s.push([t[e][0].replace(/\+/g," "),t[e][1]])}}return s}function b(n,t){const r=Object.assign({},n);for(const[s]of Object.entries(n)){const e=s;const o=t[e]!==void 0;r[e]=o?t[e]:n[e]}return r}const O={push:n=>{if(typeof window!=="undefined"){window.history.pushState(null,"",n)}},replace:n=>{if(typeof window!=="undefined"){window.history.replaceState(null,"",n)}}};const P=/apple/i.test(!i&&navigator?.userAgent||"");const u="popstate";function j(){return i?"":window.location.search}const l=new Set;let d=false;function U(){if(d||i)return;d=true;for(const n of["pushState","replaceState"]){const t=window.history[n];window.history[n]=function r(...s){const e=t.apply(this,s);queueMicrotask(()=>{for(const o of[...l])o()});return e}}}function v(n){if(i)return()=>void 0;U();l.add(n);window.addEventListener(u,n);return()=>{l.delete(n);window.removeEventListener(u,n)}}export{b as assignValue,f as filterUnknown,m as filterUnknownParams,S as filterUnknownParamsClient,g as getOtherParams,h as getParams,j as getSearch,a as isEqual,w as isPrimitive,i as isSSR,P as isSafari,u as popstateEv,O as routerHistory,v as subscribeToUrl,c as typeOf};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "state-in-url",
-  "version": "6.4.0",
+  "version": "6.4.1",
   "description": "Store state in URL as in object, types and structure are preserved, with TS validation. Same API as React.useState, wthout any hasssle or boilerplate. Next.js@14-15, react-router@6-7, and remix@2.",
   "homepage": "https://state-in-url.dev",
   "repository": {
@@ -155,7 +155,7 @@
       ],
       "service": {
         "readyWhen": {
-          "lineMatches": "http://localhost:3000"
+          "lineMatches": "Ready in"
         }
       },
       "command": "pnpm run dev:nextjs15"
@@ -169,22 +169,23 @@
       "command": "pnpm run test:exports && pnpm run test:int"
     },
     "kill-next": {
-      "command": "ps aux | grep .next | grep -v grep | awk '{print $2}' | xargs kill -9 2>&1; exit 0"
+      "command": "ps aux | grep -E 'next-server|next/dist/bin/next' | grep -v grep | awk '{print $2}' | xargs -r 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"
+      "command": "ps aux | grep -E 'vite/bin/vite' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; exit 0"
     },
     "kill-remix": {
-      "command": "ps aux | grep -E 'remix-serve|@remix-run/serve' | grep -v grep | awk '{print $2}' | xargs kill -9 2>&1; exit 0"
+      "command": "ps aux | grep -E 'remix-serve|remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; exit 0"
     },
     "kill-services": {
-      "command": "ps aux | grep -E '.next|.bin/vite|remix-serve|@remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; exit 0"
+      "command": "ps aux | grep -E 'next-server|next/dist/bin/next|vite/bin/vite|remix-serve|remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; exit 0",
+      "comment": "Patterns match how the servers actually appear in ps, not a loose 'next'. An unescaped dot used to make '.next' match the '-next' in 'example-nextjs16.localhost', so this killed any process whose arguments named a demo app — including CI's own wait-on, which exited the job 137."
     },
     "kill-wireit": {
       "command": "ps axu | grep '[w]ireit' | grep -v grep | awk -v me=$PPID '$2 != me {print $2}' | xargs -r kill -9 2>&1; exit 0"
     },
     "kill": {
-      "command": "ps aux | grep -E '.next|.bin/vite|remix-serve|@remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; ps axu | grep '[w]ireit' | grep -v grep | awk -v me=$PPID '$2 != me {print $2}' | xargs -r kill -9 2>&1; exit 0"
+      "command": "ps aux | grep -E 'next-server|next/dist/bin/next|vite/bin/vite|remix-serve|remix-run/serve' | grep -v grep | awk '{print $2}' | xargs -r kill -9 2>&1; ps axu | grep '[w]ireit' | grep -v grep | awk -v me=$PPID '$2 != me {print $2}' | xargs -r kill -9 2>&1; exit 0"
     },
     "test:int:ci": {
       "command": "pnpm exec cross-env HOME=/root PLAYWRIGHT_BROWSERS_PATH=0 playwright test"
@@ -218,27 +219,28 @@
       ]
     },
     "dev:router6": {
-      "command": "cd packages/example-react-router6 && pnpm run dev",
+      "command": "cd packages/example-react-router6 && ../../scripts/portless.sh -- pnpm run dev",
       "service": true
     },
     "dev:router7": {
-      "command": "cd packages/example-react-router7 && pnpm run dev",
+      "command": "cd packages/example-react-router7 && ../../scripts/portless.sh -- pnpm run dev",
       "service": true
     },
     "dev:remix2": {
-      "command": "cd packages/example-remix2 && PORT=3003 pnpm run dev",
+      "command": "cd packages/example-remix2 && ../../scripts/portless.sh -- pnpm run dev",
       "service": true
     },
     "dev:nextjs14": {
-      "command": "cd packages/example-nextjs14 && pnpm run dev --turbo",
+      "command": "cd packages/example-nextjs14 && ../../scripts/portless.sh -- pnpm run dev --turbo",
       "service": true
     },
     "dev:nextjs15": {
-      "command": "cd packages/example-nextjs15 && pnpm run dev --turbo",
-      "service": true
+      "command": "cd packages/example-nextjs15 && ../../scripts/portless.sh -- pnpm run dev",
+      "service": true,
+      "comment": "No --turbo: Turbopack 15.5.19 panics with \"Next.js package not found\" against this pnpm layout (it reports version 0.0.0), and one failed service tears down all seven. 14 and 16 are unaffected."
     },
     "dev:nextjs16": {
-      "command": "cd packages/example-nextjs16 && pnpm run dev --turbo",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run dev --turbo",
       "service": true
     },
     "build:next14": {
@@ -293,64 +295,64 @@
       "dependencies": [
         "build:demo"
       ],
-      "command": "cd packages/example-nextjs16 && pnpm run start",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo:ci": {
-      "command": "cd packages/example-nextjs16 && pnpm run start",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:react": {
-      "command": "pnpm exec vite preview --port 5180 packages/example-react",
+      "command": "cd packages/example-react && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "build:react"
       ],
       "service": true
     },
     "start:react:ci": {
-      "command": "pnpm exec vite preview --port 5180 packages/example-react",
+      "command": "cd packages/example-react && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "kill-services"
       ],
       "service": true
     },
     "start:router6": {
-      "command": "pnpm exec vite preview --port 5181 packages/example-react-router6",
+      "command": "cd packages/example-react-router6 && ../../scripts/portless.sh -- pnpm run preview",
       "dependencies": [
         "build:router6"
       ],
       "service": true
     },
     "start:router6:ci": {
-      "command": "pnpm exec vite preview --port 5181 packages/example-react-router6",
+      "command": "cd packages/example-react-router6 && ../../scripts/portless.sh -- pnpm run preview",
       "dependencies": [
         "kill-services"
       ],
       "service": true
     },
     "start:router7": {
-      "command": "pnpm exec vite preview --port 5183 packages/example-react-router7",
+      "command": "cd packages/example-react-router7 && ../../scripts/portless.sh -- pnpm run preview",
       "dependencies": [
         "build:router7"
       ],
       "service": true
     },
     "start:router7:ci": {
-      "command": "pnpm exec vite preview --port 5183 packages/example-react-router7",
+      "command": "cd packages/example-react-router7 && ../../scripts/portless.sh -- pnpm run preview",
       "dependencies": [
         "kill-services"
       ],
       "service": true
     },
     "start:remix2": {
-      "command": "cd packages/example-remix2 && pnpm run start",
+      "command": "cd packages/example-remix2 && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "build:remix2"
       ],
       "service": true
     },
     "start:remix2:ci": {
-      "command": "cd packages/example-remix2 && pnpm run start",
+      "command": "cd packages/example-remix2 && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "kill-services"
       ],
@@ -360,36 +362,36 @@
       "dependencies": [
         "build:next14"
       ],
-      "command": "cd packages/example-nextjs14 && pnpm run start",
+      "command": "cd packages/example-nextjs14 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo15": {
       "dependencies": [
         "build:next15"
       ],
-      "command": "cd packages/example-nextjs15 && pnpm run start",
+      "command": "cd packages/example-nextjs15 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo14:ci": {
-      "command": "cd packages/example-nextjs14 && pnpm run start",
+      "command": "cd packages/example-nextjs14 && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "kill-services"
       ],
       "service": true
     },
     "start:demo15:ci": {
-      "command": "cd packages/example-nextjs15 && pnpm run start",
+      "command": "cd packages/example-nextjs15 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo16": {
       "dependencies": [
         "build:next16"
       ],
-      "command": "cd packages/example-nextjs16 && pnpm run start",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run start",
       "service": true
     },
     "start:demo16:ci": {
-      "command": "cd packages/example-nextjs16 && pnpm run start",
+      "command": "cd packages/example-nextjs16 && ../../scripts/portless.sh -- pnpm run start",
       "dependencies": [
         "kill-services"
       ],
@@ -420,7 +422,7 @@
       "service": true
     },
     "dev:react": {
-      "command": "cd packages/example-react && pnpm run dev",
+      "command": "cd packages/example-react && ../../scripts/portless.sh -- pnpm run dev",
       "service": true
     },
     "build:packages": {
@@ -531,6 +533,7 @@
     "pin-github-action": "^1.9.1",
     "playwright": "^1.55.1",
     "playwright-lighthouse": "^4.0.0",
+    "portless": "^0.15.5",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
     "react": "^19.2.6",

package/skills/feature-state-hook/SKILL.md

@@ -16,7 +16,7 @@ sources:
 metadata:
   type: core
   library: state-in-url
-  library_version: '6.4.0'
+  library_version: '6.4.1'
 ---
 
 # state-in-url — Feature state hook

package/skills/form-library-integration/SKILL.md

@@ -15,7 +15,7 @@ sources:
 metadata:
   type: composition
   library: state-in-url
-  library_version: '6.4.0'
+  library_version: '6.4.1'
 ---
 
 This skill builds on `state-in-url/feature-state-hook`. Read it first for the module-scoped default-state rule.

package/skills/input-handling/SKILL.md

@@ -16,7 +16,7 @@ sources:
 metadata:
   type: core
   library: state-in-url
-  library_version: '6.4.0'
+  library_version: '6.4.1'
 ---
 
 This skill builds on `state-in-url/feature-state-hook`. Read it first for the module-scoped default-state rule.

package/skills/nextjs-ssr/SKILL.md

@@ -17,7 +17,7 @@ sources:
 metadata:
   type: framework
   library: state-in-url
-  library_version: '6.4.0'
+  library_version: '6.4.1'
   framework: react
 ---
 

package/skills/react-router-remix-setup/SKILL.md

@@ -17,7 +17,7 @@ sources:
 metadata:
   type: framework
   library: state-in-url
-  library_version: '6.4.0'
+  library_version: '6.4.1'
   framework: react
 ---
 

package/skills/shared-state-no-url/SKILL.md

@@ -14,7 +14,7 @@ sources:
 metadata:
   type: core
   library: state-in-url
-  library_version: '6.4.0'
+  library_version: '6.4.1'
 ---
 
 # state-in-url — Shared state without URL sync

package/dist/useInsertionEffect.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const useInsertionEffect: typeof React.useInsertionEffect;

package/dist/useInsertionEffect.js

@@ -1 +0,0 @@
-"use strict";var f=require("react");function u(e){return e&&e.__esModule?e:{default:e}}var t=u(f);const n=t.default?.useInsertionEffect||t.default.useEffect;exports.useInsertionEffect=n;

package/dist/useInsertionEffect.mjs

@@ -1 +0,0 @@
-import e from"react";const t=e?.useInsertionEffect||e.useEffect;export{t as useInsertionEffect};