diff --git a/.gitignore b/.gitignore index 63db1c17..328a86aa 100644 --- a/.gitignore +++ b/.gitignore @@ -69,7 +69,6 @@ elua.confirmed .Python build/ develop-eggs/ -dist/ downloads/ eggs/ .eggs/ diff --git a/webui/dist/assets/FloatingTanStackRouterDevtools-CXkXeTp3-DxlgenHe.js b/webui/dist/assets/FloatingTanStackRouterDevtools-CXkXeTp3-DxlgenHe.js new file mode 100644 index 00000000..a875760a --- /dev/null +++ b/webui/dist/assets/FloatingTanStackRouterDevtools-CXkXeTp3-DxlgenHe.js @@ -0,0 +1,486 @@ +import{c as ne,a as Ue,b as w,u as bt,d as _t,i as Ft,e as zt,f as K,t as O,s as tt,m as je,g as u,h as Mt,j as d,k as F,l as Z,M as Qe,r as Re,n as H,o as s,F as Ut,S as Bt,p as pt,q as Et,v as Ot,w as Dt,x as yt,y as rt,D as Tt,z as It,A as Gt}from"./index-Dq16ignL.js";let At={data:""},Pt=e=>{if(typeof window=="object"){let t=(e?e.querySelector("#_goober"):window._goober)||Object.assign(document.createElement("style"),{innerHTML:" ",id:"_goober"});return t.nonce=window.__nonce__,t.parentNode||(e||document.head).appendChild(t),t.firstChild}return e||At},Rt=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,Lt=/\/\*[^]*?\*\/| +/g,ht=/\n+/g,we=(e,t)=>{let n="",i="",p="";for(let l in e){let a=e[l];l[0]=="@"?l[1]=="i"?n=l+" "+a+";":i+=l[1]=="f"?we(a,l):l+"{"+we(a,l[1]=="k"?"":t)+"}":typeof a=="object"?i+=we(a,t?t.replace(/([^,])+/g,f=>l.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g,g=>/&/.test(g)?g.replace(/&/g,f):f?f+" "+g:g)):l):a!=null&&(l=/^--/.test(l)?l:l.replace(/[A-Z]/g,"-$&").toLowerCase(),p+=we.p?we.p(l,a):l+":"+a+";")}return n+(t&&p?t+"{"+p+"}":p)+i},$e={},kt=e=>{if(typeof e=="object"){let t="";for(let n in e)t+=n+kt(e[n]);return t}return e},jt=(e,t,n,i,p)=>{let l=kt(e),a=$e[l]||($e[l]=(g=>{let o=0,r=11;for(;o>>0;return"go"+r})(l));if(!$e[a]){let g=l!==e?e:(o=>{let r,v,h=[{}];for(;r=Rt.exec(o.replace(Lt,""));)r[4]?h.shift():r[3]?(v=r[3].replace(ht," ").trim(),h.unshift(h[0][v]=h[0][v]||{})):h[0][r[1]]=r[2].replace(ht," ").trim();return h[0]})(e);$e[a]=we(p?{["@keyframes "+a]:g}:g,n?"":"."+a)}let f=n&&$e.g?$e.g:null;return n&&($e.g=$e[a]),((g,o,r,v)=>{v?o.data=o.data.replace(v,g):o.data.indexOf(g)===-1&&(o.data=r?g+o.data:o.data+g)})($e[a],t,i,f),a},Ht=(e,t,n)=>e.reduce((i,p,l)=>{let a=t[l];if(a&&a.call){let f=a(n),g=f&&f.props&&f.props.className||/^go/.test(f)&&f;a=g?"."+g:f&&typeof f=="object"?f.props?"":we(f,""):f===!1?"":f}return i+p+(a??"")},"");function Be(e){let t=this||{},n=e.call?e(t.p):e;return jt(n.unshift?n.raw?Ht(n,[].slice.call(arguments,1),t.p):n.reduce((i,p)=>Object.assign(i,p&&p.call?p(t.p):p),{}):n,Pt(t.target),t.g,t.o,t.k)}Be.bind({g:1});Be.bind({k:1});const Nt=typeof window>"u";function et(e){const t={pending:"yellow",success:"green",error:"red",notFound:"purple",redirected:"gray"};return e.isFetching&&e.status==="success"?e.isFetching==="beforeLoad"?"purple":"blue":t[e.status]}function Vt(e,t){const n=e.find(i=>i.routeId===t.id);return n?et(n):"gray"}function Jt(){const[e,t]=ne(!1);return(Nt?Ue:w)(()=>{t(!0)}),e}const Yt=e=>{const t=Object.getOwnPropertyNames(Object(e)),n=typeof e=="bigint"?`${e.toString()}n`:e;try{return JSON.stringify(n,t)}catch{return"unable to stringify"}};function qt(e,t=[n=>n]){return e.map((n,i)=>[n,i]).sort(([n,i],[p,l])=>{for(const a of t){const f=a(n),g=a(p);if(typeof f>"u"){if(typeof g>"u")continue;return 1}if(f!==g)return f>g?1:-1}return i-l}).map(([n])=>n)}const I={colors:{inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000000",white:"#ffffff",neutral:{50:"#f9fafb",100:"#f2f4f7",200:"#eaecf0",300:"#d0d5dd",400:"#98a2b3",500:"#667085",600:"#475467",700:"#344054",800:"#1d2939",900:"#101828"},darkGray:{50:"#525c7a",100:"#49536e",200:"#414962",300:"#394056",400:"#313749",500:"#292e3d",600:"#212530",700:"#191c24",800:"#111318",900:"#0b0d10"},gray:{50:"#f9fafb",100:"#f2f4f7",200:"#eaecf0",300:"#d0d5dd",400:"#98a2b3",500:"#667085",600:"#475467",700:"#344054",800:"#1d2939",900:"#101828"},blue:{25:"#F5FAFF",50:"#EFF8FF",100:"#D1E9FF",200:"#B2DDFF",300:"#84CAFF",400:"#53B1FD",500:"#2E90FA",600:"#1570EF",700:"#175CD3",800:"#1849A9",900:"#194185"},green:{25:"#F6FEF9",50:"#ECFDF3",100:"#D1FADF",200:"#A6F4C5",300:"#6CE9A6",400:"#32D583",500:"#12B76A",600:"#039855",700:"#027A48",800:"#05603A",900:"#054F31"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},yellow:{25:"#FFFCF5",50:"#FFFAEB",100:"#FEF0C7",200:"#FEDF89",300:"#FEC84B",400:"#FDB022",500:"#F79009",600:"#DC6803",700:"#B54708",800:"#93370D",900:"#7A2E0E"},purple:{25:"#FAFAFF",50:"#F4F3FF",100:"#EBE9FE",200:"#D9D6FE",300:"#BDB4FE",400:"#9B8AFB",500:"#7A5AF8",600:"#6938EF",700:"#5925DC",800:"#4A1FB8",900:"#3E1C96"},teal:{25:"#F6FEFC",50:"#F0FDF9",100:"#CCFBEF",200:"#99F6E0",300:"#5FE9D0",400:"#2ED3B7",500:"#15B79E",600:"#0E9384",700:"#107569",800:"#125D56",900:"#134E48"},pink:{25:"#fdf2f8",50:"#fce7f3",100:"#fbcfe8",200:"#f9a8d4",300:"#f472b6",400:"#ec4899",500:"#db2777",600:"#be185d",700:"#9d174d",800:"#831843",900:"#500724"},cyan:{25:"#ecfeff",50:"#cffafe",100:"#a5f3fc",200:"#67e8f9",300:"#22d3ee",400:"#06b6d4",500:"#0891b2",600:"#0e7490",700:"#155e75",800:"#164e63",900:"#083344"}},alpha:{90:"e5",70:"b3",20:"33"},font:{size:{"2xs":"calc(var(--tsrd-font-size) * 0.625)",xs:"calc(var(--tsrd-font-size) * 0.75)",sm:"calc(var(--tsrd-font-size) * 0.875)",md:"var(--tsrd-font-size)"},lineHeight:{xs:"calc(var(--tsrd-font-size) * 1)",sm:"calc(var(--tsrd-font-size) * 1.25)"},weight:{normal:"400",medium:"500",semibold:"600",bold:"700"},fontFamily:{sans:"ui-sans-serif, Inter, system-ui, sans-serif, sans-serif",mono:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"}},border:{radius:{xs:"calc(var(--tsrd-font-size) * 0.125)",sm:"calc(var(--tsrd-font-size) * 0.25)",md:"calc(var(--tsrd-font-size) * 0.375)",full:"9999px"}},size:{0:"0px",.5:"calc(var(--tsrd-font-size) * 0.125)",1:"calc(var(--tsrd-font-size) * 0.25)",1.5:"calc(var(--tsrd-font-size) * 0.375)",2:"calc(var(--tsrd-font-size) * 0.5)",2.5:"calc(var(--tsrd-font-size) * 0.625)",3:"calc(var(--tsrd-font-size) * 0.75)",3.5:"calc(var(--tsrd-font-size) * 0.875)",4:"calc(var(--tsrd-font-size) * 1)",5:"calc(var(--tsrd-font-size) * 1.25)",8:"calc(var(--tsrd-font-size) * 2)"}},Kt=e=>{const{colors:t,font:n,size:i,alpha:p,border:l}=I,{fontFamily:a,lineHeight:f,size:g}=n,o=e?Be.bind({target:e}):Be;return{devtoolsPanelContainer:o` + direction: ltr; + position: fixed; + bottom: 0; + right: 0; + z-index: 99999; + width: 100%; + max-height: 90%; + border-top: 1px solid ${t.gray[700]}; + transform-origin: top; + `,devtoolsPanelContainerVisibility:r=>o` + visibility: ${r?"visible":"hidden"}; + `,devtoolsPanelContainerResizing:r=>r()?o` + transition: none; + `:o` + transition: all 0.4s ease; + `,devtoolsPanelContainerAnimation:(r,v)=>r?o` + pointer-events: auto; + transform: translateY(0); + `:o` + pointer-events: none; + transform: translateY(${v}px); + `,logo:o` + cursor: pointer; + display: flex; + flex-direction: column; + background-color: transparent; + border: none; + font-family: ${a.sans}; + gap: ${I.size[.5]}; + padding: 0px; + &:hover { + opacity: 0.7; + } + &:focus-visible { + outline-offset: 4px; + border-radius: ${l.radius.xs}; + outline: 2px solid ${t.blue[800]}; + } + `,tanstackLogo:o` + font-size: ${n.size.md}; + font-weight: ${n.weight.bold}; + line-height: ${n.lineHeight.xs}; + white-space: nowrap; + color: ${t.gray[300]}; + `,routerLogo:o` + font-weight: ${n.weight.semibold}; + font-size: ${n.size.xs}; + background: linear-gradient(to right, #84cc16, #10b981); + background-clip: text; + -webkit-background-clip: text; + line-height: 1; + -webkit-text-fill-color: transparent; + white-space: nowrap; + `,devtoolsPanel:o` + display: flex; + font-size: ${g.sm}; + font-family: ${a.sans}; + background-color: ${t.darkGray[700]}; + color: ${t.gray[300]}; + + @media (max-width: 700px) { + flex-direction: column; + } + @media (max-width: 600px) { + font-size: ${g.xs}; + } + `,dragHandle:o` + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 4px; + cursor: row-resize; + z-index: 100000; + &:hover { + background-color: ${t.purple[400]}${p[90]}; + } + `,firstContainer:o` + flex: 1 1 500px; + min-height: 40%; + max-height: 100%; + overflow: auto; + border-right: 1px solid ${t.gray[700]}; + display: flex; + flex-direction: column; + `,routerExplorerContainer:o` + overflow-y: auto; + flex: 1; + `,routerExplorer:o` + padding: ${I.size[2]}; + `,row:o` + display: flex; + align-items: center; + padding: ${I.size[2]} ${I.size[2.5]}; + gap: ${I.size[2.5]}; + border-bottom: ${t.darkGray[500]} 1px solid; + align-items: center; + `,detailsHeader:o` + font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif; + position: sticky; + top: 0; + z-index: 2; + background-color: ${t.darkGray[600]}; + padding: 0px ${I.size[2]}; + font-weight: ${n.weight.medium}; + font-size: ${n.size.xs}; + min-height: ${I.size[8]}; + line-height: ${n.lineHeight.xs}; + text-align: left; + display: flex; + align-items: center; + `,maskedBadge:o` + background: ${t.yellow[900]}${p[70]}; + color: ${t.yellow[300]}; + display: inline-block; + padding: ${I.size[0]} ${I.size[2.5]}; + border-radius: ${l.radius.full}; + font-size: ${n.size.xs}; + font-weight: ${n.weight.normal}; + border: 1px solid ${t.yellow[300]}; + `,maskedLocation:o` + color: ${t.yellow[300]}; + `,detailsContent:o` + padding: ${I.size[1.5]} ${I.size[2]}; + display: flex; + align-items: center; + justify-content: space-between; + font-size: ${n.size.xs}; + `,routeMatchesToggle:o` + display: flex; + align-items: center; + border: 1px solid ${t.gray[500]}; + border-radius: ${l.radius.sm}; + overflow: hidden; + `,routeMatchesToggleBtn:(r,v)=>{const C=[o` + appearance: none; + border: none; + font-size: 12px; + padding: 4px 8px; + background: transparent; + cursor: pointer; + font-family: ${a.sans}; + font-weight: ${n.weight.medium}; + `];if(r){const m=o` + background: ${t.darkGray[400]}; + color: ${t.gray[300]}; + `;C.push(m)}else{const m=o` + color: ${t.gray[500]}; + background: ${t.darkGray[800]}${p[20]}; + `;C.push(m)}return v&&C.push(o` + border-right: 1px solid ${I.colors.gray[500]}; + `),C},detailsHeaderInfo:o` + flex: 1; + justify-content: flex-end; + display: flex; + align-items: center; + font-weight: ${n.weight.normal}; + color: ${t.gray[400]}; + `,matchRow:r=>{const h=[o` + display: flex; + border-bottom: 1px solid ${t.darkGray[400]}; + cursor: pointer; + align-items: center; + padding: ${i[1]} ${i[2]}; + gap: ${i[2]}; + font-size: ${g.xs}; + color: ${t.gray[300]}; + `];if(r){const C=o` + background: ${t.darkGray[500]}; + `;h.push(C)}return h},matchIndicator:r=>{const h=[o` + flex: 0 0 auto; + width: ${i[3]}; + height: ${i[3]}; + background: ${t[r][900]}; + border: 1px solid ${t[r][500]}; + border-radius: ${l.radius.full}; + transition: all 0.25s ease-out; + box-sizing: border-box; + `];if(r==="gray"){const C=o` + background: ${t.gray[700]}; + border-color: ${t.gray[400]}; + `;h.push(C)}return h},matchID:o` + flex: 1; + line-height: ${f.xs}; + `,ageTicker:r=>{const h=[o` + display: flex; + gap: ${i[1]}; + font-size: ${g.xs}; + color: ${t.gray[400]}; + font-variant-numeric: tabular-nums; + line-height: ${f.xs}; + `];if(r){const C=o` + color: ${t.yellow[400]}; + `;h.push(C)}return h},secondContainer:o` + flex: 1 1 500px; + min-height: 40%; + max-height: 100%; + overflow: auto; + border-right: 1px solid ${t.gray[700]}; + display: flex; + flex-direction: column; + `,thirdContainer:o` + flex: 1 1 500px; + overflow: auto; + display: flex; + flex-direction: column; + height: 100%; + border-right: 1px solid ${t.gray[700]}; + + @media (max-width: 700px) { + border-top: 2px solid ${t.gray[700]}; + } + `,fourthContainer:o` + flex: 1 1 500px; + min-height: 40%; + max-height: 100%; + overflow: auto; + display: flex; + flex-direction: column; + `,routesContainer:o` + overflow-x: auto; + overflow-y: visible; + `,routesRowContainer:(r,v)=>{const C=[o` + display: flex; + border-bottom: 1px solid ${t.darkGray[400]}; + align-items: center; + padding: ${i[1]} ${i[2]}; + gap: ${i[2]}; + font-size: ${g.xs}; + color: ${t.gray[300]}; + cursor: ${v?"pointer":"default"}; + line-height: ${f.xs}; + `];if(r){const m=o` + background: ${t.darkGray[500]}; + `;C.push(m)}return C},routesRow:r=>{const h=[o` + flex: 1 0 auto; + display: flex; + justify-content: space-between; + align-items: center; + font-size: ${g.xs}; + line-height: ${f.xs}; + `];if(!r){const C=o` + color: ${t.gray[400]}; + `;h.push(C)}return h},routesRowInner:o` + display: 'flex'; + align-items: 'center'; + flex-grow: 1; + min-width: 0; + `,routeParamInfo:o` + color: ${t.gray[400]}; + font-size: ${g.xs}; + line-height: ${f.xs}; + `,nestedRouteRow:r=>o` + margin-left: ${r?0:i[3.5]}; + border-left: ${r?"":`solid 1px ${t.gray[700]}`}; + `,code:o` + font-size: ${g.xs}; + line-height: ${f.xs}; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + `,matchesContainer:o` + flex: 1 1 auto; + overflow-y: auto; + `,cachedMatchesContainer:o` + flex: 1 1 auto; + overflow-y: auto; + max-height: 50%; + `,historyContainer:o` + display: flex; + flex: 1 1 auto; + overflow-y: auto; + max-height: 50%; + `,historyOverflowContainer:o` + padding: ${i[1]} ${i[2]}; + font-size: ${I.font.size.xs}; + `,maskedBadgeContainer:o` + flex: 1; + justify-content: flex-end; + display: flex; + `,matchDetails:o` + display: flex; + flex-direction: column; + padding: ${I.size[2]}; + font-size: ${I.font.size.xs}; + color: ${I.colors.gray[300]}; + line-height: ${I.font.lineHeight.sm}; + `,matchStatus:(r,v)=>{const C=v&&r==="success"?v==="beforeLoad"?"purple":"blue":{pending:"yellow",success:"green",error:"red",notFound:"purple",redirected:"gray"}[r];return o` + display: flex; + justify-content: center; + align-items: center; + height: 40px; + border-radius: ${I.border.radius.sm}; + font-weight: ${I.font.weight.normal}; + background-color: ${I.colors[C][900]}${I.alpha[90]}; + color: ${I.colors[C][300]}; + border: 1px solid ${I.colors[C][600]}; + margin-bottom: ${I.size[2]}; + transition: all 0.25s ease-out; + `},matchDetailsInfo:o` + display: flex; + justify-content: flex-end; + flex: 1; + `,matchDetailsInfoLabel:o` + display: flex; + `,mainCloseBtn:o` + background: ${t.darkGray[700]}; + padding: ${i[1]} ${i[2]} ${i[1]} ${i[1.5]}; + border-radius: ${l.radius.md}; + position: fixed; + z-index: 99999; + display: inline-flex; + width: fit-content; + cursor: pointer; + appearance: none; + border: 0; + gap: 8px; + align-items: center; + border: 1px solid ${t.gray[500]}; + font-size: ${n.size.xs}; + cursor: pointer; + transition: all 0.25s ease-out; + + &:hover { + background: ${t.darkGray[500]}; + } + `,mainCloseBtnPosition:r=>o` + ${r==="top-left"?`top: ${i[2]}; left: ${i[2]};`:""} + ${r==="top-right"?`top: ${i[2]}; right: ${i[2]};`:""} + ${r==="bottom-left"?`bottom: ${i[2]}; left: ${i[2]};`:""} + ${r==="bottom-right"?`bottom: ${i[2]}; right: ${i[2]};`:""} + `,mainCloseBtnAnimation:r=>r?o` + opacity: 0; + pointer-events: none; + visibility: hidden; + `:o` + opacity: 1; + pointer-events: auto; + visibility: visible; + `,routerLogoCloseButton:o` + font-weight: ${n.weight.semibold}; + font-size: ${n.size.xs}; + background: linear-gradient(to right, #98f30c, #00f4a3); + background-clip: text; + -webkit-background-clip: text; + line-height: 1; + -webkit-text-fill-color: transparent; + white-space: nowrap; + `,mainCloseBtnDivider:o` + width: 1px; + background: ${I.colors.gray[600]}; + height: 100%; + border-radius: 999999px; + color: transparent; + `,mainCloseBtnIconContainer:o` + position: relative; + width: ${i[5]}; + height: ${i[5]}; + background: pink; + border-radius: 999999px; + overflow: hidden; + `,mainCloseBtnIconOuter:o` + width: ${i[5]}; + height: ${i[5]}; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + filter: blur(3px) saturate(1.8) contrast(2); + `,mainCloseBtnIconInner:o` + width: ${i[4]}; + height: ${i[4]}; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + `,panelCloseBtn:o` + position: absolute; + cursor: pointer; + z-index: 100001; + display: flex; + align-items: center; + justify-content: center; + outline: none; + background-color: ${t.darkGray[700]}; + &:hover { + background-color: ${t.darkGray[500]}; + } + + top: 0; + right: ${i[2]}; + transform: translate(0, -100%); + border-right: ${t.darkGray[300]} 1px solid; + border-left: ${t.darkGray[300]} 1px solid; + border-top: ${t.darkGray[300]} 1px solid; + border-bottom: none; + border-radius: ${l.radius.sm} ${l.radius.sm} 0px 0px; + padding: ${i[1]} ${i[1.5]} ${i[.5]} ${i[1.5]}; + + &::after { + content: ' '; + position: absolute; + top: 100%; + left: -${i[2.5]}; + height: ${i[1.5]}; + width: calc(100% + ${i[5]}); + } + `,panelCloseBtnIcon:o` + color: ${t.gray[400]}; + width: ${i[2]}; + height: ${i[2]}; + `,navigateButton:o` + background: none; + border: none; + padding: 0 0 0 4px; + margin: 0; + color: ${t.gray[400]}; + font-size: ${g.md}; + cursor: pointer; + line-height: 1; + vertical-align: middle; + margin-right: 0.5ch; + flex-shrink: 0; + &:hover { + color: ${t.blue[300]}; + } + `}};function Ee(){const e=bt(yt),[t]=ne(Kt(e));return t}const Wt=e=>{try{const t=localStorage.getItem(e);return typeof t=="string"?JSON.parse(t):void 0}catch{return}};function Ze(e,t){const[n,i]=ne();return Ue(()=>{const l=Wt(e);i(typeof l>"u"||l===null?typeof t=="function"?t():t:l)}),[n,l=>{i(a=>{let f=l;typeof l=="function"&&(f=l(a));try{localStorage.setItem(e,JSON.stringify(f))}catch{}return f})}]}var Zt=O(''),Je=O("
"),Qt=O("
Pathname
age / staleTime / gcTime
'),pr=O("
masked"),$t=O("
"),hr=O("
  • "),vr=O("
  • This panel displays the most recent 15 navigations."),$r=O("
    Cached Matches
    age / staleTime / gcTime
    "),mr=O("
    Match Details
    ID:
    State:
    Last Updated:
    Explorer
    "),xr=O("
    Loader Data"),br=O("
    Search Params
    "),yr=O(""),kr=O('