@tanstack/react-router-devtools 0.0.1-beta.82 → 1.114.0

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 (59) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +3 -1
  3. package/dist/cjs/TanStackRouterDevtools.cjs +72 -0
  4. package/dist/cjs/TanStackRouterDevtools.cjs.map +1 -0
  5. package/dist/cjs/TanStackRouterDevtools.d.cts +41 -0
  6. package/dist/cjs/TanStackRouterDevtoolsPanel.cjs +44 -0
  7. package/dist/cjs/TanStackRouterDevtoolsPanel.cjs.map +1 -0
  8. package/dist/cjs/TanStackRouterDevtoolsPanel.d.cts +33 -0
  9. package/dist/cjs/index.cjs +17 -0
  10. package/dist/cjs/index.cjs.map +1 -0
  11. package/dist/cjs/index.d.cts +6 -0
  12. package/dist/esm/TanStackRouterDevtools.d.ts +41 -0
  13. package/dist/esm/TanStackRouterDevtools.js +72 -0
  14. package/dist/esm/TanStackRouterDevtools.js.map +1 -0
  15. package/dist/esm/TanStackRouterDevtoolsPanel.d.ts +33 -0
  16. package/dist/esm/TanStackRouterDevtoolsPanel.js +44 -0
  17. package/dist/esm/TanStackRouterDevtoolsPanel.js.map +1 -0
  18. package/dist/esm/index.d.ts +6 -0
  19. package/dist/esm/index.js +17 -0
  20. package/dist/esm/index.js.map +1 -0
  21. package/package.json +42 -26
  22. package/src/TanStackRouterDevtools.tsx +134 -0
  23. package/src/TanStackRouterDevtoolsPanel.tsx +87 -0
  24. package/src/index.ts +22 -0
  25. package/build/cjs/Explorer.js +0 -216
  26. package/build/cjs/Explorer.js.map +0 -1
  27. package/build/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -31
  28. package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  29. package/build/cjs/devtools.js +0 -583
  30. package/build/cjs/devtools.js.map +0 -1
  31. package/build/cjs/index.js +0 -21
  32. package/build/cjs/index.js.map +0 -1
  33. package/build/cjs/styledComponents.js +0 -79
  34. package/build/cjs/styledComponents.js.map +0 -1
  35. package/build/cjs/theme.js +0 -51
  36. package/build/cjs/theme.js.map +0 -1
  37. package/build/cjs/useLocalStorage.js +0 -58
  38. package/build/cjs/useLocalStorage.js.map +0 -1
  39. package/build/cjs/useMediaQuery.js +0 -58
  40. package/build/cjs/useMediaQuery.js.map +0 -1
  41. package/build/cjs/utils.js +0 -107
  42. package/build/cjs/utils.js.map +0 -1
  43. package/build/esm/index.js +0 -984
  44. package/build/esm/index.js.map +0 -1
  45. package/build/stats-html.html +0 -4044
  46. package/build/stats-react.json +0 -504
  47. package/build/types/index.d.ts +0 -77
  48. package/build/umd/index.development.js +0 -1119
  49. package/build/umd/index.development.js.map +0 -1
  50. package/build/umd/index.production.js +0 -54
  51. package/build/umd/index.production.js.map +0 -1
  52. package/src/Explorer.tsx +0 -290
  53. package/src/devtools.tsx +0 -984
  54. package/src/index.tsx +0 -1
  55. package/src/styledComponents.ts +0 -106
  56. package/src/theme.tsx +0 -31
  57. package/src/useLocalStorage.ts +0 -52
  58. package/src/useMediaQuery.ts +0 -39
  59. package/src/utils.ts +0 -169
