@tanstack/router-devtools 1.5.3 → 1.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -18,5 +18,5 @@
|
|
|
18
18
|
* LICENSE.md file in the root directory of this source tree.
|
|
19
19
|
*
|
|
20
20
|
* @license MIT
|
|
21
|
-
*/let m=o.createContext(null);function f(e){const t=p({warn:void 0===e?.router});return function(e,t=(e=>e)){return d.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,u)}((e?.router||t).__store,e?.select)}function p(e){const t="undefined"!=typeof document&&window.__TSR_ROUTER_CONTEXT__||m,n=o.useContext(t);return n}"undefined"!=typeof document&&(window.__TSR_ROUTER_CONTEXT__?m=window.__TSR_ROUTER_CONTEXT__:window.__TSR_ROUTER_CONTEXT__=m);let g="undefined"!=typeof window&&window.sessionStorage?(()=>{const e="tsr-scroll-restoration-v2";return{state:JSON.parse(window.sessionStorage.getItem(e)||"null")||{cached:{},next:{}},set:t=>{g.state=function(e,t){return"function"==typeof e?e(t):e}(t,g.state),window.sessionStorage.setItem(e,JSON.stringify(g.state))}}})():void 0;const y=e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}};function b(e,n){const[r,o]=t.useState();t.useEffect((()=>{const t=y(e);o(null==t?"function"==typeof n?n():n:t)}),[n,e]);return[r,t.useCallback((t=>{o((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const h={background:"#222222",backgroundAlt:"#292929",foreground:"white",gray:"#444",grayAlt:"#444",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#80cb00",danger:"#ff0085",active:"#0099ff",warning:"#ffb200"},v=t.createContext(h);function E({theme:e,...n}){return t.createElement(v.Provider,a({value:e},n))}const x="undefined"==typeof window;function k(e,t){return"pending"===e.status||e.isFetching?t.active:"error"===e.status?t.danger:"success"===e.status?t.success:t.gray}function w(e,t,n){const r=e.find((e=>e.routeId===t.id));return r?k(r,n):n.gray}function S(e,n,r={}){return t.forwardRef((({style:o,...a},l)=>{const i=t.useContext(v),c=Object.entries(r).reduce(((e,[n,r])=>function(e){const[n,r]=t.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return t.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),n=({matches:e})=>r(e);return t.addListener(n),()=>{t.removeListener(n)}}}),[n,e,r]),n}(n)?{...e,..."function"==typeof r?r(a,i):r}:e),{});return t.createElement(e,{...a,style:{..."function"==typeof n?n(a,i):n,...o,...c},ref:l})}))}function R(){const e=t.useRef(!1),n=t.useCallback((()=>e.current),[]);return t[x?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),n}function T(e){const n=R(),[r,o]=t.useState(e);return[r,t.useCallback((e=>{var t;t=()=>{n()&&o(e)},Promise.resolve().then(t).catch((e=>setTimeout((()=>{throw e}))))}),[n])]}function I(e,t=[e=>e]){return e.map(((e,t)=>[e,t])).sort((([e,n],[r,o])=>{for(const n of t){const t=n(e),o=n(r);if(void 0===t){if(void 0===o)continue;return 1}if(t!==o)return t>o?1:-1}return n-o})).map((([e])=>e))}const O=S("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"}}),D=S("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),C=S("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"}))),j=S("code",{fontSize:".9em"}),A=S("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),z=S("span",{color:"white"}),L=S("button",{cursor:"pointer",color:"white"}),P=S("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),_=S("span",((e,t)=>({color:t.danger}))),$=S("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),M=S("span",{color:"grey",fontSize:".7em"}),B=({expanded:e,style:t={}})=>o.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const N=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:l,expanded:i=!1,toggleExpanded:c,pageSize:s,renderer:d})=>{const[u,m]=o.useState([]),[f,p]=o.useState(void 0);return o.createElement(A,null,a.length?o.createElement(o.Fragment,null,o.createElement(P,{onClick:()=>c()},o.createElement(B,{expanded:i})," ",t," ",o.createElement(M,null,"iterable"===String(l).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?o.createElement($,null,r.map(((t,n)=>e(t)))):o.createElement($,null,a.map(((t,n)=>o.createElement("div",{key:n},o.createElement(A,null,o.createElement(L,{onClick:()=>m((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},o.createElement(B,{expanded:i})," [",n*s," ..."," ",n*s+s-1,"]"),u.includes(n)?o.createElement($,null,t.map((t=>e(t)))):null))))):null):"function"===l?o.createElement(o.Fragment,null,o.createElement(W,{renderer:d,label:o.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},o.createElement(z,null,t)," 🔄"," "),value:f,defaultExpanded:{}})):o.createElement(o.Fragment,null,o.createElement(z,null,t,":")," ",o.createElement(_,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;try{return JSON.stringify(n,t)}catch(e){return"unable to stringify"}})(n))))};function W({value:e,defaultExpanded:t,renderer:n=N,pageSize:r=100,filterSubEntries:l,...i}){const[c,s]=o.useState(Boolean(t)),d=o.useCallback((()=>s((e=>!e))),[]);let u=typeof e,m=[];const f=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var p;Array.isArray(e)?(u="array",m=e.map(((e,t)=>f({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(p=e,Symbol.iterator in p)&&"function"==typeof e[Symbol.iterator]?(u="Iterable",m=Array.from(e,((e,t)=>f({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(u="object",m=Object.entries(e).map((([e,t])=>f({label:e,value:t})))),m=l?l(m):m;const g=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}(m,r);return n({handleEntry:t=>o.createElement(W,a({key:t.label,value:e,renderer:n,filterSubEntries:l},i,t)),type:u,subEntries:m,subEntryPages:g,value:e,expanded:c,toggleExpanded:d,pageSize:r,...i})}const H="undefined"==typeof window;function F(e){return t.createElement("div",a({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),t.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),t.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"))}function U({route:e,isRoot:n,activeId:r,setActiveId:o}){const a=f(),l="pending"===a.status?a.pendingMatches??[]:a.matches,i=a.matches.find((t=>t.routeId===e.id));return t.createElement("div",null,t.createElement("div",{role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>{i&&o(r===e.id?"":e.id)},style:{display:"flex",borderBottom:`solid 1px ${h.grayAlt}`,cursor:i?"pointer":"default",alignItems:"center",background:e.id===r?"rgba(255,255,255,.1)":void 0,padding:".25rem .5rem",gap:".5rem"}},n?null:t.createElement("div",{style:{flex:"0 0 auto",width:".7rem",height:".7rem",alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all .2s ease-out",background:w(l,e,h),opacity:i?1:.3}}),t.createElement("div",{style:{flex:"1 0 auto",display:"flex",justifyContent:"space-between",alignItems:"center",padding:n?"0 .25rem":0,opacity:i?1:.7,fontSize:"0.7rem"}},t.createElement(j,null,e.path||function(e){return"/"===e?e:e.replace(/\/{1,}$/,"")}(function(e){return"/"===e?e:e.replace(/^\/{1,}/,"")}(e.id))," "),t.createElement("div",{style:{display:"flex",alignItems:"center",gap:".5rem"}},i?t.createElement(j,{style:{opacity:.3}},i.id):null,t.createElement(J,{match:i})))),e.children?.length?t.createElement("div",{style:{marginLeft:n?0:"1rem",borderLeft:n?"":`solid 1px ${h.grayAlt}`}},[...e.children].sort(((e,t)=>e.rank-t.rank)).map((e=>t.createElement(U,{key:e.id,route:e,activeId:r,setActiveId:o})))):null)}const Y=t.forwardRef((function(e,n){const{isOpen:r=!0,setIsOpen:o,handleDragStart:i,router:c,...s}=e,d=p(),u=f(),m=[...u.pendingMatches??[],...u.matches,...u.cachedMatches];!function(e,t){if(!e)throw new Error(l)}(d);const[g,y]=b("tanstackRouterDevtoolsShowMatches",!0),[v,x]=b("tanstackRouterDevtoolsActiveRouteId",""),w=t.useMemo((()=>m.find((e=>e.routeId===v||e.id===v))),[m,v]),S=Object.keys(u.location.search||{}).length,R={...d,state:d.state};return t.createElement(E,{theme:h},t.createElement(O,a({ref:n,className:"TanStackRouterDevtoolsPanel"},s),t.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n .TanStackRouterDevtoolsPanel * {\n scrollbar-color: ${h.backgroundAlt} ${h.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: ${h.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n background: ${h.gray};\n border-radius: .5em;\n border: 3px solid ${h.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 `}}),t.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:i}),t.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${h.grayAlt}`,display:"flex",flexDirection:"column"}},t.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:h.backgroundAlt}},t.createElement(F,{"aria-hidden":!0}),t.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},t.createElement("span",{style:{fontWeight:100}},"Devtools"))),t.createElement("div",{style:{overflowY:"auto",flex:"1"}},t.createElement("div",{style:{padding:".5em"}},t.createElement(W,{label:"Router",value:Object.fromEntries(I(Object.keys(R),["state","routesById","routesByPath","flatRoutes","options"].map((e=>t=>t!==e))).map((e=>[e,R[e]])).filter((e=>"function"!=typeof e[1]&&!["__store","basepath","injectedHtml","subscribers","latestLoadPromise","navigateTimeout","resetNextScroll","tempLocationKey","latestLocation","routeTree","history"].includes(e[0])))),defaultExpanded:{state:{},context:{},options:{}},filterSubEntries:e=>e.filter((e=>"function"!=typeof e.value))})))),t.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${h.grayAlt}`,display:"flex",flexDirection:"column"}},t.createElement("div",{style:{flex:"1 1 auto",overflowY:"auto"}},t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",gap:".5rem",fontWeight:"bold"}},"Pathname"," ",u.location.maskedLocation?t.createElement("div",{style:{padding:".1rem .5rem",background:h.warning,color:"black",borderRadius:".5rem"}},"Masked"):null),t.createElement("div",{style:{padding:".5rem",display:"flex",gap:".5rem",alignItems:"center"}},t.createElement("code",{style:{opacity:.6}},u.location.pathname),u.location.maskedLocation?t.createElement("code",{style:{color:h.warning,fontWeight:"bold"}},u.location.maskedLocation.pathname):null),t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"space-between",gap:".5rem",fontWeight:"bold"}},t.createElement("div",{style:{display:"flex",alignItems:"center",gap:".5rem"}},t.createElement("button",{type:"button",onClick:()=>{y(!1)},disabled:!g,style:{appearance:"none",opacity:g?.5:1,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Routes"),"/",t.createElement("button",{type:"button",onClick:()=>{y(!0)},disabled:g,style:{appearance:"none",opacity:g?1:.5,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Matches")),t.createElement("div",{style:{opacity:.3,fontSize:"0.7rem",fontWeight:"normal"}},"age / staleTime / gcTime")),g?t.createElement("div",null,("pending"===u.status?u.pendingMatches??[]:u.matches).map(((e,n)=>t.createElement("div",{key:e.id||n,role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>x(v===e.id?"":e.id),style:{display:"flex",borderBottom:`solid 1px ${h.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===w?"rgba(255,255,255,.1)":void 0}},t.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:k(e,h),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),t.createElement(j,{style:{padding:".5em",fontSize:"0.7rem"}},`${e.id}`),t.createElement(J,{match:e}))))):t.createElement(U,{route:d.routeTree,isRoot:!0,activeId:v,setActiveId:x})),u.cachedMatches?.length?t.createElement("div",{style:{flex:"1 1 auto",overflowY:"auto",maxHeight:"50%"}},t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"space-between",gap:".5rem",fontWeight:"bold"}},t.createElement("div",null,"Cached Matches"),t.createElement("div",{style:{opacity:.3,fontSize:"0.7rem",fontWeight:"normal"}},"age / staleTime / gcTime")),t.createElement("div",null,u.cachedMatches.map((e=>t.createElement("div",{key:e.id,role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>x(v===e.id?"":e.id),style:{display:"flex",borderBottom:`solid 1px ${h.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===w?"rgba(255,255,255,.1)":void 0,fontSize:"0.7rem"}},t.createElement("div",{style:{flex:"0 0 auto",width:".75rem",height:".75rem",marginLeft:".25rem",background:k(e,h),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all 1s ease-out"}}),t.createElement(j,{style:{padding:".5em"}},`${e.id}`),t.createElement("div",{style:{marginLeft:"auto"}},t.createElement(J,{match:e}))))))):null),w?t.createElement(D,null,t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),t.createElement("div",null,t.createElement("table",{style:{fontSize:"0.8rem"}},t.createElement("tbody",null,t.createElement("tr",null,t.createElement("td",{style:{opacity:".5"}},"ID"),t.createElement("td",null,t.createElement(j,{style:{lineHeight:"1.8em"}},JSON.stringify(w.id,null,2)))),t.createElement("tr",null,t.createElement("td",{style:{opacity:".5"}},"Status"),t.createElement("td",null,u.pendingMatches?.find((e=>e.id===w.id))?"Pending":u.matches?.find((e=>e.id===w.id))?"Active":"Cached"," ","- ",w.status)),t.createElement("tr",null,t.createElement("td",{style:{opacity:".5"}},"Last Updated"),t.createElement("td",null,w.updatedAt?new Date(w.updatedAt).toLocaleTimeString():"N/A"))))),w.loaderData?t.createElement(t.Fragment,null,t.createElement("div",{style:{background:h.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Loader Data"),t.createElement("div",{style:{padding:".5em"}},t.createElement(W,{label:"loaderData",value:w.loaderData,defaultExpanded:{}}))):null,t.createElement("div",{style:{background:h.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),t.createElement("div",{style:{padding:".5em"}},t.createElement(W,{label:"Match",value:w,defaultExpanded:{}}))):null,S?t.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${h.grayAlt}`,display:"flex",flexDirection:"column"}},t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1,fontWeight:"bold"}},"Search Params"),t.createElement("div",{style:{padding:".5em"}},t.createElement(W,{value:u.location.search||{},defaultExpanded:Object.keys(u.location.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}))):null))}));function J({match:e}){const n=p(),r=t.useReducer((()=>({})),(()=>({})))[1];if(t.useEffect((()=>{const e=setInterval((()=>{r()}),1e3);return()=>{clearInterval(e)}}),[]),!e)return null;const o=n.looseRoutesById[e?.routeId];if(!o.options.loader)return null;const a=Date.now()-e?.updatedAt,l=o.options.staleTime??n.options.defaultStaleTime??0,i=o.options.gcTime??n.options.defaultGcTime??18e5;return t.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:".25rem",color:a>l?h.warning:void 0}},t.createElement("div",{style:{}},V(a)),t.createElement("div",null,"/"),t.createElement("div",null,V(l)),t.createElement("div",null,"/"),t.createElement("div",null,V(i)))}function V(e){const t=[e/1e3,e/6e4,e/36e5,e/864e5];let n=0;for(let e=1;e<t.length&&!(t[e]<1);e++)n=e;return new Intl.NumberFormat(navigator.language,{compactDisplay:"short",notation:"compact",maximumFractionDigits:0}).format(t[n])+["s","min","h","d"][n]}e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:n={},closeButtonProps:r={},toggleButtonProps:o={},position:l="bottom-left",containerElement:i="footer",router:c}){const s=t.useRef(null),d=t.useRef(null),[u,m]=b("tanstackRouterDevtoolsOpen",e),[f,p]=b("tanstackRouterDevtoolsHeight",null),[g,y]=T(!1),[v,x]=T(!1),k=R();t.useEffect((()=>{y(u??!1)}),[u,g,y]),t.useEffect((()=>{const e=d.current;if(e){const t=()=>{e&&g&&(e.style.visibility="visible")},n=()=>{e&&!g&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[g]),t[H?"useEffect":"useLayoutEffect"]((()=>{if(g){const e=s.current?.parentElement?.style.paddingBottom,t=()=>{const e=d.current?.getBoundingClientRect().height;s.current?.parentElement&&(s.current.parentElement.style.paddingBottom=`${e}px`)};if(t(),"undefined"!=typeof window)return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),s.current?.parentElement&&"string"==typeof e&&(s.current.parentElement.style.paddingBottom=e)}}}),[g]);const{style:w={},...S}=n,{style:I={},onClick:O,...D}=r,{style:j={},onClick:A,...z}=o;return k()?t.createElement(i,{ref:s,className:"TanStackRouterDevtools"},t.createElement(E,{theme:h},t.createElement(Y,a({ref:d},S,{router:c,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:f??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${h.gray}`,transformOrigin:"top",visibility:u?"visible":"hidden",...w,...v?{transition:"none"}:{transition:"all .2s ease"},...g?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:g,setIsOpen:m,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;x(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,o=e=>{const t=r-e.pageY,o=n+t;p(o),m(!(o<70))},a=()=>{x(!1),document.removeEventListener("mousemove",o),document.removeEventListener("mouseUp",a)};document.addEventListener("mousemove",o),document.addEventListener("mouseup",a)})(d.current,e)})),g?t.createElement(C,a({type:"button","aria-label":"Close TanStack Router Devtools"},D,{onClick:e=>{m(!1),O&&O(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===l?{right:"0"}:"top-left"===l?{left:"0"}:"bottom-right"===l?{right:"0"}:{left:"0"},...I}}),"Close"):null),g?null:t.createElement("button",a({type:"button"},z,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{m(!0),A&&A(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"===l?{top:"0",right:"0"}:"top-left"===l?{top:"0",left:"0"}:"bottom-right"===l?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...j}}),t.createElement(F,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=Y}));
|
|
21
|
+
*/let m=o.createContext(null);function f(e){const t="undefined"!=typeof document&&window.__TSR_ROUTER_CONTEXT__||m,n=o.useContext(t);return n}function p(e){const t=f();return function(e,t=(e=>e)){return d.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,u)}((e?.router||t).__store,e?.select)}"undefined"!=typeof document&&(window.__TSR_ROUTER_CONTEXT__?m=window.__TSR_ROUTER_CONTEXT__:window.__TSR_ROUTER_CONTEXT__=m);let g="undefined"!=typeof window&&window.sessionStorage?(()=>{const e="tsr-scroll-restoration-v2";return{state:JSON.parse(window.sessionStorage.getItem(e)||"null")||{cached:{},next:{}},set:t=>{g.state=function(e,t){return"function"==typeof e?e(t):e}(t,g.state),window.sessionStorage.setItem(e,JSON.stringify(g.state))}}})():void 0;const y=e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}};function b(e,n){const[r,o]=t.useState();t.useEffect((()=>{const t=y(e);o(null==t?"function"==typeof n?n():n:t)}),[n,e]);return[r,t.useCallback((t=>{o((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const h={background:"#222222",backgroundAlt:"#292929",foreground:"white",gray:"#444",grayAlt:"#444",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#80cb00",danger:"#ff0085",active:"#0099ff",warning:"#ffb200"},v=t.createContext(h);function E({theme:e,...n}){return t.createElement(v.Provider,a({value:e},n))}const x="undefined"==typeof window;function k(e,t){return"pending"===e.status||e.isFetching?t.active:"error"===e.status?t.danger:"success"===e.status?t.success:t.gray}function w(e,t,n){const r=e.find((e=>e.routeId===t.id));return r?k(r,n):n.gray}function S(e,n,r={}){return t.forwardRef((({style:o,...a},l)=>{const i=t.useContext(v),c=Object.entries(r).reduce(((e,[n,r])=>function(e){const[n,r]=t.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return t.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),n=({matches:e})=>r(e);return t.addListener(n),()=>{t.removeListener(n)}}}),[n,e,r]),n}(n)?{...e,..."function"==typeof r?r(a,i):r}:e),{});return t.createElement(e,{...a,style:{..."function"==typeof n?n(a,i):n,...o,...c},ref:l})}))}function R(){const e=t.useRef(!1),n=t.useCallback((()=>e.current),[]);return t[x?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),n}function T(e){const n=R(),[r,o]=t.useState(e);return[r,t.useCallback((e=>{var t;t=()=>{n()&&o(e)},Promise.resolve().then(t).catch((e=>setTimeout((()=>{throw e}))))}),[n])]}function I(e,t=[e=>e]){return e.map(((e,t)=>[e,t])).sort((([e,n],[r,o])=>{for(const n of t){const t=n(e),o=n(r);if(void 0===t){if(void 0===o)continue;return 1}if(t!==o)return t>o?1:-1}return n-o})).map((([e])=>e))}const O=S("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"}}),D=S("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),C=S("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"}))),j=S("code",{fontSize:".9em"}),A=S("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),z=S("span",{color:"white"}),L=S("button",{cursor:"pointer",color:"white"}),P=S("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),_=S("span",((e,t)=>({color:t.danger}))),$=S("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),M=S("span",{color:"grey",fontSize:".7em"}),B=({expanded:e,style:t={}})=>o.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const N=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:l,expanded:i=!1,toggleExpanded:c,pageSize:s,renderer:d})=>{const[u,m]=o.useState([]),[f,p]=o.useState(void 0);return o.createElement(A,null,a.length?o.createElement(o.Fragment,null,o.createElement(P,{onClick:()=>c()},o.createElement(B,{expanded:i})," ",t," ",o.createElement(M,null,"iterable"===String(l).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?o.createElement($,null,r.map(((t,n)=>e(t)))):o.createElement($,null,a.map(((t,n)=>o.createElement("div",{key:n},o.createElement(A,null,o.createElement(L,{onClick:()=>m((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},o.createElement(B,{expanded:i})," [",n*s," ..."," ",n*s+s-1,"]"),u.includes(n)?o.createElement($,null,t.map((t=>e(t)))):null))))):null):"function"===l?o.createElement(o.Fragment,null,o.createElement(W,{renderer:d,label:o.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},o.createElement(z,null,t)," 🔄"," "),value:f,defaultExpanded:{}})):o.createElement(o.Fragment,null,o.createElement(z,null,t,":")," ",o.createElement(_,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;try{return JSON.stringify(n,t)}catch(e){return"unable to stringify"}})(n))))};function W({value:e,defaultExpanded:t,renderer:n=N,pageSize:r=100,filterSubEntries:l,...i}){const[c,s]=o.useState(Boolean(t)),d=o.useCallback((()=>s((e=>!e))),[]);let u=typeof e,m=[];const f=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var p;Array.isArray(e)?(u="array",m=e.map(((e,t)=>f({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(p=e,Symbol.iterator in p)&&"function"==typeof e[Symbol.iterator]?(u="Iterable",m=Array.from(e,((e,t)=>f({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(u="object",m=Object.entries(e).map((([e,t])=>f({label:e,value:t})))),m=l?l(m):m;const g=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}(m,r);return n({handleEntry:t=>o.createElement(W,a({key:t.label,value:e,renderer:n,filterSubEntries:l},i,t)),type:u,subEntries:m,subEntryPages:g,value:e,expanded:c,toggleExpanded:d,pageSize:r,...i})}const H="undefined"==typeof window;function F(e){return t.createElement("div",a({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),t.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),t.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"))}function U({route:e,isRoot:n,activeId:r,setActiveId:o}){const a=p(),l="pending"===a.status?a.pendingMatches??[]:a.matches,i=a.matches.find((t=>t.routeId===e.id));return t.createElement("div",null,t.createElement("div",{role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>{i&&o(r===e.id?"":e.id)},style:{display:"flex",borderBottom:`solid 1px ${h.grayAlt}`,cursor:i?"pointer":"default",alignItems:"center",background:e.id===r?"rgba(255,255,255,.1)":void 0,padding:".25rem .5rem",gap:".5rem"}},n?null:t.createElement("div",{style:{flex:"0 0 auto",width:".7rem",height:".7rem",alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all .2s ease-out",background:w(l,e,h),opacity:i?1:.3}}),t.createElement("div",{style:{flex:"1 0 auto",display:"flex",justifyContent:"space-between",alignItems:"center",padding:n?"0 .25rem":0,opacity:i?1:.7,fontSize:"0.7rem"}},t.createElement(j,null,e.path||function(e){return"/"===e?e:e.replace(/\/{1,}$/,"")}(function(e){return"/"===e?e:e.replace(/^\/{1,}/,"")}(e.id))," "),t.createElement("div",{style:{display:"flex",alignItems:"center",gap:".5rem"}},i?t.createElement(j,{style:{opacity:.3}},i.id):null,t.createElement(J,{match:i})))),e.children?.length?t.createElement("div",{style:{marginLeft:n?0:"1rem",borderLeft:n?"":`solid 1px ${h.grayAlt}`}},[...e.children].sort(((e,t)=>e.rank-t.rank)).map((e=>t.createElement(U,{key:e.id,route:e,activeId:r,setActiveId:o})))):null)}const Y=t.forwardRef((function(e,n){const{isOpen:r=!0,setIsOpen:o,handleDragStart:i,router:c,...s}=e,d=f(),u=p(),m=[...u.pendingMatches??[],...u.matches,...u.cachedMatches];!function(e,t){if(!e)throw new Error(l)}(d);const[g,y]=b("tanstackRouterDevtoolsShowMatches",!0),[v,x]=b("tanstackRouterDevtoolsActiveRouteId",""),w=t.useMemo((()=>m.find((e=>e.routeId===v||e.id===v))),[m,v]),S=Object.keys(u.location.search||{}).length,R={...d,state:d.state};return t.createElement(E,{theme:h},t.createElement(O,a({ref:n,className:"TanStackRouterDevtoolsPanel"},s),t.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n .TanStackRouterDevtoolsPanel * {\n scrollbar-color: ${h.backgroundAlt} ${h.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: ${h.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n background: ${h.gray};\n border-radius: .5em;\n border: 3px solid ${h.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 `}}),t.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:i}),t.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${h.grayAlt}`,display:"flex",flexDirection:"column"}},t.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:h.backgroundAlt}},t.createElement(F,{"aria-hidden":!0}),t.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},t.createElement("span",{style:{fontWeight:100}},"Devtools"))),t.createElement("div",{style:{overflowY:"auto",flex:"1"}},t.createElement("div",{style:{padding:".5em"}},t.createElement(W,{label:"Router",value:Object.fromEntries(I(Object.keys(R),["state","routesById","routesByPath","flatRoutes","options"].map((e=>t=>t!==e))).map((e=>[e,R[e]])).filter((e=>"function"!=typeof e[1]&&!["__store","basepath","injectedHtml","subscribers","latestLoadPromise","navigateTimeout","resetNextScroll","tempLocationKey","latestLocation","routeTree","history"].includes(e[0])))),defaultExpanded:{state:{},context:{},options:{}},filterSubEntries:e=>e.filter((e=>"function"!=typeof e.value))})))),t.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${h.grayAlt}`,display:"flex",flexDirection:"column"}},t.createElement("div",{style:{flex:"1 1 auto",overflowY:"auto"}},t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",gap:".5rem",fontWeight:"bold"}},"Pathname"," ",u.location.maskedLocation?t.createElement("div",{style:{padding:".1rem .5rem",background:h.warning,color:"black",borderRadius:".5rem"}},"Masked"):null),t.createElement("div",{style:{padding:".5rem",display:"flex",gap:".5rem",alignItems:"center"}},t.createElement("code",{style:{opacity:.6}},u.location.pathname),u.location.maskedLocation?t.createElement("code",{style:{color:h.warning,fontWeight:"bold"}},u.location.maskedLocation.pathname):null),t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"space-between",gap:".5rem",fontWeight:"bold"}},t.createElement("div",{style:{display:"flex",alignItems:"center",gap:".5rem"}},t.createElement("button",{type:"button",onClick:()=>{y(!1)},disabled:!g,style:{appearance:"none",opacity:g?.5:1,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Routes"),"/",t.createElement("button",{type:"button",onClick:()=>{y(!0)},disabled:g,style:{appearance:"none",opacity:g?1:.5,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Matches")),t.createElement("div",{style:{opacity:.3,fontSize:"0.7rem",fontWeight:"normal"}},"age / staleTime / gcTime")),g?t.createElement("div",null,("pending"===u.status?u.pendingMatches??[]:u.matches).map(((e,n)=>t.createElement("div",{key:e.id||n,role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>x(v===e.id?"":e.id),style:{display:"flex",borderBottom:`solid 1px ${h.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===w?"rgba(255,255,255,.1)":void 0}},t.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:k(e,h),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),t.createElement(j,{style:{padding:".5em",fontSize:"0.7rem"}},`${e.id}`),t.createElement(J,{match:e}))))):t.createElement(U,{route:d.routeTree,isRoot:!0,activeId:v,setActiveId:x})),u.cachedMatches?.length?t.createElement("div",{style:{flex:"1 1 auto",overflowY:"auto",maxHeight:"50%"}},t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"space-between",gap:".5rem",fontWeight:"bold"}},t.createElement("div",null,"Cached Matches"),t.createElement("div",{style:{opacity:.3,fontSize:"0.7rem",fontWeight:"normal"}},"age / staleTime / gcTime")),t.createElement("div",null,u.cachedMatches.map((e=>t.createElement("div",{key:e.id,role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>x(v===e.id?"":e.id),style:{display:"flex",borderBottom:`solid 1px ${h.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===w?"rgba(255,255,255,.1)":void 0,fontSize:"0.7rem"}},t.createElement("div",{style:{flex:"0 0 auto",width:".75rem",height:".75rem",marginLeft:".25rem",background:k(e,h),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all 1s ease-out"}}),t.createElement(j,{style:{padding:".5em"}},`${e.id}`),t.createElement("div",{style:{marginLeft:"auto"}},t.createElement(J,{match:e}))))))):null),w?t.createElement(D,null,t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),t.createElement("div",null,t.createElement("table",{style:{fontSize:"0.8rem"}},t.createElement("tbody",null,t.createElement("tr",null,t.createElement("td",{style:{opacity:".5"}},"ID"),t.createElement("td",null,t.createElement(j,{style:{lineHeight:"1.8em"}},JSON.stringify(w.id,null,2)))),t.createElement("tr",null,t.createElement("td",{style:{opacity:".5"}},"Status"),t.createElement("td",null,u.pendingMatches?.find((e=>e.id===w.id))?"Pending":u.matches?.find((e=>e.id===w.id))?"Active":"Cached"," ","- ",w.status)),t.createElement("tr",null,t.createElement("td",{style:{opacity:".5"}},"Last Updated"),t.createElement("td",null,w.updatedAt?new Date(w.updatedAt).toLocaleTimeString():"N/A"))))),w.loaderData?t.createElement(t.Fragment,null,t.createElement("div",{style:{background:h.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Loader Data"),t.createElement("div",{style:{padding:".5em"}},t.createElement(W,{label:"loaderData",value:w.loaderData,defaultExpanded:{}}))):null,t.createElement("div",{style:{background:h.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),t.createElement("div",{style:{padding:".5em"}},t.createElement(W,{label:"Match",value:w,defaultExpanded:{}}))):null,S?t.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${h.grayAlt}`,display:"flex",flexDirection:"column"}},t.createElement("div",{style:{padding:".5em",background:h.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1,fontWeight:"bold"}},"Search Params"),t.createElement("div",{style:{padding:".5em"}},t.createElement(W,{value:u.location.search||{},defaultExpanded:Object.keys(u.location.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}))):null))}));function J({match:e}){const n=f(),r=t.useReducer((()=>({})),(()=>({})))[1];if(t.useEffect((()=>{const e=setInterval((()=>{r()}),1e3);return()=>{clearInterval(e)}}),[]),!e)return null;const o=n.looseRoutesById[e?.routeId];if(!o.options.loader)return null;const a=Date.now()-e?.updatedAt,l=o.options.staleTime??n.options.defaultStaleTime??0,i=o.options.gcTime??n.options.defaultGcTime??18e5;return t.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:".25rem",color:a>l?h.warning:void 0}},t.createElement("div",{style:{}},V(a)),t.createElement("div",null,"/"),t.createElement("div",null,V(l)),t.createElement("div",null,"/"),t.createElement("div",null,V(i)))}function V(e){const t=[e/1e3,e/6e4,e/36e5,e/864e5];let n=0;for(let e=1;e<t.length&&!(t[e]<1);e++)n=e;return new Intl.NumberFormat(navigator.language,{compactDisplay:"short",notation:"compact",maximumFractionDigits:0}).format(t[n])+["s","min","h","d"][n]}e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:n={},closeButtonProps:r={},toggleButtonProps:o={},position:l="bottom-left",containerElement:i="footer",router:c}){const s=t.useRef(null),d=t.useRef(null),[u,m]=b("tanstackRouterDevtoolsOpen",e),[f,p]=b("tanstackRouterDevtoolsHeight",null),[g,y]=T(!1),[v,x]=T(!1),k=R();t.useEffect((()=>{y(u??!1)}),[u,g,y]),t.useEffect((()=>{const e=d.current;if(e){const t=()=>{e&&g&&(e.style.visibility="visible")},n=()=>{e&&!g&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[g]),t[H?"useEffect":"useLayoutEffect"]((()=>{if(g){const e=s.current?.parentElement?.style.paddingBottom,t=()=>{const e=d.current?.getBoundingClientRect().height;s.current?.parentElement&&(s.current.parentElement.style.paddingBottom=`${e}px`)};if(t(),"undefined"!=typeof window)return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),s.current?.parentElement&&"string"==typeof e&&(s.current.parentElement.style.paddingBottom=e)}}}),[g]);const{style:w={},...S}=n,{style:I={},onClick:O,...D}=r,{style:j={},onClick:A,...z}=o;return k()?t.createElement(i,{ref:s,className:"TanStackRouterDevtools"},t.createElement(E,{theme:h},t.createElement(Y,a({ref:d},S,{router:c,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:f??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${h.gray}`,transformOrigin:"top",visibility:u?"visible":"hidden",...w,...v?{transition:"none"}:{transition:"all .2s ease"},...g?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:g,setIsOpen:m,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;x(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,o=e=>{const t=r-e.pageY,o=n+t;p(o),m(!(o<70))},a=()=>{x(!1),document.removeEventListener("mousemove",o),document.removeEventListener("mouseUp",a)};document.addEventListener("mousemove",o),document.addEventListener("mouseup",a)})(d.current,e)})),g?t.createElement(C,a({type:"button","aria-label":"Close TanStack Router Devtools"},D,{onClick:e=>{m(!1),O&&O(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===l?{right:"0"}:"top-left"===l?{left:"0"}:"bottom-right"===l?{right:"0"}:{left:"0"},...I}}),"Close"):null),g?null:t.createElement("button",a({type:"button"},z,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{m(!0),A&&A(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"===l?{top:"0",right:"0"}:"top-left"===l?{top:"0",left:"0"}:"bottom-right"===l?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...j}}),t.createElement(F,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=Y}));
|
|
22
22
|
//# sourceMappingURL=index.production.js.map
|