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