dorkos 0.39.0 → 0.40.0
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/dist/bin/cli.js +11 -10
- package/dist/client/assets/BaseTanStackRouterDevtoolsPanel-qCkSGZav-y4VZHKeL.js +486 -0
- package/dist/client/assets/ConfigTab-C1mbauBD.js +22 -0
- package/dist/client/assets/FloatingTanStackRouterDevtools-Dz-7tBRe-2GNCjpSI.js +1 -0
- package/dist/client/assets/RightPanelHeader-CJWAr3PG.js +1 -0
- package/dist/client/assets/SessionsTab-bTorghie.js +1 -0
- package/dist/client/assets/ToolkitTab-BcGP71Tx.js +1 -0
- package/dist/client/assets/{TopologyGraph-B1-mSLga.js → TopologyGraph-bI_Br0Hr.js} +1 -1
- package/dist/client/assets/{highlighted-body-OFNGDK62-Sx_ceET4.js → highlighted-body-OFNGDK62-BeV1e3RF.js} +1 -1
- package/dist/client/assets/index-51524ZkZ.js +2 -0
- package/dist/client/assets/index-BekkpIbE.js +11 -0
- package/dist/client/assets/index-Bi7loucf.js +1 -0
- package/dist/client/assets/index-DMueT7v7.js +1095 -0
- package/dist/client/assets/index-DPXiU-k1.css +1 -0
- package/dist/client/assets/{index-Fc3mIV-T.js → index-Dpw0VtOK.js} +3 -3
- package/dist/client/assets/{index-W3-SJiuY.js → index-frwwj3e3.js} +1 -1
- package/dist/client/assets/index-zioTSqyj.js +1 -0
- package/dist/client/index.html +2 -2
- package/dist/server/index.js +608 -482
- package/dist/server/index.js.map +3 -3
- package/package.json +3 -3
- package/dist/client/assets/ConfigTab-1sW84pvN.js +0 -22
- package/dist/client/assets/RightPanelHeader-ChdQ_K4T.js +0 -1
- package/dist/client/assets/SessionsTab-CxECg-ei.js +0 -1
- package/dist/client/assets/index-CH_RdJUu.js +0 -1
- package/dist/client/assets/index-CKL-0QLt.css +0 -1
- package/dist/client/assets/index-C__oh2Gz.js +0 -1094
- package/dist/client/assets/index-T9Sx63_p.js +0 -1
package/dist/bin/cli.js
CHANGED
|
@@ -19063,11 +19063,12 @@ var init_manifest_schema = __esm({
|
|
|
19063
19063
|
persona: external_exports2.string().max(4e3).optional(),
|
|
19064
19064
|
capabilities: external_exports2.array(external_exports2.string()).default([]),
|
|
19065
19065
|
traits: external_exports2.object({
|
|
19066
|
-
|
|
19066
|
+
verbosity: external_exports2.number().int().min(1).max(5).optional(),
|
|
19067
19067
|
autonomy: external_exports2.number().int().min(1).max(5).optional(),
|
|
19068
|
-
|
|
19069
|
-
|
|
19070
|
-
|
|
19068
|
+
chaos: external_exports2.number().int().min(1).max(5).optional(),
|
|
19069
|
+
creativity: external_exports2.number().int().min(1).max(5).optional(),
|
|
19070
|
+
humor: external_exports2.number().int().min(1).max(5).optional(),
|
|
19071
|
+
spice: external_exports2.number().int().min(1).max(5).optional()
|
|
19071
19072
|
}).optional()
|
|
19072
19073
|
}).optional()
|
|
19073
19074
|
});
|
|
@@ -24030,7 +24031,7 @@ import path11 from "path";
|
|
|
24030
24031
|
import { fileURLToPath } from "url";
|
|
24031
24032
|
function resolveVersion() {
|
|
24032
24033
|
if (env3.DORKOS_VERSION_OVERRIDE) return env3.DORKOS_VERSION_OVERRIDE;
|
|
24033
|
-
if (true) return "0.
|
|
24034
|
+
if (true) return "0.40.0";
|
|
24034
24035
|
const pkgPath = path11.join(path11.dirname(fileURLToPath(import.meta.url)), "../../package.json");
|
|
24035
24036
|
return JSON.parse(readFileSync(pkgPath, "utf-8")).version;
|
|
24036
24037
|
}
|
|
@@ -26073,12 +26074,12 @@ Examples:
|
|
|
26073
26074
|
process.exit(0);
|
|
26074
26075
|
}
|
|
26075
26076
|
if (values.version) {
|
|
26076
|
-
console.log("0.
|
|
26077
|
+
console.log("0.40.0");
|
|
26077
26078
|
process.exit(0);
|
|
26078
26079
|
}
|
|
26079
26080
|
if (values["post-install-check"]) {
|
|
26080
26081
|
const claudeFound = checkClaude();
|
|
26081
|
-
console.log(`dorkos ${"0.
|
|
26082
|
+
console.log(`dorkos ${"0.40.0"}`);
|
|
26082
26083
|
if (claudeFound) {
|
|
26083
26084
|
console.log("Installation verified.");
|
|
26084
26085
|
} else {
|
|
@@ -26222,7 +26223,7 @@ var ansiReset = "\x1B[0m";
|
|
|
26222
26223
|
console.log("");
|
|
26223
26224
|
console.log(`${purple}${logo}${ansiReset}`);
|
|
26224
26225
|
console.log("");
|
|
26225
|
-
console.log(` DorkOS v${"0.
|
|
26226
|
+
console.log(` DorkOS v${"0.40.0"}`);
|
|
26226
26227
|
console.log(` Local: ${link(localUrl, localUrl)}`);
|
|
26227
26228
|
var nets = networkInterfaces();
|
|
26228
26229
|
var networkUrl = null;
|
|
@@ -26283,9 +26284,9 @@ if (shouldOpenBrowser && process.stdin.isTTY) {
|
|
|
26283
26284
|
}
|
|
26284
26285
|
});
|
|
26285
26286
|
}
|
|
26286
|
-
checkForUpdate("0.
|
|
26287
|
+
checkForUpdate("0.40.0").then((latestVersion) => {
|
|
26287
26288
|
if (latestVersion) {
|
|
26288
|
-
const msg = `Update available: ${"0.
|
|
26289
|
+
const msg = `Update available: ${"0.40.0"} \u2192 ${latestVersion}`;
|
|
26289
26290
|
const cmd = "Run npm install -g dorkos@latest to update";
|
|
26290
26291
|
const width = Math.max(msg.length, cmd.length) + 6;
|
|
26291
26292
|
const pad = (s2) => `\u2502 ${s2}${" ".repeat(width - s2.length - 6)} \u2502`;
|
|
@@ -0,0 +1,486 @@
|
|
|
1
|
+
import{u as vt,c as q,a as xe,b as J,s as st,m as je,i as u,k as pt,e as x,f as s,d as S,l as j,M as Le,j as ae,F as $t,S as mt,n as lt,t as D,o as bt,p as Oe,q as yt,r as dt,v as Ne}from"./index-51524ZkZ.js";import{I as be,o as H,J as tt,K as xt}from"./index-DMueT7v7.js";let wt={data:""},Ct=n=>{if(typeof window=="object"){let e=(n?n.querySelector("#_goober"):window._goober)||Object.assign(document.createElement("style"),{innerHTML:" ",id:"_goober"});return e.nonce=window.__nonce__,e.parentNode||(n||document.head).appendChild(e),e.firstChild}return n||wt},kt=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,_t=/\/\*[^]*?\*\/| +/g,rt=/\n+/g,oe=(n,e)=>{let a="",t="",f="";for(let o in n){let l=n[o];o[0]=="@"?o[1]=="i"?a=o+" "+l+";":t+=o[1]=="f"?oe(l,o):o+"{"+oe(l,o[1]=="k"?"":e)+"}":typeof l=="object"?t+=oe(l,e?e.replace(/([^,])+/g,c=>o.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g,h=>/&/.test(h)?h.replace(/&/g,c):c?c+" "+h:h)):o):l!=null&&(o=/^--/.test(o)?o:o.replace(/[A-Z]/g,"-$&").toLowerCase(),f+=oe.p?oe.p(o,l):o+":"+l+";")}return a+(e&&f?e+"{"+f+"}":f)+t},ee={},ct=n=>{if(typeof n=="object"){let e="";for(let a in n)e+=a+ct(n[a]);return e}return n},St=(n,e,a,t,f)=>{let o=ct(n),l=ee[o]||(ee[o]=(h=>{let i=0,r=11;for(;i<h.length;)r=101*r+h.charCodeAt(i++)>>>0;return"go"+r})(o));if(!ee[l]){let h=o!==n?n:(i=>{let r,y,p=[{}];for(;r=kt.exec(i.replace(_t,""));)r[4]?p.shift():r[3]?(y=r[3].replace(rt," ").trim(),p.unshift(p[0][y]=p[0][y]||{})):p[0][r[1]]=r[2].replace(rt," ").trim();return p[0]})(n);ee[l]=oe(f?{["@keyframes "+l]:h}:h,a?"":"."+l)}let c=a&&ee.g?ee.g:null;return a&&(ee.g=ee[l]),((h,i,r,y)=>{y?i.data=i.data.replace(y,h):i.data.indexOf(h)===-1&&(i.data=r?h+i.data:i.data+h)})(ee[l],e,t,c),l},Ft=(n,e,a)=>n.reduce((t,f,o)=>{let l=e[o];if(l&&l.call){let c=l(a),h=c&&c.props&&c.props.className||/^go/.test(c)&&c;l=h?"."+h:c&&typeof c=="object"?c.props?"":oe(c,""):c===!1?"":c}return t+f+(l??"")},"");function ce(n){let e=this||{},a=n.call?n(e.p):n;return St(a.unshift?a.raw?Ft(a,[].slice.call(arguments,1),e.p):a.reduce((t,f)=>Object.assign(t,f&&f.call?f(e.p):f),{}):a,Ct(e.target),e.g,e.o,e.k)}ce.bind({g:1});ce.bind({k:1});var 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)"}},zt=n=>{const{colors:e,font:a,size:t,alpha:f,border:o}=I,{fontFamily:l,lineHeight:c,size:h}=a,i=n?ce.bind({target:n}):ce;return{devtoolsPanelContainer:i`
|
|
2
|
+
direction: ltr;
|
|
3
|
+
position: fixed;
|
|
4
|
+
bottom: 0;
|
|
5
|
+
right: 0;
|
|
6
|
+
z-index: 99999;
|
|
7
|
+
width: 100%;
|
|
8
|
+
max-height: 90%;
|
|
9
|
+
border-top: 1px solid ${e.gray[700]};
|
|
10
|
+
transform-origin: top;
|
|
11
|
+
`,devtoolsPanelContainerVisibility:r=>i`
|
|
12
|
+
visibility: ${r?"visible":"hidden"};
|
|
13
|
+
`,devtoolsPanelContainerResizing:r=>r()?i`
|
|
14
|
+
transition: none;
|
|
15
|
+
`:i`
|
|
16
|
+
transition: all 0.4s ease;
|
|
17
|
+
`,devtoolsPanelContainerAnimation:(r,y)=>r?i`
|
|
18
|
+
pointer-events: auto;
|
|
19
|
+
transform: translateY(0);
|
|
20
|
+
`:i`
|
|
21
|
+
pointer-events: none;
|
|
22
|
+
transform: translateY(${y}px);
|
|
23
|
+
`,logo:i`
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
background-color: transparent;
|
|
28
|
+
border: none;
|
|
29
|
+
font-family: ${l.sans};
|
|
30
|
+
gap: ${I.size[.5]};
|
|
31
|
+
padding: 0px;
|
|
32
|
+
&:hover {
|
|
33
|
+
opacity: 0.7;
|
|
34
|
+
}
|
|
35
|
+
&:focus-visible {
|
|
36
|
+
outline-offset: 4px;
|
|
37
|
+
border-radius: ${o.radius.xs};
|
|
38
|
+
outline: 2px solid ${e.blue[800]};
|
|
39
|
+
}
|
|
40
|
+
`,tanstackLogo:i`
|
|
41
|
+
font-size: ${a.size.md};
|
|
42
|
+
font-weight: ${a.weight.bold};
|
|
43
|
+
line-height: ${a.lineHeight.xs};
|
|
44
|
+
white-space: nowrap;
|
|
45
|
+
color: ${e.gray[300]};
|
|
46
|
+
`,routerLogo:i`
|
|
47
|
+
font-weight: ${a.weight.semibold};
|
|
48
|
+
font-size: ${a.size.xs};
|
|
49
|
+
background: linear-gradient(to right, #84cc16, #10b981);
|
|
50
|
+
background-clip: text;
|
|
51
|
+
-webkit-background-clip: text;
|
|
52
|
+
line-height: 1;
|
|
53
|
+
-webkit-text-fill-color: transparent;
|
|
54
|
+
white-space: nowrap;
|
|
55
|
+
`,devtoolsPanel:i`
|
|
56
|
+
display: flex;
|
|
57
|
+
font-size: ${h.sm};
|
|
58
|
+
font-family: ${l.sans};
|
|
59
|
+
background-color: ${e.darkGray[700]};
|
|
60
|
+
color: ${e.gray[300]};
|
|
61
|
+
|
|
62
|
+
@media (max-width: 700px) {
|
|
63
|
+
flex-direction: column;
|
|
64
|
+
}
|
|
65
|
+
@media (max-width: 600px) {
|
|
66
|
+
font-size: ${h.xs};
|
|
67
|
+
}
|
|
68
|
+
`,dragHandle:i`
|
|
69
|
+
position: absolute;
|
|
70
|
+
left: 0;
|
|
71
|
+
top: 0;
|
|
72
|
+
width: 100%;
|
|
73
|
+
height: 4px;
|
|
74
|
+
cursor: row-resize;
|
|
75
|
+
z-index: 100000;
|
|
76
|
+
&:hover {
|
|
77
|
+
background-color: ${e.purple[400]}${f[90]};
|
|
78
|
+
}
|
|
79
|
+
`,firstContainer:i`
|
|
80
|
+
flex: 1 1 500px;
|
|
81
|
+
min-height: 40%;
|
|
82
|
+
max-height: 100%;
|
|
83
|
+
overflow: auto;
|
|
84
|
+
border-right: 1px solid ${e.gray[700]};
|
|
85
|
+
display: flex;
|
|
86
|
+
flex-direction: column;
|
|
87
|
+
`,routerExplorerContainer:i`
|
|
88
|
+
overflow-y: auto;
|
|
89
|
+
flex: 1;
|
|
90
|
+
`,routerExplorer:i`
|
|
91
|
+
padding: ${I.size[2]};
|
|
92
|
+
`,row:i`
|
|
93
|
+
display: flex;
|
|
94
|
+
align-items: center;
|
|
95
|
+
padding: ${I.size[2]} ${I.size[2.5]};
|
|
96
|
+
gap: ${I.size[2.5]};
|
|
97
|
+
border-bottom: ${e.darkGray[500]} 1px solid;
|
|
98
|
+
align-items: center;
|
|
99
|
+
`,detailsHeader:i`
|
|
100
|
+
font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
|
|
101
|
+
position: sticky;
|
|
102
|
+
top: 0;
|
|
103
|
+
z-index: 2;
|
|
104
|
+
background-color: ${e.darkGray[600]};
|
|
105
|
+
padding: 0px ${I.size[2]};
|
|
106
|
+
font-weight: ${a.weight.medium};
|
|
107
|
+
font-size: ${a.size.xs};
|
|
108
|
+
min-height: ${I.size[8]};
|
|
109
|
+
line-height: ${a.lineHeight.xs};
|
|
110
|
+
text-align: left;
|
|
111
|
+
display: flex;
|
|
112
|
+
align-items: center;
|
|
113
|
+
`,maskedBadge:i`
|
|
114
|
+
background: ${e.yellow[900]}${f[70]};
|
|
115
|
+
color: ${e.yellow[300]};
|
|
116
|
+
display: inline-block;
|
|
117
|
+
padding: ${I.size[0]} ${I.size[2.5]};
|
|
118
|
+
border-radius: ${o.radius.full};
|
|
119
|
+
font-size: ${a.size.xs};
|
|
120
|
+
font-weight: ${a.weight.normal};
|
|
121
|
+
border: 1px solid ${e.yellow[300]};
|
|
122
|
+
`,maskedLocation:i`
|
|
123
|
+
color: ${e.yellow[300]};
|
|
124
|
+
`,detailsContent:i`
|
|
125
|
+
padding: ${I.size[1.5]} ${I.size[2]};
|
|
126
|
+
display: flex;
|
|
127
|
+
align-items: center;
|
|
128
|
+
justify-content: space-between;
|
|
129
|
+
font-size: ${a.size.xs};
|
|
130
|
+
`,routeMatchesToggle:i`
|
|
131
|
+
display: flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
border: 1px solid ${e.gray[500]};
|
|
134
|
+
border-radius: ${o.radius.sm};
|
|
135
|
+
overflow: hidden;
|
|
136
|
+
`,routeMatchesToggleBtn:(r,y)=>{const p=[i`
|
|
137
|
+
appearance: none;
|
|
138
|
+
border: none;
|
|
139
|
+
font-size: 12px;
|
|
140
|
+
padding: 4px 8px;
|
|
141
|
+
background: transparent;
|
|
142
|
+
cursor: pointer;
|
|
143
|
+
font-family: ${l.sans};
|
|
144
|
+
font-weight: ${a.weight.medium};
|
|
145
|
+
`];if(r){const A=i`
|
|
146
|
+
background: ${e.darkGray[400]};
|
|
147
|
+
color: ${e.gray[300]};
|
|
148
|
+
`;p.push(A)}else{const A=i`
|
|
149
|
+
color: ${e.gray[500]};
|
|
150
|
+
background: ${e.darkGray[800]}${f[20]};
|
|
151
|
+
`;p.push(A)}return y&&p.push(i`
|
|
152
|
+
border-right: 1px solid ${I.colors.gray[500]};
|
|
153
|
+
`),p},detailsHeaderInfo:i`
|
|
154
|
+
flex: 1;
|
|
155
|
+
justify-content: flex-end;
|
|
156
|
+
display: flex;
|
|
157
|
+
align-items: center;
|
|
158
|
+
font-weight: ${a.weight.normal};
|
|
159
|
+
color: ${e.gray[400]};
|
|
160
|
+
`,matchRow:r=>{const y=[i`
|
|
161
|
+
display: flex;
|
|
162
|
+
border-bottom: 1px solid ${e.darkGray[400]};
|
|
163
|
+
cursor: pointer;
|
|
164
|
+
align-items: center;
|
|
165
|
+
padding: ${t[1]} ${t[2]};
|
|
166
|
+
gap: ${t[2]};
|
|
167
|
+
font-size: ${h.xs};
|
|
168
|
+
color: ${e.gray[300]};
|
|
169
|
+
`];if(r){const p=i`
|
|
170
|
+
background: ${e.darkGray[500]};
|
|
171
|
+
`;y.push(p)}return y},matchIndicator:r=>{const y=[i`
|
|
172
|
+
flex: 0 0 auto;
|
|
173
|
+
width: ${t[3]};
|
|
174
|
+
height: ${t[3]};
|
|
175
|
+
background: ${e[r][900]};
|
|
176
|
+
border: 1px solid ${e[r][500]};
|
|
177
|
+
border-radius: ${o.radius.full};
|
|
178
|
+
transition: all 0.25s ease-out;
|
|
179
|
+
box-sizing: border-box;
|
|
180
|
+
`];if(r==="gray"){const p=i`
|
|
181
|
+
background: ${e.gray[700]};
|
|
182
|
+
border-color: ${e.gray[400]};
|
|
183
|
+
`;y.push(p)}return y},matchID:i`
|
|
184
|
+
flex: 1;
|
|
185
|
+
line-height: ${c.xs};
|
|
186
|
+
`,ageTicker:r=>{const y=[i`
|
|
187
|
+
display: flex;
|
|
188
|
+
gap: ${t[1]};
|
|
189
|
+
font-size: ${h.xs};
|
|
190
|
+
color: ${e.gray[400]};
|
|
191
|
+
font-variant-numeric: tabular-nums;
|
|
192
|
+
line-height: ${c.xs};
|
|
193
|
+
`];if(r){const p=i`
|
|
194
|
+
color: ${e.yellow[400]};
|
|
195
|
+
`;y.push(p)}return y},secondContainer:i`
|
|
196
|
+
flex: 1 1 500px;
|
|
197
|
+
min-height: 40%;
|
|
198
|
+
max-height: 100%;
|
|
199
|
+
overflow: auto;
|
|
200
|
+
border-right: 1px solid ${e.gray[700]};
|
|
201
|
+
display: flex;
|
|
202
|
+
flex-direction: column;
|
|
203
|
+
`,thirdContainer:i`
|
|
204
|
+
flex: 1 1 500px;
|
|
205
|
+
overflow: auto;
|
|
206
|
+
display: flex;
|
|
207
|
+
flex-direction: column;
|
|
208
|
+
height: 100%;
|
|
209
|
+
border-right: 1px solid ${e.gray[700]};
|
|
210
|
+
|
|
211
|
+
@media (max-width: 700px) {
|
|
212
|
+
border-top: 2px solid ${e.gray[700]};
|
|
213
|
+
}
|
|
214
|
+
`,fourthContainer:i`
|
|
215
|
+
flex: 1 1 500px;
|
|
216
|
+
min-height: 40%;
|
|
217
|
+
max-height: 100%;
|
|
218
|
+
overflow: auto;
|
|
219
|
+
display: flex;
|
|
220
|
+
flex-direction: column;
|
|
221
|
+
`,routesContainer:i`
|
|
222
|
+
overflow-x: auto;
|
|
223
|
+
overflow-y: visible;
|
|
224
|
+
`,routesRowContainer:(r,y)=>{const p=[i`
|
|
225
|
+
display: flex;
|
|
226
|
+
border-bottom: 1px solid ${e.darkGray[400]};
|
|
227
|
+
align-items: center;
|
|
228
|
+
padding: ${t[1]} ${t[2]};
|
|
229
|
+
gap: ${t[2]};
|
|
230
|
+
font-size: ${h.xs};
|
|
231
|
+
color: ${e.gray[300]};
|
|
232
|
+
cursor: ${y?"pointer":"default"};
|
|
233
|
+
line-height: ${c.xs};
|
|
234
|
+
`];if(r){const A=i`
|
|
235
|
+
background: ${e.darkGray[500]};
|
|
236
|
+
`;p.push(A)}return p},routesRow:r=>{const y=[i`
|
|
237
|
+
flex: 1 0 auto;
|
|
238
|
+
display: flex;
|
|
239
|
+
justify-content: space-between;
|
|
240
|
+
align-items: center;
|
|
241
|
+
font-size: ${h.xs};
|
|
242
|
+
line-height: ${c.xs};
|
|
243
|
+
`];if(!r){const p=i`
|
|
244
|
+
color: ${e.gray[400]};
|
|
245
|
+
`;y.push(p)}return y},routesRowInner:i`
|
|
246
|
+
display: 'flex';
|
|
247
|
+
align-items: 'center';
|
|
248
|
+
flex-grow: 1;
|
|
249
|
+
min-width: 0;
|
|
250
|
+
`,routeParamInfo:i`
|
|
251
|
+
color: ${e.gray[400]};
|
|
252
|
+
font-size: ${h.xs};
|
|
253
|
+
line-height: ${c.xs};
|
|
254
|
+
`,nestedRouteRow:r=>i`
|
|
255
|
+
margin-left: ${r?0:t[3.5]};
|
|
256
|
+
border-left: ${r?"":`solid 1px ${e.gray[700]}`};
|
|
257
|
+
`,code:i`
|
|
258
|
+
font-size: ${h.xs};
|
|
259
|
+
line-height: ${c.xs};
|
|
260
|
+
white-space: nowrap;
|
|
261
|
+
overflow: hidden;
|
|
262
|
+
text-overflow: ellipsis;
|
|
263
|
+
`,matchesContainer:i`
|
|
264
|
+
flex: 1 1 auto;
|
|
265
|
+
overflow-y: auto;
|
|
266
|
+
`,cachedMatchesContainer:i`
|
|
267
|
+
flex: 1 1 auto;
|
|
268
|
+
overflow-y: auto;
|
|
269
|
+
max-height: 50%;
|
|
270
|
+
`,historyContainer:i`
|
|
271
|
+
display: flex;
|
|
272
|
+
flex: 1 1 auto;
|
|
273
|
+
overflow-y: auto;
|
|
274
|
+
max-height: 50%;
|
|
275
|
+
`,historyOverflowContainer:i`
|
|
276
|
+
padding: ${t[1]} ${t[2]};
|
|
277
|
+
font-size: ${I.font.size.xs};
|
|
278
|
+
`,maskedBadgeContainer:i`
|
|
279
|
+
flex: 1;
|
|
280
|
+
justify-content: flex-end;
|
|
281
|
+
display: flex;
|
|
282
|
+
`,matchDetails:i`
|
|
283
|
+
display: flex;
|
|
284
|
+
flex-direction: column;
|
|
285
|
+
padding: ${I.size[2]};
|
|
286
|
+
font-size: ${I.font.size.xs};
|
|
287
|
+
color: ${I.colors.gray[300]};
|
|
288
|
+
line-height: ${I.font.lineHeight.sm};
|
|
289
|
+
`,matchStatus:(r,y)=>{const p=y&&r==="success"?y==="beforeLoad"?"purple":"blue":{pending:"yellow",success:"green",error:"red",notFound:"purple",redirected:"gray"}[r];return i`
|
|
290
|
+
display: flex;
|
|
291
|
+
justify-content: center;
|
|
292
|
+
align-items: center;
|
|
293
|
+
height: 40px;
|
|
294
|
+
border-radius: ${I.border.radius.sm};
|
|
295
|
+
font-weight: ${I.font.weight.normal};
|
|
296
|
+
background-color: ${I.colors[p][900]}${I.alpha[90]};
|
|
297
|
+
color: ${I.colors[p][300]};
|
|
298
|
+
border: 1px solid ${I.colors[p][600]};
|
|
299
|
+
margin-bottom: ${I.size[2]};
|
|
300
|
+
transition: all 0.25s ease-out;
|
|
301
|
+
`},matchDetailsInfo:i`
|
|
302
|
+
display: flex;
|
|
303
|
+
justify-content: flex-end;
|
|
304
|
+
flex: 1;
|
|
305
|
+
`,matchDetailsInfoLabel:i`
|
|
306
|
+
display: flex;
|
|
307
|
+
`,mainCloseBtn:i`
|
|
308
|
+
background: ${e.darkGray[700]};
|
|
309
|
+
padding: ${t[1]} ${t[2]} ${t[1]} ${t[1.5]};
|
|
310
|
+
border-radius: ${o.radius.md};
|
|
311
|
+
position: fixed;
|
|
312
|
+
z-index: 99999;
|
|
313
|
+
display: inline-flex;
|
|
314
|
+
width: fit-content;
|
|
315
|
+
cursor: pointer;
|
|
316
|
+
appearance: none;
|
|
317
|
+
border: 0;
|
|
318
|
+
gap: 8px;
|
|
319
|
+
align-items: center;
|
|
320
|
+
border: 1px solid ${e.gray[500]};
|
|
321
|
+
font-size: ${a.size.xs};
|
|
322
|
+
cursor: pointer;
|
|
323
|
+
transition: all 0.25s ease-out;
|
|
324
|
+
|
|
325
|
+
&:hover {
|
|
326
|
+
background: ${e.darkGray[500]};
|
|
327
|
+
}
|
|
328
|
+
`,mainCloseBtnPosition:r=>i`
|
|
329
|
+
${r==="top-left"?`top: ${t[2]}; left: ${t[2]};`:""}
|
|
330
|
+
${r==="top-right"?`top: ${t[2]}; right: ${t[2]};`:""}
|
|
331
|
+
${r==="bottom-left"?`bottom: ${t[2]}; left: ${t[2]};`:""}
|
|
332
|
+
${r==="bottom-right"?`bottom: ${t[2]}; right: ${t[2]};`:""}
|
|
333
|
+
`,mainCloseBtnAnimation:r=>r?i`
|
|
334
|
+
opacity: 0;
|
|
335
|
+
pointer-events: none;
|
|
336
|
+
visibility: hidden;
|
|
337
|
+
`:i`
|
|
338
|
+
opacity: 1;
|
|
339
|
+
pointer-events: auto;
|
|
340
|
+
visibility: visible;
|
|
341
|
+
`,routerLogoCloseButton:i`
|
|
342
|
+
font-weight: ${a.weight.semibold};
|
|
343
|
+
font-size: ${a.size.xs};
|
|
344
|
+
background: linear-gradient(to right, #98f30c, #00f4a3);
|
|
345
|
+
background-clip: text;
|
|
346
|
+
-webkit-background-clip: text;
|
|
347
|
+
line-height: 1;
|
|
348
|
+
-webkit-text-fill-color: transparent;
|
|
349
|
+
white-space: nowrap;
|
|
350
|
+
`,mainCloseBtnDivider:i`
|
|
351
|
+
width: 1px;
|
|
352
|
+
background: ${I.colors.gray[600]};
|
|
353
|
+
height: 100%;
|
|
354
|
+
border-radius: 999999px;
|
|
355
|
+
color: transparent;
|
|
356
|
+
`,mainCloseBtnIconContainer:i`
|
|
357
|
+
position: relative;
|
|
358
|
+
width: ${t[5]};
|
|
359
|
+
height: ${t[5]};
|
|
360
|
+
background: pink;
|
|
361
|
+
border-radius: 999999px;
|
|
362
|
+
overflow: hidden;
|
|
363
|
+
`,mainCloseBtnIconOuter:i`
|
|
364
|
+
width: ${t[5]};
|
|
365
|
+
height: ${t[5]};
|
|
366
|
+
position: absolute;
|
|
367
|
+
top: 50%;
|
|
368
|
+
left: 50%;
|
|
369
|
+
transform: translate(-50%, -50%);
|
|
370
|
+
filter: blur(3px) saturate(1.8) contrast(2);
|
|
371
|
+
`,mainCloseBtnIconInner:i`
|
|
372
|
+
width: ${t[4]};
|
|
373
|
+
height: ${t[4]};
|
|
374
|
+
position: absolute;
|
|
375
|
+
top: 50%;
|
|
376
|
+
left: 50%;
|
|
377
|
+
transform: translate(-50%, -50%);
|
|
378
|
+
`,panelCloseBtn:i`
|
|
379
|
+
position: absolute;
|
|
380
|
+
cursor: pointer;
|
|
381
|
+
z-index: 100001;
|
|
382
|
+
display: flex;
|
|
383
|
+
align-items: center;
|
|
384
|
+
justify-content: center;
|
|
385
|
+
outline: none;
|
|
386
|
+
background-color: ${e.darkGray[700]};
|
|
387
|
+
&:hover {
|
|
388
|
+
background-color: ${e.darkGray[500]};
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
top: 0;
|
|
392
|
+
right: ${t[2]};
|
|
393
|
+
transform: translate(0, -100%);
|
|
394
|
+
border-right: ${e.darkGray[300]} 1px solid;
|
|
395
|
+
border-left: ${e.darkGray[300]} 1px solid;
|
|
396
|
+
border-top: ${e.darkGray[300]} 1px solid;
|
|
397
|
+
border-bottom: none;
|
|
398
|
+
border-radius: ${o.radius.sm} ${o.radius.sm} 0px 0px;
|
|
399
|
+
padding: ${t[1]} ${t[1.5]} ${t[.5]} ${t[1.5]};
|
|
400
|
+
|
|
401
|
+
&::after {
|
|
402
|
+
content: ' ';
|
|
403
|
+
position: absolute;
|
|
404
|
+
top: 100%;
|
|
405
|
+
left: -${t[2.5]};
|
|
406
|
+
height: ${t[1.5]};
|
|
407
|
+
width: calc(100% + ${t[5]});
|
|
408
|
+
}
|
|
409
|
+
`,panelCloseBtnIcon:i`
|
|
410
|
+
color: ${e.gray[400]};
|
|
411
|
+
width: ${t[2]};
|
|
412
|
+
height: ${t[2]};
|
|
413
|
+
`,navigateButton:i`
|
|
414
|
+
background: none;
|
|
415
|
+
border: none;
|
|
416
|
+
padding: 0 0 0 4px;
|
|
417
|
+
margin: 0;
|
|
418
|
+
color: ${e.gray[400]};
|
|
419
|
+
font-size: ${h.md};
|
|
420
|
+
cursor: pointer;
|
|
421
|
+
line-height: 1;
|
|
422
|
+
vertical-align: middle;
|
|
423
|
+
margin-right: 0.5ch;
|
|
424
|
+
flex-shrink: 0;
|
|
425
|
+
&:hover {
|
|
426
|
+
color: ${e.blue[300]};
|
|
427
|
+
}
|
|
428
|
+
`}};function we(){const[n]=q(zt(lt(dt)));return n}var It=n=>{try{const e=localStorage.getItem(n);return typeof e=="string"?JSON.parse(e):void 0}catch{return}};function nt(n,e){const[a,t]=q();return xe(()=>{const o=It(n);t(typeof o>"u"||o===null?typeof e=="function"?e():e:o)}),[a,o=>{t(l=>{let c=o;typeof o=="function"&&(c=o(l));try{localStorage.setItem(n,JSON.stringify(c))}catch{}return c})}]}var Dt=typeof window>"u";function He(n){return n.isFetching&&n.status==="success"?n.isFetching==="beforeLoad"?"purple":"blue":{pending:"yellow",success:"green",error:"red",notFound:"purple",redirected:"gray"}[n.status]}function Bt(n,e){const a=n.find(t=>t.routeId===e.id);return a?He(a):"gray"}function cr(){const[n,e]=q(!1);return(Dt?xe:x)(()=>{e(!0)}),n}var Et=n=>{const e=Object.getOwnPropertyNames(Object(n)),a=typeof n=="bigint"?`${n.toString()}n`:n;try{return JSON.stringify(a,e)}catch{return"unable to stringify"}};function Tt(n,e=[a=>a]){return n.map((a,t)=>[a,t]).sort(([a,t],[f,o])=>{for(const l of e){const c=l(a),h=l(f);if(typeof c>"u"){if(typeof h>"u")continue;return 1}if(c!==h)return c>h?1:-1}return t-o}).map(([a])=>a)}var Mt=D('<span><svg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none viewBox="0 0 24 24"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 18l6-6-6-6">'),ze=D("<div>"),At=D("<button><span> "),Pt=D("<div><div><button> [<!> ... <!>]"),Lt=D("<button><span></span> 🔄 "),Rt=D("<span>:"),Ot=D("<span>"),it=({expanded:n,style:e={}})=>{const a=ut();return(()=>{var t=Mt(),f=t.firstChild;return x(o=>{var l=a().expander,c=H(a().expanderIcon(n));return l!==o.e&&s(t,o.e=l),c!==o.t&&ae(f,"class",o.t=c),o},{e:void 0,t:void 0}),t})()};function Ht(n,e){if(e<1)return[];let a=0;const t=[];for(;a<n.length;)t.push(n.slice(a,a+e)),a=a+e;return t}function jt(n){return Symbol.iterator in n}function de({value:n,defaultExpanded:e,pageSize:a=100,filterSubEntries:t,...f}){const[o,l]=q(!!e),c=()=>l(P=>!P),h=J(()=>typeof n()),i=J(()=>{let P=[];const ne=$=>{const E=e===!0?{[$.label]:!0}:e==null?void 0:e[$.label];return{...$,value:()=>$.value,defaultExpanded:E}};return Array.isArray(n())?P=n().map(($,E)=>ne({label:E.toString(),value:$})):n()!==null&&typeof n()=="object"&&jt(n())&&typeof n()[Symbol.iterator]=="function"?P=Array.from(n(),($,E)=>ne({label:E.toString(),value:$})):typeof n()=="object"&&n()!==null&&(P=Object.entries(n()).map(([$,E])=>ne({label:$,value:E}))),t?t(P):P}),r=J(()=>Ht(i(),a)),[y,p]=q([]),[A,R]=q(void 0),b=ut(),M=()=>{R(n()())},K=P=>S(de,je({value:n,filterSubEntries:t},f,P));return(()=>{var P=ze();return u(P,(()=>{var ne=j(()=>!!r().length);return()=>ne()?[(()=>{var $=At(),E=$.firstChild,O=E.firstChild;return $.$$click=()=>c(),u($,S(it,{get expanded(){return o()??!1}}),E),u($,()=>f.label,E),u(E,()=>String(h).toLowerCase()==="iterable"?"(Iterable) ":"",O),u(E,()=>i().length,O),u(E,()=>i().length>1?"items":"item",null),x(G=>{var T=b().expandButton,W=b().info;return T!==G.e&&s($,G.e=T),W!==G.t&&s(E,G.t=W),G},{e:void 0,t:void 0}),$})(),j(()=>j(()=>!!(o()??!1))()?j(()=>r().length===1)()?(()=>{var $=ze();return u($,()=>i().map((E,O)=>K(E))),x(()=>s($,b().subEntries)),$})():(()=>{var $=ze();return u($,()=>r().map((E,O)=>(()=>{var G=Pt(),T=G.firstChild,W=T.firstChild,ue=W.firstChild,Ce=ue.nextSibling,fe=Ce.nextSibling.nextSibling;return fe.nextSibling,W.$$click=()=>p(U=>U.includes(O)?U.filter(Q=>Q!==O):[...U,O]),u(W,S(it,{get expanded(){return y().includes(O)}}),ue),u(W,O*a,Ce),u(W,O*a+a-1,fe),u(T,(()=>{var U=j(()=>!!y().includes(O));return()=>U()?(()=>{var Q=ze();return u(Q,()=>E.map(C=>K(C))),x(()=>s(Q,b().subEntries)),Q})():null})(),null),x(U=>{var Q=b().entry,C=H(b().labelButton,"labelButton");return Q!==U.e&&s(T,U.e=Q),C!==U.t&&s(W,U.t=C),U},{e:void 0,t:void 0}),G})())),x(()=>s($,b().subEntries)),$})():null)]:j(()=>h()==="function")()?S(de,{get label(){return(()=>{var $=Lt(),E=$.firstChild;return $.$$click=M,u(E,()=>f.label),x(()=>s($,b().refreshValueBtn)),$})()},value:A,defaultExpanded:{}}):[(()=>{var $=Rt(),E=$.firstChild;return u($,()=>f.label,E),$})()," ",(()=>{var $=Ot();return u($,()=>Et(n())),x(()=>s($,b().value)),$})()]})()),x(()=>s(P,b().entry)),P})()}var Nt=n=>{const{colors:e,font:a,size:t}=I,{fontFamily:f,lineHeight:o,size:l}=a,c=n?ce.bind({target:n}):ce;return{entry:c`
|
|
429
|
+
font-family: ${f.mono};
|
|
430
|
+
font-size: ${l.xs};
|
|
431
|
+
line-height: ${o.sm};
|
|
432
|
+
outline: none;
|
|
433
|
+
word-break: break-word;
|
|
434
|
+
`,labelButton:c`
|
|
435
|
+
cursor: pointer;
|
|
436
|
+
color: inherit;
|
|
437
|
+
font: inherit;
|
|
438
|
+
outline: inherit;
|
|
439
|
+
background: transparent;
|
|
440
|
+
border: none;
|
|
441
|
+
padding: 0;
|
|
442
|
+
`,expander:c`
|
|
443
|
+
display: inline-flex;
|
|
444
|
+
align-items: center;
|
|
445
|
+
justify-content: center;
|
|
446
|
+
width: ${t[3]};
|
|
447
|
+
height: ${t[3]};
|
|
448
|
+
padding-left: 3px;
|
|
449
|
+
box-sizing: content-box;
|
|
450
|
+
`,expanderIcon:h=>h?c`
|
|
451
|
+
transform: rotate(90deg);
|
|
452
|
+
transition: transform 0.1s ease;
|
|
453
|
+
`:c`
|
|
454
|
+
transform: rotate(0deg);
|
|
455
|
+
transition: transform 0.1s ease;
|
|
456
|
+
`,expandButton:c`
|
|
457
|
+
display: flex;
|
|
458
|
+
gap: ${t[1]};
|
|
459
|
+
align-items: center;
|
|
460
|
+
cursor: pointer;
|
|
461
|
+
color: inherit;
|
|
462
|
+
font: inherit;
|
|
463
|
+
outline: inherit;
|
|
464
|
+
background: transparent;
|
|
465
|
+
border: none;
|
|
466
|
+
padding: 0;
|
|
467
|
+
`,value:c`
|
|
468
|
+
color: ${e.purple[400]};
|
|
469
|
+
`,subEntries:c`
|
|
470
|
+
margin-left: ${t[2]};
|
|
471
|
+
padding-left: ${t[2]};
|
|
472
|
+
border-left: 2px solid ${e.darkGray[400]};
|
|
473
|
+
`,info:c`
|
|
474
|
+
color: ${e.gray[500]};
|
|
475
|
+
font-size: ${l["2xs"]};
|
|
476
|
+
padding-left: ${t[1]};
|
|
477
|
+
`,refreshValueBtn:c`
|
|
478
|
+
appearance: none;
|
|
479
|
+
border: 0;
|
|
480
|
+
cursor: pointer;
|
|
481
|
+
background: transparent;
|
|
482
|
+
color: inherit;
|
|
483
|
+
padding: 0;
|
|
484
|
+
font-family: ${f.mono};
|
|
485
|
+
font-size: ${l.xs};
|
|
486
|
+
`}};function ut(){const[n]=q(Nt(lt(dt)));return n}Ne(["click"]);var Gt=D("<div><div></div><div>/</div><div></div><div>/</div><div>");function Re(n){const e=["s","min","h","d"],a=[n/1e3,n/6e4,n/36e5,n/864e5];let t=0;for(let f=1;f<a.length&&!(a[f]<1);f++)t=f;return new Intl.NumberFormat(navigator.language,{compactDisplay:"short",notation:"compact",maximumFractionDigits:0}).format(a[t])+e[t]}function Ie({match:n,router:e}){const a=we();if(!n)return null;const t=e().looseRoutesById[n.routeId];if(!t.options.loader)return null;const f=Date.now()-n.updatedAt,o=t.options.staleTime??e().options.defaultStaleTime??0,l=t.options.gcTime??e().options.defaultGcTime??1800*1e3;return(()=>{var c=Gt(),h=c.firstChild,i=h.nextSibling.nextSibling,r=i.nextSibling.nextSibling;return u(h,()=>Re(f)),u(i,()=>Re(o)),u(r,()=>Re(l)),x(()=>s(c,H(a().ageTicker(f>o)))),c})()}var Vt=D("<button type=button>➔");function De({to:n,params:e,search:a,router:t}){const f=we();return(()=>{var o=Vt();return o.$$click=l=>{l.stopPropagation(),t().navigate({to:n,params:e,search:a})},ae(o,"title",`Navigate to ${n}`),x(()=>s(o,f().navigateButton)),o})()}Ne(["click"]);var Jt=D("<button><div>TANSTACK</div><div>TanStack Router v1"),Kt=D("<div style=display:flex;align-items:center;width:100%><div style=flex-grow:1;min-width:0>"),Ut=D("<code> "),ye=D("<code>"),Yt=D("<div><div role=button><div>"),Be=D("<div>"),qt=D("<div><ul>"),Wt=D('<div><button><svg xmlns=http://www.w3.org/2000/svg width=10 height=6 fill=none viewBox="0 0 10 6"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.667 d="M1 1l4 4 4-4"></path></svg></button><div><div></div><div><div></div></div></div><div><div><div><span>Pathname</span></div><div><code></code></div><div><div><button type=button>Routes</button><button type=button>Matches</button><button type=button>History</button></div><div><div>age / staleTime / gcTime</div></div></div><div>'),Zt=D("<div><span>masked"),ot=D("<div role=button><div>"),Qt=D("<li><div>"),Xt=D("<li>This panel displays the most recent 15 navigations."),er=D("<div><div><div>Cached Matches</div><div>age / staleTime / gcTime</div></div><div>"),tr=D("<div><div>Match Details</div><div><div><div><div></div></div><div><div>ID:</div><div><code></code></div></div><div><div>State:</div><div></div></div><div><div>Last Updated:</div><div></div></div></div></div><div>Explorer</div><div>"),rr=D("<div>Loader Data"),nr=D("<div><div><span>Search Params</span></div><div>"),ir=D("<span style=margin-left:0.5rem>"),or=D('<button type=button aria-label="Copy value to clipboard"style=cursor:pointer>'),at=15;function ar(n){const{className:e,...a}=n,t=we();return(()=>{var f=Jt(),o=f.firstChild,l=o.nextSibling;return st(f,je(a,{get class(){return H(t().logo,e?e():"")}}),!1,!0),x(c=>{var h=t().tanstackLogo,i=t().routerLogo;return h!==c.e&&s(o,c.e=h),i!==c.t&&s(l,c.t=i),c},{e:void 0,t:void 0}),f})()}function Ee(n){return(()=>{var e=Kt(),a=e.firstChild;return u(e,()=>n.left,a),u(a,()=>n.children),u(e,()=>n.right,null),x(()=>s(e,n.class)),e})()}function ft({routerState:n,pendingMatches:e,router:a,route:t,isRoot:f,activeId:o,setActiveId:l}){const c=we(),h=J(()=>e().length?e():n().matches),i=J(()=>n().matches.find(p=>p.routeId===t.id)),r=J(()=>{var p,A;try{if((p=i())!=null&&p.params){const R=(A=i())==null?void 0:A.params,b=t.path||tt(t.id);if(b.startsWith("$")){const M=b.slice(1);if(R[M])return`(${R[M]})`}}return""}catch{return""}}),y=J(()=>{if(f||!t.path)return;const p=Object.assign({},...h().map(R=>R.params)),A=xt({path:t.fullPath,params:p,decoder:a().pathParamsDecoder});return A.isMissingParams?void 0:A.interpolatedPath});return(()=>{var p=Yt(),A=p.firstChild,R=A.firstChild;return A.$$click=()=>{i()&&l(o()===t.id?"":t.id)},u(A,S(Ee,{get class(){return H(c().routesRow(!!i()))},get left(){return S(bt,{get when(){return y()},children:b=>S(De,{get to(){return b()},router:a})})},get right(){return S(Ie,{get match(){return i()},router:a})},get children(){return[(()=>{var b=Ut(),M=b.firstChild;return u(b,()=>f?be:t.path||tt(t.id),M),x(()=>s(b,c().code)),b})(),(()=>{var b=ye();return u(b,r),x(()=>s(b,c().routeParamInfo)),b})()]}}),null),u(p,(()=>{var b=j(()=>{var M;return!!((M=t.children)!=null&&M.length)});return()=>b()?(()=>{var M=Be();return u(M,()=>[...t.children].sort((K,P)=>K.rank-P.rank).map(K=>S(ft,{routerState:n,pendingMatches:e,router:a,route:K,activeId:o,setActiveId:l}))),x(()=>s(M,c().nestedRouteRow(!!f))),M})():null})(),null),x(b=>{var M=`Open match details for ${t.id}`,K=H(c().routesRowContainer(t.id===o(),!!i())),P=H(c().matchIndicator(Bt(h(),t)));return M!==b.e&&ae(A,"aria-label",b.e=M),K!==b.t&&s(A,b.t=K),P!==b.a&&s(R,b.a=P),b},{e:void 0,t:void 0,a:void 0}),p})()}var ur=function({...e}){const{isOpen:a=!0,setIsOpen:t,handleDragStart:f,router:o,routerState:l,shadowDOMTarget:c,...h}=e,{onCloseClick:i}=vt(),r=we(),{className:y,style:p,...A}=h,[R,b]=nt("tanstackRouterDevtoolsActiveTab","routes"),[M,K]=nt("tanstackRouterDevtoolsActiveRouteId",""),[P,ne]=q([]),[$,E]=q(!1);let O,G;if("subscribe"in o().stores.pendingMatchesSnapshot){const[C,N]=q([]);O=C;const[se,Z]=q([]);G=se,xe(()=>{const Y=o().stores.pendingMatchesSnapshot;N(Y.state);const te=Y.subscribe(()=>{N(Y.state)});Oe(()=>te.unsubscribe())}),xe(()=>{const Y=o().stores.cachedMatchesSnapshot;Z(Y.state);const te=Y.subscribe(()=>{Z(Y.state)});Oe(()=>te.unsubscribe())})}else O=()=>o().stores.pendingMatchesSnapshot.state,G=()=>o().stores.cachedMatchesSnapshot.state;xe(()=>{const C=l().matches,N=C[C.length-1];if(!N)return;const se=yt(()=>P()),Z=se[0],Y=Z&&Z.pathname===N.pathname&&JSON.stringify(Z.search??{})===JSON.stringify(N.search??{});(!Z||!Y)&&(se.length>=at&&E(!0),ne(te=>{const ge=[N,...te];return ge.splice(at),ge}))});const T=J(()=>[...O(),...l().matches,...G()].find(C=>C.routeId===M()||C.id===M())),W=J(()=>Object.keys(l().location.search).length),ue=J(()=>({...o(),state:l()})),Ce=J(()=>Object.fromEntries(Tt(Object.keys(ue()),["state","routesById","routesByPath","options","manifest"].map(C=>N=>N!==C)).map(C=>[C,ue()[C]]).filter(C=>typeof C[1]!="function"&&!["stores","basepath","injectedHtml","subscribers","latestLoadPromise","navigateTimeout","resetNextScroll","tempLocationKey","latestLocation","routeTree","history"].includes(C[0])))),fe=J(()=>{var C;return(C=T())==null?void 0:C.loaderData}),U=J(()=>T()),Q=J(()=>l().location.search);return(()=>{var C=Wt(),N=C.firstChild,se=N.firstChild,Z=N.nextSibling,Y=Z.firstChild,te=Y.nextSibling,ge=te.firstChild,Te=Z.nextSibling,Ge=Te.firstChild,ke=Ge.firstChild;ke.firstChild;var _e=ke.nextSibling,gt=_e.firstChild,Me=_e.nextSibling,Ae=Me.firstChild,Se=Ae.firstChild,Fe=Se.nextSibling,Pe=Fe.nextSibling,ht=Ae.nextSibling,Ve=Me.nextSibling;return st(C,je({get class(){return H(r().devtoolsPanel,"TanStackRouterDevtoolsPanel",y?y():"")},get style(){return p?p():""}},A),!1,!0),u(C,f?(()=>{var d=Be();return pt(d,"mousedown",f,!0),x(()=>s(d,r().dragHandle)),d})():null,N),N.$$click=d=>{t&&t(!1),i(d)},u(Y,S(ar,{"aria-hidden":!0,onClick:d=>{t&&t(!1),i(d)}})),u(ge,S(de,{label:"Router",value:Ce,defaultExpanded:{state:{},context:{},options:{}},filterSubEntries:d=>d.filter(v=>typeof v.value()!="function")})),u(ke,(()=>{var d=j(()=>!!l().location.maskedLocation);return()=>d()?(()=>{var v=Zt(),k=v.firstChild;return x(F=>{var w=r().maskedBadgeContainer,g=r().maskedBadge;return w!==F.e&&s(v,F.e=w),g!==F.t&&s(k,F.t=g),F},{e:void 0,t:void 0}),v})():null})(),null),u(gt,()=>l().location.pathname),u(_e,(()=>{var d=j(()=>!!l().location.maskedLocation);return()=>d()?(()=>{var v=ye();return u(v,()=>{var k;return(k=l().location.maskedLocation)==null?void 0:k.pathname}),x(()=>s(v,r().maskedLocation)),v})():null})(),null),Se.$$click=()=>{b("routes")},Fe.$$click=()=>{b("matches")},Pe.$$click=()=>{b("history")},u(Ve,S(mt,{get children(){return[S(Le,{get when(){return R()==="routes"},get children(){return S(ft,{routerState:l,pendingMatches:O,router:o,get route(){return o().routeTree},isRoot:!0,activeId:M,setActiveId:K})}}),S(Le,{get when(){return R()==="matches"},get children(){var d=Be();return u(d,()=>(O().length?O():l().matches).map((v,k)=>(()=>{var F=ot(),w=F.firstChild;return F.$$click=()=>K(M()===v.id?"":v.id),u(F,S(Ee,{get left(){return S(De,{get to(){return v.pathname},get params(){return v.params},get search(){return v.search},router:o})},get right(){return S(Ie,{match:v,router:o})},get children(){var g=ye();return u(g,()=>`${v.routeId===be?be:v.pathname}`),x(()=>s(g,r().matchID)),g}}),null),x(g=>{var _=`Open match details for ${v.id}`,L=H(r().matchRow(v===T())),B=H(r().matchIndicator(He(v)));return _!==g.e&&ae(F,"aria-label",g.e=_),L!==g.t&&s(F,g.t=L),B!==g.a&&s(w,g.a=B),g},{e:void 0,t:void 0,a:void 0}),F})())),d}}),S(Le,{get when(){return R()==="history"},get children(){var d=qt(),v=d.firstChild;return u(v,S($t,{get each(){return P()},children:(k,F)=>(()=>{var w=Qt(),g=w.firstChild;return u(w,S(Ee,{get left(){return S(De,{get to(){return k.pathname},get params(){return k.params},get search(){return k.search},router:o})},get right(){return S(Ie,{match:k,router:o})},get children(){var _=ye();return u(_,()=>`${k.routeId===be?be:k.pathname}`),x(()=>s(_,r().matchID)),_}}),null),x(_=>{var L=H(r().matchRow(k===T())),B=H(r().matchIndicator(F()===0?"green":"gray"));return L!==_.e&&s(w,_.e=L),B!==_.t&&s(g,_.t=B),_},{e:void 0,t:void 0}),w})()}),null),u(v,(()=>{var k=j(()=>!!$());return()=>k()?(()=>{var F=Xt();return x(()=>s(F,r().historyOverflowContainer)),F})():null})(),null),d}})]}})),u(Te,(()=>{var d=j(()=>!!G().length);return()=>d()?(()=>{var v=er(),k=v.firstChild,F=k.firstChild.nextSibling,w=k.nextSibling;return u(w,()=>G().map(g=>(()=>{var _=ot(),L=_.firstChild;return _.$$click=()=>K(M()===g.id?"":g.id),u(_,S(Ee,{get left(){return S(De,{get to(){return g.pathname},get params(){return g.params},get search(){return g.search},router:o})},get right(){return S(Ie,{match:g,router:o})},get children(){var B=ye();return u(B,()=>`${g.id}`),x(()=>s(B,r().matchID)),B}}),null),x(B=>{var ie=`Open match details for ${g.id}`,X=H(r().matchRow(g===T())),re=H(r().matchIndicator(He(g)));return ie!==B.e&&ae(_,"aria-label",B.e=ie),X!==B.t&&s(_,B.t=X),re!==B.a&&s(L,B.a=re),B},{e:void 0,t:void 0,a:void 0}),_})())),x(g=>{var _=r().cachedMatchesContainer,L=r().detailsHeader,B=r().detailsHeaderInfo;return _!==g.e&&s(v,g.e=_),L!==g.t&&s(k,g.t=L),B!==g.a&&s(F,g.a=B),g},{e:void 0,t:void 0,a:void 0}),v})():null})(),null),u(C,(()=>{var d=j(()=>{var v;return!!(T()&&((v=T())!=null&&v.status))});return()=>d()?(()=>{var v=tr(),k=v.firstChild,F=k.nextSibling,w=F.firstChild,g=w.firstChild,_=g.firstChild,L=g.nextSibling,B=L.firstChild.nextSibling,ie=B.firstChild,X=L.nextSibling,re=X.firstChild.nextSibling,he=X.nextSibling,ve=he.firstChild.nextSibling,le=F.nextSibling,pe=le.nextSibling;return u(_,(()=>{var m=j(()=>{var z,V;return!!(((z=T())==null?void 0:z.status)==="success"&&((V=T())!=null&&V.isFetching))});return()=>{var z;return m()?"fetching":(z=T())==null?void 0:z.status}})()),u(ie,()=>{var m;return(m=T())==null?void 0:m.id}),u(re,(()=>{var m=j(()=>!!O().find(z=>{var V;return z.id===((V=T())==null?void 0:V.id)}));return()=>m()?"Pending":l().matches.find(z=>{var V;return z.id===((V=T())==null?void 0:V.id)})?"Active":"Cached"})()),u(ve,(()=>{var m=j(()=>{var z;return!!((z=T())!=null&&z.updatedAt)});return()=>{var z;return m()?new Date((z=T())==null?void 0:z.updatedAt).toLocaleTimeString():"N/A"}})()),u(v,(()=>{var m=j(()=>!!fe());return()=>m()?[(()=>{var z=rr();return x(()=>s(z,r().detailsHeader)),z})(),(()=>{var z=Be();return u(z,S(de,{label:"loaderData",value:fe,defaultExpanded:{}})),x(()=>s(z,r().detailsContent)),z})()]:null})(),le),u(pe,S(de,{label:"Match",value:U,defaultExpanded:{}})),x(m=>{var Xe,et;var z=r().thirdContainer,V=r().detailsHeader,$e=r().matchDetails,me=r().matchStatus((Xe=T())==null?void 0:Xe.status,(et=T())==null?void 0:et.isFetching),Je=r().matchDetailsInfoLabel,Ke=r().matchDetailsInfo,Ue=r().matchDetailsInfoLabel,Ye=r().matchDetailsInfo,qe=r().matchDetailsInfoLabel,We=r().matchDetailsInfo,Ze=r().detailsHeader,Qe=r().detailsContent;return z!==m.e&&s(v,m.e=z),V!==m.t&&s(k,m.t=V),$e!==m.a&&s(w,m.a=$e),me!==m.o&&s(g,m.o=me),Je!==m.i&&s(L,m.i=Je),Ke!==m.n&&s(B,m.n=Ke),Ue!==m.s&&s(X,m.s=Ue),Ye!==m.h&&s(re,m.h=Ye),qe!==m.r&&s(he,m.r=qe),We!==m.d&&s(ve,m.d=We),Ze!==m.l&&s(le,m.l=Ze),Qe!==m.u&&s(pe,m.u=Qe),m},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0}),v})():null})(),null),u(C,(()=>{var d=j(()=>!!W());return()=>d()?(()=>{var v=nr(),k=v.firstChild;k.firstChild;var F=k.nextSibling;return u(k,typeof navigator<"u"?(()=>{var w=ir();return u(w,S(sr,{getValue:()=>{const g=l().location.search;return JSON.stringify(g)}})),w})():null,null),u(F,S(de,{value:Q,get defaultExpanded(){return Object.keys(l().location.search).reduce((w,g)=>(w[g]={},w),{})}})),x(w=>{var g=r().fourthContainer,_=r().detailsHeader,L=r().detailsContent;return g!==w.e&&s(v,w.e=g),_!==w.t&&s(k,w.t=_),L!==w.a&&s(F,w.a=L),w},{e:void 0,t:void 0,a:void 0}),v})():null})(),null),x(d=>{var v=r().panelCloseBtn,k=r().panelCloseBtnIcon,F=r().firstContainer,w=r().row,g=r().routerExplorerContainer,_=r().routerExplorer,L=r().secondContainer,B=r().matchesContainer,ie=r().detailsHeader,X=r().detailsContent,re=r().detailsHeader,he=r().routeMatchesToggle,ve=R()==="routes",le=H(r().routeMatchesToggleBtn(R()==="routes",!0)),pe=R()==="matches",m=H(r().routeMatchesToggleBtn(R()==="matches",!0)),z=R()==="history",V=H(r().routeMatchesToggleBtn(R()==="history",!1)),$e=r().detailsHeaderInfo,me=H(r().routesContainer);return v!==d.e&&s(N,d.e=v),k!==d.t&&ae(se,"class",d.t=k),F!==d.a&&s(Z,d.a=F),w!==d.o&&s(Y,d.o=w),g!==d.i&&s(te,d.i=g),_!==d.n&&s(ge,d.n=_),L!==d.s&&s(Te,d.s=L),B!==d.h&&s(Ge,d.h=B),ie!==d.r&&s(ke,d.r=ie),X!==d.d&&s(_e,d.d=X),re!==d.l&&s(Me,d.l=re),he!==d.u&&s(Ae,d.u=he),ve!==d.c&&(Se.disabled=d.c=ve),le!==d.w&&s(Se,d.w=le),pe!==d.m&&(Fe.disabled=d.m=pe),m!==d.f&&s(Fe,d.f=m),z!==d.y&&(Pe.disabled=d.y=z),V!==d.g&&s(Pe,d.g=V),$e!==d.p&&s(ht,d.p=$e),me!==d.b&&s(Ve,d.b=me),d},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0,c:void 0,w:void 0,m:void 0,f:void 0,y:void 0,g:void 0,p:void 0,b:void 0}),C})()};function sr({getValue:n}){const[e,a]=q(!1);let t=null;const f=async()=>{var o;if(typeof navigator>"u"||!((o=navigator.clipboard)!=null&&o.writeText)){console.warn("TanStack Router Devtools: Clipboard API unavailable");return}try{const l=n();await navigator.clipboard.writeText(l),a(!0),t&&clearTimeout(t),t=setTimeout(()=>a(!1),2500)}catch(l){console.error("TanStack Router Devtools: Failed to copy",l)}};return Oe(()=>{t&&clearTimeout(t)}),(()=>{var o=or();return o.$$click=f,u(o,()=>e()?"✅":"📋"),x(()=>ae(o,"title",e()?"Copied!":"Copy")),o})()}Ne(["click","mousedown"]);export{ur as BaseTanStackRouterDevtoolsPanel,ur as default,nt as n,we as r,cr as t};
|