@tanstack/react-router-devtools 0.0.1-beta.45 → 0.0.1-beta.55
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.
- package/build/cjs/Explorer.js +35 -43
- package/build/cjs/Explorer.js.map +1 -1
- package/build/cjs/devtools.js +49 -147
- package/build/cjs/devtools.js.map +1 -1
- package/build/cjs/styledComponents.js +0 -32
- package/build/cjs/styledComponents.js.map +1 -1
- package/build/cjs/theme.js +4 -5
- package/build/cjs/theme.js.map +1 -1
- package/build/cjs/useMediaQuery.js +3 -6
- package/build/cjs/useMediaQuery.js.map +1 -1
- package/build/cjs/utils.js +7 -51
- package/build/cjs/utils.js.map +1 -1
- package/build/esm/index.js +98 -283
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +1 -1
- package/build/stats-react.json +251 -9572
- package/build/umd/index.development.js +148 -1652
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +15 -5
- package/build/umd/index.production.js.map +1 -1
- package/package.json +2 -5
- package/src/devtools.tsx +64 -64
- package/src/utils.ts +3 -13
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
*
|
|
9
9
|
* @license MIT
|
|
10
10
|
*/
|
|
11
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("use-sync-external-store/shim")):"function"==typeof define&&define.amd?define(["exports","react","use-sync-external-store/shim"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactRouterDevtools={},e.React,e.
|
|
11
|
+
!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).ReactRouterDevtools={},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 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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}
|
|
12
12
|
/**
|
|
13
|
-
* router
|
|
13
|
+
* router
|
|
14
14
|
*
|
|
15
15
|
* Copyright (c) TanStack
|
|
16
16
|
*
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
*
|
|
20
20
|
* @license MIT
|
|
21
21
|
*/
|
|
22
|
-
function
|
|
22
|
+
function d(e){return e[e.length-1]}
|
|
23
23
|
/**
|
|
24
|
-
* react-
|
|
24
|
+
* react-store
|
|
25
25
|
*
|
|
26
26
|
* Copyright (c) TanStack
|
|
27
27
|
*
|
|
@@ -30,5 +30,15 @@ function T(e){return e[e.length-1]}function W(e,t,n){const r=new Map;return func
|
|
|
30
30
|
*
|
|
31
31
|
* @license MIT
|
|
32
32
|
*/
|
|
33
|
-
const F=o.createContext(null),N={},[$,B]=function(e){const t=k(S(e));return[t,e=>{!function(e){f=[];let t=e();h()}((()=>{try{C=!0,e(t)}finally{C=!1}}))}]}({foo:"foo",bar:{baz:"baz"}});function H(){const e=o.useContext(F);return function(e,t){if(e){"undefined"!=typeof console&&console.warn(t);try{throw new Error(t)}catch{}}}(!e,"useRouter must be used inside a <Router> component!"),e.router}function _(e){const t=H();return((e,t)=>{const r=o.useRef(N),a=()=>t?t(b((()=>e()))):e();r.current===N&&(r.current=W(void 0,a()));const i=o.useCallback((()=>r.current),[]),l=o.useCallback((e=>p((()=>{g((()=>{r.current=S(W(r.current,a())),e()}))}))),[]);return n.useSyncExternalStore(l,i,i)})((()=>t.store),e)}function Y(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function J(e){return J="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},J(e)}function q(e){Y(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||"object"===J(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))}p((()=>{let e;g((()=>{console.log("effect");const t=W(e,$);console.log(t),e=b((()=>t))}))})),B((e=>{e.foo="1"})),B((e=>{e.bar.baz="2"}));var U={};function X(){return U}function Q(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 V(e,t){Y(2,arguments);var n=q(e),r=q(t),a=n.getTime()-r.getTime();return a<0?-1:a>0?1:a}var K={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"}},G=function(e,t,n){var r,a=K[e];return r="string"==typeof a?a:1===t?a.one:a.other.replace("{{count}}",t.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+r:r+" ago":r};function Z(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.width?String(t.width):e.defaultWidth,r=e.formats[n]||e.formats[e.defaultWidth];return r}}var ee={date:Z({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:Z({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:Z({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},te={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},ne=function(e,t,n,r){return te[e]};function re(e){return function(t,n){var r;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&e.formattingValues){var a=e.defaultFormattingWidth||e.defaultWidth,o=null!=n&&n.width?String(n.width):a;r=e.formattingValues[o]||e.formattingValues[a]}else{var i=e.defaultWidth,l=null!=n&&n.width?String(n.width):e.defaultWidth;r=e.values[l]||e.values[i]}return r[e.argumentCallback?e.argumentCallback(t):t]}}var ae={ordinalNumber:function(e,t){var n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:re({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:re({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:re({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:re({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:re({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 oe(e){return function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.width,a=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],o=t.match(a);if(!o)return null;var i,l=o[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(s)?le(s,(function(e){return e.test(l)})):ie(s,(function(e){return e.test(l)}));i=e.valueCallback?e.valueCallback(u):u,i=n.valueCallback?n.valueCallback(i):i;var d=t.slice(l.length);return{value:i,rest:d}}}function ie(e,t){for(var n in e)if(e.hasOwnProperty(n)&&t(e[n]))return n}function le(e,t){for(var n=0;n<e.length;n++)if(t(e[n]))return n}var se,ue={ordinalNumber:(se={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(se.matchPattern);if(!n)return null;var r=n[0],a=e.match(se.parsePattern);if(!a)return null;var o=se.valueCallback?se.valueCallback(a[0]):a[0];o=t.valueCallback?t.valueCallback(o):o;var i=e.slice(r.length);return{value:o,rest:i}}),era:oe({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:oe({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:oe({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:oe({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:oe({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"})},de={code:"en-US",formatDistance:G,formatLong:ee,formatRelative:ne,localize:ae,match:ue,options:{weekStartsOn:0,firstWeekContainsDate:1}};function ce(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 fe(e){return ce({},e)}var me=6e4,he=1440,ge=43200,pe=525600;function be(e,t){const[n,r]=i.default.useState();i.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,i.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 ye={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},ve=i.default.createContext(ye);function we(e){let{theme:t,...n}=e;return i.default.createElement(ve.Provider,l({value:t},n))}const Ee="undefined"==typeof window;function ke(e,t){return e.store.isFetching?t.active:"error"===e.store.status?t.danger:"success"===e.store.status?t.success:t.gray}function xe(e,t,n){return void 0===n&&(n={}),i.default.forwardRef(((r,a)=>{let{style:o,...l}=r;const s=i.default.useContext(ve),u=Object.entries(n).reduce(((e,t)=>{let[n,r]=t;return function(e){const[t,n]=i.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return i.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),r=e=>{let{matches:t}=e;return n(t)};return t.addListener(r),()=>{t.removeListener(r)}}}),[t,e,n]),t}(n)?{...e,..."function"==typeof r?r(l,s):r}:e}),{});return i.default.createElement(e,{...l,style:{..."function"==typeof t?t(l,s):t,...o,...u},ref:a})}))}function Se(){const e=i.default.useRef(!1),t=i.default.useCallback((()=>e.current),[]);return i.default[Ee?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function Pe(e){const t=Se(),[n,r]=i.default.useState(e);return[n,i.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const Oe=xe("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"}}),De=xe("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),Me=xe("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"}))),Ce=xe("code",{fontSize:".9em"});xe("input",((e,t)=>({backgroundColor:t.inputBackgroundColor,border:0,borderRadius:".2em",color:t.inputTextColor,fontSize:".9em",lineHeight:"1.3",padding:".3em .4em"}))),xe("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 je=xe("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),Ie=xe("span",{color:"white"}),Ae=xe("button",{cursor:"pointer",color:"white"}),Re=xe("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),Te=xe("span",((e,t)=>({color:t.danger}))),We=xe("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),ze=xe("span",{color:"grey",fontSize:".7em"}),Le=e=>{let{expanded:t,style:n={}}=e;return o.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${t?90:0}deg) ${n.transform||""}`,...n}},"▶")};const Fe=e=>{let{handleEntry:t,label:n,value:r,subEntries:a=[],subEntryPages:i=[],type:l,expanded:s=!1,toggleExpanded:u,pageSize:d,renderer:c}=e;const[f,m]=o.useState([]),[h,g]=o.useState(void 0);return o.createElement(je,null,i.length?o.createElement(o.Fragment,null,o.createElement(Re,{onClick:()=>u()},o.createElement(Le,{expanded:s})," ",n," ",o.createElement(ze,null,"iterable"===String(l).toLowerCase()?"(Iterable) ":"",a.length," ",a.length>1?"items":"item")),s?1===i.length?o.createElement(We,null,a.map(((e,n)=>t(e)))):o.createElement(We,null,i.map(((e,n)=>o.createElement("div",{key:n},o.createElement(je,null,o.createElement(Ae,{onClick:()=>m((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},o.createElement(Le,{expanded:s})," [",n*d," ..."," ",n*d+d-1,"]"),f.includes(n)?o.createElement(We,null,e.map((e=>t(e)))):null))))):null):"function"===l?o.createElement(o.Fragment,null,o.createElement(Ne,{renderer:c,label:o.createElement("button",{onClick:()=>{g(r())},style:{appearance:"none",border:"0",background:"transparent"}},o.createElement(Ie,null,n)," 🔄"," "),value:h,defaultExpanded:{}})):o.createElement(o.Fragment,null,o.createElement(Ie,null,n,":")," ",o.createElement(Te,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(r))))};function Ne(e){let{value:t,defaultExpanded:n,renderer:r=Fe,pageSize:a=100,...i}=e;const[s,u]=o.useState(Boolean(n)),d=o.useCallback((()=>u((e=>!e))),[]);let c=typeof t,f=[];const m=e=>{const t=!0===n?{[e.label]:!0}:null==n?void 0:n[e.label];return{...e,defaultExpanded:t}};var h;Array.isArray(t)?(c="array",f=t.map(((e,t)=>m({label:t.toString(),value:e})))):null!==t&&"object"==typeof t&&(h=t,Symbol.iterator in h)&&"function"==typeof t[Symbol.iterator]?(c="Iterable",f=Array.from(t,((e,t)=>m({label:t.toString(),value:e})))):"object"==typeof t&&null!==t&&(c="object",f=Object.entries(t).map((e=>{let[t,n]=e;return m({label:t,value:n})})));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}(f,a);return r({handleEntry:e=>o.createElement(Ne,l({key:e.label,value:t,renderer:r},i,e)),type:c,subEntries:f,subEntryPages:g,value:t,expanded:s,toggleExpanded:d,pageSize:a,...i})}const $e="undefined"==typeof window;function Be(e){return i.default.createElement("div",l({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),i.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),i.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 He=i.default.forwardRef((function(e,t){var n,r,a,o,s,u,d,c,f,m,h;const{isOpen:g=!0,setIsOpen:p,handleDragStart:b,router:y,...v}=e,w=i.default.useContext(F),E=y??(null==w?void 0:w.router);!function(e,t){if(!e)throw new Error(R)}(E),_();const[k,x]=be("tanstackRouterDevtoolsActiveRouteId",""),[S,P]=be("tanstackRouterDevtoolsActiveMatchId","");i.default.useEffect((()=>{P("")}),[k]);const O=(null==(n=Object.values(E.store.matchCache))||null==(r=n.find((e=>e.match.matchId===S)))?void 0:r.match)??(null==(a=E.store.currentMatches)?void 0:a.find((e=>e.routeId===k))),D=(M=Object.keys(E.store.matchCache).filter((e=>E.store.matchCache[e].gc>Date.now())).map((e=>E.store.matchCache[e])),void 0===(C=[e=>e.match.store.isFetching?-1:1,e=>-e.match.store.updatedAt])&&(C=[e=>e]),M.map(((e,t)=>[e,t])).sort(((e,t)=>{let[n,r]=e,[a,o]=t;for(const e of C){const t=e(n),r=e(a);if(void 0===t){if(void 0===r)continue;return 1}if(t!==r)return t>r?1:-1}return r-o})).map((e=>{let[t]=e;return t})));var M,C;return i.default.createElement(we,{theme:ye},i.default.createElement(Oe,l({ref:t,className:"TanStackRouterDevtoolsPanel"},v),i.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n .TanStackRouterDevtoolsPanel * {\n scrollbar-color: ${ye.backgroundAlt} ${ye.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: ${ye.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n background: ${ye.gray};\n border-radius: .5em;\n border: 3px solid ${ye.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 `}}),i.default.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:b}),i.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${ye.grayAlt}`,display:"flex",flexDirection:"column"}},i.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:ye.backgroundAlt}},i.default.createElement(Be,{"aria-hidden":!0}),i.default.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},i.default.createElement("span",{style:{fontWeight:100}},"Devtools"))),i.default.createElement("div",{style:{overflowY:"auto",flex:"1"}},i.default.createElement("div",{style:{padding:".5em"}},i.default.createElement(Ne,{label:"Router",value:E,defaultExpanded:{}})))),i.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${ye.grayAlt}`,display:"flex",flexDirection:"column"}},i.default.createElement("div",{style:{padding:".5em",background:ye.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Active Matches"),E.store.currentMatches.map(((e,t)=>i.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":`Open match details for ${e.routeId}`,onClick:()=>x(k===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:`solid 1px ${ye.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===O?"rgba(255,255,255,.1)":void 0}},i.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:ke(e,ye),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),i.default.createElement(Ce,{style:{padding:".5em"}},`${e.matchId}`)))),null!=(o=E.store.pendingMatches)&&o.length?i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:ye.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Pending Matches"),null==(s=E.store.pendingMatches)?void 0:s.map(((e,t)=>i.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":`Open match details for ${e.routeId}`,onClick:()=>x(k===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:`solid 1px ${ye.grayAlt}`,cursor:"pointer",background:e===O?"rgba(255,255,255,.1)":void 0}},i.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:ke(e,ye),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),i.default.createElement(Ce,{style:{padding:".5em"}},`${e.matchId}`))))):null,D.length?i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:ye.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"space-between"}},i.default.createElement("div",null,"Match Cache"),i.default.createElement(Me,{onClick:()=>{E.setStore((e=>e.matchCache={}))}},"Clear")),D.map(((e,t)=>{const{match:n,gc:r}=e;return i.default.createElement("div",{key:n.matchId||t,role:"button","aria-label":`Open match details for ${n.matchId}`,onClick:()=>P(S===n.matchId?"":n.matchId),style:{display:"flex",borderBottom:`solid 1px ${ye.grayAlt}`,cursor:"pointer",background:n===O?"rgba(255,255,255,.1)":void 0}},i.default.createElement("div",{style:{display:"flex",flexDirection:"column",padding:".5rem",gap:".3rem"}},i.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:".5rem"}},i.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",background:ke(n,ye),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),i.default.createElement(Ce,null,`${n.matchId}`)),i.default.createElement("span",{style:{fontSize:".7rem",opacity:".5",lineHeight:1}},"Expires"," ",function(e,t,n){var r,a,o;Y(2,arguments);var i=X(),l=null!==(r=null!==(a=null==n?void 0:n.locale)&&void 0!==a?a:i.locale)&&void 0!==r?r:de;if(!l.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var s=V(e,t);if(isNaN(s))throw new RangeError("Invalid time value");var u,d,c=ce(fe(n),{addSuffix:Boolean(null==n?void 0:n.addSuffix),comparison:s});s>0?(u=q(t),d=q(e)):(u=q(e),d=q(t));var f,m=String(null!==(o=null==n?void 0:n.roundingMethod)&&void 0!==o?o:"round");if("floor"===m)f=Math.floor;else if("ceil"===m)f=Math.ceil;else{if("round"!==m)throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");f=Math.round}var h,g=d.getTime()-u.getTime(),p=g/me,b=Q(d)-Q(u),y=(g-b)/me,v=null==n?void 0:n.unit;if("second"===(h=v?String(v):p<1?"second":p<60?"minute":p<he?"hour":y<ge?"day":y<pe?"month":"year")){var w=f(g/1e3);return l.formatDistance("xSeconds",w,c)}if("minute"===h){var E=f(p);return l.formatDistance("xMinutes",E,c)}if("hour"===h){var k=f(p/60);return l.formatDistance("xHours",k,c)}if("day"===h){var x=f(y/he);return l.formatDistance("xDays",x,c)}if("month"===h){var S=f(y/ge);return 12===S&&"month"!==v?l.formatDistance("xYears",1,c):l.formatDistance("xMonths",S,c)}if("year"===h){var P=f(y/pe);return l.formatDistance("xYears",P,c)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}(new Date(r),new Date,{addSuffix:!0}))))}))):null),O?i.default.createElement(De,null,i.default.createElement("div",{style:{padding:".5em",background:ye.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),i.default.createElement("div",null,i.default.createElement("table",null,i.default.createElement("tbody",null,i.default.createElement("tr",null,i.default.createElement("td",{style:{opacity:".5"}},"ID"),i.default.createElement("td",null,i.default.createElement(Ce,{style:{lineHeight:"1.8em"}},JSON.stringify(O.matchId,null,2)))),i.default.createElement("tr",null,i.default.createElement("td",{style:{opacity:".5"}},"Status"),i.default.createElement("td",null,O.store.status)),i.default.createElement("tr",null,i.default.createElement("td",{style:{opacity:".5"}},"Invalid"),i.default.createElement("td",null,O.store.isInvalid.toString())),i.default.createElement("tr",null,i.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),i.default.createElement("td",null,O.store.updatedAt?new Date(O.store.updatedAt).toLocaleTimeString():"N/A"))))),i.default.createElement("div",{style:{background:ye.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Actions"),i.default.createElement("div",{style:{padding:"0.5em"}},i.default.createElement(Me,{type:"button",onClick:()=>{O.invalidate()},style:{background:ye.warning,color:ye.inputTextColor}},"Invalidate")," ",i.default.createElement(Me,{type:"button",onClick:()=>O.load(),style:{background:ye.gray}},"Reload")),i.default.createElement("div",{style:{background:ye.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),i.default.createElement("div",{style:{padding:".5em"}},i.default.createElement(Ne,{label:"Match",value:O,defaultExpanded:{}}))):null,i.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${ye.grayAlt}`,display:"flex",flexDirection:"column"}},i.default.createElement("div",{style:{padding:".5em",background:ye.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"All Loader Data"),i.default.createElement("div",{style:{padding:".5em"}},Object.keys((null==(u=T(E.store.currentMatches))?void 0:u.store.loaderData)||{}).length?i.default.createElement(Ne,{value:(null==(d=T(E.store.currentMatches))?void 0:d.store.loaderData)||{},defaultExpanded:Object.keys((null==(c=T(E.store.currentMatches))?void 0:c.store.loaderData)||{}).reduce(((e,t)=>(e[t]={},e)),{})}):i.default.createElement("em",{style:{opacity:.5}},"{ }")),i.default.createElement("div",{style:{padding:".5em",background:ye.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),i.default.createElement("div",{style:{padding:".5em"}},Object.keys((null==(f=T(E.store.currentMatches))?void 0:f.store.search)||{}).length?i.default.createElement(Ne,{value:(null==(m=T(E.store.currentMatches))?void 0:m.store.search)||{},defaultExpanded:Object.keys((null==(h=T(E.store.currentMatches))?void 0:h.store.search)||{}).reduce(((e,t)=>(e[t]={},e)),{})}):i.default.createElement("em",{style:{opacity:.5}},"{ }")))))}));e.TanStackRouterDevtools=function(e){let{initialIsOpen:t,panelProps:n={},closeButtonProps:r={},toggleButtonProps:a={},position:o="bottom-left",containerElement:s="footer",router:u}=e;const d=i.default.useRef(null),c=i.default.useRef(null),[f,m]=be("tanstackRouterDevtoolsOpen",t),[h,g]=be("tanstackRouterDevtoolsHeight",null),[p,b]=Pe(!1),[y,v]=Pe(!1),w=Se();i.default.useEffect((()=>{b(f??!1)}),[f,p,b]),i.default.useEffect((()=>{const e=c.current;if(e){const t=()=>{e&&p&&(e.style.visibility="visible")},n=()=>{e&&!p&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[p]),i.default[$e?"useEffect":"useLayoutEffect"]((()=>{if(p){var e,t;const n=null==(e=d.current)||null==(t=e.parentElement)?void 0:t.style.paddingBottom,r=()=>{var e,t;const n=null==(e=c.current)?void 0:e.getBoundingClientRect().height;null!=(t=d.current)&&t.parentElement&&(d.current.parentElement.style.paddingBottom=`${n}px`)};if(r(),"undefined"!=typeof window)return window.addEventListener("resize",r),()=>{var e;window.removeEventListener("resize",r),null!=(e=d.current)&&e.parentElement&&"string"==typeof n&&(d.current.parentElement.style.paddingBottom=n)}}}),[p]);const{style:E={},...k}=n,{style:x={},onClick:S,...P}=r,{style:O={},onClick:D,...M}=a;return w()?i.default.createElement(s,{ref:d,className:"TanStackRouterDevtools"},i.default.createElement(we,{theme:ye},i.default.createElement(He,l({ref:c},k,{router:u,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:h??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${ye.gray}`,transformOrigin:"top",visibility:f?"visible":"hidden",...E,...y?{transition:"none"}:{transition:"all .2s ease"},...p?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:p,setIsOpen:m,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;v(!0);const n={originalHeight:(null==e?void 0:e.getBoundingClientRect().height)??0,pageY:t.pageY},r=e=>{const t=n.pageY-e.pageY,r=(null==n?void 0:n.originalHeight)+t;g(r),m(!(r<70))},a=()=>{v(!1),document.removeEventListener("mousemove",r),document.removeEventListener("mouseUp",a)};document.addEventListener("mousemove",r),document.addEventListener("mouseup",a)})(c.current,e)})),p?i.default.createElement(Me,l({type:"button","aria-label":"Close TanStack Router Devtools"},P,{onClick:e=>{m(!1),S&&S(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===o?{right:"0"}:"top-left"===o?{left:"0"}:"bottom-right"===o?{right:"0"}:{left:"0"},...x}}),"Close"):null),p?null:i.default.createElement("button",l({type:"button"},M,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{m(!0),D&&D(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"===o?{top:"0",right:"0"}:"top-left"===o?{top:"0",left:"0"}:"bottom-right"===o?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...O}}),i.default.createElement(Be,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=He,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
33
|
+
function s(e,t=(e=>e),r){return n.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,r?u:void 0)}function u(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}
|
|
34
|
+
/**
|
|
35
|
+
* react-router
|
|
36
|
+
*
|
|
37
|
+
* Copyright (c) TanStack
|
|
38
|
+
*
|
|
39
|
+
* This source code is licensed under the MIT license found in the
|
|
40
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
41
|
+
*
|
|
42
|
+
* @license MIT
|
|
43
|
+
*/const c=o.createContext(null);function f(){const e=o.useContext(c);return function(e,t){if(e){"undefined"!=typeof console&&console.warn(t);try{throw new Error(t)}catch{}}}(!e,"useRouter must be used inside a <Router> component!"),e.router}function m(e,t){const[n,r]=l.default.useState();l.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,l.default.useCallback((t=>{r((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const p={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},g=l.default.createContext(p);function b({theme:e,...t}){return l.default.createElement(g.Provider,i({value:e},t))}const y="undefined"==typeof window;function h(e,t){return"pending"===e.store.state.status?t.active:"error"===e.store.state.status?t.danger:"success"===e.store.state.status?t.success:t.gray}function E(e,t,n={}){return l.default.forwardRef((({style:r,...a},o)=>{const i=l.default.useContext(g),d=Object.entries(n).reduce(((e,[t,n])=>function(e){const[t,n]=l.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return l.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 l.default.createElement(e,{...a,style:{..."function"==typeof t?t(a,i):t,...r,...d},ref:o})}))}function v(){const e=l.default.useRef(!1),t=l.default.useCallback((()=>e.current),[]);return l.default[y?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function x(e){const t=v(),[n,r]=l.default.useState(e);return[n,l.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const k=E("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),w=E("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),S=E("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),R=E("code",{fontSize:".9em"}),O=E("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),D=E("span",{color:"white"}),j=E("button",{cursor:"pointer",color:"white"}),C=E("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),T=E("span",((e,t)=>({color:t.danger}))),A=E("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),P=E("span",{color:"grey",fontSize:".7em"}),I=({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 z=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:l,expanded:i=!1,toggleExpanded:d,pageSize:s,renderer:u})=>{const[c,f]=o.useState([]),[m,p]=o.useState(void 0);return o.createElement(O,null,a.length?o.createElement(o.Fragment,null,o.createElement(C,{onClick:()=>d()},o.createElement(I,{expanded:i})," ",t," ",o.createElement(P,null,"iterable"===String(l).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?o.createElement(A,null,r.map(((t,n)=>e(t)))):o.createElement(A,null,a.map(((t,n)=>o.createElement("div",{key:n},o.createElement(O,null,o.createElement(j,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},o.createElement(I,{expanded:i})," [",n*s," ..."," ",n*s+s-1,"]"),c.includes(n)?o.createElement(A,null,t.map((t=>e(t)))):null))))):null):"function"===l?o.createElement(o.Fragment,null,o.createElement(M,{renderer:u,label:o.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},o.createElement(D,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):o.createElement(o.Fragment,null,o.createElement(D,null,t,":")," ",o.createElement(T,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function M({value:e,defaultExpanded:t,renderer:n=z,pageSize:r=100,...a}){const[l,d]=o.useState(Boolean(t)),s=o.useCallback((()=>d((e=>!e))),[]);let u=typeof e,c=[];const f=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var m;Array.isArray(e)?(u="array",c=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]?(u="Iterable",c=Array.from(e,((e,t)=>f({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(u="object",c=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}(c,r);return n({handleEntry:t=>o.createElement(M,i({key:t.label,value:e,renderer:n},a,t)),type:u,subEntries:c,subEntryPages:p,value:e,expanded:l,toggleExpanded:s,pageSize:r,...a})}const L="undefined"==typeof window;function $(e){return l.default.createElement("div",i({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),l.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),l.default.createElement("div",{style:{backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#84cc16","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)","--tw-gradient-to":"#10b981",WebkitBackgroundClip:"text",color:"transparent",letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}const B=l.default.forwardRef((function(e,t){const{isOpen:n=!0,setIsOpen:r,handleDragStart:a,router:o,...u}=e,g=l.default.useContext(c),y=o??g?.router;!function(e,t){if(!e)throw new Error("Invariant failed")}(y),function(e,t){s(f().store,e,t)}();const[E,v]=m("tanstackRouterDevtoolsActiveRouteId",""),[x,O]=m("tanstackRouterDevtoolsActiveMatchId","");l.default.useEffect((()=>{O("")}),[E]);const D=l.default.useMemo((()=>[...Object.values(y.store.state.currentMatches),...Object.values(y.store.state.pendingMatches??[])]),[y.store.state.currentMatches,y.store.state.pendingMatches]),j=D?.find((e=>e.id===x))||D?.find((e=>e.route.id===E));return l.default.createElement(b,{theme:p},l.default.createElement(k,i({ref:t,className:"TanStackRouterDevtoolsPanel"},u),l.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n .TanStackRouterDevtoolsPanel * {\n scrollbar-color: ${p.backgroundAlt} ${p.gray};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar, .TanStackRouterDevtoolsPanel scrollbar {\n width: 1em;\n height: 1em;\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-track, .TanStackRouterDevtoolsPanel scrollbar-track {\n background: ${p.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n background: ${p.gray};\n border-radius: .5em;\n border: 3px solid ${p.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel table {\n width: 100%;\n }\n\n .TanStackRouterDevtoolsPanel table tr {\n border-bottom: 2px dotted rgba(255, 255, 255, .2);\n }\n\n .TanStackRouterDevtoolsPanel table tr:last-child {\n border-bottom: none\n }\n\n .TanStackRouterDevtoolsPanel table td {\n padding: .25rem .5rem;\n border-right: 2px dotted rgba(255, 255, 255, .05);\n }\n\n .TanStackRouterDevtoolsPanel table td:last-child {\n border-right: none\n }\n\n `}}),l.default.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:a}),l.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},l.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:p.backgroundAlt}},l.default.createElement($,{"aria-hidden":!0}),l.default.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},l.default.createElement("span",{style:{fontWeight:100}},"Devtools"))),l.default.createElement("div",{style:{overflowY:"auto",flex:"1"}},l.default.createElement("div",{style:{padding:".5em"}},l.default.createElement(M,{label:"Router",value:y,defaultExpanded:{}})))),l.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},l.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Active Matches"),y.store.state.currentMatches.map(((e,t)=>l.default.createElement("div",{key:e.route.id||t,role:"button","aria-label":`Open match details for ${e.route.id}`,onClick:()=>v(E===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${p.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===j?"rgba(255,255,255,.1)":void 0}},l.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:h(e,p),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),l.default.createElement(R,{style:{padding:".5em"}},`${e.id}`)))),y.store.state.pendingMatches?.length?l.default.createElement(l.default.Fragment,null,l.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Pending Matches"),y.store.state.pendingMatches?.map(((e,t)=>l.default.createElement("div",{key:e.route.id||t,role:"button","aria-label":`Open match details for ${e.route.id}`,onClick:()=>v(E===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${p.grayAlt}`,cursor:"pointer",background:e===j?"rgba(255,255,255,.1)":void 0}},l.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:h(e,p),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),l.default.createElement(R,{style:{padding:".5em"}},`${e.id}`))))):null),j?l.default.createElement(w,null,l.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),l.default.createElement("div",null,l.default.createElement("table",null,l.default.createElement("tbody",null,l.default.createElement("tr",null,l.default.createElement("td",{style:{opacity:".5"}},"ID"),l.default.createElement("td",null,l.default.createElement(R,{style:{lineHeight:"1.8em"}},JSON.stringify(j.id,null,2)))),l.default.createElement("tr",null,l.default.createElement("td",{style:{opacity:".5"}},"Status"),l.default.createElement("td",null,j.store.state.status)),l.default.createElement("tr",null,l.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),l.default.createElement("td",null,j.store.state.updatedAt?new Date(j.store.state.updatedAt).toLocaleTimeString():"N/A"))))),l.default.createElement("div",{style:{background:p.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Actions"),l.default.createElement("div",{style:{padding:"0.5em"}},l.default.createElement(S,{type:"button",onClick:()=>j.load(),style:{background:p.gray}},"Reload")),l.default.createElement("div",{style:{background:p.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),l.default.createElement("div",{style:{padding:".5em"}},l.default.createElement(M,{label:"Match",value:j,defaultExpanded:{}}))):null,l.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${p.grayAlt}`,display:"flex",flexDirection:"column"}},l.default.createElement("div",{style:{padding:".5em",background:p.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),l.default.createElement("div",{style:{padding:".5em"}},Object.keys(d(y.store.state.currentMatches)?.store.state.search||{}).length?l.default.createElement(M,{value:d(y.store.state.currentMatches)?.store.state.search||{},defaultExpanded:Object.keys(d(y.store.state.currentMatches)?.store.state.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}):l.default.createElement("em",{style:{opacity:.5}},"{ }")))))}));e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:t={},closeButtonProps:n={},toggleButtonProps:r={},position:a="bottom-left",containerElement:o="footer",router:d}){const s=l.default.useRef(null),u=l.default.useRef(null),[c,f]=m("tanstackRouterDevtoolsOpen",e),[g,y]=m("tanstackRouterDevtoolsHeight",null),[h,E]=x(!1),[k,w]=x(!1),R=v();l.default.useEffect((()=>{E(c??!1)}),[c,h,E]),l.default.useEffect((()=>{const e=u.current;if(e){const t=()=>{e&&h&&(e.style.visibility="visible")},n=()=>{e&&!h&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[h]),l.default[L?"useEffect":"useLayoutEffect"]((()=>{if(h){const e=s.current?.parentElement?.style.paddingBottom,t=()=>{const e=u.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)}}}),[h]);const{style:O={},...D}=t,{style:j={},onClick:C,...T}=n,{style:A={},onClick:P,...I}=r;return R()?l.default.createElement(o,{ref:s,className:"TanStackRouterDevtools"},l.default.createElement(b,{theme:p},l.default.createElement(B,i({ref:u},D,{router:d,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:g??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${p.gray}`,transformOrigin:"top",visibility:c?"visible":"hidden",...O,...k?{transition:"none"}:{transition:"all .2s ease"},...h?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:h,setIsOpen:f,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;w(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),f(!(a<70))},o=()=>{w(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",o)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)})(u.current,e)})),h?l.default.createElement(S,i({type:"button","aria-label":"Close TanStack Router Devtools"},T,{onClick:e=>{f(!1),C&&C(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===a?{right:"0"}:"top-left"===a?{left:"0"}:"bottom-right"===a?{right:"0"}:{left:"0"},...j}}),"Close"):null),h?null:l.default.createElement("button",i({type:"button"},I,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{f(!0),P&&P(e)},style:{appearance:"none",background:"none",border:0,padding:0,position:"fixed",zIndex:99999,display:"inline-flex",fontSize:"1.5em",margin:".5em",cursor:"pointer",width:"fit-content",..."top-right"===a?{top:"0",right:"0"}:"top-left"===a?{top:"0",left:"0"}:"bottom-right"===a?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...A}}),l.default.createElement($,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=B,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
34
44
|
//# sourceMappingURL=index.production.js.map
|