@@ -1,504 +0,0 @@
1
- {
2
- "version": 2,
3
- "tree": {
4
- "name": "root",
5
- "children": [
6
- {
7
- "name": "index.production.js",
8
- "children": [
9
- {
10
- "uid": "ea8f-208",
11
- "name": "\u0000rollupPluginBabelHelpers.js"
12
- },
13
- {
14
- "name": "node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
15
- "uid": "ea8f-210"
16
- },
17
- {
18
- "name": "packages",
19
- "children": [
20
- {
21
- "name": "store/build/esm/index.js",
22
- "uid": "ea8f-212"
23
- },
24
- {
25
- "name": "router/build/esm/index.js",
26
- "uid": "ea8f-214"
27
- },
28
- {
29
- "name": "react-store/build/esm/index.js",
30
- "uid": "ea8f-216"
31
- },
32
- {
33
- "name": "react-router/build/esm/index.js",
34
- "uid": "ea8f-218"
35
- },
36
- {
37
- "name": "react-router-devtools/src",
38
- "children": [
39
- {
40
- "uid": "ea8f-220",
41
- "name": "useLocalStorage.ts"
42
- },
43
- {
44
- "uid": "ea8f-222",
45
- "name": "theme.tsx"
46
- },
47
- {
48
- "uid": "ea8f-224",
49
- "name": "useMediaQuery.ts"
50
- },
51
- {
52
- "uid": "ea8f-226",
53
- "name": "utils.ts"
54
- },
55
- {
56
- "uid": "ea8f-228",
57
- "name": "styledComponents.ts"
58
- },
59
- {
60
- "uid": "ea8f-230",
61
- "name": "Explorer.tsx"
62
- },
63
- {
64
- "uid": "ea8f-232",
65
- "name": "devtools.tsx"
66
- },
67
- {
68
- "uid": "ea8f-234",
69
- "name": "index.tsx"
70
- }
71
- ]
72
- }
73
- ]
74
- }
75
- ]
76
- }
77
- ],
78
- "isRoot": true
79
- },
80
- "nodeParts": {
81
- "ea8f-208": {
82
- "renderedLength": 429,
83
- "gzipLength": 238,
84
- "brotliLength": 0,
85
- "mainUid": "ea8f-207"
86
- },
87
- "ea8f-210": {
88
- "renderedLength": 181,
89
- "gzipLength": 129,
90
- "brotliLength": 0,
91
- "mainUid": "ea8f-209"
92
- },
93
- "ea8f-212": {
94
- "renderedLength": 1310,
95
- "gzipLength": 488,
96
- "brotliLength": 0,
97
- "mainUid": "ea8f-211"
98
- },
99
- "ea8f-214": {
100
- "renderedLength": 277,
101
- "gzipLength": 198,
102
- "brotliLength": 0,
103
- "mainUid": "ea8f-213"
104
- },
105
- "ea8f-216": {
106
- "renderedLength": 477,
107
- "gzipLength": 284,
108
- "brotliLength": 0,
109
- "mainUid": "ea8f-215"
110
- },
111
- "ea8f-218": {
112
- "renderedLength": 298,
113
- "gzipLength": 215,
114
- "brotliLength": 0,
115
- "mainUid": "ea8f-217"
116
- },
117
- "ea8f-220": {
118
- "renderedLength": 1083,
119
- "gzipLength": 410,
120
- "brotliLength": 0,
121
- "mainUid": "ea8f-219"
122
- },
123
- "ea8f-222": {
124
- "renderedLength": 686,
125
- "gzipLength": 344,
126
- "brotliLength": 0,
127
- "mainUid": "ea8f-221"
128
- },
129
- "ea8f-224": {
130
- "renderedLength": 970,
131
- "gzipLength": 386,
132
- "brotliLength": 0,
133
- "mainUid": "ea8f-223"
134
- },
135
- "ea8f-226": {
136
- "renderedLength": 2694,
137
- "gzipLength": 1056,
138
- "brotliLength": 0,
139
- "mainUid": "ea8f-225"
140
- },
141
- "ea8f-228": {
142
- "renderedLength": 1378,
143
- "gzipLength": 576,
144
- "brotliLength": 0,
145
- "mainUid": "ea8f-227"
146
- },
147
- "ea8f-230": {
148
- "renderedLength": 6098,
149
- "gzipLength": 1825,
150
- "brotliLength": 0,
151
- "mainUid": "ea8f-229"
152
- },
153
- "ea8f-232": {
154
- "renderedLength": 20179,
155
- "gzipLength": 3773,
156
- "brotliLength": 0,
157
- "mainUid": "ea8f-231"
158
- },
159
- "ea8f-234": {
160
- "renderedLength": 0,
161
- "gzipLength": 0,
162
- "brotliLength": 0,
163
- "mainUid": "ea8f-233"
164
- }
165
- },
166
- "nodeMetas": {
167
- "ea8f-207": {
168
- "id": "\u0000rollupPluginBabelHelpers.js",
169
- "moduleParts": {
170
- "index.production.js": "ea8f-208"
171
- },
172
- "imported": [],
173
- "importedBy": [
174
- {
175
- "uid": "ea8f-231"
176
- },
177
- {
178
- "uid": "ea8f-221"
179
- },
180
- {
181
- "uid": "ea8f-229"
182
- }
183
- ]
184
- },
185
- "ea8f-209": {
186
- "id": "/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
187
- "moduleParts": {
188
- "index.production.js": "ea8f-210"
189
- },
190
- "imported": [],
191
- "importedBy": [
192
- {
193
- "uid": "ea8f-213"
194
- }
195
- ]
196
- },
197
- "ea8f-211": {
198
- "id": "/packages/store/build/esm/index.js",
199
- "moduleParts": {
200
- "index.production.js": "ea8f-212"
201
- },
202
- "imported": [],
203
- "importedBy": [
204
- {
205
- "uid": "ea8f-213"
206
- },
207
- {
208
- "uid": "ea8f-215"
209
- }
210
- ]
211
- },
212
- "ea8f-213": {
213
- "id": "/packages/router/build/esm/index.js",
214
- "moduleParts": {
215
- "index.production.js": "ea8f-214"
216
- },
217
- "imported": [
218
- {
219
- "uid": "ea8f-209"
220
- },
221
- {
222
- "uid": "ea8f-236"
223
- },
224
- {
225
- "uid": "ea8f-211"
226
- }
227
- ],
228
- "importedBy": [
229
- {
230
- "uid": "ea8f-217"
231
- }
232
- ]
233
- },
234
- "ea8f-215": {
235
- "id": "/packages/react-store/build/esm/index.js",
236
- "moduleParts": {
237
- "index.production.js": "ea8f-216"
238
- },
239
- "imported": [
240
- {
241
- "uid": "ea8f-211"
242
- },
243
- {
244
- "uid": "ea8f-237"
245
- }
246
- ],
247
- "importedBy": [
248
- {
249
- "uid": "ea8f-217"
250
- }
251
- ]
252
- },
253
- "ea8f-217": {
254
- "id": "/packages/react-router/build/esm/index.js",
255
- "moduleParts": {
256
- "index.production.js": "ea8f-218"
257
- },
258
- "imported": [
259
- {
260
- "uid": "ea8f-235"
261
- },
262
- {
263
- "uid": "ea8f-213"
264
- },
265
- {
266
- "uid": "ea8f-215"
267
- }
268
- ],
269
- "importedBy": [
270
- {
271
- "uid": "ea8f-231"
272
- }
273
- ]
274
- },
275
- "ea8f-219": {
276
- "id": "/packages/react-router-devtools/src/useLocalStorage.ts",
277
- "moduleParts": {
278
- "index.production.js": "ea8f-220"
279
- },
280
- "imported": [
281
- {
282
- "uid": "ea8f-235"
283
- }
284
- ],
285
- "importedBy": [
286
- {
287
- "uid": "ea8f-231"
288
- }
289
- ]
290
- },
291
- "ea8f-221": {
292
- "id": "/packages/react-router-devtools/src/theme.tsx",
293
- "moduleParts": {
294
- "index.production.js": "ea8f-222"
295
- },
296
- "imported": [
297
- {
298
- "uid": "ea8f-207"
299
- },
300
- {
301
- "uid": "ea8f-235"
302
- }
303
- ],
304
- "importedBy": [
305
- {
306
- "uid": "ea8f-231"
307
- },
308
- {
309
- "uid": "ea8f-225"
310
- }
311
- ]
312
- },
313
- "ea8f-223": {
314
- "id": "/packages/react-router-devtools/src/useMediaQuery.ts",
315
- "moduleParts": {
316
- "index.production.js": "ea8f-224"
317
- },
318
- "imported": [
319
- {
320
- "uid": "ea8f-235"
321
- }
322
- ],
323
- "importedBy": [
324
- {
325
- "uid": "ea8f-225"
326
- }
327
- ]
328
- },
329
- "ea8f-225": {
330
- "id": "/packages/react-router-devtools/src/utils.ts",
331
- "moduleParts": {
332
- "index.production.js": "ea8f-226"
333
- },
334
- "imported": [
335
- {
336
- "uid": "ea8f-235"
337
- },
338
- {
339
- "uid": "ea8f-221"
340
- },
341
- {
342
- "uid": "ea8f-223"
343
- }
344
- ],
345
- "importedBy": [
346
- {
347
- "uid": "ea8f-231"
348
- },
349
- {
350
- "uid": "ea8f-227"
351
- },
352
- {
353
- "uid": "ea8f-229"
354
- }
355
- ]
356
- },
357
- "ea8f-227": {
358
- "id": "/packages/react-router-devtools/src/styledComponents.ts",
359
- "moduleParts": {
360
- "index.production.js": "ea8f-228"
361
- },
362
- "imported": [
363
- {
364
- "uid": "ea8f-225"
365
- }
366
- ],
367
- "importedBy": [
368
- {
369
- "uid": "ea8f-231"
370
- }
371
- ]
372
- },
373
- "ea8f-229": {
374
- "id": "/packages/react-router-devtools/src/Explorer.tsx",
375
- "moduleParts": {
376
- "index.production.js": "ea8f-230"
377
- },
378
- "imported": [
379
- {
380
- "uid": "ea8f-207"
381
- },
382
- {
383
- "uid": "ea8f-235"
384
- },
385
- {
386
- "uid": "ea8f-225"
387
- }
388
- ],
389
- "importedBy": [
390
- {
391
- "uid": "ea8f-231"
392
- }
393
- ]
394
- },
395
- "ea8f-231": {
396
- "id": "/packages/react-router-devtools/src/devtools.tsx",
397
- "moduleParts": {
398
- "index.production.js": "ea8f-232"
399
- },
400
- "imported": [
401
- {
402
- "uid": "ea8f-207"
403
- },
404
- {
405
- "uid": "ea8f-235"
406
- },
407
- {
408
- "uid": "ea8f-217"
409
- },
410
- {
411
- "uid": "ea8f-219"
412
- },
413
- {
414
- "uid": "ea8f-225"
415
- },
416
- {
417
- "uid": "ea8f-227"
418
- },
419
- {
420
- "uid": "ea8f-221"
421
- },
422
- {
423
- "uid": "ea8f-229"
424
- }
425
- ],
426
- "importedBy": [
427
- {
428
- "uid": "ea8f-233"
429
- }
430
- ]
431
- },
432
- "ea8f-233": {
433
- "id": "/packages/react-router-devtools/src/index.tsx",
434
- "moduleParts": {
435
- "index.production.js": "ea8f-234"
436
- },
437
- "imported": [
438
- {
439
- "uid": "ea8f-231"
440
- }
441
- ],
442
- "importedBy": [],
443
- "isEntry": true
444
- },
445
- "ea8f-235": {
446
- "id": "react",
447
- "moduleParts": {},
448
- "imported": [],
449
- "importedBy": [
450
- {
451
- "uid": "ea8f-231"
452
- },
453
- {
454
- "uid": "ea8f-217"
455
- },
456
- {
457
- "uid": "ea8f-219"
458
- },
459
- {
460
- "uid": "ea8f-225"
461
- },
462
- {
463
- "uid": "ea8f-221"
464
- },
465
- {
466
- "uid": "ea8f-229"
467
- },
468
- {
469
- "uid": "ea8f-223"
470
- }
471
- ],
472
- "isExternal": true
473
- },
474
- "ea8f-236": {
475
- "id": "/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js",
476
- "moduleParts": {},
477
- "imported": [],
478
- "importedBy": [
479
- {
480
- "uid": "ea8f-213"
481
- }
482
- ]
483
- },
484
- "ea8f-237": {
485
- "id": "use-sync-external-store/shim/with-selector",
486
- "moduleParts": {},
487
- "imported": [],
488
- "importedBy": [
489
- {
490
- "uid": "ea8f-215"
491
- }
492
- ],
493
- "isExternal": true
494
- }
495
- },
496
- "env": {
497
- "rollup": "2.79.1"
498
- },
499
- "options": {
500
- "gzip": true,
501
- "brotli": false,
502
- "sourcemap": false
503
- }
504
- }
@@ -1,77 +0,0 @@
1
- /**
2
- * react-router-devtools
3
- *
4
- * Copyright (c) TanStack
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE.md file in the root directory of this source tree.
8
- *
9
- * @license MIT
10
- */
11
- import React from 'react';
12
- import { AnyRouter } from '@tanstack/react-router';
13
-
14
- type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
15
- interface DevtoolsOptions {
16
- /**
17
- * Set this true if you want the dev tools to default to being open
18
- */
19
- initialIsOpen?: boolean;
20
- /**
21
- * Use this to add props to the panel. For example, you can add className, style (merge and override default style), etc.
22
- */
23
- panelProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
24
- /**
25
- * Use this to add props to the close button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.
26
- */
27
- closeButtonProps?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
28
- /**
29
- * Use this to add props to the toggle button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.
30
- */
31
- toggleButtonProps?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
32
- /**
33
- * The position of the TanStack Router logo to open and close the devtools panel.
34
- * Defaults to 'bottom-left'.
35
- */
36
- position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
37
- /**
38
- * Use this to render the devtools inside a different type of container element for a11y purposes.
39
- * Any string which corresponds to a valid intrinsic JSX element is allowed.
40
- * Defaults to 'footer'.
41
- */
42
- containerElement?: string | any;
43
- /**
44
- * A boolean variable indicating if the "lite" version of the library is being used
45
- */
46
- router?: AnyRouter;
47
- }
48
- interface DevtoolsPanelOptions {
49
- /**
50
- * The standard React style object used to style a component with inline styles
51
- */
52
- style?: React.CSSProperties;
53
- /**
54
- * The standard React className property used to style a component with classes
55
- */
56
- className?: string;
57
- /**
58
- * A boolean variable indicating whether the panel is open or closed
59
- */
60
- isOpen?: boolean;
61
- /**
62
- * A function that toggles the open and close state of the panel
63
- */
64
- setIsOpen: (isOpen: boolean) => void;
65
- /**
66
- * Handles the opening and closing the devtools panel
67
- */
68
- handleDragStart: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
69
- /**
70
- * A boolean variable indicating if the "lite" version of the library is being used
71
- */
72
- router?: AnyRouter;
73
- }
74
- declare function TanStackRouterDevtools({ initialIsOpen, panelProps, closeButtonProps, toggleButtonProps, position, containerElement: Container, router, }: DevtoolsOptions): React.ReactElement | null;
75
- declare const TanStackRouterDevtoolsPanel: React.ForwardRefExoticComponent<DevtoolsPanelOptions & React.RefAttributes<HTMLDivElement>>;
76
-
77
- export { PartialKeys, TanStackRouterDevtools, TanStackRouterDevtoolsPanel };