@tanstack/router-devtools-core 1.121.0-alpha.14 → 1.121.0-alpha.27
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/cjs/BaseTanStackRouterDevtoolsPanel.cjs +136 -136
- package/dist/cjs/BaseTanStackRouterDevtoolsPanel.cjs.map +1 -1
- package/dist/cjs/Explorer.cjs +26 -26
- package/dist/cjs/Explorer.cjs.map +1 -1
- package/dist/cjs/TanStackRouterDevtoolsCore.cjs +16 -10
- package/dist/cjs/TanStackRouterDevtoolsCore.cjs.map +1 -1
- package/dist/cjs/logo.cjs +73 -73
- package/dist/cjs/logo.cjs.map +1 -1
- package/dist/esm/BaseTanStackRouterDevtoolsPanel.js +136 -136
- package/dist/esm/BaseTanStackRouterDevtoolsPanel.js.map +1 -1
- package/dist/esm/Explorer.js +26 -26
- package/dist/esm/Explorer.js.map +1 -1
- package/dist/esm/TanStackRouterDevtoolsCore.js +16 -10
- package/dist/esm/TanStackRouterDevtoolsCore.js.map +1 -1
- package/dist/esm/logo.js +73 -73
- package/dist/esm/logo.js.map +1 -1
- package/package.json +2 -2
- package/src/TanStackRouterDevtoolsCore.tsx +14 -11
|
@@ -10,7 +10,7 @@ import { Explorer } from "./Explorer.js";
|
|
|
10
10
|
import { multiSortBy, getStatusColor, getRouteStatusColor } from "./utils.js";
|
|
11
11
|
import { AgeTicker } from "./AgeTicker.js";
|
|
12
12
|
import { NavigateButton } from "./NavigateButton.js";
|
|
13
|
-
var _tmpl$ = /* @__PURE__ */ template(`<button><div>TANSTACK</div><div>TanStack Router v1`), _tmpl$2 = /* @__PURE__ */ template(`<div><div>`), _tmpl$3 = /* @__PURE__ */ template(`<code> `), _tmpl$4 = /* @__PURE__ */ template(`<code>`), _tmpl$5 = /* @__PURE__ */ template(`<div><div role=button><div>`), _tmpl$6 = /* @__PURE__ */ template(`<div>`), _tmpl$7 = /* @__PURE__ */ template(`<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></div><div><div>age / staleTime / gcTime</div></div></div><div>`), _tmpl$8 = /* @__PURE__ */ template(`<div><span>masked`), _tmpl$9 = /* @__PURE__ */ template(`<div role=button><div>`), _tmpl$
|
|
13
|
+
var _tmpl$ = /* @__PURE__ */ template(`<button><div>TANSTACK</div><div>TanStack Router v1`), _tmpl$2 = /* @__PURE__ */ template(`<div><div>`), _tmpl$3 = /* @__PURE__ */ template(`<code> `), _tmpl$4 = /* @__PURE__ */ template(`<code>`), _tmpl$5 = /* @__PURE__ */ template(`<div><div role=button><div>`), _tmpl$6 = /* @__PURE__ */ template(`<div>`), _tmpl$7 = /* @__PURE__ */ template(`<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></div><div><div>age / staleTime / gcTime</div></div></div><div>`), _tmpl$8 = /* @__PURE__ */ template(`<div><span>masked`), _tmpl$9 = /* @__PURE__ */ template(`<div role=button><div>`), _tmpl$0 = /* @__PURE__ */ template(`<div><div><div>Cached Matches</div><div>age / staleTime / gcTime</div></div><div>`), _tmpl$1 = /* @__PURE__ */ template(`<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>`), _tmpl$10 = /* @__PURE__ */ template(`<div>Loader Data`), _tmpl$11 = /* @__PURE__ */ template(`<div><div>Search Params</div><div>`);
|
|
14
14
|
function Logo(props) {
|
|
15
15
|
const {
|
|
16
16
|
className: className$1,
|
|
@@ -127,15 +127,15 @@ function RouteComp({
|
|
|
127
127
|
},
|
|
128
128
|
get children() {
|
|
129
129
|
return [(() => {
|
|
130
|
-
var _el$9 = _tmpl$3(), _el$
|
|
131
|
-
insert(_el$9, () => isRoot ? rootRouteId : route.path || trimPath(route.id), _el$
|
|
130
|
+
var _el$9 = _tmpl$3(), _el$0 = _el$9.firstChild;
|
|
131
|
+
insert(_el$9, () => isRoot ? rootRouteId : route.path || trimPath(route.id), _el$0);
|
|
132
132
|
effect(() => className(_el$9, styles().code));
|
|
133
133
|
return _el$9;
|
|
134
134
|
})(), (() => {
|
|
135
|
-
var _el$
|
|
136
|
-
insert(_el$
|
|
137
|
-
effect(() => className(_el$
|
|
138
|
-
return _el$
|
|
135
|
+
var _el$1 = _tmpl$4();
|
|
136
|
+
insert(_el$1, param);
|
|
137
|
+
effect(() => className(_el$1, styles().routeParamInfo));
|
|
138
|
+
return _el$1;
|
|
139
139
|
})()];
|
|
140
140
|
}
|
|
141
141
|
}), null);
|
|
@@ -145,8 +145,8 @@ function RouteComp({
|
|
|
145
145
|
return !!((_a = route.children) == null ? void 0 : _a.length);
|
|
146
146
|
});
|
|
147
147
|
return () => _c$() ? (() => {
|
|
148
|
-
var _el$
|
|
149
|
-
insert(_el$
|
|
148
|
+
var _el$10 = _tmpl$6();
|
|
149
|
+
insert(_el$10, () => [...route.children].sort((a, b) => {
|
|
150
150
|
return a.rank - b.rank;
|
|
151
151
|
}).map((r) => createComponent(RouteComp, {
|
|
152
152
|
routerState,
|
|
@@ -155,8 +155,8 @@ function RouteComp({
|
|
|
155
155
|
activeId,
|
|
156
156
|
setActiveId
|
|
157
157
|
})));
|
|
158
|
-
effect(() => className(_el$
|
|
159
|
-
return _el$
|
|
158
|
+
effect(() => className(_el$10, styles().nestedRouteRow(!!isRoot)));
|
|
159
|
+
return _el$10;
|
|
160
160
|
})() : null;
|
|
161
161
|
})(), null);
|
|
162
162
|
effect((_p$) => {
|
|
@@ -216,10 +216,10 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
216
216
|
const activeMatchValue = createMemo(() => activeMatch());
|
|
217
217
|
const locationSearchValue = createMemo(() => routerState().location.search);
|
|
218
218
|
return (() => {
|
|
219
|
-
var _el$
|
|
220
|
-
_el$
|
|
221
|
-
var _el$
|
|
222
|
-
spread(_el$
|
|
219
|
+
var _el$11 = _tmpl$7(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$16.firstChild, _el$18 = _el$14.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild;
|
|
220
|
+
_el$20.firstChild;
|
|
221
|
+
var _el$22 = _el$20.nextSibling, _el$23 = _el$22.firstChild, _el$24 = _el$22.nextSibling, _el$25 = _el$24.firstChild, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling, _el$28 = _el$25.nextSibling, _el$29 = _el$24.nextSibling;
|
|
222
|
+
spread(_el$11, mergeProps({
|
|
223
223
|
get ["class"]() {
|
|
224
224
|
return clsx(styles().devtoolsPanel, "TanStackRouterDevtoolsPanel", className$1 ? className$1() : "");
|
|
225
225
|
},
|
|
@@ -227,19 +227,19 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
227
227
|
return style ? style() : "";
|
|
228
228
|
}
|
|
229
229
|
}, otherPanelProps), false, true);
|
|
230
|
-
insert(_el$
|
|
231
|
-
var _el$
|
|
232
|
-
addEventListener(_el$
|
|
233
|
-
effect(() => className(_el$
|
|
234
|
-
return _el$
|
|
235
|
-
})() : null, _el$
|
|
236
|
-
_el$
|
|
230
|
+
insert(_el$11, handleDragStart ? (() => {
|
|
231
|
+
var _el$30 = _tmpl$6();
|
|
232
|
+
addEventListener(_el$30, "mousedown", handleDragStart, true);
|
|
233
|
+
effect(() => className(_el$30, styles().dragHandle));
|
|
234
|
+
return _el$30;
|
|
235
|
+
})() : null, _el$12);
|
|
236
|
+
_el$12.$$click = (e) => {
|
|
237
237
|
if (setIsOpen) {
|
|
238
238
|
setIsOpen(false);
|
|
239
239
|
}
|
|
240
240
|
onCloseClick(e);
|
|
241
241
|
};
|
|
242
|
-
insert(_el$
|
|
242
|
+
insert(_el$15, createComponent(Logo, {
|
|
243
243
|
"aria-hidden": true,
|
|
244
244
|
onClick: (e) => {
|
|
245
245
|
if (setIsOpen) {
|
|
@@ -248,7 +248,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
248
248
|
onCloseClick(e);
|
|
249
249
|
}
|
|
250
250
|
}));
|
|
251
|
-
insert(_el$
|
|
251
|
+
insert(_el$17, createComponent(Explorer, {
|
|
252
252
|
label: "Router",
|
|
253
253
|
value: routerExplorerValue,
|
|
254
254
|
defaultExpanded: {
|
|
@@ -260,42 +260,42 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
260
260
|
return subEntries.filter((d) => typeof d.value() !== "function");
|
|
261
261
|
}
|
|
262
262
|
}));
|
|
263
|
-
insert(_el$
|
|
263
|
+
insert(_el$20, (() => {
|
|
264
264
|
var _c$2 = memo(() => !!routerState().location.maskedLocation);
|
|
265
265
|
return () => _c$2() ? (() => {
|
|
266
|
-
var _el$
|
|
266
|
+
var _el$31 = _tmpl$8(), _el$32 = _el$31.firstChild;
|
|
267
267
|
effect((_p$) => {
|
|
268
|
-
var _v$
|
|
269
|
-
_v$
|
|
270
|
-
_v$
|
|
268
|
+
var _v$22 = styles().maskedBadgeContainer, _v$23 = styles().maskedBadge;
|
|
269
|
+
_v$22 !== _p$.e && className(_el$31, _p$.e = _v$22);
|
|
270
|
+
_v$23 !== _p$.t && className(_el$32, _p$.t = _v$23);
|
|
271
271
|
return _p$;
|
|
272
272
|
}, {
|
|
273
273
|
e: void 0,
|
|
274
274
|
t: void 0
|
|
275
275
|
});
|
|
276
|
-
return _el$
|
|
276
|
+
return _el$31;
|
|
277
277
|
})() : null;
|
|
278
278
|
})(), null);
|
|
279
|
-
insert(_el$
|
|
280
|
-
insert(_el$
|
|
279
|
+
insert(_el$23, () => routerState().location.pathname);
|
|
280
|
+
insert(_el$22, (() => {
|
|
281
281
|
var _c$3 = memo(() => !!routerState().location.maskedLocation);
|
|
282
282
|
return () => _c$3() ? (() => {
|
|
283
|
-
var _el$
|
|
284
|
-
insert(_el$
|
|
283
|
+
var _el$33 = _tmpl$4();
|
|
284
|
+
insert(_el$33, () => {
|
|
285
285
|
var _a;
|
|
286
286
|
return (_a = routerState().location.maskedLocation) == null ? void 0 : _a.pathname;
|
|
287
287
|
});
|
|
288
|
-
effect(() => className(_el$
|
|
289
|
-
return _el$
|
|
288
|
+
effect(() => className(_el$33, styles().maskedLocation));
|
|
289
|
+
return _el$33;
|
|
290
290
|
})() : null;
|
|
291
291
|
})(), null);
|
|
292
|
-
_el$
|
|
292
|
+
_el$26.$$click = () => {
|
|
293
293
|
setShowMatches(false);
|
|
294
294
|
};
|
|
295
|
-
_el$
|
|
295
|
+
_el$27.$$click = () => {
|
|
296
296
|
setShowMatches(true);
|
|
297
297
|
};
|
|
298
|
-
insert(_el$
|
|
298
|
+
insert(_el$29, (() => {
|
|
299
299
|
var _c$4 = memo(() => !!!showMatches());
|
|
300
300
|
return () => _c$4() ? createComponent(RouteComp, {
|
|
301
301
|
routerState,
|
|
@@ -307,14 +307,14 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
307
307
|
activeId,
|
|
308
308
|
setActiveId
|
|
309
309
|
}) : (() => {
|
|
310
|
-
var _el$
|
|
311
|
-
insert(_el$
|
|
310
|
+
var _el$34 = _tmpl$6();
|
|
311
|
+
insert(_el$34, () => {
|
|
312
312
|
var _a, _b;
|
|
313
313
|
return (_b = ((_a = routerState().pendingMatches) == null ? void 0 : _a.length) ? routerState().pendingMatches : routerState().matches) == null ? void 0 : _b.map((match, _i) => {
|
|
314
314
|
return (() => {
|
|
315
|
-
var _el$
|
|
316
|
-
_el$
|
|
317
|
-
insert(_el$
|
|
315
|
+
var _el$35 = _tmpl$9(), _el$36 = _el$35.firstChild;
|
|
316
|
+
_el$35.$$click = () => setActiveId(activeId() === match.id ? "" : match.id);
|
|
317
|
+
insert(_el$35, createComponent(NavigateLink, {
|
|
318
318
|
get left() {
|
|
319
319
|
return createComponent(NavigateButton, {
|
|
320
320
|
get to() {
|
|
@@ -336,39 +336,39 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
336
336
|
});
|
|
337
337
|
},
|
|
338
338
|
get children() {
|
|
339
|
-
var _el$
|
|
340
|
-
insert(_el$
|
|
341
|
-
effect(() => className(_el$
|
|
342
|
-
return _el$
|
|
339
|
+
var _el$37 = _tmpl$4();
|
|
340
|
+
insert(_el$37, () => `${match.routeId === rootRouteId ? rootRouteId : match.pathname}`);
|
|
341
|
+
effect(() => className(_el$37, styles().matchID));
|
|
342
|
+
return _el$37;
|
|
343
343
|
}
|
|
344
344
|
}), null);
|
|
345
345
|
effect((_p$) => {
|
|
346
|
-
var _v$
|
|
347
|
-
_v$
|
|
348
|
-
_v$
|
|
349
|
-
_v$
|
|
346
|
+
var _v$24 = `Open match details for ${match.id}`, _v$25 = clsx(styles().matchRow(match === activeMatch())), _v$26 = clsx(styles().matchIndicator(getStatusColor(match)));
|
|
347
|
+
_v$24 !== _p$.e && setAttribute(_el$35, "aria-label", _p$.e = _v$24);
|
|
348
|
+
_v$25 !== _p$.t && className(_el$35, _p$.t = _v$25);
|
|
349
|
+
_v$26 !== _p$.a && className(_el$36, _p$.a = _v$26);
|
|
350
350
|
return _p$;
|
|
351
351
|
}, {
|
|
352
352
|
e: void 0,
|
|
353
353
|
t: void 0,
|
|
354
354
|
a: void 0
|
|
355
355
|
});
|
|
356
|
-
return _el$
|
|
356
|
+
return _el$35;
|
|
357
357
|
})();
|
|
358
358
|
});
|
|
359
359
|
});
|
|
360
|
-
return _el$
|
|
360
|
+
return _el$34;
|
|
361
361
|
})();
|
|
362
362
|
})());
|
|
363
|
-
insert(_el$
|
|
363
|
+
insert(_el$18, (() => {
|
|
364
364
|
var _c$5 = memo(() => !!routerState().cachedMatches.length);
|
|
365
365
|
return () => _c$5() ? (() => {
|
|
366
|
-
var _el$
|
|
367
|
-
insert(_el$
|
|
366
|
+
var _el$38 = _tmpl$0(), _el$39 = _el$38.firstChild, _el$40 = _el$39.firstChild, _el$41 = _el$40.nextSibling, _el$42 = _el$39.nextSibling;
|
|
367
|
+
insert(_el$42, () => routerState().cachedMatches.map((match) => {
|
|
368
368
|
return (() => {
|
|
369
|
-
var _el$
|
|
370
|
-
_el$
|
|
371
|
-
insert(_el$
|
|
369
|
+
var _el$43 = _tmpl$9(), _el$44 = _el$43.firstChild;
|
|
370
|
+
_el$43.$$click = () => setActiveId(activeId() === match.id ? "" : match.id);
|
|
371
|
+
insert(_el$43, createComponent(NavigateLink, {
|
|
372
372
|
get left() {
|
|
373
373
|
return createComponent(NavigateButton, {
|
|
374
374
|
get to() {
|
|
@@ -390,48 +390,48 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
390
390
|
});
|
|
391
391
|
},
|
|
392
392
|
get children() {
|
|
393
|
-
var _el$
|
|
394
|
-
insert(_el$
|
|
395
|
-
effect(() => className(_el$
|
|
396
|
-
return _el$
|
|
393
|
+
var _el$45 = _tmpl$4();
|
|
394
|
+
insert(_el$45, () => `${match.id}`);
|
|
395
|
+
effect(() => className(_el$45, styles().matchID));
|
|
396
|
+
return _el$45;
|
|
397
397
|
}
|
|
398
398
|
}), null);
|
|
399
399
|
effect((_p$) => {
|
|
400
|
-
var _v$
|
|
401
|
-
_v$
|
|
402
|
-
_v$
|
|
403
|
-
_v$
|
|
400
|
+
var _v$30 = `Open match details for ${match.id}`, _v$31 = clsx(styles().matchRow(match === activeMatch())), _v$32 = clsx(styles().matchIndicator(getStatusColor(match)));
|
|
401
|
+
_v$30 !== _p$.e && setAttribute(_el$43, "aria-label", _p$.e = _v$30);
|
|
402
|
+
_v$31 !== _p$.t && className(_el$43, _p$.t = _v$31);
|
|
403
|
+
_v$32 !== _p$.a && className(_el$44, _p$.a = _v$32);
|
|
404
404
|
return _p$;
|
|
405
405
|
}, {
|
|
406
406
|
e: void 0,
|
|
407
407
|
t: void 0,
|
|
408
408
|
a: void 0
|
|
409
409
|
});
|
|
410
|
-
return _el$
|
|
410
|
+
return _el$43;
|
|
411
411
|
})();
|
|
412
412
|
}));
|
|
413
413
|
effect((_p$) => {
|
|
414
|
-
var _v$
|
|
415
|
-
_v$
|
|
416
|
-
_v$
|
|
417
|
-
_v$
|
|
414
|
+
var _v$27 = styles().cachedMatchesContainer, _v$28 = styles().detailsHeader, _v$29 = styles().detailsHeaderInfo;
|
|
415
|
+
_v$27 !== _p$.e && className(_el$38, _p$.e = _v$27);
|
|
416
|
+
_v$28 !== _p$.t && className(_el$39, _p$.t = _v$28);
|
|
417
|
+
_v$29 !== _p$.a && className(_el$41, _p$.a = _v$29);
|
|
418
418
|
return _p$;
|
|
419
419
|
}, {
|
|
420
420
|
e: void 0,
|
|
421
421
|
t: void 0,
|
|
422
422
|
a: void 0
|
|
423
423
|
});
|
|
424
|
-
return _el$
|
|
424
|
+
return _el$38;
|
|
425
425
|
})() : null;
|
|
426
426
|
})(), null);
|
|
427
|
-
insert(_el$
|
|
427
|
+
insert(_el$11, (() => {
|
|
428
428
|
var _c$6 = memo(() => {
|
|
429
429
|
var _a;
|
|
430
430
|
return !!(activeMatch() && ((_a = activeMatch()) == null ? void 0 : _a.status));
|
|
431
431
|
});
|
|
432
432
|
return () => _c$6() ? (() => {
|
|
433
|
-
var _el$
|
|
434
|
-
insert(_el$
|
|
433
|
+
var _el$46 = _tmpl$1(), _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.firstChild, _el$51 = _el$50.firstChild, _el$52 = _el$50.nextSibling, _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling, _el$55 = _el$54.firstChild, _el$56 = _el$52.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling, _el$59 = _el$56.nextSibling, _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling, _el$62 = _el$48.nextSibling, _el$63 = _el$62.nextSibling;
|
|
434
|
+
insert(_el$51, (() => {
|
|
435
435
|
var _c$8 = memo(() => {
|
|
436
436
|
var _a, _b;
|
|
437
437
|
return !!(((_a = activeMatch()) == null ? void 0 : _a.status) === "success" && ((_b = activeMatch()) == null ? void 0 : _b.isFetching));
|
|
@@ -441,11 +441,11 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
441
441
|
return _c$8() ? "fetching" : (_a = activeMatch()) == null ? void 0 : _a.status;
|
|
442
442
|
};
|
|
443
443
|
})());
|
|
444
|
-
insert(_el$
|
|
444
|
+
insert(_el$55, () => {
|
|
445
445
|
var _a;
|
|
446
446
|
return (_a = activeMatch()) == null ? void 0 : _a.id;
|
|
447
447
|
});
|
|
448
|
-
insert(_el$
|
|
448
|
+
insert(_el$58, (() => {
|
|
449
449
|
var _c$9 = memo(() => {
|
|
450
450
|
var _a;
|
|
451
451
|
return !!((_a = routerState().pendingMatches) == null ? void 0 : _a.find((d) => {
|
|
@@ -458,53 +458,53 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
458
458
|
return d.id === ((_a = activeMatch()) == null ? void 0 : _a.id);
|
|
459
459
|
}) ? "Active" : "Cached";
|
|
460
460
|
})());
|
|
461
|
-
insert(_el$
|
|
462
|
-
var _c$
|
|
461
|
+
insert(_el$61, (() => {
|
|
462
|
+
var _c$0 = memo(() => {
|
|
463
463
|
var _a;
|
|
464
464
|
return !!((_a = activeMatch()) == null ? void 0 : _a.updatedAt);
|
|
465
465
|
});
|
|
466
466
|
return () => {
|
|
467
467
|
var _a;
|
|
468
|
-
return _c$
|
|
468
|
+
return _c$0() ? new Date((_a = activeMatch()) == null ? void 0 : _a.updatedAt).toLocaleTimeString() : "N/A";
|
|
469
469
|
};
|
|
470
470
|
})());
|
|
471
|
-
insert(_el$
|
|
472
|
-
var _c$
|
|
473
|
-
return () => _c$
|
|
474
|
-
var _el$
|
|
475
|
-
effect(() => className(_el$
|
|
476
|
-
return _el$
|
|
471
|
+
insert(_el$46, (() => {
|
|
472
|
+
var _c$1 = memo(() => !!activeMatchLoaderData());
|
|
473
|
+
return () => _c$1() ? [(() => {
|
|
474
|
+
var _el$64 = _tmpl$10();
|
|
475
|
+
effect(() => className(_el$64, styles().detailsHeader));
|
|
476
|
+
return _el$64;
|
|
477
477
|
})(), (() => {
|
|
478
|
-
var _el$
|
|
479
|
-
insert(_el$
|
|
478
|
+
var _el$65 = _tmpl$6();
|
|
479
|
+
insert(_el$65, createComponent(Explorer, {
|
|
480
480
|
label: "loaderData",
|
|
481
481
|
value: activeMatchLoaderData,
|
|
482
482
|
defaultExpanded: {}
|
|
483
483
|
}));
|
|
484
|
-
effect(() => className(_el$
|
|
485
|
-
return _el$
|
|
484
|
+
effect(() => className(_el$65, styles().detailsContent));
|
|
485
|
+
return _el$65;
|
|
486
486
|
})()] : null;
|
|
487
|
-
})(), _el$
|
|
488
|
-
insert(_el$
|
|
487
|
+
})(), _el$62);
|
|
488
|
+
insert(_el$63, createComponent(Explorer, {
|
|
489
489
|
label: "Match",
|
|
490
490
|
value: activeMatchValue,
|
|
491
491
|
defaultExpanded: {}
|
|
492
492
|
}));
|
|
493
493
|
effect((_p$) => {
|
|
494
494
|
var _a, _b;
|
|
495
|
-
var _v$
|
|
496
|
-
_v$
|
|
497
|
-
_v$
|
|
498
|
-
_v$
|
|
499
|
-
_v$
|
|
500
|
-
_v$
|
|
501
|
-
_v$
|
|
502
|
-
_v$
|
|
503
|
-
_v$
|
|
504
|
-
_v$
|
|
505
|
-
_v$
|
|
506
|
-
_v$
|
|
507
|
-
_v$
|
|
495
|
+
var _v$33 = styles().thirdContainer, _v$34 = styles().detailsHeader, _v$35 = styles().matchDetails, _v$36 = styles().matchStatus((_a = activeMatch()) == null ? void 0 : _a.status, (_b = activeMatch()) == null ? void 0 : _b.isFetching), _v$37 = styles().matchDetailsInfoLabel, _v$38 = styles().matchDetailsInfo, _v$39 = styles().matchDetailsInfoLabel, _v$40 = styles().matchDetailsInfo, _v$41 = styles().matchDetailsInfoLabel, _v$42 = styles().matchDetailsInfo, _v$43 = styles().detailsHeader, _v$44 = styles().detailsContent;
|
|
496
|
+
_v$33 !== _p$.e && className(_el$46, _p$.e = _v$33);
|
|
497
|
+
_v$34 !== _p$.t && className(_el$47, _p$.t = _v$34);
|
|
498
|
+
_v$35 !== _p$.a && className(_el$49, _p$.a = _v$35);
|
|
499
|
+
_v$36 !== _p$.o && className(_el$50, _p$.o = _v$36);
|
|
500
|
+
_v$37 !== _p$.i && className(_el$52, _p$.i = _v$37);
|
|
501
|
+
_v$38 !== _p$.n && className(_el$54, _p$.n = _v$38);
|
|
502
|
+
_v$39 !== _p$.s && className(_el$56, _p$.s = _v$39);
|
|
503
|
+
_v$40 !== _p$.h && className(_el$58, _p$.h = _v$40);
|
|
504
|
+
_v$41 !== _p$.r && className(_el$59, _p$.r = _v$41);
|
|
505
|
+
_v$42 !== _p$.d && className(_el$61, _p$.d = _v$42);
|
|
506
|
+
_v$43 !== _p$.l && className(_el$62, _p$.l = _v$43);
|
|
507
|
+
_v$44 !== _p$.u && className(_el$63, _p$.u = _v$44);
|
|
508
508
|
return _p$;
|
|
509
509
|
}, {
|
|
510
510
|
e: void 0,
|
|
@@ -520,14 +520,14 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
520
520
|
l: void 0,
|
|
521
521
|
u: void 0
|
|
522
522
|
});
|
|
523
|
-
return _el$
|
|
523
|
+
return _el$46;
|
|
524
524
|
})() : null;
|
|
525
525
|
})(), null);
|
|
526
|
-
insert(_el$
|
|
526
|
+
insert(_el$11, (() => {
|
|
527
527
|
var _c$7 = memo(() => !!hasSearch());
|
|
528
528
|
return () => _c$7() ? (() => {
|
|
529
|
-
var _el$
|
|
530
|
-
insert(_el$
|
|
529
|
+
var _el$66 = _tmpl$11(), _el$67 = _el$66.firstChild, _el$68 = _el$67.nextSibling;
|
|
530
|
+
insert(_el$68, createComponent(Explorer, {
|
|
531
531
|
value: locationSearchValue,
|
|
532
532
|
get defaultExpanded() {
|
|
533
533
|
return Object.keys(routerState().location.search).reduce((obj, next) => {
|
|
@@ -537,39 +537,39 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
537
537
|
}
|
|
538
538
|
}));
|
|
539
539
|
effect((_p$) => {
|
|
540
|
-
var _v$
|
|
541
|
-
_v$
|
|
542
|
-
_v$
|
|
543
|
-
_v$
|
|
540
|
+
var _v$45 = styles().fourthContainer, _v$46 = styles().detailsHeader, _v$47 = styles().detailsContent;
|
|
541
|
+
_v$45 !== _p$.e && className(_el$66, _p$.e = _v$45);
|
|
542
|
+
_v$46 !== _p$.t && className(_el$67, _p$.t = _v$46);
|
|
543
|
+
_v$47 !== _p$.a && className(_el$68, _p$.a = _v$47);
|
|
544
544
|
return _p$;
|
|
545
545
|
}, {
|
|
546
546
|
e: void 0,
|
|
547
547
|
t: void 0,
|
|
548
548
|
a: void 0
|
|
549
549
|
});
|
|
550
|
-
return _el$
|
|
550
|
+
return _el$66;
|
|
551
551
|
})() : null;
|
|
552
552
|
})(), null);
|
|
553
553
|
effect((_p$) => {
|
|
554
|
-
var _v$6 = styles().panelCloseBtn, _v$7 = styles().panelCloseBtnIcon, _v$8 = styles().firstContainer, _v$9 = styles().row, _v$
|
|
555
|
-
_v$6 !== _p$.e && className(_el$
|
|
556
|
-
_v$7 !== _p$.t && setAttribute(_el$
|
|
557
|
-
_v$8 !== _p$.a && className(_el$
|
|
558
|
-
_v$9 !== _p$.o && className(_el$
|
|
559
|
-
_v$
|
|
560
|
-
_v$
|
|
561
|
-
_v$
|
|
562
|
-
_v$
|
|
563
|
-
_v$
|
|
564
|
-
_v$
|
|
565
|
-
_v$
|
|
566
|
-
_v$
|
|
567
|
-
_v$
|
|
568
|
-
_v$
|
|
569
|
-
_v$
|
|
570
|
-
_v$
|
|
571
|
-
_v$
|
|
572
|
-
_v$
|
|
554
|
+
var _v$6 = styles().panelCloseBtn, _v$7 = styles().panelCloseBtnIcon, _v$8 = styles().firstContainer, _v$9 = styles().row, _v$0 = styles().routerExplorerContainer, _v$1 = styles().routerExplorer, _v$10 = styles().secondContainer, _v$11 = styles().matchesContainer, _v$12 = styles().detailsHeader, _v$13 = styles().detailsContent, _v$14 = styles().detailsHeader, _v$15 = styles().routeMatchesToggle, _v$16 = !showMatches(), _v$17 = clsx(styles().routeMatchesToggleBtn(!showMatches(), true)), _v$18 = showMatches(), _v$19 = clsx(styles().routeMatchesToggleBtn(!!showMatches(), false)), _v$20 = styles().detailsHeaderInfo, _v$21 = clsx(styles().routesContainer);
|
|
555
|
+
_v$6 !== _p$.e && className(_el$12, _p$.e = _v$6);
|
|
556
|
+
_v$7 !== _p$.t && setAttribute(_el$13, "class", _p$.t = _v$7);
|
|
557
|
+
_v$8 !== _p$.a && className(_el$14, _p$.a = _v$8);
|
|
558
|
+
_v$9 !== _p$.o && className(_el$15, _p$.o = _v$9);
|
|
559
|
+
_v$0 !== _p$.i && className(_el$16, _p$.i = _v$0);
|
|
560
|
+
_v$1 !== _p$.n && className(_el$17, _p$.n = _v$1);
|
|
561
|
+
_v$10 !== _p$.s && className(_el$18, _p$.s = _v$10);
|
|
562
|
+
_v$11 !== _p$.h && className(_el$19, _p$.h = _v$11);
|
|
563
|
+
_v$12 !== _p$.r && className(_el$20, _p$.r = _v$12);
|
|
564
|
+
_v$13 !== _p$.d && className(_el$22, _p$.d = _v$13);
|
|
565
|
+
_v$14 !== _p$.l && className(_el$24, _p$.l = _v$14);
|
|
566
|
+
_v$15 !== _p$.u && className(_el$25, _p$.u = _v$15);
|
|
567
|
+
_v$16 !== _p$.c && (_el$26.disabled = _p$.c = _v$16);
|
|
568
|
+
_v$17 !== _p$.w && className(_el$26, _p$.w = _v$17);
|
|
569
|
+
_v$18 !== _p$.m && (_el$27.disabled = _p$.m = _v$18);
|
|
570
|
+
_v$19 !== _p$.f && className(_el$27, _p$.f = _v$19);
|
|
571
|
+
_v$20 !== _p$.y && className(_el$28, _p$.y = _v$20);
|
|
572
|
+
_v$21 !== _p$.g && className(_el$29, _p$.g = _v$21);
|
|
573
573
|
return _p$;
|
|
574
574
|
}, {
|
|
575
575
|
e: void 0,
|
|
@@ -591,7 +591,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
|
|
|
591
591
|
y: void 0,
|
|
592
592
|
g: void 0
|
|
593
593
|
});
|
|
594
|
-
return _el$
|
|
594
|
+
return _el$11;
|
|
595
595
|
})();
|
|
596
596
|
};
|
|
597
597
|
delegateEvents(["click", "mousedown"]);
|