@tanstack/router-devtools 0.0.1-beta.234 → 0.0.1-beta.236
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/devtools.js +3 -3
- package/build/cjs/devtools.js.map +1 -1
- package/build/esm/index.js +3 -3
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +1 -1
- package/build/stats-react.json +311 -112
- package/build/umd/index.development.js +3 -3
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +2 -2
- package/src/devtools.tsx +29 -26
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/router-devtools",
|
|
3
3
|
"author": "Tanner Linsley",
|
|
4
|
-
"version": "0.0.1-beta.
|
|
4
|
+
"version": "0.0.1-beta.236",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "tanstack/router",
|
|
7
7
|
"homepage": "https://tanstack.com/router/",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@babel/runtime": "^7.16.7",
|
|
43
43
|
"date-fns": "^2.29.1",
|
|
44
|
-
"@tanstack/react-router": "0.0.1-beta.
|
|
44
|
+
"@tanstack/react-router": "0.0.1-beta.236"
|
|
45
45
|
},
|
|
46
46
|
"scripts": {
|
|
47
47
|
"build": "rollup --config rollup.config.js"
|
package/src/devtools.tsx
CHANGED
|
@@ -338,16 +338,16 @@ export function TanStackRouterDevtools({
|
|
|
338
338
|
right: '0',
|
|
339
339
|
}
|
|
340
340
|
: position === 'top-left'
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
341
|
+
? {
|
|
342
|
+
left: '0',
|
|
343
|
+
}
|
|
344
|
+
: position === 'bottom-right'
|
|
345
|
+
? {
|
|
346
|
+
right: '0',
|
|
347
|
+
}
|
|
348
|
+
: {
|
|
349
|
+
left: '0',
|
|
350
|
+
}),
|
|
351
351
|
...closeButtonStyle,
|
|
352
352
|
}}
|
|
353
353
|
>
|
|
@@ -382,19 +382,19 @@ export function TanStackRouterDevtools({
|
|
|
382
382
|
right: '0',
|
|
383
383
|
}
|
|
384
384
|
: position === 'top-left'
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
385
|
+
? {
|
|
386
|
+
top: '0',
|
|
387
|
+
left: '0',
|
|
388
|
+
}
|
|
389
|
+
: position === 'bottom-right'
|
|
390
|
+
? {
|
|
391
|
+
bottom: '0',
|
|
392
|
+
right: '0',
|
|
393
|
+
}
|
|
394
|
+
: {
|
|
395
|
+
bottom: '0',
|
|
396
|
+
left: '0',
|
|
397
|
+
}),
|
|
398
398
|
...toggleButtonStyle,
|
|
399
399
|
}}
|
|
400
400
|
>
|
|
@@ -419,7 +419,7 @@ function RouteComp({
|
|
|
419
419
|
const router = useRouter()
|
|
420
420
|
const matches =
|
|
421
421
|
router.state.status === 'pending'
|
|
422
|
-
? router.state.pendingMatches
|
|
422
|
+
? router.state.pendingMatches ?? []
|
|
423
423
|
: router.state.matches
|
|
424
424
|
|
|
425
425
|
const match = router.state.matches.find((d) => d.routeId === route.id)
|
|
@@ -513,7 +513,10 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
|
|
|
513
513
|
} = props
|
|
514
514
|
|
|
515
515
|
const router = useRouter()
|
|
516
|
-
const matches = [
|
|
516
|
+
const matches = [
|
|
517
|
+
...(router.state.pendingMatches ?? []),
|
|
518
|
+
...router.state.matches,
|
|
519
|
+
]
|
|
517
520
|
|
|
518
521
|
invariant(
|
|
519
522
|
router,
|
|
@@ -805,7 +808,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
|
|
|
805
808
|
) : (
|
|
806
809
|
<div>
|
|
807
810
|
{(router.state.status === 'pending'
|
|
808
|
-
? router.state.pendingMatches
|
|
811
|
+
? router.state.pendingMatches ?? []
|
|
809
812
|
: router.state.matches
|
|
810
813
|
).map((match, i) => {
|
|
811
814
|
return (
|