New:Socket for Asana Is Now Available.Learn more →
@tanstack/react-router-devtools
Advanced tools
@tanstack/react-router-devtools - npm Package Compare versions
+124
-124
@@ -10,3 +10,3 @@ { | ||
| { | ||
| "uid": "ef61-203", | ||
| "uid": "37ac-203", | ||
| "name": "\u0000rollupPluginBabelHelpers.js" | ||
@@ -16,3 +16,3 @@ }, | ||
| "name": "node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js", | ||
| "uid": "ef61-205" | ||
| "uid": "37ac-205" | ||
| }, | ||
@@ -24,11 +24,11 @@ { | ||
| "name": "router/build/esm/index.js", | ||
| "uid": "ef61-207" | ||
| "uid": "37ac-207" | ||
| }, | ||
| { | ||
| "name": "react-store/build/esm/index.js", | ||
| "uid": "ef61-209" | ||
| "uid": "37ac-209" | ||
| }, | ||
| { | ||
| "name": "react-router/build/esm/index.js", | ||
| "uid": "ef61-211" | ||
| "uid": "37ac-211" | ||
| }, | ||
@@ -39,31 +39,31 @@ { | ||
| { | ||
| "uid": "ef61-213", | ||
| "uid": "37ac-213", | ||
| "name": "useLocalStorage.ts" | ||
| }, | ||
| { | ||
| "uid": "ef61-215", | ||
| "uid": "37ac-215", | ||
| "name": "theme.tsx" | ||
| }, | ||
| { | ||
| "uid": "ef61-217", | ||
| "uid": "37ac-217", | ||
| "name": "useMediaQuery.ts" | ||
| }, | ||
| { | ||
| "uid": "ef61-219", | ||
| "uid": "37ac-219", | ||
| "name": "utils.ts" | ||
| }, | ||
| { | ||
| "uid": "ef61-221", | ||
| "uid": "37ac-221", | ||
| "name": "styledComponents.ts" | ||
| }, | ||
| { | ||
| "uid": "ef61-223", | ||
| "uid": "37ac-223", | ||
| "name": "Explorer.tsx" | ||
| }, | ||
| { | ||
| "uid": "ef61-225", | ||
| "uid": "37ac-225", | ||
| "name": "devtools.tsx" | ||
| }, | ||
| { | ||
| "uid": "ef61-227", | ||
| "uid": "37ac-227", | ||
| "name": "index.tsx" | ||
@@ -81,86 +81,86 @@ } | ||
| "nodeParts": { | ||
| "ef61-203": { | ||
| "37ac-203": { | ||
| "renderedLength": 429, | ||
| "gzipLength": 238, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-202" | ||
| "mainUid": "37ac-202" | ||
| }, | ||
| "ef61-205": { | ||
| "37ac-205": { | ||
| "renderedLength": 181, | ||
| "gzipLength": 129, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-204" | ||
| "mainUid": "37ac-204" | ||
| }, | ||
| "ef61-207": { | ||
| "37ac-207": { | ||
| "renderedLength": 277, | ||
| "gzipLength": 198, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-206" | ||
| "mainUid": "37ac-206" | ||
| }, | ||
| "ef61-209": { | ||
| "37ac-209": { | ||
| "renderedLength": 1571, | ||
| "gzipLength": 594, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-208" | ||
| "mainUid": "37ac-208" | ||
| }, | ||
| "ef61-211": { | ||
| "renderedLength": 600, | ||
| "37ac-211": { | ||
| "renderedLength": 604, | ||
| "gzipLength": 309, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-210" | ||
| "mainUid": "37ac-210" | ||
| }, | ||
| "ef61-213": { | ||
| "37ac-213": { | ||
| "renderedLength": 1083, | ||
| "gzipLength": 410, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-212" | ||
| "mainUid": "37ac-212" | ||
| }, | ||
| "ef61-215": { | ||
| "37ac-215": { | ||
| "renderedLength": 686, | ||
| "gzipLength": 344, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-214" | ||
| "mainUid": "37ac-214" | ||
| }, | ||
| "ef61-217": { | ||
| "37ac-217": { | ||
| "renderedLength": 970, | ||
| "gzipLength": 386, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-216" | ||
| "mainUid": "37ac-216" | ||
| }, | ||
| "ef61-219": { | ||
| "37ac-219": { | ||
| "renderedLength": 2694, | ||
| "gzipLength": 1056, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-218" | ||
| "mainUid": "37ac-218" | ||
| }, | ||
| "ef61-221": { | ||
| "37ac-221": { | ||
| "renderedLength": 1378, | ||
| "gzipLength": 576, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-220" | ||
| "mainUid": "37ac-220" | ||
| }, | ||
| "ef61-223": { | ||
| "37ac-223": { | ||
| "renderedLength": 6098, | ||
| "gzipLength": 1825, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-222" | ||
| "mainUid": "37ac-222" | ||
| }, | ||
| "ef61-225": { | ||
| "37ac-225": { | ||
| "renderedLength": 20601, | ||
| "gzipLength": 3904, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-224" | ||
| "mainUid": "37ac-224" | ||
| }, | ||
| "ef61-227": { | ||
| "37ac-227": { | ||
| "renderedLength": 0, | ||
| "gzipLength": 0, | ||
| "brotliLength": 0, | ||
| "mainUid": "ef61-226" | ||
| "mainUid": "37ac-226" | ||
| } | ||
| }, | ||
| "nodeMetas": { | ||
| "ef61-202": { | ||
| "37ac-202": { | ||
| "id": "\u0000rollupPluginBabelHelpers.js", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-203" | ||
| "index.production.js": "37ac-203" | ||
| }, | ||
@@ -170,16 +170,16 @@ "imported": [], | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| }, | ||
| { | ||
| "uid": "ef61-214" | ||
| "uid": "37ac-214" | ||
| }, | ||
| { | ||
| "uid": "ef61-222" | ||
| "uid": "37ac-222" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-204": { | ||
| "37ac-204": { | ||
| "id": "/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-205" | ||
| "index.production.js": "37ac-205" | ||
| }, | ||
@@ -189,20 +189,20 @@ "imported": [], | ||
| { | ||
| "uid": "ef61-206" | ||
| "uid": "37ac-206" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-206": { | ||
| "37ac-206": { | ||
| "id": "/packages/router/build/esm/index.js", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-207" | ||
| "index.production.js": "37ac-207" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-204" | ||
| "uid": "37ac-204" | ||
| }, | ||
| { | ||
| "uid": "ef61-229" | ||
| "uid": "37ac-229" | ||
| }, | ||
| { | ||
| "uid": "ef61-230" | ||
| "uid": "37ac-230" | ||
| } | ||
@@ -212,14 +212,14 @@ ], | ||
| { | ||
| "uid": "ef61-210" | ||
| "uid": "37ac-210" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-208": { | ||
| "37ac-208": { | ||
| "id": "/packages/react-store/build/esm/index.js", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-209" | ||
| "index.production.js": "37ac-209" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-231" | ||
| "uid": "37ac-231" | ||
| } | ||
@@ -229,20 +229,20 @@ ], | ||
| { | ||
| "uid": "ef61-210" | ||
| "uid": "37ac-210" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-210": { | ||
| "37ac-210": { | ||
| "id": "/packages/react-router/build/esm/index.js", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-211" | ||
| "index.production.js": "37ac-211" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-228" | ||
| "uid": "37ac-228" | ||
| }, | ||
| { | ||
| "uid": "ef61-206" | ||
| "uid": "37ac-206" | ||
| }, | ||
| { | ||
| "uid": "ef61-208" | ||
| "uid": "37ac-208" | ||
| } | ||
@@ -252,14 +252,14 @@ ], | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-212": { | ||
| "37ac-212": { | ||
| "id": "/packages/react-router-devtools/src/useLocalStorage.ts", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-213" | ||
| "index.production.js": "37ac-213" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-228" | ||
| "uid": "37ac-228" | ||
| } | ||
@@ -269,17 +269,17 @@ ], | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-214": { | ||
| "37ac-214": { | ||
| "id": "/packages/react-router-devtools/src/theme.tsx", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-215" | ||
| "index.production.js": "37ac-215" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-202" | ||
| "uid": "37ac-202" | ||
| }, | ||
| { | ||
| "uid": "ef61-228" | ||
| "uid": "37ac-228" | ||
| } | ||
@@ -289,17 +289,17 @@ ], | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| }, | ||
| { | ||
| "uid": "ef61-218" | ||
| "uid": "37ac-218" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-216": { | ||
| "37ac-216": { | ||
| "id": "/packages/react-router-devtools/src/useMediaQuery.ts", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-217" | ||
| "index.production.js": "37ac-217" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-228" | ||
| "uid": "37ac-228" | ||
| } | ||
@@ -309,20 +309,20 @@ ], | ||
| { | ||
| "uid": "ef61-218" | ||
| "uid": "37ac-218" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-218": { | ||
| "37ac-218": { | ||
| "id": "/packages/react-router-devtools/src/utils.ts", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-219" | ||
| "index.production.js": "37ac-219" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-228" | ||
| "uid": "37ac-228" | ||
| }, | ||
| { | ||
| "uid": "ef61-214" | ||
| "uid": "37ac-214" | ||
| }, | ||
| { | ||
| "uid": "ef61-216" | ||
| "uid": "37ac-216" | ||
| } | ||
@@ -332,20 +332,20 @@ ], | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| }, | ||
| { | ||
| "uid": "ef61-220" | ||
| "uid": "37ac-220" | ||
| }, | ||
| { | ||
| "uid": "ef61-222" | ||
| "uid": "37ac-222" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-220": { | ||
| "37ac-220": { | ||
| "id": "/packages/react-router-devtools/src/styledComponents.ts", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-221" | ||
| "index.production.js": "37ac-221" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-218" | ||
| "uid": "37ac-218" | ||
| } | ||
@@ -355,20 +355,20 @@ ], | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-222": { | ||
| "37ac-222": { | ||
| "id": "/packages/react-router-devtools/src/Explorer.tsx", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-223" | ||
| "index.production.js": "37ac-223" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-202" | ||
| "uid": "37ac-202" | ||
| }, | ||
| { | ||
| "uid": "ef61-228" | ||
| "uid": "37ac-228" | ||
| }, | ||
| { | ||
| "uid": "ef61-218" | ||
| "uid": "37ac-218" | ||
| } | ||
@@ -378,35 +378,35 @@ ], | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-224": { | ||
| "37ac-224": { | ||
| "id": "/packages/react-router-devtools/src/devtools.tsx", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-225" | ||
| "index.production.js": "37ac-225" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-202" | ||
| "uid": "37ac-202" | ||
| }, | ||
| { | ||
| "uid": "ef61-228" | ||
| "uid": "37ac-228" | ||
| }, | ||
| { | ||
| "uid": "ef61-210" | ||
| "uid": "37ac-210" | ||
| }, | ||
| { | ||
| "uid": "ef61-212" | ||
| "uid": "37ac-212" | ||
| }, | ||
| { | ||
| "uid": "ef61-218" | ||
| "uid": "37ac-218" | ||
| }, | ||
| { | ||
| "uid": "ef61-220" | ||
| "uid": "37ac-220" | ||
| }, | ||
| { | ||
| "uid": "ef61-214" | ||
| "uid": "37ac-214" | ||
| }, | ||
| { | ||
| "uid": "ef61-222" | ||
| "uid": "37ac-222" | ||
| } | ||
@@ -416,14 +416,14 @@ ], | ||
| { | ||
| "uid": "ef61-226" | ||
| "uid": "37ac-226" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-226": { | ||
| "37ac-226": { | ||
| "id": "/packages/react-router-devtools/src/index.tsx", | ||
| "moduleParts": { | ||
| "index.production.js": "ef61-227" | ||
| "index.production.js": "37ac-227" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| } | ||
@@ -434,3 +434,3 @@ ], | ||
| }, | ||
| "ef61-228": { | ||
| "37ac-228": { | ||
| "id": "react", | ||
@@ -441,21 +441,21 @@ "moduleParts": {}, | ||
| { | ||
| "uid": "ef61-224" | ||
| "uid": "37ac-224" | ||
| }, | ||
| { | ||
| "uid": "ef61-210" | ||
| "uid": "37ac-210" | ||
| }, | ||
| { | ||
| "uid": "ef61-212" | ||
| "uid": "37ac-212" | ||
| }, | ||
| { | ||
| "uid": "ef61-218" | ||
| "uid": "37ac-218" | ||
| }, | ||
| { | ||
| "uid": "ef61-214" | ||
| "uid": "37ac-214" | ||
| }, | ||
| { | ||
| "uid": "ef61-222" | ||
| "uid": "37ac-222" | ||
| }, | ||
| { | ||
| "uid": "ef61-216" | ||
| "uid": "37ac-216" | ||
| } | ||
@@ -465,3 +465,3 @@ ], | ||
| }, | ||
| "ef61-229": { | ||
| "37ac-229": { | ||
| "id": "/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js", | ||
@@ -472,7 +472,7 @@ "moduleParts": {}, | ||
| { | ||
| "uid": "ef61-206" | ||
| "uid": "37ac-206" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-230": { | ||
| "37ac-230": { | ||
| "id": "/packages/store/build/esm/index.js", | ||
@@ -483,7 +483,7 @@ "moduleParts": {}, | ||
| { | ||
| "uid": "ef61-206" | ||
| "uid": "37ac-206" | ||
| } | ||
| ] | ||
| }, | ||
| "ef61-231": { | ||
| "37ac-231": { | ||
| "id": "use-sync-external-store/shim/with-selector", | ||
@@ -494,3 +494,3 @@ "moduleParts": {}, | ||
| { | ||
| "uid": "ef61-208" | ||
| "uid": "37ac-208" | ||
| } | ||
@@ -497,0 +497,0 @@ ], |
@@ -169,3 +169,3 @@ /** | ||
| warning(value, 'useRouter must be used inside a <Router> component!'); | ||
| useStore(value.router.store); | ||
| useStore(value.router.__store); | ||
| return value.router; | ||
@@ -175,3 +175,3 @@ } | ||
| const router = useRouterContext(); | ||
| useStore(router.store, track, shallow); | ||
| useStore(router.__store, track, shallow); | ||
| return router; | ||
@@ -178,0 +178,0 @@ } |
@@ -42,3 +42,3 @@ /** | ||
| * @license MIT | ||
| */const s=l.createContext(null);function f(e,t){const n=function(){const e=l.useContext(s);return u(e.router.store),e.router}();return u(n.store,e,t),n}function m(e,t){const[n,r]=o.default.useState();o.default.useEffect((()=>{const n=(e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}})(e);r(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{r((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const p={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},g=o.default.createContext(p);function b({theme:e,...t}){return o.default.createElement(g.Provider,i({value:e},t))}const y="undefined"==typeof window;function h(e,t){return"pending"===e.state.status?t.active:"error"===e.state.status?t.danger:"success"===e.state.status?t.success:t.gray}function v(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(g),d=Object.entries(n).reduce(((e,[t,n])=>function(e){const[t,n]=o.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return o.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),r=({matches:e})=>n(e);return t.addListener(r),()=>{t.removeListener(r)}}}),[t,e,n]),t}(t)?{...e,..."function"==typeof n?n(a,i):n}:e),{});return o.default.createElement(e,{...a,style:{..."function"==typeof t?t(a,i):t,...r,...d},ref:l})}))}function E(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[y?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function x(e){const t=E(),[n,r]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const k=v("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),w=v("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),S=v("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),R=v("code",{fontSize:".9em"}),O=v("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),D=v("span",{color:"white"}),j=v("button",{cursor:"pointer",color:"white"}),C=v("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),T=v("span",((e,t)=>({color:t.danger}))),A=v("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),P=v("span",{color:"grey",fontSize:".7em"}),I=({expanded:e,style:t={}})=>l.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const z=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:o,expanded:i=!1,toggleExpanded:d,pageSize:u,renderer:c})=>{const[s,f]=l.useState([]),[m,p]=l.useState(void 0);return l.createElement(O,null,a.length?l.createElement(l.Fragment,null,l.createElement(C,{onClick:()=>d()},l.createElement(I,{expanded:i})," ",t," ",l.createElement(P,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(A,null,r.map(((t,n)=>e(t)))):l.createElement(A,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(O,null,l.createElement(j,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(I,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),s.includes(n)?l.createElement(A,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(M,{renderer:c,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(D,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(D,null,t,":")," ",l.createElement(T,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function M({value:e,defaultExpanded:t,renderer:n=z,pageSize:r=100,...a}){const[o,d]=l.useState(Boolean(t)),u=l.useCallback((()=>d((e=>!e))),[]);let c=typeof e,s=[];const f=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var m;Array.isArray(e)?(c="array",s=e.map(((e,t)=>f({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(m=e,Symbol.iterator in m)&&"function"==typeof e[Symbol.iterator]?(c="Iterable",s=Array.from(e,((e,t)=>f({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(c="object",s=Object.entries(e).map((([e,t])=>f({label:e,value:t}))));const p=function(e,t){if(t<1)return[];let n=0;const r=[];for(;n<e.length;)r.push(e.slice(n,n+t)),n+=t;return r}(s,r);return n({handleEntry:t=>l.createElement(M,i({key:t.label,value:e,renderer:n},a,t)),type:c,subEntries:s,subEntryPages:p,value:e,expanded:o,toggleExpanded:u,pageSize:r,...a})}const L="undefined"==typeof window;function $(e){return o.default.createElement("div",i({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),o.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),o.default.createElement("div",{style:{backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#84cc16","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)","--tw-gradient-to":"#10b981",WebkitBackgroundClip:"text",color:"transparent",letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}const B=o.default.forwardRef((function(e,t){const{isOpen:n=!0,setIsOpen:r,handleDragStart:a,router:l,...u}=e,c=o.default.useContext(s),g=l??c?.router;!function(e,t){if(!e)throw new Error("Invariant failed")}(g),f();const[y,v]=m("tanstackRouterDevtoolsActiveRouteId",""),[E,x]=m("tanstackRouterDevtoolsActiveMatchId","");o.default.useEffect((()=>{x("")}),[y]);const O=o.default.useMemo((()=>[...Object.values(g.state.currentMatches),...Object.values(g.state.pendingMatches??[])]),[g.state.currentMatches,g.state.pendingMatches]),D=O?.find((e=>e.id===E))||O?.find((e=>e.route.id===y));return o.default.createElement(b,{theme:p},o.default.createElement(k,i({ref:t,className:"TanStackRouterDevtoolsPanel"},u),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n .TanStackRouterDevtoolsPanel * {\n scrollbar-color: ${p.backgroundAlt} ${p.gray};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar, .TanStackRouterDevtoolsPanel scrollbar {\n width: 1em;\n height: 1em;\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-track, .TanStackRouterDevtoolsPanel scrollbar-track {\n background: ${p.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n background: ${p.gray};\n border-radius: .5em;\n border: 3px solid ${p.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel table {\n width: 100%;\n }\n\n .TanStackRouterDevtoolsPanel table tr {\n border-bottom: 2px dotted rgba(255, 255, 255, .2);\n }\n\n .TanStackRouterDevtoolsPanel table tr:last-child {\n border-bottom: none\n }\n\n .TanStackRouterDevtoolsPanel table td {\n padding: .25rem .5rem;\n border-right: 2px dotted rgba(255, 255, 255, .05);\n }\n\n .TanStackRouterDevtoolsPanel table td:last-child {\n border-right: none\n }\n\n `}}),o.default.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:a}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:p.backgroundAlt}},o.default.createElement($,{"aria-hidden":!0}),o.default.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},o.default.createElement("span",{style:{fontWeight:100}},"Devtools"))),o.default.createElement("div",{style:{overflowY:"auto",flex:"1"}},o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(M,{label:"Router",value:g,defaultExpanded:{}})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Active Matches"),g.state.currentMatches.map(((e,t)=>o.default.createElement("div",{key:e.route.id||t,role:"button","aria-label":`Open match details for ${e.route.id}`,onClick:()=>v(y===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${p.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===D?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:h(e,p),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(R,{style:{padding:".5em"}},`${e.id}`)))),g.state.pendingMatches?.length?o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Pending Matches"),g.state.pendingMatches?.map(((e,t)=>o.default.createElement("div",{key:e.route.id||t,role:"button","aria-label":`Open match details for ${e.route.id}`,onClick:()=>v(y===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${p.grayAlt}`,cursor:"pointer",background:e===D?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:h(e,p),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(R,{style:{padding:".5em"}},`${e.id}`))))):null),D?o.default.createElement(w,null,o.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),o.default.createElement("div",null,o.default.createElement("table",null,o.default.createElement("tbody",null,o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"ID"),o.default.createElement("td",null,o.default.createElement(R,{style:{lineHeight:"1.8em"}},JSON.stringify(D.id,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,D.state.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,D.state.updatedAt?new Date(D.state.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:p.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Actions"),o.default.createElement("div",{style:{padding:"0.5em"}},o.default.createElement(S,{type:"button",onClick:()=>D.load(),style:{background:p.gray}},"Reload")),o.default.createElement("div",{style:{background:p.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(M,{label:"Match",value:D,defaultExpanded:{}}))):null,o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},Object.keys(d(g.state.currentMatches)?.state.search||{}).length?o.default.createElement(M,{value:d(g.state.currentMatches)?.state.search||{},defaultExpanded:Object.keys(d(g.state.currentMatches)?.state.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}):o.default.createElement("em",{style:{opacity:.5}},"{ }")))))}));e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:t={},closeButtonProps:n={},toggleButtonProps:r={},position:a="bottom-left",containerElement:l="footer",router:d}){const u=o.default.useRef(null),c=o.default.useRef(null),[s,f]=m("tanstackRouterDevtoolsOpen",e),[g,y]=m("tanstackRouterDevtoolsHeight",null),[h,v]=x(!1),[k,w]=x(!1),R=E();o.default.useEffect((()=>{v(s??!1)}),[s,h,v]),o.default.useEffect((()=>{const e=c.current;if(e){const t=()=>{e&&h&&(e.style.visibility="visible")},n=()=>{e&&!h&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[h]),o.default[L?"useEffect":"useLayoutEffect"]((()=>{if(h){const e=u.current?.parentElement?.style.paddingBottom,t=()=>{const e=c.current?.getBoundingClientRect().height;u.current?.parentElement&&(u.current.parentElement.style.paddingBottom=`${e}px`)};if(t(),"undefined"!=typeof window)return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),u.current?.parentElement&&"string"==typeof e&&(u.current.parentElement.style.paddingBottom=e)}}}),[h]);const{style:O={},...D}=t,{style:j={},onClick:C,...T}=n,{style:A={},onClick:P,...I}=r;return R()?o.default.createElement(l,{ref:u,className:"TanStackRouterDevtools"},o.default.createElement(b,{theme:p},o.default.createElement(B,i({ref:c},D,{router:d,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:g??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${p.gray}`,transformOrigin:"top",visibility:s?"visible":"hidden",...O,...k?{transition:"none"}:{transition:"all .2s ease"},...h?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:h,setIsOpen:f,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;w(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),f(!(a<70))},l=()=>{w(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})(c.current,e)})),h?o.default.createElement(S,i({type:"button","aria-label":"Close TanStack Router Devtools"},T,{onClick:e=>{f(!1),C&&C(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===a?{right:"0"}:"top-left"===a?{left:"0"}:"bottom-right"===a?{right:"0"}:{left:"0"},...j}}),"Close"):null),h?null:o.default.createElement("button",i({type:"button"},I,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{f(!0),P&&P(e)},style:{appearance:"none",background:"none",border:0,padding:0,position:"fixed",zIndex:99999,display:"inline-flex",fontSize:"1.5em",margin:".5em",cursor:"pointer",width:"fit-content",..."top-right"===a?{top:"0",right:"0"}:"top-left"===a?{top:"0",left:"0"}:"bottom-right"===a?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...A}}),o.default.createElement($,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=B,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| */const s=l.createContext(null);function f(e,t){const n=function(){const e=l.useContext(s);return u(e.router.__store),e.router}();return u(n.__store,e,t),n}function m(e,t){const[n,r]=o.default.useState();o.default.useEffect((()=>{const n=(e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}})(e);r(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{r((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const p={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},g=o.default.createContext(p);function b({theme:e,...t}){return o.default.createElement(g.Provider,i({value:e},t))}const y="undefined"==typeof window;function h(e,t){return"pending"===e.state.status?t.active:"error"===e.state.status?t.danger:"success"===e.state.status?t.success:t.gray}function v(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(g),d=Object.entries(n).reduce(((e,[t,n])=>function(e){const[t,n]=o.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return o.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),r=({matches:e})=>n(e);return t.addListener(r),()=>{t.removeListener(r)}}}),[t,e,n]),t}(t)?{...e,..."function"==typeof n?n(a,i):n}:e),{});return o.default.createElement(e,{...a,style:{..."function"==typeof t?t(a,i):t,...r,...d},ref:l})}))}function E(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[y?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function x(e){const t=E(),[n,r]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const k=v("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),w=v("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),S=v("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),R=v("code",{fontSize:".9em"}),O=v("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),D=v("span",{color:"white"}),j=v("button",{cursor:"pointer",color:"white"}),C=v("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),T=v("span",((e,t)=>({color:t.danger}))),A=v("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),P=v("span",{color:"grey",fontSize:".7em"}),I=({expanded:e,style:t={}})=>l.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const z=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:o,expanded:i=!1,toggleExpanded:d,pageSize:u,renderer:c})=>{const[s,f]=l.useState([]),[m,p]=l.useState(void 0);return l.createElement(O,null,a.length?l.createElement(l.Fragment,null,l.createElement(C,{onClick:()=>d()},l.createElement(I,{expanded:i})," ",t," ",l.createElement(P,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(A,null,r.map(((t,n)=>e(t)))):l.createElement(A,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(O,null,l.createElement(j,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(I,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),s.includes(n)?l.createElement(A,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(M,{renderer:c,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(D,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(D,null,t,":")," ",l.createElement(T,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function M({value:e,defaultExpanded:t,renderer:n=z,pageSize:r=100,...a}){const[o,d]=l.useState(Boolean(t)),u=l.useCallback((()=>d((e=>!e))),[]);let c=typeof e,s=[];const f=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var m;Array.isArray(e)?(c="array",s=e.map(((e,t)=>f({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(m=e,Symbol.iterator in m)&&"function"==typeof e[Symbol.iterator]?(c="Iterable",s=Array.from(e,((e,t)=>f({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(c="object",s=Object.entries(e).map((([e,t])=>f({label:e,value:t}))));const p=function(e,t){if(t<1)return[];let n=0;const r=[];for(;n<e.length;)r.push(e.slice(n,n+t)),n+=t;return r}(s,r);return n({handleEntry:t=>l.createElement(M,i({key:t.label,value:e,renderer:n},a,t)),type:c,subEntries:s,subEntryPages:p,value:e,expanded:o,toggleExpanded:u,pageSize:r,...a})}const L="undefined"==typeof window;function $(e){return o.default.createElement("div",i({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),o.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),o.default.createElement("div",{style:{backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#84cc16","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)","--tw-gradient-to":"#10b981",WebkitBackgroundClip:"text",color:"transparent",letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}const B=o.default.forwardRef((function(e,t){const{isOpen:n=!0,setIsOpen:r,handleDragStart:a,router:l,...u}=e,c=o.default.useContext(s),g=l??c?.router;!function(e,t){if(!e)throw new Error("Invariant failed")}(g),f();const[y,v]=m("tanstackRouterDevtoolsActiveRouteId",""),[E,x]=m("tanstackRouterDevtoolsActiveMatchId","");o.default.useEffect((()=>{x("")}),[y]);const O=o.default.useMemo((()=>[...Object.values(g.state.currentMatches),...Object.values(g.state.pendingMatches??[])]),[g.state.currentMatches,g.state.pendingMatches]),D=O?.find((e=>e.id===E))||O?.find((e=>e.route.id===y));return o.default.createElement(b,{theme:p},o.default.createElement(k,i({ref:t,className:"TanStackRouterDevtoolsPanel"},u),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n .TanStackRouterDevtoolsPanel * {\n scrollbar-color: ${p.backgroundAlt} ${p.gray};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar, .TanStackRouterDevtoolsPanel scrollbar {\n width: 1em;\n height: 1em;\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-track, .TanStackRouterDevtoolsPanel scrollbar-track {\n background: ${p.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n background: ${p.gray};\n border-radius: .5em;\n border: 3px solid ${p.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel table {\n width: 100%;\n }\n\n .TanStackRouterDevtoolsPanel table tr {\n border-bottom: 2px dotted rgba(255, 255, 255, .2);\n }\n\n .TanStackRouterDevtoolsPanel table tr:last-child {\n border-bottom: none\n }\n\n .TanStackRouterDevtoolsPanel table td {\n padding: .25rem .5rem;\n border-right: 2px dotted rgba(255, 255, 255, .05);\n }\n\n .TanStackRouterDevtoolsPanel table td:last-child {\n border-right: none\n }\n\n `}}),o.default.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:a}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:p.backgroundAlt}},o.default.createElement($,{"aria-hidden":!0}),o.default.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},o.default.createElement("span",{style:{fontWeight:100}},"Devtools"))),o.default.createElement("div",{style:{overflowY:"auto",flex:"1"}},o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(M,{label:"Router",value:g,defaultExpanded:{}})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Active Matches"),g.state.currentMatches.map(((e,t)=>o.default.createElement("div",{key:e.route.id||t,role:"button","aria-label":`Open match details for ${e.route.id}`,onClick:()=>v(y===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${p.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===D?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:h(e,p),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(R,{style:{padding:".5em"}},`${e.id}`)))),g.state.pendingMatches?.length?o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Pending Matches"),g.state.pendingMatches?.map(((e,t)=>o.default.createElement("div",{key:e.route.id||t,role:"button","aria-label":`Open match details for ${e.route.id}`,onClick:()=>v(y===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${p.grayAlt}`,cursor:"pointer",background:e===D?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:h(e,p),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(R,{style:{padding:".5em"}},`${e.id}`))))):null),D?o.default.createElement(w,null,o.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),o.default.createElement("div",null,o.default.createElement("table",null,o.default.createElement("tbody",null,o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"ID"),o.default.createElement("td",null,o.default.createElement(R,{style:{lineHeight:"1.8em"}},JSON.stringify(D.id,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,D.state.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,D.state.updatedAt?new Date(D.state.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:p.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Actions"),o.default.createElement("div",{style:{padding:"0.5em"}},o.default.createElement(S,{type:"button",onClick:()=>D.load(),style:{background:p.gray}},"Reload")),o.default.createElement("div",{style:{background:p.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(M,{label:"Match",value:D,defaultExpanded:{}}))):null,o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},Object.keys(d(g.state.currentMatches)?.state.search||{}).length?o.default.createElement(M,{value:d(g.state.currentMatches)?.state.search||{},defaultExpanded:Object.keys(d(g.state.currentMatches)?.state.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}):o.default.createElement("em",{style:{opacity:.5}},"{ }")))))}));e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:t={},closeButtonProps:n={},toggleButtonProps:r={},position:a="bottom-left",containerElement:l="footer",router:d}){const u=o.default.useRef(null),c=o.default.useRef(null),[s,f]=m("tanstackRouterDevtoolsOpen",e),[g,y]=m("tanstackRouterDevtoolsHeight",null),[h,v]=x(!1),[k,w]=x(!1),R=E();o.default.useEffect((()=>{v(s??!1)}),[s,h,v]),o.default.useEffect((()=>{const e=c.current;if(e){const t=()=>{e&&h&&(e.style.visibility="visible")},n=()=>{e&&!h&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[h]),o.default[L?"useEffect":"useLayoutEffect"]((()=>{if(h){const e=u.current?.parentElement?.style.paddingBottom,t=()=>{const e=c.current?.getBoundingClientRect().height;u.current?.parentElement&&(u.current.parentElement.style.paddingBottom=`${e}px`)};if(t(),"undefined"!=typeof window)return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),u.current?.parentElement&&"string"==typeof e&&(u.current.parentElement.style.paddingBottom=e)}}}),[h]);const{style:O={},...D}=t,{style:j={},onClick:C,...T}=n,{style:A={},onClick:P,...I}=r;return R()?o.default.createElement(l,{ref:u,className:"TanStackRouterDevtools"},o.default.createElement(b,{theme:p},o.default.createElement(B,i({ref:c},D,{router:d,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:g??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${p.gray}`,transformOrigin:"top",visibility:s?"visible":"hidden",...O,...k?{transition:"none"}:{transition:"all .2s ease"},...h?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:h,setIsOpen:f,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;w(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),f(!(a<70))},l=()=>{w(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})(c.current,e)})),h?o.default.createElement(S,i({type:"button","aria-label":"Close TanStack Router Devtools"},T,{onClick:e=>{f(!1),C&&C(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===a?{right:"0"}:"top-left"===a?{left:"0"}:"bottom-right"===a?{right:"0"}:{left:"0"},...j}}),"Close"):null),h?null:o.default.createElement("button",i({type:"button"},I,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{f(!0),P&&P(e)},style:{appearance:"none",background:"none",border:0,padding:0,position:"fixed",zIndex:99999,display:"inline-flex",fontSize:"1.5em",margin:".5em",cursor:"pointer",width:"fit-content",..."top-right"===a?{top:"0",right:"0"}:"top-left"===a?{top:"0",left:"0"}:"bottom-right"===a?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...A}}),o.default.createElement($,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=B,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| //# sourceMappingURL=index.production.js.map |
+2
-2
| { | ||
| "name": "@tanstack/react-router-devtools", | ||
| "author": "Tanner Linsley", | ||
| "version": "0.0.1-beta.74", | ||
| "version": "0.0.1-beta.75", | ||
| "license": "MIT", | ||
@@ -45,4 +45,4 @@ "repository": "tanstack/router", | ||
| "date-fns": "^2.29.1", | ||
| "@tanstack/react-router": "0.0.1-beta.74" | ||
| "@tanstack/react-router": "0.0.1-beta.75" | ||
| } | ||
| } |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
No alert changes
Improved metrics
- Total package byte prevSize
779688
0.03%Dependency changes
+ Added
@tanstack/react-router@0.0.1-beta.75(transitive)+ Added
@tanstack/router@0.0.1-beta.75(transitive)- Removed
@tanstack/react-router@0.0.1-beta.74(transitive)- Removed
@tanstack/router@0.0.1-beta.74(transitive)