@qwik.dev/devtools 0.2.6 → 0.2.8
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/ui/bundle-graph-C-01xqq_.json +1 -0
- package/dist/ui/components/DevtoolsButton/DevtoolsButton.qwik.mjs +10 -12
- package/dist/ui/components/DevtoolsPanel/DevtoolsPanel.qwik.mjs +2 -2
- package/dist/ui/components/Tab/Tab.qwik.mjs +3 -5
- package/dist/ui/components/TabContent/TabContent.qwik.mjs +4 -1
- package/dist/ui/components/TabTitle/TabTitle.qwik.mjs +1 -1
- package/dist/ui/components/Tree/Tree.qwik.mjs +31 -23
- package/dist/ui/components/Tree/filterVnode.qwik.mjs +5 -4
- package/dist/ui/devtools.qwik.mjs +10 -10
- package/dist/ui/features/Assets/Assets.qwik.mjs +2 -2
- package/dist/ui/features/CodeBreack/CodeBreack.qwik.mjs +1 -1
- package/dist/ui/features/CodeBreack/HtmlParser.qwik.mjs +3 -3
- package/dist/ui/features/CodeBreack/StateParser.qwik.mjs +3 -3
- package/dist/ui/features/Packages/components/DependencyCard/DependencyCard.qwik.mjs +1 -1
- package/dist/ui/features/Performance/Performance.qwik.mjs +73 -50
- package/dist/ui/features/Performance/computePerfViewModel.qwik.mjs +53 -37
- package/dist/ui/features/RenderTree/RenderTree.qwik.mjs +16 -20
- package/dist/ui/features/RenderTree/formatTreeData.qwik.mjs +13 -13
- package/dist/ui/features/inspect/Inspect.qwik.mjs +22 -4
- package/dist/ui/features/inspect/iframe-theme.qwik.mjs +66 -0
- package/dist/ui/lib-types/ui/src/components/Tree/Tree.d.ts +5 -12
- package/dist/ui/lib-types/ui/src/components/Tree/filterVnode.d.ts +1 -1
- package/dist/ui/lib-types/ui/src/components/Tree/type.d.ts +19 -1
- package/dist/ui/lib-types/ui/src/components/Tree/vnode.d.ts +1 -1
- package/dist/ui/lib-types/ui/src/features/RenderTree/TreeBuilder.d.ts +1 -1
- package/dist/ui/lib-types/ui/src/features/RenderTree/formatTreeData.d.ts +5 -7
- package/dist/ui/lib-types/ui/src/features/RenderTree/types.d.ts +7 -3
- package/dist/ui/lib-types/ui/src/features/inspect/iframe-theme.d.ts +2 -0
- package/dist/ui/lib-types/ui/src/utils/type.d.ts +4 -1
- package/dist/ui/q-manifest.json +54 -45
- package/dist/ui/styles.css +326 -273
- package/package.json +2 -2
- package/dist/ui/bundle-graph-D9X2wpYX.json +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { TreeNode } from '../../components/Tree/
|
|
1
|
+
import type { TreeNode } from '../../components/Tree/type';
|
|
2
2
|
import type { ParsedStructure } from '@devtools/kit';
|
|
3
|
-
import { type HookType, type HookFilterItem, type QRLInternal } from './types';
|
|
3
|
+
import { type HookType, type HookFilterItem, type QRLInternal, type HookDataEntry } from './types';
|
|
4
4
|
/**
|
|
5
5
|
* Manages hook data storage and tree building for the devtools.
|
|
6
6
|
*/
|
|
@@ -12,9 +12,7 @@ export declare class HookStore {
|
|
|
12
12
|
/**
|
|
13
13
|
* Add data to the store for a specific hook type
|
|
14
14
|
*/
|
|
15
|
-
add(type: HookType, data:
|
|
16
|
-
data: Record<string, unknown>;
|
|
17
|
-
}): void;
|
|
15
|
+
add(type: HookType, data: HookDataEntry): void;
|
|
18
16
|
/**
|
|
19
17
|
* Clear all stored hook data
|
|
20
18
|
*/
|
|
@@ -26,7 +24,7 @@ export declare class HookStore {
|
|
|
26
24
|
/**
|
|
27
25
|
* Get entries for a specific hook type
|
|
28
26
|
*/
|
|
29
|
-
getEntries(type: HookType):
|
|
27
|
+
getEntries(type: HookType): HookDataEntry[];
|
|
30
28
|
/**
|
|
31
29
|
* Check if a hook type has entries
|
|
32
30
|
*/
|
|
@@ -49,7 +47,7 @@ export declare class HookStore {
|
|
|
49
47
|
buildTree(): TreeNode[];
|
|
50
48
|
private transformEntries;
|
|
51
49
|
private transformEntry;
|
|
52
|
-
findScopeVariables(item:
|
|
50
|
+
findScopeVariables(item: HookDataEntry): string;
|
|
53
51
|
/**
|
|
54
52
|
* Find all QRL paths for code lookup
|
|
55
53
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { TreeNode } from '../../components/Tree/
|
|
1
|
+
import type { TreeNode } from '../../components/Tree/type';
|
|
2
2
|
import type { ParsedStructure } from '@devtools/kit';
|
|
3
3
|
import type { QRL } from '@qwik.dev/core';
|
|
4
4
|
export declare const HOOK_CATEGORIES: {
|
|
@@ -42,8 +42,11 @@ export interface QRLInternalMethods {
|
|
|
42
42
|
readonly $chunk$: string | null;
|
|
43
43
|
readonly $symbol$: string;
|
|
44
44
|
readonly $hash$: string;
|
|
45
|
-
$
|
|
46
|
-
|
|
45
|
+
$captures$: Readonly<unknown[]> | string | null;
|
|
46
|
+
dev?: QRLDev | null;
|
|
47
|
+
getSymbol(): string;
|
|
48
|
+
getHash(): string;
|
|
49
|
+
getCaptured(): unknown[] | null;
|
|
47
50
|
}
|
|
48
51
|
/**
|
|
49
52
|
* QRL with internal properties accessible.
|
|
@@ -83,6 +86,7 @@ export interface SimpleHookEntry {
|
|
|
83
86
|
export interface ParsedHookEntry extends ParsedStructure {
|
|
84
87
|
data: unknown;
|
|
85
88
|
}
|
|
89
|
+
export type HookDataEntry = SimpleHookEntry | ParsedHookEntry;
|
|
86
90
|
/**
|
|
87
91
|
* Options for tree node generation
|
|
88
92
|
*/
|
package/dist/ui/q-manifest.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "1",
|
|
3
|
-
"manifestHash": "
|
|
3
|
+
"manifestHash": "ufxnom",
|
|
4
4
|
"options": {
|
|
5
5
|
"target": "lib",
|
|
6
6
|
"buildMode": "development",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"type": "inline"
|
|
9
9
|
}
|
|
10
10
|
},
|
|
11
|
-
"bundleGraphAsset": "bundle-graph-
|
|
11
|
+
"bundleGraphAsset": "bundle-graph-C-01xqq_.json",
|
|
12
12
|
"injections": [
|
|
13
13
|
{
|
|
14
14
|
"tag": "link",
|
|
@@ -99,8 +99,8 @@
|
|
|
99
99
|
"interactivity": 0
|
|
100
100
|
},
|
|
101
101
|
"../components/DevtoolsButton/DevtoolsButton.qwik.mjs": {
|
|
102
|
-
"size":
|
|
103
|
-
"total":
|
|
102
|
+
"size": 4845,
|
|
103
|
+
"total": 4845,
|
|
104
104
|
"origins": [
|
|
105
105
|
"src/components/DevtoolsButton/DevtoolsButton.tsx"
|
|
106
106
|
],
|
|
@@ -115,8 +115,8 @@
|
|
|
115
115
|
"interactivity": 0
|
|
116
116
|
},
|
|
117
117
|
"../components/DevtoolsPanel/DevtoolsPanel.qwik.mjs": {
|
|
118
|
-
"size":
|
|
119
|
-
"total":
|
|
118
|
+
"size": 2411,
|
|
119
|
+
"total": 12353,
|
|
120
120
|
"imports": [
|
|
121
121
|
"../components/Icons/Icons.qwik.mjs"
|
|
122
122
|
],
|
|
@@ -142,24 +142,24 @@
|
|
|
142
142
|
"interactivity": 0
|
|
143
143
|
},
|
|
144
144
|
"../components/Tab/Tab.qwik.mjs": {
|
|
145
|
-
"size":
|
|
146
|
-
"total":
|
|
145
|
+
"size": 941,
|
|
146
|
+
"total": 941,
|
|
147
147
|
"origins": [
|
|
148
148
|
"src/components/Tab/Tab.tsx"
|
|
149
149
|
],
|
|
150
150
|
"interactivity": 0
|
|
151
151
|
},
|
|
152
152
|
"../components/TabContent/TabContent.qwik.mjs": {
|
|
153
|
-
"size":
|
|
154
|
-
"total":
|
|
153
|
+
"size": 918,
|
|
154
|
+
"total": 918,
|
|
155
155
|
"origins": [
|
|
156
156
|
"src/components/TabContent/TabContent.tsx"
|
|
157
157
|
],
|
|
158
158
|
"interactivity": 0
|
|
159
159
|
},
|
|
160
160
|
"../components/TabTitle/TabTitle.qwik.mjs": {
|
|
161
|
-
"size":
|
|
162
|
-
"total":
|
|
161
|
+
"size": 477,
|
|
162
|
+
"total": 477,
|
|
163
163
|
"origins": [
|
|
164
164
|
"src/components/TabTitle/TabTitle.tsx"
|
|
165
165
|
],
|
|
@@ -189,8 +189,8 @@
|
|
|
189
189
|
"interactivity": 0
|
|
190
190
|
},
|
|
191
191
|
"../components/Tree/filterVnode.qwik.mjs": {
|
|
192
|
-
"size":
|
|
193
|
-
"total":
|
|
192
|
+
"size": 2221,
|
|
193
|
+
"total": 215383,
|
|
194
194
|
"imports": [
|
|
195
195
|
"../components/Tree/vnode.qwik.mjs",
|
|
196
196
|
"../packages/kit/src/constants.qwik.mjs",
|
|
@@ -203,8 +203,8 @@
|
|
|
203
203
|
"interactivity": 0
|
|
204
204
|
},
|
|
205
205
|
"../components/Tree/Tree.qwik.mjs": {
|
|
206
|
-
"size":
|
|
207
|
-
"total":
|
|
206
|
+
"size": 5513,
|
|
207
|
+
"total": 15455,
|
|
208
208
|
"imports": [
|
|
209
209
|
"../components/Icons/Icons.qwik.mjs"
|
|
210
210
|
],
|
|
@@ -230,8 +230,8 @@
|
|
|
230
230
|
"interactivity": 0
|
|
231
231
|
},
|
|
232
232
|
"../devtools.qwik.mjs": {
|
|
233
|
-
"size":
|
|
234
|
-
"total":
|
|
233
|
+
"size": 10276,
|
|
234
|
+
"total": 3639856,
|
|
235
235
|
"imports": [
|
|
236
236
|
"../_virtual/_rolldown/runtime.qwik.mjs",
|
|
237
237
|
"../components/DevtoolsButton/DevtoolsButton.qwik.mjs",
|
|
@@ -264,16 +264,16 @@
|
|
|
264
264
|
"interactivity": 0
|
|
265
265
|
},
|
|
266
266
|
"../features/Assets/Assets.qwik.mjs": {
|
|
267
|
-
"size":
|
|
268
|
-
"total":
|
|
267
|
+
"size": 1921,
|
|
268
|
+
"total": 1921,
|
|
269
269
|
"origins": [
|
|
270
270
|
"src/features/Assets/Assets.tsx"
|
|
271
271
|
],
|
|
272
272
|
"interactivity": 0
|
|
273
273
|
},
|
|
274
274
|
"../features/CodeBreack/CodeBreack.qwik.mjs": {
|
|
275
|
-
"size":
|
|
276
|
-
"total":
|
|
275
|
+
"size": 2340,
|
|
276
|
+
"total": 1494858,
|
|
277
277
|
"imports": [
|
|
278
278
|
"../features/CodeBreack/HtmlParser.qwik.mjs",
|
|
279
279
|
"../features/CodeBreack/StateParser.qwik.mjs"
|
|
@@ -284,8 +284,8 @@
|
|
|
284
284
|
"interactivity": 0
|
|
285
285
|
},
|
|
286
286
|
"../features/CodeBreack/HtmlParser.qwik.mjs": {
|
|
287
|
-
"size":
|
|
288
|
-
"total":
|
|
287
|
+
"size": 5403,
|
|
288
|
+
"total": 745901,
|
|
289
289
|
"imports": [
|
|
290
290
|
"../utils/shiki.qwik.mjs"
|
|
291
291
|
],
|
|
@@ -295,8 +295,8 @@
|
|
|
295
295
|
"interactivity": 0
|
|
296
296
|
},
|
|
297
297
|
"../features/CodeBreack/StateParser.qwik.mjs": {
|
|
298
|
-
"size":
|
|
299
|
-
"total":
|
|
298
|
+
"size": 6119,
|
|
299
|
+
"total": 746617,
|
|
300
300
|
"imports": [
|
|
301
301
|
"../utils/shiki.qwik.mjs"
|
|
302
302
|
],
|
|
@@ -313,11 +313,20 @@
|
|
|
313
313
|
],
|
|
314
314
|
"interactivity": 0
|
|
315
315
|
},
|
|
316
|
+
"../features/inspect/iframe-theme.qwik.mjs": {
|
|
317
|
+
"size": 2573,
|
|
318
|
+
"total": 2573,
|
|
319
|
+
"origins": [
|
|
320
|
+
"src/features/inspect/iframe-theme.ts"
|
|
321
|
+
],
|
|
322
|
+
"interactivity": 0
|
|
323
|
+
},
|
|
316
324
|
"../features/inspect/Inspect.qwik.mjs": {
|
|
317
|
-
"size":
|
|
318
|
-
"total":
|
|
325
|
+
"size": 1356,
|
|
326
|
+
"total": 4045,
|
|
319
327
|
"imports": [
|
|
320
|
-
"../features/inspect/constant.qwik.mjs"
|
|
328
|
+
"../features/inspect/constant.qwik.mjs",
|
|
329
|
+
"../features/inspect/iframe-theme.qwik.mjs"
|
|
321
330
|
],
|
|
322
331
|
"origins": [
|
|
323
332
|
"src/features/inspect/Inspect.tsx"
|
|
@@ -336,8 +345,8 @@
|
|
|
336
345
|
"interactivity": 0
|
|
337
346
|
},
|
|
338
347
|
"../features/Packages/components/DependencyCard/DependencyCard.qwik.mjs": {
|
|
339
|
-
"size":
|
|
340
|
-
"total":
|
|
348
|
+
"size": 8057,
|
|
349
|
+
"total": 10246,
|
|
341
350
|
"imports": [
|
|
342
351
|
"../features/Packages/components/PackageIcon/index.qwik.mjs",
|
|
343
352
|
"../features/Packages/components/PackageIcon/PackageIcon.qwik.mjs"
|
|
@@ -349,7 +358,7 @@
|
|
|
349
358
|
},
|
|
350
359
|
"../features/Packages/components/DependencyCard/index.qwik.mjs": {
|
|
351
360
|
"size": 36,
|
|
352
|
-
"total":
|
|
361
|
+
"total": 10282,
|
|
353
362
|
"imports": [
|
|
354
363
|
"../features/Packages/components/DependencyCard/DependencyCard.qwik.mjs"
|
|
355
364
|
],
|
|
@@ -379,7 +388,7 @@
|
|
|
379
388
|
},
|
|
380
389
|
"../features/Packages/Packages.qwik.mjs": {
|
|
381
390
|
"size": 1814,
|
|
382
|
-
"total":
|
|
391
|
+
"total": 22342,
|
|
383
392
|
"imports": [
|
|
384
393
|
"../features/Packages/components/DependencyCard/DependencyCard.qwik.mjs",
|
|
385
394
|
"../features/Packages/components/DependencyCard/index.qwik.mjs"
|
|
@@ -390,8 +399,8 @@
|
|
|
390
399
|
"interactivity": 0
|
|
391
400
|
},
|
|
392
401
|
"../features/Performance/computePerfViewModel.qwik.mjs": {
|
|
393
|
-
"size":
|
|
394
|
-
"total":
|
|
402
|
+
"size": 3229,
|
|
403
|
+
"total": 4242,
|
|
395
404
|
"imports": [
|
|
396
405
|
"../features/Performance/transformPerformanceData.qwik.mjs"
|
|
397
406
|
],
|
|
@@ -401,8 +410,8 @@
|
|
|
401
410
|
"interactivity": 0
|
|
402
411
|
},
|
|
403
412
|
"../features/Performance/Performance.qwik.mjs": {
|
|
404
|
-
"size":
|
|
405
|
-
"total":
|
|
413
|
+
"size": 11040,
|
|
414
|
+
"total": 15282,
|
|
406
415
|
"imports": [
|
|
407
416
|
"../features/Performance/computePerfViewModel.qwik.mjs"
|
|
408
417
|
],
|
|
@@ -432,8 +441,8 @@
|
|
|
432
441
|
"interactivity": 0
|
|
433
442
|
},
|
|
434
443
|
"../features/RenderTree/formatTreeData.qwik.mjs": {
|
|
435
|
-
"size":
|
|
436
|
-
"total":
|
|
444
|
+
"size": 5396,
|
|
445
|
+
"total": 243460,
|
|
437
446
|
"imports": [
|
|
438
447
|
"../_virtual/_rolldown/runtime.qwik.mjs",
|
|
439
448
|
"../features/RenderTree/TreeBuilder.qwik.mjs",
|
|
@@ -448,8 +457,8 @@
|
|
|
448
457
|
"interactivity": 0
|
|
449
458
|
},
|
|
450
459
|
"../features/RenderTree/RenderTree.qwik.mjs": {
|
|
451
|
-
"size":
|
|
452
|
-
"total":
|
|
460
|
+
"size": 13815,
|
|
461
|
+
"total": 1686963,
|
|
453
462
|
"imports": [
|
|
454
463
|
"../_virtual/_rolldown/runtime.qwik.mjs",
|
|
455
464
|
"../components/Icons/Icons.qwik.mjs",
|
|
@@ -501,7 +510,7 @@
|
|
|
501
510
|
},
|
|
502
511
|
"../index.qwik.mjs": {
|
|
503
512
|
"size": 77,
|
|
504
|
-
"total":
|
|
513
|
+
"total": 3639933,
|
|
505
514
|
"imports": [
|
|
506
515
|
"../devtools.qwik.mjs"
|
|
507
516
|
],
|
|
@@ -4792,11 +4801,11 @@
|
|
|
4792
4801
|
"assets": {
|
|
4793
4802
|
"styles.css": {
|
|
4794
4803
|
"name": "styles.css",
|
|
4795
|
-
"size":
|
|
4804
|
+
"size": 54781
|
|
4796
4805
|
},
|
|
4797
|
-
"bundle-graph-
|
|
4806
|
+
"bundle-graph-C-01xqq_.json": {
|
|
4798
4807
|
"name": "bundle-graph.json",
|
|
4799
|
-
"size":
|
|
4808
|
+
"size": 614
|
|
4800
4809
|
}
|
|
4801
4810
|
},
|
|
4802
4811
|
"symbols": {},
|