@tanstack/router-devtools - npm Package Compare versions

Comparing version 0.0.1-alpha.1 to 0.0.1-beta.84

build/cjs/_virtual/_rollupPluginBabelHelpers.js

 /**
- * react-router-devtools
+ * router-devtools
  *
@@ -19,3 +19,2 @@ * Copyright (c) TanStack
       var source = arguments[i];
-
       for (var key in source) {
@@ -27,3 +26,2 @@ if (Object.prototype.hasOwnProperty.call(source, key)) {
     }
-
     return target;
@@ -34,19 +32,3 @@ };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
 exports["extends"] = _extends;
-exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

build/types/index.d.ts

 /**
- * react-router-devtools
+ * router-devtools
  *
@@ -12,4 +12,5 @@ * Copyright (c) TanStack
 import React from 'react';
+import { AnyRouter } from '@tanstack/router';
 
-declare type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 interface DevtoolsOptions {
@@ -46,3 +47,3 @@ /**
      */
-    useRouter?: () => unknown;
+    router?: AnyRouter;
 }
@@ -73,7 +74,7 @@ interface DevtoolsPanelOptions {
      */
-    useRouter: () => unknown;
+    router?: AnyRouter;
 }
-declare function TanStackRouterDevtools({ initialIsOpen, panelProps, closeButtonProps, toggleButtonProps, position, containerElement: Container, useRouter: useRouterImpl, }: DevtoolsOptions): React.ReactElement | null;
+declare function TanStackRouterDevtools({ initialIsOpen, panelProps, closeButtonProps, toggleButtonProps, position, containerElement: Container, router, }: DevtoolsOptions): React.ReactElement | null;
 declare const TanStackRouterDevtoolsPanel: React.ForwardRefExoticComponent<DevtoolsPanelOptions & React.RefAttributes<HTMLDivElement>>;
 
 export { PartialKeys, TanStackRouterDevtools, TanStackRouterDevtoolsPanel };

