lynx-console 0.0.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 (60) hide show
  1. package/dist/assets/src/components/BottomSheet.css.ts.vanilla-D-1A77Ik.css +83 -0
  2. package/dist/assets/src/components/ConsolePanel.css.ts.vanilla-B3avfSlI.css +246 -0
  3. package/dist/assets/src/components/FloatingButton.css.ts.vanilla-rPj35oLW.css +55 -0
  4. package/dist/assets/src/components/NetworkPanel.css.ts.vanilla-DFMduT0T.css +247 -0
  5. package/dist/assets/src/components/PerformancePanel.css.ts.vanilla-D35LuXlW.css +216 -0
  6. package/dist/assets/src/components/Tabs.css.ts.vanilla-DD7L2oXt.css +50 -0
  7. package/dist/index.cjs +1058 -0
  8. package/dist/index.css +466 -0
  9. package/dist/index.css.map +1 -0
  10. package/dist/index.d.cts +17 -0
  11. package/dist/index.d.cts.map +1 -0
  12. package/dist/index.d.mts +17 -0
  13. package/dist/index.d.mts.map +1 -0
  14. package/dist/index.mjs +1059 -0
  15. package/dist/index.mjs.map +1 -0
  16. package/dist/setup.cjs +377 -0
  17. package/dist/setup.d.cts +15 -0
  18. package/dist/setup.d.cts.map +1 -0
  19. package/dist/setup.d.mts +15 -0
  20. package/dist/setup.d.mts.map +1 -0
  21. package/dist/setup.mjs +374 -0
  22. package/dist/setup.mjs.map +1 -0
  23. package/package.json +51 -0
  24. package/src/components/BottomSheet.css.ts +93 -0
  25. package/src/components/BottomSheet.tsx +142 -0
  26. package/src/components/ConsolePanel.css.ts +261 -0
  27. package/src/components/ConsolePanel.tsx +41 -0
  28. package/src/components/FloatingButton.css.ts +62 -0
  29. package/src/components/FloatingButton.tsx +37 -0
  30. package/src/components/LogPanel.tsx +241 -0
  31. package/src/components/NetworkDetailSection.tsx +42 -0
  32. package/src/components/NetworkPanel.css.ts +280 -0
  33. package/src/components/NetworkPanel.tsx +222 -0
  34. package/src/components/PerformancePanel.css.ts +224 -0
  35. package/src/components/PerformancePanel.tsx +209 -0
  36. package/src/components/Tabs.css.ts +66 -0
  37. package/src/components/Tabs.tsx +81 -0
  38. package/src/globals.d.ts +9 -0
  39. package/src/hooks/index.ts +3 -0
  40. package/src/hooks/useConsole.ts +35 -0
  41. package/src/hooks/useNetwork.ts +36 -0
  42. package/src/hooks/usePerformance.ts +39 -0
  43. package/src/index.tsx +110 -0
  44. package/src/setup/_setupMainThreadConsole.ts +80 -0
  45. package/src/setup/index.ts +4 -0
  46. package/src/setup/setupLogMonitor.ts +78 -0
  47. package/src/setup/setupMainThreadConsole.ts +34 -0
  48. package/src/setup/setupNetworkMonitor.ts +247 -0
  49. package/src/setup/setupPerformanceMonitor.ts +70 -0
  50. package/src/shared/ensureConsoleStructure.ts +20 -0
  51. package/src/styles/getDimensionValue.ts +7 -0
  52. package/src/styles/global.css.ts +10 -0
  53. package/src/styles/tokens.json +80 -0
  54. package/src/styles/typography.ts +25 -0
  55. package/src/styles/vars/color.ts +228 -0
  56. package/src/styles/vars/dimension.ts +79 -0
  57. package/src/styles/vars/index.css +463 -0
  58. package/src/styles/vars/index.ts +22 -0
  59. package/src/styles/vars/radius.ts +12 -0
  60. package/src/types.ts +96 -0
