@tanstack/router-devtools 0.0.1-beta.174 → 0.0.1-beta.176

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