@tanstack/router-devtools 0.0.1-beta.204 → 0.0.1-beta.206

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.
Files changed (16) hide show
  1. package/build/cjs/devtools.js +16 -62
  2. package/build/cjs/devtools.js.map +1 -1
  3. package/build/cjs/utils.js +1 -2
  4. package/build/cjs/utils.js.map +1 -1
  5. package/build/esm/index.js +18 -64
  6. package/build/esm/index.js.map +1 -1
  7. package/build/stats-html.html +1 -1
  8. package/build/stats-react.json +115 -223
  9. package/build/types/utils.d.ts +2 -2
  10. package/build/umd/index.development.js +45 -123
  11. package/build/umd/index.development.js.map +1 -1
  12. package/build/umd/index.production.js +2 -23
  13. package/build/umd/index.production.js.map +1 -1
  14. package/package.json +2 -2
  15. package/src/devtools.tsx +17 -21
  16. package/src/utils.ts +1 -9
package/build/stats-react.json CHANGED
@@ -7,66 +7,53 @@
7
7
  "name": "index.production.js",
8
8
  "children": [
9
9
  {
10
- "uid": "8e4c-248",
10
+ "uid": "8d0d-102",
11
11
  "name": "\u0000rollupPluginBabelHelpers.js"
12
12
  },
13
13
  {
14
- "name": "node_modules/.pnpm",
15
- "children": [
16
- {
17
- "name": "@tanstack+react-store@0.0.1/node_modules/@tanstack/react-store/build/esm/index.js",
18
- "uid": "8e4c-250"
19
- },
20
- {
21
- "name": "tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
22
- "uid": "8e4c-252"
23
- }
24
- ]
14
+ "name": "node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
15
+ "uid": "8d0d-104"
25
16
  },
26
17
  {
27
18
  "name": "packages",
28
19
  "children": [
29
- {
30
- "name": "router-core/build/esm/index.js",
31
- "uid": "8e4c-254"
32
- },
33
20
  {
34
21
  "name": "react-router/build/esm/index.js",
35
- "uid": "8e4c-256"
22
+ "uid": "8d0d-106"
36
23
  },
37
24
  {
38
25
  "name": "router-devtools/src",
39
26
  "children": [
40
27
  {
41
- "uid": "8e4c-258",
28
+ "uid": "8d0d-108",
42
29
  "name": "useLocalStorage.ts"
43
30
  },
44
31
  {
45
- "uid": "8e4c-260",
32
+ "uid": "8d0d-110",
46
33
  "name": "theme.tsx"
47
34
  },
48
35
  {
49
- "uid": "8e4c-262",
36
+ "uid": "8d0d-112",
50
37
  "name": "useMediaQuery.ts"
51
38
  },
52
39
  {
53
- "uid": "8e4c-264",
40
+ "uid": "8d0d-114",
54
41
  "name": "utils.ts"
55
42
  },
56
43
  {
57
- "uid": "8e4c-266",
44
+ "uid": "8d0d-116",
58
45
  "name": "styledComponents.ts"
59
46
  },
60
47
  {
61
- "uid": "8e4c-268",
48
+ "uid": "8d0d-118",
62
49
  "name": "Explorer.tsx"
63
50
  },
64
51
  {
65
- "uid": "8e4c-270",
52
+ "uid": "8d0d-120",
66
53
  "name": "devtools.tsx"
67
54
  },
68
55
  {
69
- "uid": "8e4c-272",
56
+ "uid": "8d0d-122",
70
57
  "name": "index.tsx"
71
58
  }
72
59
  ]
@@ -79,440 +66,345 @@
79
66
  "isRoot": true
80
67
  },
81
68
  "nodeParts": {
82
- "8e4c-248": {
69
+ "8d0d-102": {
83
70
  "renderedLength": 429,
84
71
  "gzipLength": 238,
85
72
  "brotliLength": 0,
86
- "mainUid": "8e4c-247"
87
- },
88
- "8e4c-250": {
89
- "renderedLength": 1002,
90
- "gzipLength": 474,
91
- "brotliLength": 0,
92
- "mainUid": "8e4c-249"
73
+ "mainUid": "8d0d-101"
93
74
  },
94
- "8e4c-252": {
75
+ "8d0d-104": {
95
76
  "renderedLength": 181,
96
77
  "gzipLength": 129,
97
78
  "brotliLength": 0,
98
- "mainUid": "8e4c-251"
79
+ "mainUid": "8d0d-103"
99
80
  },
100
- "8e4c-254": {
101
- "renderedLength": 842,
102
- "gzipLength": 379,
81
+ "8d0d-106": {
82
+ "renderedLength": 706,
83
+ "gzipLength": 355,
103
84
  "brotliLength": 0,
104
- "mainUid": "8e4c-253"
85
+ "mainUid": "8d0d-105"
105
86
  },
106
- "8e4c-256": {
107
- "renderedLength": 322,
108
- "gzipLength": 230,
109
- "brotliLength": 0,
110
- "mainUid": "8e4c-255"
111
- },
112
- "8e4c-258": {
87
+ "8d0d-108": {
113
88
  "renderedLength": 1083,
114
89
  "gzipLength": 410,
115
90
  "brotliLength": 0,
116
- "mainUid": "8e4c-257"
91
+ "mainUid": "8d0d-107"
117
92
  },
118
- "8e4c-260": {
93
+ "8d0d-110": {
119
94
  "renderedLength": 686,
120
95
  "gzipLength": 344,
121
96
  "brotliLength": 0,
122
- "mainUid": "8e4c-259"
97
+ "mainUid": "8d0d-109"
123
98
  },
124
- "8e4c-262": {
99
+ "8d0d-112": {
125
100
  "renderedLength": 970,
126
101
  "gzipLength": 386,
127
102
  "brotliLength": 0,
128
- "mainUid": "8e4c-261"
103
+ "mainUid": "8d0d-111"
129
104
  },
130
- "8e4c-264": {
131
- "renderedLength": 2933,
132
- "gzipLength": 1140,
105
+ "8d0d-114": {
106
+ "renderedLength": 2893,
107
+ "gzipLength": 1122,
133
108
  "brotliLength": 0,
134
- "mainUid": "8e4c-263"
109
+ "mainUid": "8d0d-113"
135
110
  },
136
- "8e4c-266": {
111
+ "8d0d-116": {
137
112
  "renderedLength": 1378,
138
113
  "gzipLength": 576,
139
114
  "brotliLength": 0,
140
- "mainUid": "8e4c-265"
115
+ "mainUid": "8d0d-115"
141
116
  },
142
- "8e4c-268": {
117
+ "8d0d-118": {
143
118
  "renderedLength": 6243,
144
119
  "gzipLength": 1853,
145
120
  "brotliLength": 0,
146
- "mainUid": "8e4c-267"
121
+ "mainUid": "8d0d-117"
147
122
  },
148
- "8e4c-270": {
149
- "renderedLength": 25284,
150
- "gzipLength": 4557,
123
+ "8d0d-120": {
124
+ "renderedLength": 23510,
125
+ "gzipLength": 4477,
151
126
  "brotliLength": 0,
152
- "mainUid": "8e4c-269"
127
+ "mainUid": "8d0d-119"
153
128
  },
154
- "8e4c-272": {
129
+ "8d0d-122": {
155
130
  "renderedLength": 0,
156
131
  "gzipLength": 0,
157
132
  "brotliLength": 0,
158
- "mainUid": "8e4c-271"
133
+ "mainUid": "8d0d-121"
159
134
  }
160
135
  },
161
136
  "nodeMetas": {
162
- "8e4c-247": {
137
+ "8d0d-101": {
163
138
  "id": "\u0000rollupPluginBabelHelpers.js",
164
139
  "moduleParts": {
165
- "index.production.js": "8e4c-248"
140
+ "index.production.js": "8d0d-102"
166
141
  },
167
142
  "imported": [],
168
143
  "importedBy": [
169
144
  {
170
- "uid": "8e4c-269"
145
+ "uid": "8d0d-119"
171
146
  },
172
147
  {
173
- "uid": "8e4c-259"
148
+ "uid": "8d0d-109"
174
149
  },
175
150
  {
176
- "uid": "8e4c-267"
151
+ "uid": "8d0d-117"
177
152
  }
178
153
  ]
179
154
  },
180
- "8e4c-249": {
181
- "id": "/node_modules/.pnpm/@tanstack+react-store@0.0.1/node_modules/@tanstack/react-store/build/esm/index.js",
182
- "moduleParts": {
183
- "index.production.js": "8e4c-250"
184
- },
185
- "imported": [
186
- {
187
- "uid": "8e4c-275"
188
- },
189
- {
190
- "uid": "8e4c-276"
191
- }
192
- ],
193
- "importedBy": [
194
- {
195
- "uid": "8e4c-255"
196
- }
197
- ]
198
- },
199
- "8e4c-251": {
155
+ "8d0d-103": {
200
156
  "id": "/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
201
157
  "moduleParts": {
202
- "index.production.js": "8e4c-252"
158
+ "index.production.js": "8d0d-104"
203
159
  },
204
160
  "imported": [],
205
161
  "importedBy": [
206
162
  {
207
- "uid": "8e4c-255"
208
- },
209
- {
210
- "uid": "8e4c-253"
163
+ "uid": "8d0d-105"
211
164
  }
212
165
  ]
213
166
  },
214
- "8e4c-253": {
215
- "id": "/packages/router-core/build/esm/index.js",
216
- "moduleParts": {
217
- "index.production.js": "8e4c-254"
218
- },
219
- "imported": [
220
- {
221
- "uid": "8e4c-277"
222
- },
223
- {
224
- "uid": "8e4c-251"
225
- },
226
- {
227
- "uid": "8e4c-274"
228
- },
229
- {
230
- "uid": "8e4c-276"
231
- }
232
- ],
233
- "importedBy": [
234
- {
235
- "uid": "8e4c-255"
236
- }
237
- ]
238
- },
239
- "8e4c-255": {
167
+ "8d0d-105": {
240
168
  "id": "/packages/react-router/build/esm/index.js",
241
169
  "moduleParts": {
242
- "index.production.js": "8e4c-256"
170
+ "index.production.js": "8d0d-106"
243
171
  },
244
172
  "imported": [
245
173
  {
246
- "uid": "8e4c-249"
247
- },
248
- {
249
- "uid": "8e4c-253"
174
+ "uid": "8d0d-124"
250
175
  },
251
176
  {
252
- "uid": "8e4c-273"
177
+ "uid": "8d0d-103"
253
178
  },
254
179
  {
255
- "uid": "8e4c-251"
180
+ "uid": "8d0d-125"
256
181
  },
257
182
  {
258
- "uid": "8e4c-274"
183
+ "uid": "8d0d-123"
259
184
  }
260
185
  ],
261
186
  "importedBy": [
262
187
  {
263
- "uid": "8e4c-269"
264
- },
265
- {
266
- "uid": "8e4c-263"
188
+ "uid": "8d0d-119"
267
189
  }
268
190
  ]
269
191
  },
270
- "8e4c-257": {
192
+ "8d0d-107": {
271
193
  "id": "/packages/router-devtools/src/useLocalStorage.ts",
272
194
  "moduleParts": {
273
- "index.production.js": "8e4c-258"
195
+ "index.production.js": "8d0d-108"
274
196
  },
275
197
  "imported": [
276
198
  {
277
- "uid": "8e4c-273"
199
+ "uid": "8d0d-123"
278
200
  }
279
201
  ],
280
202
  "importedBy": [
281
203
  {
282
- "uid": "8e4c-269"
204
+ "uid": "8d0d-119"
283
205
  }
284
206
  ]
285
207
  },
286
- "8e4c-259": {
208
+ "8d0d-109": {
287
209
  "id": "/packages/router-devtools/src/theme.tsx",
288
210
  "moduleParts": {
289
- "index.production.js": "8e4c-260"
211
+ "index.production.js": "8d0d-110"
290
212
  },
291
213
  "imported": [
292
214
  {
293
- "uid": "8e4c-247"
215
+ "uid": "8d0d-101"
294
216
  },
295
217
  {
296
- "uid": "8e4c-273"
218
+ "uid": "8d0d-123"
297
219
  }
298
220
  ],
299
221
  "importedBy": [
300
222
  {
301
- "uid": "8e4c-269"
223
+ "uid": "8d0d-119"
302
224
  },
303
225
  {
304
- "uid": "8e4c-263"
226
+ "uid": "8d0d-113"
305
227
  }
306
228
  ]
307
229
  },
308
- "8e4c-261": {
230
+ "8d0d-111": {
309
231
  "id": "/packages/router-devtools/src/useMediaQuery.ts",
310
232
  "moduleParts": {
311
- "index.production.js": "8e4c-262"
233
+ "index.production.js": "8d0d-112"
312
234
  },
313
235
  "imported": [
314
236
  {
315
- "uid": "8e4c-273"
237
+ "uid": "8d0d-123"
316
238
  }
317
239
  ],
318
240
  "importedBy": [
319
241
  {
320
- "uid": "8e4c-263"
242
+ "uid": "8d0d-113"
321
243
  }
322
244
  ]
323
245
  },
324
- "8e4c-263": {
246
+ "8d0d-113": {
325
247
  "id": "/packages/router-devtools/src/utils.ts",
326
248
  "moduleParts": {
327
- "index.production.js": "8e4c-264"
249
+ "index.production.js": "8d0d-114"
328
250
  },
329
251
  "imported": [
330
252
  {
331
- "uid": "8e4c-273"
253
+ "uid": "8d0d-123"
332
254
  },
333
255
  {
334
- "uid": "8e4c-255"
256
+ "uid": "8d0d-109"
335
257
  },
336
258
  {
337
- "uid": "8e4c-259"
338
- },
339
- {
340
- "uid": "8e4c-261"
259
+ "uid": "8d0d-111"
341
260
  }
342
261
  ],
343
262
  "importedBy": [
344
263
  {
345
- "uid": "8e4c-269"
264
+ "uid": "8d0d-119"
346
265
  },
347
266
  {
348
- "uid": "8e4c-265"
267
+ "uid": "8d0d-115"
349
268
  },
350
269
  {
351
- "uid": "8e4c-267"
270
+ "uid": "8d0d-117"
352
271
  }
353
272
  ]
354
273
  },
355
- "8e4c-265": {
274
+ "8d0d-115": {
356
275
  "id": "/packages/router-devtools/src/styledComponents.ts",
357
276
  "moduleParts": {
358
- "index.production.js": "8e4c-266"
277
+ "index.production.js": "8d0d-116"
359
278
  },
360
279
  "imported": [
361
280
  {
362
- "uid": "8e4c-263"
281
+ "uid": "8d0d-113"
363
282
  }
364
283
  ],
365
284
  "importedBy": [
366
285
  {
367
- "uid": "8e4c-269"
286
+ "uid": "8d0d-119"
368
287
  }
369
288
  ]
370
289
  },
371
- "8e4c-267": {
290
+ "8d0d-117": {
372
291
  "id": "/packages/router-devtools/src/Explorer.tsx",
373
292
  "moduleParts": {
374
- "index.production.js": "8e4c-268"
293
+ "index.production.js": "8d0d-118"
375
294
  },
376
295
  "imported": [
377
296
  {
378
- "uid": "8e4c-247"
297
+ "uid": "8d0d-101"
379
298
  },
380
299
  {
381
- "uid": "8e4c-273"
300
+ "uid": "8d0d-123"
382
301
  },
383
302
  {
384
- "uid": "8e4c-263"
303
+ "uid": "8d0d-113"
385
304
  }
386
305
  ],
387
306
  "importedBy": [
388
307
  {
389
- "uid": "8e4c-269"
308
+ "uid": "8d0d-119"
390
309
  }
391
310
  ]
392
311
  },
393
- "8e4c-269": {
312
+ "8d0d-119": {
394
313
  "id": "/packages/router-devtools/src/devtools.tsx",
395
314
  "moduleParts": {
396
- "index.production.js": "8e4c-270"
315
+ "index.production.js": "8d0d-120"
397
316
  },
398
317
  "imported": [
399
318
  {
400
- "uid": "8e4c-247"
319
+ "uid": "8d0d-101"
401
320
  },
402
321
  {
403
- "uid": "8e4c-273"
322
+ "uid": "8d0d-123"
404
323
  },
405
324
  {
406
- "uid": "8e4c-255"
325
+ "uid": "8d0d-105"
407
326
  },
408
327
  {
409
- "uid": "8e4c-257"
328
+ "uid": "8d0d-107"
410
329
  },
411
330
  {
412
- "uid": "8e4c-263"
331
+ "uid": "8d0d-113"
413
332
  },
414
333
  {
415
- "uid": "8e4c-265"
334
+ "uid": "8d0d-115"
416
335
  },
417
336
  {
418
- "uid": "8e4c-259"
337
+ "uid": "8d0d-109"
419
338
  },
420
339
  {
421
- "uid": "8e4c-267"
340
+ "uid": "8d0d-117"
422
341
  }
423
342
  ],
424
343
  "importedBy": [
425
344
  {
426
- "uid": "8e4c-271"
345
+ "uid": "8d0d-121"
427
346
  }
428
347
  ]
429
348
  },
430
- "8e4c-271": {
349
+ "8d0d-121": {
431
350
  "id": "/packages/router-devtools/src/index.tsx",
432
351
  "moduleParts": {
433
- "index.production.js": "8e4c-272"
352
+ "index.production.js": "8d0d-122"
434
353
  },
435
354
  "imported": [
436
355
  {
437
- "uid": "8e4c-269"
356
+ "uid": "8d0d-119"
438
357
  }
439
358
  ],
440
359
  "importedBy": [],
441
360
  "isEntry": true
442
361
  },
443
- "8e4c-273": {
362
+ "8d0d-123": {
444
363
  "id": "react",
445
364
  "moduleParts": {},
446
365
  "imported": [],
447
366
  "importedBy": [
448
367
  {
449
- "uid": "8e4c-269"
368
+ "uid": "8d0d-119"
450
369
  },
451
370
  {
452
- "uid": "8e4c-255"
371
+ "uid": "8d0d-105"
453
372
  },
454
373
  {
455
- "uid": "8e4c-257"
374
+ "uid": "8d0d-107"
456
375
  },
457
376
  {
458
- "uid": "8e4c-263"
377
+ "uid": "8d0d-113"
459
378
  },
460
379
  {
461
- "uid": "8e4c-259"
380
+ "uid": "8d0d-109"
462
381
  },
463
382
  {
464
- "uid": "8e4c-267"
465
- },
466
- {
467
- "uid": "8e4c-261"
468
- }
469
- ],
470
- "isExternal": true
471
- },
472
- "8e4c-274": {
473
- "id": "/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js",
474
- "moduleParts": {},
475
- "imported": [],
476
- "importedBy": [
477
- {
478
- "uid": "8e4c-255"
383
+ "uid": "8d0d-117"
479
384
  },
480
385
  {
481
- "uid": "8e4c-253"
482
- }
483
- ]
484
- },
485
- "8e4c-275": {
486
- "id": "use-sync-external-store/shim/with-selector",
487
- "moduleParts": {},
488
- "imported": [],
489
- "importedBy": [
490
- {
491
- "uid": "8e4c-249"
386
+ "uid": "8d0d-111"
492
387
  }
493
388
  ],
494
389
  "isExternal": true
495
390
  },
496
- "8e4c-276": {
497
- "id": "/node_modules/.pnpm/@tanstack+store@0.0.1/node_modules/@tanstack/store/build/esm/index.js",
391
+ "8d0d-124": {
392
+ "id": "/packages/history/build/esm/index.js",
498
393
  "moduleParts": {},
499
394
  "imported": [],
500
395
  "importedBy": [
501
396
  {
502
- "uid": "8e4c-249"
503
- },
504
- {
505
- "uid": "8e4c-253"
397
+ "uid": "8d0d-105"
506
398
  }
507
399
  ]
508
400
  },
509
- "8e4c-277": {
510
- "id": "/packages/history/build/esm/index.js",
401
+ "8d0d-125": {
402
+ "id": "/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js",
511
403
  "moduleParts": {},
512
404
  "imported": [],
513
405
  "importedBy": [
514
406
  {
515
- "uid": "8e4c-253"
407
+ "uid": "8d0d-105"
516
408
  }
517
409
  ]
518
410
  }
package/build/types/utils.d.ts CHANGED
@@ -3,8 +3,8 @@ import { AnyRootRoute, AnyRoute, AnyRouteMatch } from '@tanstack/react-router';
3
3
  import { Theme } from './theme';
4
4
  export declare const isServer: boolean;
5
5
  type StyledComponent<T> = T extends 'button' ? React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> : T extends 'input' ? React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> : T extends 'select' ? React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> : T extends keyof HTMLElementTagNameMap ? React.HTMLAttributes<HTMLElementTagNameMap[T]> : never;
6
- export declare function getStatusColor(match: AnyRouteMatch, theme: Theme): "#3f4e60" | "#00ab52" | "#ff0085" | "#006bff" | "#ffb200";
7
- export declare function getRouteStatusColor(matches: AnyRouteMatch[], route: AnyRoute | AnyRootRoute, theme: Theme): "#3f4e60" | "#00ab52" | "#ff0085" | "#006bff" | "#ffb200";
6
+ export declare function getStatusColor(match: AnyRouteMatch, theme: Theme): "#3f4e60" | "#00ab52" | "#ff0085" | "#006bff";
7
+ export declare function getRouteStatusColor(matches: AnyRouteMatch[], route: AnyRoute | AnyRootRoute, theme: Theme): "#3f4e60" | "#00ab52" | "#ff0085" | "#006bff";
8
8
  type Styles = React.CSSProperties | ((props: Record<string, any>, theme: Theme) => React.CSSProperties);
9
9
  export declare function styled<T extends keyof HTMLElementTagNameMap>(type: T, newStyles: Styles, queries?: Record<string, Styles>): React.ForwardRefExoticComponent<React.PropsWithoutRef<StyledComponent<T>> & React.RefAttributes<HTMLElementTagNameMap[T]>>;
10
10
  export declare function useIsMounted(): () => boolean;