build/umd/index.production.js

 /**
- * react-router-devtools
+ * router-devtools
  *
@@ -11,3 +11,23 @@ * Copyright (c) TanStack
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@tanstack/react-router")):"function"==typeof define&&define.amd?define(["exports","react","@tanstack/react-router"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactLocationDevtools={},e.React,e.ReactLocation)}(this,(function(e,t,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(t),l=r(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}function d(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}function u(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function s(e){u(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===t?new Date(e.getTime()):"number"==typeof e||"[object Number]"===t?new Date(e):("string"!=typeof e&&"[object String]"!==t||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}var c={};function m(){return c}function f(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function g(e,t){u(2,arguments);var n=s(e),a=s(t),r=n.getTime()-a.getTime();return r<0?-1:r>0?1:r}var h={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},p=function(e,t,n){var a,r=h[e];return a="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a};function b(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.width?String(t.width):e.defaultWidth,a=e.formats[n]||e.formats[e.defaultWidth];return a}}var y={date:b({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:b({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:b({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},v={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},E=function(e,t,n,a){return v[e]};function w(e){return function(t,n){var a;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&e.formattingValues){var r=e.defaultFormattingWidth||e.defaultWidth,o=null!=n&&n.width?String(n.width):r;a=e.formattingValues[o]||e.formattingValues[r]}else{var l=e.defaultWidth,i=null!=n&&n.width?String(n.width):e.defaultWidth;a=e.values[i]||e.values[l]}return a[e.argumentCallback?e.argumentCallback(t):t]}}var k={ordinalNumber:function(e,t){var n=Number(e),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:w({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:w({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:w({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:w({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:w({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})};function C(e){return function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.width,r=a&&e.matchPatterns[a]||e.matchPatterns[e.defaultMatchWidth],o=t.match(r);if(!o)return null;var l,i=o[0],d=a&&e.parsePatterns[a]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(d)?S(d,(function(e){return e.test(i)})):x(d,(function(e){return e.test(i)}));l=e.valueCallback?e.valueCallback(u):u,l=n.valueCallback?n.valueCallback(l):l;var s=t.slice(i.length);return{value:l,rest:s}}}function x(e,t){for(var n in e)if(e.hasOwnProperty(n)&&t(e[n]))return n}function S(e,t){for(var n=0;n<e.length;n++)if(t(e[n]))return n}var L,M={ordinalNumber:(L={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.match(L.matchPattern);if(!n)return null;var a=n[0],r=e.match(L.parsePattern);if(!r)return null;var o=L.valueCallback?L.valueCallback(r[0]):r[0];o=t.valueCallback?t.valueCallback(o):o;var l=e.slice(a.length);return{value:o,rest:l}}),era:C({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:C({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:C({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:C({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:C({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},D={code:"en-US",formatDistance:p,formatLong:y,formatRelative:E,localize:k,match:M,options:{weekStartsOn:0,firstWeekContainsDate:1}};function P(e,t){if(null==e)throw new TypeError("assign requires that input parameter not be null or undefined");for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}function R(e){return P({},e)}var I=6e4,T=1440,O=43200,j=525600;function A(e,t){const[n,a]=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(e){return}})(e);a(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{a((n=>{let a=t;"function"==typeof t&&(a=t(n));try{localStorage.setItem(e,JSON.stringify(a))}catch(e){}return a}))}),[e])]}const W=["theme"],z={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},F=o.default.createContext(z);function B(e){let{theme:t}=e,n=d(e,W);return o.default.createElement(F.Provider,i({value:t},n))}const H=["style"],N="undefined"==typeof window;function Y(e,t){return e.isPending?t.warning:e.isFetching?t.active:"error"===e.status?t.danger:"success"===e.status?t.success:t.gray}function Z(e,t,n){return void 0===n&&(n={}),o.default.forwardRef(((a,r)=>{let{style:l}=a,u=d(a,H);const s=o.default.useContext(F),c=Object.entries(n).reduce(((e,t)=>{let[n,a]=t;return 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),a=e=>{let{matches:t}=e;return n(t)};return t.addListener(a),()=>{t.removeListener(a)}}}),[t,e,n]),t}(n)?i({},e,"function"==typeof a?a(u,s):a):e}),{});return o.default.createElement(e,i({},u,{style:i({},"function"==typeof t?t(u,s):t,l,c),ref:r}))}))}function J(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[N?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function q(e){const t=J(),[n,a]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&a(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const _=Z("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"}}),X=Z("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:"2px solid "+t.gray})}),U=Z("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"}))),Q=Z("code",{fontSize:".9em"});Z("input",((e,t)=>({backgroundColor:t.inputBackgroundColor,border:0,borderRadius:".2em",color:t.inputTextColor,fontSize:".9em",lineHeight:"1.3",padding:".3em .4em"}))),Z("select",((e,t)=>({display:"inline-block",fontSize:".9em",fontFamily:"sans-serif",fontWeight:"normal",lineHeight:"1.3",padding:".3em 1.5em .3em .5em",height:"auto",border:0,borderRadius:".2em",appearance:"none",WebkitAppearance:"none",backgroundColor:t.inputBackgroundColor,backgroundImage:"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")",backgroundRepeat:"no-repeat",backgroundPosition:"right .55em center",backgroundSize:".65em auto, 100%",color:t.inputTextColor})),{"(max-width: 500px)":{display:"none"}});const V=["value","defaultExpanded","renderer","pageSize"],G=Z("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),K=Z("span",{color:"white"}),$=Z("button",{cursor:"pointer",color:"white"}),ee=Z("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),te=Z("span",((e,t)=>({color:t.danger}))),ne=Z("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),ae=Z("span",{color:"grey",fontSize:".7em"}),re=e=>{let{expanded:t,style:n={}}=e;return l.createElement("span",{style:i({display:"inline-block",transition:"all .1s ease",transform:"rotate("+(t?90:0)+"deg) "+(n.transform||"")},n)},"▶")};const oe=e=>{let{HandleEntry:t,label:n,value:a,subEntries:r=[],subEntryPages:o=[],type:i,expanded:d=!1,toggleExpanded:u,pageSize:s,renderer:c}=e;const[m,f]=l.useState([]),[g,h]=l.useState(void 0);return l.createElement(G,{key:n},o.length?l.createElement(l.Fragment,null,l.createElement(ee,{onClick:()=>u()},l.createElement(re,{expanded:d})," ",n," ",l.createElement(ae,null,"iterable"===String(i).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),d?1===o.length?l.createElement(ne,null,r.map((e=>l.createElement(t,{key:e.label,entry:e})))):l.createElement(ne,null,o.map(((e,n)=>l.createElement("div",{key:n},l.createElement(G,null,l.createElement($,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(re,{expanded:d})," [",n*s," ..."," ",n*s+s-1,"]"),m.includes(n)?l.createElement(ne,null,e.map((e=>l.createElement(t,{key:e.label,entry:e})))):null))))):null):"function"===i?l.createElement(l.Fragment,null,l.createElement(le,{renderer:c,label:l.createElement("button",{onClick:()=>{h(a())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(K,null,n)," 🔄"," "),value:g,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(K,null,n,":")," ",l.createElement(te,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?e.toString()+"n":e;return JSON.stringify(n,t)})(a))))};function le(e){let{value:t,defaultExpanded:n,renderer:a=oe,pageSize:r=100}=e,o=d(e,V);const[u,s]=l.useState(Boolean(n)),c=l.useCallback((()=>s((e=>!e))),[]);let m=typeof t,f=[];const g=e=>i({},e,{defaultExpanded:!0===n?{[e.label]:!0}:null==n?void 0:n[e.label]});var h;Array.isArray(t)?(m="array",f=t.map(((e,t)=>g({label:t.toString(),value:e})))):null!==t&&"object"==typeof t&&(h=t,Symbol.iterator in h)&&"function"==typeof t[Symbol.iterator]?(m="Iterable",f=Array.from(t,((e,t)=>g({label:t.toString(),value:e})))):"object"==typeof t&&null!==t&&(m="object",f=Object.entries(t).map((e=>{let[t,n]=e;return g({label:t,value:n})})));const p=function(e,t){if(t<1)return[];let n=0;const a=[];for(;n<e.length;)a.push(e.slice(n,n+t)),n+=t;return a}(f,r);return a(i({HandleEntry:e=>{let{entry:n}=e;return l.createElement(le,i({value:t,renderer:a},o,n))},type:m,subEntries:f,subEntryPages:p,value:t,expanded:u,toggleExpanded:c,pageSize:r},o))}function ie(e){return l.createElement("svg",i({width:"40px",height:"40px",viewBox:"0 0 190 190",version:"1.1"},e),l.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.createElement("g",{id:"og-white",transform:"translate(-28.000000, -21.000000)"},l.createElement("g",{id:"Group-2",transform:"translate(28.000000, 31.000000)"},l.createElement("path",{d:"M39.7239712,51.3436237 C36.631224,36.362877 35.9675112,24.8727722 37.9666331,16.5293551 C39.1555965,11.5671678 41.3293088,7.51908462 44.6346064,4.59846305 C48.1241394,1.51504777 52.5360327,0.00201216606 57.493257,0.00201216606 C65.6712013,0.00201216606 74.2682602,3.72732143 83.4557246,10.8044264 C87.2031203,13.6910458 91.0924366,17.170411 95.1316515,21.2444746 C95.4531404,20.8310265 95.8165416,20.4410453 96.2214301,20.0806152 C107.64098,9.91497158 117.255245,3.59892716 125.478408,1.16365068 C130.367899,-0.284364005 134.958526,-0.422317978 139.138936,0.983031021 C143.551631,2.46646844 147.06766,5.53294888 149.548314,9.82810912 C153.642288,16.9166735 154.721918,26.2310983 153.195595,37.7320243 C152.573451,42.4199112 151.50985,47.5263831 150.007094,53.0593153 C150.574045,53.1277086 151.142416,53.2532808 151.705041,53.4395297 C166.193932,58.2358678 176.453582,63.3937462 182.665021,69.2882839 C186.360669,72.7953831 188.773972,76.6998434 189.646365,81.0218204 C190.567176,85.5836746 189.669313,90.1593316 187.191548,94.4512967 C183.105211,101.529614 175.591643,107.11221 164.887587,111.534031 C160.589552,113.309539 155.726579,114.917559 150.293259,116.363748 C150.541176,116.92292 150.733521,117.516759 150.862138,118.139758 C153.954886,133.120505 154.618598,144.61061 152.619477,152.954027 C151.430513,157.916214 149.256801,161.964297 145.951503,164.884919 C142.46197,167.968334 138.050077,169.48137 133.092853,169.48137 C124.914908,169.48137 116.31785,165.756061 107.130385,158.678956 C103.343104,155.761613 99.4108655,152.238839 95.3254337,148.108619 C94.9050753,148.765474 94.3889681,149.376011 93.7785699,149.919385 C82.3590198,160.085028 72.744755,166.401073 64.5215915,168.836349 C59.6321009,170.284364 55.0414736,170.422318 50.8610636,169.016969 C46.4483686,167.533532 42.9323404,164.467051 40.4516862,160.171891 C36.3577116,153.083327 35.2780823,143.768902 36.8044053,132.267976 C37.449038,127.410634 38.56762,122.103898 40.1575891,116.339009 C39.5361041,116.276104 38.9120754,116.144816 38.2949591,115.940529 C23.8060684,111.144191 13.5464184,105.986312 7.33497892,100.091775 C3.63933121,96.5846754 1.22602752,92.6802151 0.353635235,88.3582381 C-0.567176333,83.7963839 0.330686581,79.2207269 2.80845236,74.9287618 C6.89478863,67.8504443 14.4083565,62.2678481 25.1124133,57.8460273 C29.5385143,56.0176154 34.5637208,54.366822 40.1939394,52.8874674 C39.9933393,52.3969171 39.8349374,51.8811235 39.7239712,51.3436237 Z",id:"Path",fill:"#002C4B",fillRule:"nonzero",transform:"translate(95.000000, 85.000000) scale(-1, 1) translate(-95.000000, -85.000000) "}),l.createElement("path",{d:"M76.1109918,91 L89.6216773,114.999606 L80.3968824,115 C78.6058059,115 76.9515387,114.041975 76.0601262,112.488483 L69.9456773,101.831606 L76.1109918,91 Z M118.814677,103.999606 L113.944933,112.488483 C113.053521,114.041975 111.399254,115 109.608177,115 L97.1836773,114.999606 L91,104 L118.814677,103.999606 Z M102.995798,71 L111,84.540954 L103.052984,98 L87.0061086,98 L79,84.3838793 L86.9562003,71 L102.995798,71 Z M124.136677,74.2726062 L128.577138,82.0115174 C129.461464,83.5526583 129.461464,85.4473417 128.577138,86.9884826 L122.257677,97.9996062 L110,98 L124.136677,74.2726062 Z M80,72 L66.1336773,95.1896062 L61.4279211,86.9884826 C60.543596,85.4473417 60.543596,83.5526583 61.4279211,82.0115174 L67.1716773,71.9996062 L80,72 Z M109.608177,54 C111.399254,54 113.053521,54.958025 113.944933,56.5115174 L120.835677,68.5206062 L114.929178,79 L100.820677,53.9996062 L109.608177,54 Z M93.7696773,53.9996062 L100,65 L71.1886773,64.9996062 L76.0601262,56.5115174 C76.9515387,54.958025 78.6058059,54 80.3968824,54 L93.7696773,53.9996062 Z",id:"Polygon-3",fill:"#FFD94C"}),l.createElement("path",{d:"M54.8601729,98.3577578 C56.1715224,97.6082856 57.8360246,98.0746014 58.5779424,99.3993034 L58.5779424,99.3993034 L59.0525843,100.24352 C62.8563392,106.982993 66.8190116,113.380176 70.9406016,119.435068 C75.8078808,126.585427 81.28184,133.82411 87.3624792,141.151115 C88.3168778,142.30114 88.1849437,144.011176 87.065686,144.997937 L87.065686,144.997937 L86.4542085,145.534625 C66.3465389,163.103314 53.2778188,166.612552 47.2480482,156.062341 C41.3500652,145.742717 43.4844915,126.982888 53.6513274,99.7828526 C53.876818,99.1795821 54.3045861,98.675291 54.8601729,98.3577578 Z M140.534177,119.041504 C141.986131,118.785177 143.375496,119.742138 143.65963,121.194242 L143.65963,121.194242 L143.812815,121.986376 C148.782365,147.995459 145.283348,161 133.315764,161 C121.609745,161 106.708724,149.909007 88.6127018,127.727022 C88.2113495,127.235047 87.9945723,126.617371 88,125.981509 C88.013158,124.480686 89.2357854,123.274651 90.730918,123.287756 L90.730918,123.287756 L91.6846544,123.294531 C99.3056979,123.335994 106.714387,123.071591 113.910723,122.501323 C122.409039,121.82788 131.283523,120.674607 140.534177,119.041504 Z M147.408726,63.8119663 C147.932139,62.4026903 149.508386,61.6634537 150.954581,62.149012 L150.954581,62.149012 L151.742552,62.4154854 C177.583763,71.217922 187.402356,80.8916805 181.198332,91.4367609 C175.129904,101.751366 157.484347,109.260339 128.26166,113.963678 C127.613529,114.067994 126.948643,113.945969 126.382735,113.618843 C125.047025,112.846729 124.602046,111.158214 125.388848,109.847438 L125.388848,109.847438 L125.889328,109.0105 C129.877183,102.31633 133.481358,95.6542621 136.701854,89.0242957 C140.50501,81.1948179 144.073967,72.7907081 147.408726,63.8119663 Z M61.7383398,56.0363218 C62.3864708,55.9320063 63.0513565,56.0540315 63.6172646,56.3811573 C64.9529754,57.153271 65.3979538,58.8417862 64.6111517,60.1525615 L64.6111517,60.1525615 L64.1106718,60.9895001 C60.1228168,67.6836699 56.5186416,74.3457379 53.2981462,80.9757043 C49.49499,88.8051821 45.9260328,97.2092919 42.5912744,106.188034 C42.0678608,107.59731 40.4916142,108.336546 39.045419,107.850988 L39.045419,107.850988 L38.2574475,107.584515 C12.4162372,98.782078 2.59764398,89.1083195 8.80166786,78.5632391 C14.8700957,68.2486335 32.515653,60.7396611 61.7383398,56.0363218 Z M103.545792,24.4653746 C123.653461,6.89668641 136.722181,3.38744778 142.751952,13.9376587 C148.649935,24.2572826 146.515508,43.0171122 136.348673,70.2171474 C136.123182,70.8204179 135.695414,71.324709 135.139827,71.6422422 C133.828478,72.3917144 132.163975,71.9253986 131.422058,70.6006966 L131.422058,70.6006966 L130.947416,69.7564798 C127.143661,63.0170065 123.180988,56.6198239 119.059398,50.564932 C114.192119,43.4145727 108.71816,36.1758903 102.637521,28.8488847 C101.683122,27.6988602 101.815056,25.9888243 102.934314,25.0020629 L102.934314,25.0020629 Z M57.6842361,8 C69.3902551,8 84.2912758,19.0909926 102.387298,41.2729777 C102.788651,41.7649527 103.005428,42.3826288 103,43.0184911 C102.986842,44.5193144 101.764215,45.7253489 100.269082,45.7122445 L100.269082,45.7122445 L99.3153456,45.7054689 C91.6943021,45.6640063 84.2856126,45.9284091 77.0892772,46.4986773 C68.5909612,47.17212 59.7164767,48.325393 50.4658235,49.9584962 C49.0138691,50.2148231 47.6245044,49.2578618 47.3403697,47.805758 L47.3403697,47.805758 L47.1871846,47.0136235 C42.2176347,21.0045412 45.7166519,8 57.6842361,8 Z",id:"Combined-Shape",fill:"#FF4154"})))))}const de=["style"],ue=["style","onClick"],se=["style","onClick"],ce=["isOpen","setIsOpen","handleDragStart","useRouter"],me=["listeners","buildLocation","mount","update","buildNext","navigate","cancelMatches","loadLocation","cleanPreloadCache","loadRoute","matchRoutes","loadMatches","invalidateRoute","resolvePath","matchRoute","buildLink","__experimental__createSnapshot","destroy"],fe=["cancel","load","router","Link","MatchRoute","buildLink","linkProps","matchRoute","navigate"],ge="undefined"==typeof window;const he=o.default.forwardRef((function(e,t){var a,r,l,c,h,p,b,y;const{isOpen:v=!0,handleDragStart:E,useRouter:w}=e,k=d(e,ce),C=w();o.default.useEffect((()=>{let e=setInterval((()=>{C.cleanPreloadCache(),C.notify()}),1e3);return()=>{clearInterval(e)}}),[]);const[x,S]=A("tanstackRouterDevtoolsActiveRouteId",""),L=null==(a=C.state.matches)?void 0:a.find((e=>e.routeId===x));return o.default.createElement(B,{theme:z},o.default.createElement(_,i({ref:t,className:"TanStackRouterDevtoolsPanel"},k),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:"\n\n            .TanStackRouterDevtoolsPanel * {\n              scrollbar-color: "+z.backgroundAlt+" "+z.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: "+z.backgroundAlt+";\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n              background: "+z.gray+";\n              border-radius: .5em;\n              border: 3px solid "+z.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:E}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:"1px solid "+z.grayAlt,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:z.backgroundAlt,display:"flex",justifyContent:"space-between",alignItems:"center"}},o.default.createElement(ie,{"aria-hidden":!0,style:{marginRight:".5em"}}),o.default.createElement("div",{style:{marginRight:"auto",fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},"TanStack Router"," ",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(le,{label:"Router",value:d(C,me),defaultExpanded:{}})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:"1px solid "+z.grayAlt,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:z.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Current Matches"),C.state.matches.map(((e,t)=>o.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":"Open match details for "+e.routeId,onClick:()=>S(x===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:"solid 1px "+z.grayAlt,cursor:"pointer",alignItems:"center",background:e===L?"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:Y(e,z),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(Q,{style:{padding:".5em"}},""+e.matchId)))),o.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:z.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Pending Matches"),null==(r=C.state.pending)?void 0:r.matches.map(((e,t)=>o.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":"Open match details for "+e.routeId,onClick:()=>S(x===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:"solid 1px "+z.grayAlt,cursor:"pointer",background:e===L?"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:Y(e,z),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(Q,{style:{padding:".5em"}},""+e.matchId)))),o.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:z.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Preloading Matches"),Object.keys(C.preloadCache).filter((e=>{var t;const n=C.preloadCache[e];return(null!=(t=n.match.updatedAt)?t:Date.now())+n.maxAge>Date.now()})).map(((e,t)=>{var n;const{match:a,maxAge:r}=C.preloadCache[e];return o.default.createElement("div",{key:a.matchId||t,role:"button","aria-label":"Open match details for "+a.matchId,onClick:()=>S(x===a.routeId?"":a.routeId),style:{display:"flex",borderBottom:"solid 1px "+z.grayAlt,cursor:"pointer",background:a===L?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{display:"flex",flexDirection:"column",padding:".5rem",gap:".3rem"}},o.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:".5rem"}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",background:Y(a,z),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(Q,null,""+a.matchId)),o.default.createElement("span",{style:{opacity:".5"}},"Expires"," ",function(e,t,n){var a,r,o;u(2,arguments);var l=m(),i=null!==(a=null!==(r=null==n?void 0:n.locale)&&void 0!==r?r:l.locale)&&void 0!==a?a:D;if(!i.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var d=g(e,t);if(isNaN(d))throw new RangeError("Invalid time value");var c,h,p=P(R(n),{addSuffix:Boolean(null==n?void 0:n.addSuffix),comparison:d});d>0?(c=s(t),h=s(e)):(c=s(e),h=s(t));var b,y=String(null!==(o=null==n?void 0:n.roundingMethod)&&void 0!==o?o:"round");if("floor"===y)b=Math.floor;else if("ceil"===y)b=Math.ceil;else{if("round"!==y)throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");b=Math.round}var v,E=h.getTime()-c.getTime(),w=E/I,k=f(h)-f(c),C=(E-k)/I,x=null==n?void 0:n.unit;if("second"===(v=x?String(x):w<1?"second":w<60?"minute":w<T?"hour":C<O?"day":C<j?"month":"year")){var S=b(E/1e3);return i.formatDistance("xSeconds",S,p)}if("minute"===v){var L=b(w);return i.formatDistance("xMinutes",L,p)}if("hour"===v){var M=b(w/60);return i.formatDistance("xHours",M,p)}if("day"===v){var A=b(C/T);return i.formatDistance("xDays",A,p)}if("month"===v){var W=b(C/O);return 12===W&&"month"!==x?i.formatDistance("xYears",1,p):i.formatDistance("xMonths",W,p)}if("year"===v){var z=b(C/j);return i.formatDistance("xYears",z,p)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}(new Date,new Date((null!=(n=a.updatedAt)?n:Date.now())+r),{addSuffix:!0}))))}))),L?o.default.createElement(X,null,o.default.createElement("div",{style:{padding:".5em",background:z.backgroundAlt,position:"sticky",top: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(Q,{style:{lineHeight:"1.8em"}},JSON.stringify(L.matchId,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,L.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Pending"),o.default.createElement("td",null,L.isPending.toString())),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Invalid"),o.default.createElement("td",null,L.isInvalid.toString())),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,L.updatedAt?new Date(L.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:z.backgroundAlt,padding:".5em",position:"sticky",top:0,zIndex:1}},"Actions"),o.default.createElement("div",{style:{padding:"0.5em"}},o.default.createElement(U,{type:"button",onClick:()=>{C.invalidateRoute(L),C.notify()},style:{background:z.warning,color:z.inputTextColor}},"Invalidate")," ",o.default.createElement(U,{type:"button",onClick:()=>C.reload(),style:{background:z.gray}},"Reload")),o.default.createElement("div",{style:{background:z.backgroundAlt,padding:".5em",position:"sticky",top:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(le,{label:"Match",value:d(L,fe),defaultExpanded:{}}))):null,o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:"1px solid "+z.grayAlt,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:z.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Loader Data"),o.default.createElement("div",{style:{padding:".5em"}},Object.keys((null==(l=n.last(C.state.matches))?void 0:l.loaderData)||{}).length?o.default.createElement(le,{value:(null==(c=n.last(C.state.matches))?void 0:c.loaderData)||{},defaultExpanded:Object.keys((null==(h=n.last(C.state.matches))?void 0:h.loaderData)||{}).reduce(((e,t)=>(e[t]={},e)),{})}):o.default.createElement("em",{style:{opacity:.5}},"{ }")),o.default.createElement("div",{style:{padding:".5em",background:z.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},Object.keys((null==(p=n.last(C.state.matches))?void 0:p.search)||{}).length?o.default.createElement(le,{value:(null==(b=n.last(C.state.matches))?void 0:b.search)||{},defaultExpanded:Object.keys((null==(y=n.last(C.state.matches))?void 0:y.search)||{}).reduce(((e,t)=>(e[t]={},e)),{})}):o.default.createElement("em",{style:{opacity:.5}},"{ }")))))}));e.TanStackRouterDevtools=function(e){let{initialIsOpen:t,panelProps:a={},closeButtonProps:r={},toggleButtonProps:l={},position:u="bottom-left",containerElement:s="footer",useRouter:c=n.useRouter}=e;const m=o.default.useRef(null),f=o.default.useRef(null),[g,h]=A("tanstackRouterDevtoolsOpen",t),[p,b]=A("tanstackRouterDevtoolsHeight",null),[y,v]=q(!1),[E,w]=q(!1),k=J();o.default.useEffect((()=>{v(null!=g&&g)}),[g,y,v]),o.default.useEffect((()=>{const e=f.current;if(e){const t=()=>{e&&y&&(e.style.visibility="visible")},n=()=>{e&&!y&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[y]),o.default[ge?"useEffect":"useLayoutEffect"]((()=>{if(y){var e,t;const n=null==(e=m.current)||null==(t=e.parentElement)?void 0:t.style.paddingBottom,a=()=>{var e,t;const n=null==(e=f.current)?void 0:e.getBoundingClientRect().height;null!=(t=m.current)&&t.parentElement&&(m.current.parentElement.style.paddingBottom=n+"px")};if(a(),"undefined"!=typeof window)return window.addEventListener("resize",a),()=>{var e;window.removeEventListener("resize",a),null!=(e=m.current)&&e.parentElement&&"string"==typeof n&&(m.current.parentElement.style.paddingBottom=n)}}}),[y]);const{style:C={}}=a,x=d(a,de),{style:S={},onClick:L}=r,M=d(r,ue),{style:D={},onClick:P}=l,R=d(l,se);return k()?o.default.createElement(s,{ref:m,className:"TanStackRouterDevtools"},o.default.createElement(B,{theme:z},o.default.createElement(he,i({ref:f},x,{useRouter:c,style:i({position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:null!=p?p:500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:"1px solid "+z.gray,transformOrigin:"top",visibility:g?"visible":"hidden"},C,E?{transition:"none"}:{transition:"all .2s ease"},y?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}),isOpen:y,setIsOpen:h,handleDragStart:e=>((e,t)=>{var n;if(0!==t.button)return;w(!0);const a={originalHeight:null!=(n=null==e?void 0:e.getBoundingClientRect().height)?n:0,pageY:t.pageY},r=e=>{const t=a.pageY-e.pageY,n=(null==a?void 0:a.originalHeight)+t;b(n),h(!(n<70))},o=()=>{w(!1),document.removeEventListener("mousemove",r),document.removeEventListener("mouseUp",o)};document.addEventListener("mousemove",r),document.addEventListener("mouseup",o)})(f.current,e)})),y?o.default.createElement(U,i({type:"button","aria-label":"Close TanStack Router Devtools"},M,{onClick:e=>{h(!1),L&&L(e)},style:i({position:"fixed",zIndex:99999,margin:".5em",bottom:0},"top-right"===u?{right:"0"}:"top-left"===u?{left:"0"}:"bottom-right"===u?{right:"0"}:{left:"0"},S)}),"Close"):null),y?null:o.default.createElement("button",i({type:"button"},R,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{h(!0),P&&P(e)},style:i({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"===u?{top:"0",right:"0"}:"top-left"===u?{top:"0",left:"0"}:"bottom-right"===u?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},D)}),o.default.createElement(ie,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=he,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("use-sync-external-store/shim/with-selector")):"function"==typeof define&&define.amd?define(["exports","react","use-sync-external-store/shim/with-selector"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TanStackRouterDevtools={},e.React,e.withSelector)}(this,(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t),o=r(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function d(e,t){if(Object.is(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;const n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(let r=0;r<n.length;r++)if(!Object.prototype.hasOwnProperty.call(t,n[r])||!Object.is(e[n[r]],t[n[r]]))return!1;return!0}
+/**
+   * router
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */function u(e){return e[e.length-1]}const c=l.createContext(null);function s(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 f={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},m=o.default.createContext(f);function p({theme:e,...t}){return o.default.createElement(m.Provider,i({value:e},t))}const g="undefined"==typeof window;function b(e,t){return"pending"===e.state.status?t.active:"error"===e.state.status?t.danger:"success"===e.state.status?t.success:t.gray}function y(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(m),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 h(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[g?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function E(e){const t=h(),[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 v=y("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"}}),k=y("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),x=y("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"}))),w=y("code",{fontSize:".9em"}),S=y("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),R=y("span",{color:"white"}),O=y("button",{cursor:"pointer",color:"white"}),D=y("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),j=y("span",((e,t)=>({color:t.danger}))),C=y("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),T=y("span",{color:"grey",fontSize:".7em"}),A=({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 P=({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(S,null,a.length?l.createElement(l.Fragment,null,l.createElement(D,{onClick:()=>d()},l.createElement(A,{expanded:i})," ",t," ",l.createElement(T,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(C,null,r.map(((t,n)=>e(t)))):l.createElement(C,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(S,null,l.createElement(O,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(A,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),s.includes(n)?l.createElement(C,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(I,{renderer:c,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(R,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(R,null,t,":")," ",l.createElement(j,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function I({value:e,defaultExpanded:t,renderer:n=P,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(I,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 z="undefined"==typeof window;function M(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 L=o.default.forwardRef((function(e,t){const{isOpen:r=!0,setIsOpen:a,handleDragStart:l,router:m,...g}=e,y=o.default.useContext(c),h=m??y?.router;!function(e,t){if(!e)throw new Error("Invariant failed")}
+/**
+   * react-store
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */(h),function(e,t=(e=>e)){n.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,d)}(h.__store);const[E,S]=s("tanstackRouterDevtoolsActiveRouteId",""),[R,O]=s("tanstackRouterDevtoolsActiveMatchId","");o.default.useEffect((()=>{O("")}),[E]);const D=o.default.useMemo((()=>[...Object.values(h.state.currentMatches),...Object.values(h.state.pendingMatches??[])]),[h.state.currentMatches,h.state.pendingMatches]),j=D?.find((e=>e.id===R))||D?.find((e=>e.route.id===E));return o.default.createElement(p,{theme:f},o.default.createElement(v,i({ref:t,className:"TanStackRouterDevtoolsPanel"},g),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n            .TanStackRouterDevtoolsPanel * {\n              scrollbar-color: ${f.backgroundAlt} ${f.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: ${f.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n              background: ${f.gray};\n              border-radius: .5em;\n              border: 3px solid ${f.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:l}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${f.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:f.backgroundAlt}},o.default.createElement(M,{"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(I,{label:"Router",value:h,defaultExpanded:{}})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${f.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:f.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Active Matches"),h.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:()=>S(E===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${f.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===j?"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:b(e,f),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(w,{style:{padding:".5em"}},`${e.id}`)))),h.state.pendingMatches?.length?o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:f.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Pending Matches"),h.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:()=>S(E===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${f.grayAlt}`,cursor:"pointer",background:e===j?"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:b(e,f),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(w,{style:{padding:".5em"}},`${e.id}`))))):null),j?o.default.createElement(k,null,o.default.createElement("div",{style:{padding:".5em",background:f.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(w,{style:{lineHeight:"1.8em"}},JSON.stringify(j.id,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,j.state.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,j.state.updatedAt?new Date(j.state.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:f.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Actions"),o.default.createElement("div",{style:{padding:"0.5em"}},o.default.createElement(x,{type:"button",onClick:()=>j.load(),style:{background:f.gray}},"Reload")),o.default.createElement("div",{style:{background:f.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(I,{label:"Match",value:j,defaultExpanded:{}}))):null,o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${f.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:f.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},Object.keys(u(h.state.currentMatches)?.state.search||{}).length?o.default.createElement(I,{value:u(h.state.currentMatches)?.state.search||{},defaultExpanded:Object.keys(u(h.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),[m,g]=s("tanstackRouterDevtoolsOpen",e),[b,y]=s("tanstackRouterDevtoolsHeight",null),[v,k]=E(!1),[w,S]=E(!1),R=h();o.default.useEffect((()=>{k(m??!1)}),[m,v,k]),o.default.useEffect((()=>{const e=c.current;if(e){const t=()=>{e&&v&&(e.style.visibility="visible")},n=()=>{e&&!v&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[v]),o.default[z?"useEffect":"useLayoutEffect"]((()=>{if(v){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)}}}),[v]);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(p,{theme:f},o.default.createElement(L,i({ref:c},D,{router:d,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:b??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${f.gray}`,transformOrigin:"top",visibility:m?"visible":"hidden",...O,...w?{transition:"none"}:{transition:"all .2s ease"},...v?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:v,setIsOpen:g,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;S(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),g(!(a<70))},l=()=>{S(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})(c.current,e)})),v?o.default.createElement(x,i({type:"button","aria-label":"Close TanStack Router Devtools"},T,{onClick:e=>{g(!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),v?null:o.default.createElement("button",i({type:"button"},I,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{g(!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(M,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=L,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.production.js.map

package.json

 {
   "name": "@tanstack/router-devtools",
   "author": "Tanner Linsley",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-beta.84",
   "license": "MIT",
   "repository": "tanstack/router",
-  "homepage": "https://react-router.tanstack.com/",
+  "homepage": "https://tanstack.com/router/",
   "description": "",
@@ -15,3 +15,3 @@ "publishConfig": {
     "location",
-    "@tanstack/react-router",
+    "@tanstack/router",
     "router",
@@ -28,3 +28,3 @@ "routing",
   "module": "build/esm/index.js",
-  "main": "build/cjs/packages/react-router-devtools/src/index.js",
+  "main": "build/cjs/index.js",
   "browser": "build/umd/index.production.js",
@@ -36,7 +36,7 @@ "types": "build/types/index.d.ts",
   "files": [
-    "build",
+    "build/**",
     "src"
   ],
+  "sideEffects": false,
   "peerDependencies": {
-    "@tanstack/react-router": "0.0.1-alpha.1",
     "react": ">=16",
@@ -47,7 +47,5 @@ "react-dom": ">=16"
     "@babel/runtime": "^7.16.7",
-    "date-fns": "^2.29.1"
-  },
-  "devDependencies": {
-    "babel-plugin-transform-async-to-promises": "^0.8.18"
+    "date-fns": "^2.29.1",
+    "@tanstack/router": "0.0.1-beta.84"
   }
-}
+}

README.md

 # TanStack React Router Devtools
 
-See https://react-router.tanstack.com/tools/devtools
+See https://tanstack.com/router/tools/devtools

src/useLocalStorage.ts

@@ -17,3 +17,3 @@ import React from 'react'
   key: string,
-  defaultValue: T | undefined
+  defaultValue: T | undefined,
 ): [T | undefined, (newVal: T | ((prevVal: T) => T)) => void] {
@@ -27,3 +27,3 @@ const [value, setValue] = React.useState<T>()
       setValue(
-        typeof defaultValue === 'function' ? defaultValue() : defaultValue
+        typeof defaultValue === 'function' ? defaultValue() : defaultValue,
       )
@@ -36,4 +36,4 @@ } else {
   const setter = React.useCallback(
-    updater => {
-      setValue(old => {
+    (updater: any) => {
+      setValue((old) => {
         let newVal = updater
@@ -51,3 +51,3 @@
     },
-    [key]
+    [key],
   )
@@ -54,0 +54,0 @@

src/useMediaQuery.ts

@@ -9,2 +9,3 @@ import React from 'react'
     }
+    return
   })
@@ -34,2 +35,4 @@
     }
+
+    return
   }, [isMatch, query, setIsMatch])
@@ -36,0 +39,0 @@

src/utils.ts

 import React from 'react'
-import { RouteMatch } from '@tanstack/react-router'
+import { AnyRouteMatch, RouteMatch } from '@tanstack/router'
 
@@ -28,10 +28,8 @@ import { Theme, useTheme } from './theme'
 
-export function getStatusColor(match: RouteMatch, theme: Theme) {
-  return match.isPending
-    ? theme.warning
-    : match.isFetching
+export function getStatusColor(match: AnyRouteMatch, theme: Theme) {
+  return match.state.status === 'pending'
     ? theme.active
-    : match.status === 'error'
+    : match.state.status === 'error'
     ? theme.danger
-    : match.status === 'success'
+    : match.state.status === 'success'
     ? theme.success
@@ -41,12 +39,2 @@ : theme.gray
 
-// export function getQueryStatusLabel(query: Query) {
-//   return query.state.isFetching
-//     ? 'fetching'
-//     : !query.getObserversCount()
-//     ? 'inactive'
-//     : query.isStale()
-//     ? 'stale'
-//     : 'fresh'
-// }
-
 type Styles =
@@ -154,1 +142,31 @@ | React.CSSProperties
 }
+
+export function multiSortBy<T>(
+  arr: T[],
+  accessors: ((item: T) => any)[] = [(d) => d],
+): T[] {
+  return arr
+    .map((d, i) => [d, i] as const)
+    .sort(([a, ai], [b, bi]) => {
+      for (const accessor of accessors) {
+        const ao = accessor(a)
+        const bo = accessor(b)
+
+        if (typeof ao === 'undefined') {
+          if (typeof bo === 'undefined') {
+            continue
+          }
+          return 1
+        }
+
+        if (ao === bo) {
+          continue
+        }
+
+        return ao > bo ? 1 : -1
+      }
+
+      return ai - bi
+    })
+    .map(([d]) => d)
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

0

decreased by-100%

Number of low quality alerts

2

decreased by-33.33%

Number of low supply chain risk alerts

1

decreased by-92.31%

Worsened metrics

Total package byte prevSize

778655

decreased by-35.54%

Number of package files

38

decreased by-5%

Lines of code

5292

decreased by-68.18%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@tanstack/router@0.0.1-beta.84

• + Added@tanstack/react-store@0.0.1-beta.84(transitive)

• + Added@tanstack/router@0.0.1-beta.84(transitive)

• + Added@tanstack/store@0.0.1-beta.84(transitive)

• + Addedtiny-invariant@1.3.3(transitive)

• + Addedtiny-warning@1.0.3(transitive)

• - Removed@tanstack/react-router@0.0.1-alpha.1(transitive)

• - Removed@tanstack/router-core@0.0.1-alpha.1(transitive)

• - Removedhistory@5.3.0(transitive)

• - Removedts-toolbelt@9.6.0(transitive)