package/dist/assets/src/components/PerformancePanel.css.ts.vanilla-D35LuXlW.css ADDED
@@ -0,0 +1,216 @@
1
+ .PerformancePanel_container__19p8bog0 {
2
+ display: flex;
3
+ flex-direction: column;
4
+ flex: 1;
5
+ padding-top: 4px;
6
+ }
7
+ .PerformancePanel_header__19p8bog1 {
8
+ display: flex;
9
+ flex-direction: row;
10
+ align-items: center;
11
+ justify-content: space-between;
12
+ margin-bottom: 8px;
13
+ padding-bottom: 4px;
14
+ border-bottom-width: 1px;
15
+ border-bottom-color: var(--seed-color-stroke-neutral-subtle);
16
+ border-bottom-style: solid;
17
+ }
18
+ .PerformancePanel_count__19p8bog2 {
19
+ font-size: 0.8125rem;
20
+ line-height: 1.125rem;
21
+ font-weight: var(--seed-font-weight-regular);
22
+ color: var(--seed-color-fg-neutral-subtle);
23
+ }
24
+ .PerformancePanel_clearButton__19p8bog3 {
25
+ padding: 6px 12px;
26
+ background-color: var(--seed-color-bg-neutral-weak);
27
+ border-radius: 4px;
28
+ }
29
+ .PerformancePanel_clearButtonText__19p8bog4 {
30
+ font-size: 0.8125rem;
31
+ line-height: 1.125rem;
32
+ font-weight: var(--seed-font-weight-medium);
33
+ color: var(--seed-color-fg-neutral);
34
+ }
35
+ .PerformancePanel_list__19p8bog5 {
36
+ flex: 1;
37
+ }
38
+ .PerformancePanel_placeholder__19p8bog6 {
39
+ display: flex;
40
+ align-items: center;
41
+ justify-content: center;
42
+ height: 100%;
43
+ }
44
+ .PerformancePanel_placeholderText__19p8bog7 {
45
+ font-size: 0.875rem;
46
+ line-height: 1.1875rem;
47
+ font-weight: var(--seed-font-weight-regular);
48
+ color: var(--seed-color-fg-disabled);
49
+ }
50
+ .PerformancePanel_item__19p8bog8 {
51
+ padding: 8px;
52
+ border-bottom-width: 1px;
53
+ border-bottom-color: var(--seed-color-stroke-neutral-weak);
54
+ border-bottom-style: solid;
55
+ }
56
+ .PerformancePanel_itemHeader__19p8bog9 {
57
+ display: flex;
58
+ flex-direction: row;
59
+ align-items: center;
60
+ margin-bottom: 4px;
61
+ gap: 8px;
62
+ }
63
+ .PerformancePanel_entryType__19p8boga {
64
+ font-size: 0.75rem;
65
+ line-height: 1rem;
66
+ font-weight: var(--seed-font-weight-bold);
67
+ padding: 0 6px;
68
+ border-radius: 2px;
69
+ color: var(--seed-color-fg-neutral);
70
+ background-color: var(--seed-color-bg-neutral-weak);
71
+ }
72
+ .PerformancePanel_entryType_type_init__19p8bogb {
73
+ color: var(--seed-color-palette-blue-600);
74
+ background-color: var(--seed-color-palette-blue-100);
75
+ }
76
+ .PerformancePanel_entryType_type_metric__19p8bogc {
77
+ color: var(--seed-color-palette-green-600);
78
+ background-color: var(--seed-color-palette-green-100);
79
+ }
80
+ .PerformancePanel_entryType_type_pipeline__19p8bogd {
81
+ color: var(--seed-color-palette-purple-600);
82
+ background-color: var(--seed-color-palette-purple-100);
83
+ }
84
+ .PerformancePanel_entryType_type_resource__19p8boge {
85
+ color: var(--seed-color-palette-yellow-600);
86
+ background-color: var(--seed-color-palette-yellow-100);
87
+ }
88
+ .PerformancePanel_entryName__19p8bogf {
89
+ font-size: 0.75rem;
90
+ line-height: 1rem;
91
+ font-weight: var(--seed-font-weight-medium);
92
+ color: var(--seed-color-fg-neutral);
93
+ }
94
+ .PerformancePanel_timestamp__19p8bogg {
95
+ font-size: 0.75rem;
96
+ line-height: 1rem;
97
+ font-weight: var(--seed-font-weight-regular);
98
+ color: var(--seed-color-fg-neutral-subtle);
99
+ }
100
+ .PerformancePanel_fcpMetricHeader__19p8bogh {
101
+ display: flex;
102
+ flex-direction: row;
103
+ align-items: center;
104
+ gap: 8px;
105
+ }
106
+ .PerformancePanel_fcpHighlight__19p8bogi {
107
+ font-size: 0.8125rem;
108
+ line-height: 1.125rem;
109
+ font-weight: var(--seed-font-weight-bold);
110
+ color: var(--seed-color-palette-blue-600);
111
+ background-color: var(--seed-color-palette-blue-100);
112
+ padding: 4px 8px;
113
+ border-radius: 4px;
114
+ margin-top: 4px;
115
+ }
116
+ .PerformancePanel_metrics__19p8bogj {
117
+ margin-top: 8px;
118
+ display: flex;
119
+ flex-direction: column;
120
+ gap: 4px;
121
+ }
122
+ .PerformancePanel_metric__19p8bogk {
123
+ display: flex;
124
+ flex-direction: row;
125
+ align-items: center;
126
+ gap: 8px;
127
+ padding: 4px 8px;
128
+ background-color: var(--seed-color-bg-neutral-weak);
129
+ border-radius: 2px;
130
+ }
131
+ .PerformancePanel_metricName__19p8bogl {
132
+ font-size: 0.8125rem;
133
+ line-height: 1.125rem;
134
+ font-weight: var(--seed-font-weight-medium);
135
+ color: var(--seed-color-fg-neutral-subtle);
136
+ min-width: 100px;
137
+ flex-shrink: 0;
138
+ }
139
+ .PerformancePanel_metricValue__19p8bogm {
140
+ font-size: 0.8125rem;
141
+ line-height: 1.125rem;
142
+ font-weight: var(--seed-font-weight-bold);
143
+ color: var(--seed-color-palette-green-600);
144
+ flex: 1;
145
+ }
146
+ .PerformancePanel_detailsContainer__19p8bogn {
147
+ margin-top: 12px;
148
+ display: flex;
149
+ flex-direction: column;
150
+ gap: 12px;
151
+ }
152
+ .PerformancePanel_fcpSection__19p8bogo {
153
+ display: flex;
154
+ flex-direction: column;
155
+ gap: 8px;
156
+ }
157
+ .PerformancePanel_fcpSectionDescription__19p8bogp {
158
+ font-size: 0.8125rem;
159
+ line-height: 1.125rem;
160
+ font-weight: var(--seed-font-weight-regular);
161
+ color: var(--seed-color-fg-neutral-subtle);
162
+ margin-bottom: 4px;
163
+ }
164
+ .PerformancePanel_fcpMetric__19p8bogq {
165
+ background-color: var(--seed-color-bg-layer-default);
166
+ border-radius: 4px;
167
+ display: flex;
168
+ flex-direction: column;
169
+ gap: 4px;
170
+ }
171
+ .PerformancePanel_fcpMetricName__19p8bogr {
172
+ font-size: 0.75rem;
173
+ line-height: 1rem;
174
+ font-weight: var(--seed-font-weight-bold);
175
+ color: var(--seed-color-fg-neutral);
176
+ }
177
+ .PerformancePanel_fcpMetricValue__19p8bogs {
178
+ font-size: 0.6875rem;
179
+ line-height: 0.9375rem;
180
+ font-weight: var(--seed-font-weight-bold);
181
+ color: var(--seed-color-palette-blue-600);
182
+ }
183
+ .PerformancePanel_fcpMetricDescription__19p8bogt {
184
+ font-size: 0.8125rem;
185
+ line-height: 1.125rem;
186
+ font-weight: var(--seed-font-weight-regular);
187
+ color: var(--seed-color-fg-neutral-subtle);
188
+ }
189
+ .PerformancePanel_fcpMetricFormula__19p8bogu {
190
+ font-size: 0.875rem;
191
+ line-height: 1.1875rem;
192
+ font-weight: var(--seed-font-weight-regular);
193
+ color: var(--seed-color-fg-disabled);
194
+ font-family: monospace;
195
+ }
196
+ .PerformancePanel_rawEntrySection__19p8bogv {
197
+ padding: 12px;
198
+ background-color: var(--seed-color-bg-neutral-weak);
199
+ border-radius: 4px;
200
+ }
201
+ .PerformancePanel_detailTitle__19p8bogw {
202
+ font-size: 0.8125rem;
203
+ line-height: 1.125rem;
204
+ font-weight: var(--seed-font-weight-bold);
205
+ color: var(--seed-color-fg-neutral);
206
+ margin-bottom: 8px;
207
+ }
208
+ .PerformancePanel_rawEntry__19p8bogx {
209
+ font-size: 0.8125rem;
210
+ line-height: 1.125rem;
211
+ font-weight: var(--seed-font-weight-regular);
212
+ color: var(--seed-color-fg-neutral-subtle);
213
+ font-family: monospace;
214
+ white-space: pre-wrap;
215
+ word-break: break-all;
216
+ }
package/dist/assets/src/components/Tabs.css.ts.vanilla-DD7L2oXt.css ADDED
@@ -0,0 +1,50 @@
1
+ .Tabs_tabs__ud1j9z0 {
2
+ flex: 1;
3
+ display: flex;
4
+ flex-direction: column;
5
+ }
6
+ .Tabs_tabHeader__ud1j9z1 {
7
+ display: flex;
8
+ box-shadow: inset 0 -1px 0 0 var(--seed-color-stroke-neutral-subtle);
9
+ }
10
+ .Tabs_tabTriggerButton__ud1j9z2 {
11
+ flex: 1;
12
+ color: var(--seed-color-fg-neutral-subtle);
13
+ display: flex;
14
+ justify-content: center;
15
+ align-items: center;
16
+ padding: 12px 0 10px 0;
17
+ position: relative;
18
+ }
19
+ .Tabs_tabTriggerButtonText__ud1j9z3 {
20
+ font-size: 1rem;
21
+ line-height: 1.375rem;
22
+ font-weight: var(--seed-font-weight-bold);
23
+ color: var(--seed-color-fg-neutral-subtle);
24
+ }
25
+ .Tabs_tabTriggerButtonText_active_true__ud1j9z4 {
26
+ color: var(--seed-color-fg-neutral);
27
+ }
28
+ .Tabs_tabTriggerIndicator__ud1j9z5 {
29
+ position: absolute;
30
+ bottom: 0;
31
+ left: 0;
32
+ padding: 0 16px;
33
+ width: 100%;
34
+ transition: 200ms;
35
+ transition-timing-function: cubic-bezier(.35, 0, .35, 1);
36
+ }
37
+ .Tabs_tabTriggerIndicatorLine__ud1j9z6 {
38
+ background-color: var(--seed-color-fg-neutral);
39
+ width: 100%;
40
+ height: 2px;
41
+ }
42
+ .Tabs_tabContents__ud1j9z7 {
43
+ flex: 1;
44
+ width: 100%;
45
+ }
46
+ .Tabs_tabContent__ud1j9z8 {
47
+ width: 100%;
48
+ display: flex;
49
+ flex-direction: column;
50
+ }