lynx-console 0.0.1 → 0.1.1

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 (26) hide show
  1. package/dist/assets/src/components/{BottomSheet.css.ts.vanilla-D-1A77Ik.css → BottomSheet.css.ts.vanilla-CulwSDhG.css} +2 -2
  2. package/dist/assets/src/components/ConsolePanel.css.ts.vanilla-DWdhFBJq.css +337 -0
  3. package/dist/assets/src/components/FadeList.css.ts.vanilla-sppTKMZj.css +12 -0
  4. package/dist/assets/src/components/{FloatingButton.css.ts.vanilla-rPj35oLW.css → FloatingButton.css.ts.vanilla-BaG0OI6p.css} +15 -3
  5. package/dist/assets/src/components/{NetworkPanel.css.ts.vanilla-DFMduT0T.css → NetworkPanel.css.ts.vanilla-BSE4s40D.css} +2 -5
  6. package/dist/assets/src/components/{PerformancePanel.css.ts.vanilla-D35LuXlW.css → PerformancePanel.css.ts.vanilla-Bb3zG5G8.css} +2 -2
  7. package/dist/index.cjs +743 -84
  8. package/dist/index.mjs +743 -84
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/BottomSheet.css.ts +2 -2
  12. package/src/components/ConsolePanel.css.ts +104 -16
  13. package/src/components/ConsolePanel.tsx +2 -1
  14. package/src/components/FadeList.css.ts +16 -0
  15. package/src/components/FadeList.tsx +76 -0
  16. package/src/components/FloatingButton.css.ts +15 -4
  17. package/src/components/FloatingButton.tsx +46 -10
  18. package/src/components/LogPanel.tsx +128 -15
  19. package/src/components/NetworkPanel.css.ts +2 -5
  20. package/src/components/NetworkPanel.tsx +4 -4
  21. package/src/components/PerformancePanel.css.ts +2 -2
  22. package/src/components/PerformancePanel.tsx +5 -5
  23. package/src/components/Tabs.tsx +3 -0
  24. package/src/hooks/useLongPressDrag.ts +95 -0
  25. package/src/index.tsx +1 -1
  26. package/dist/assets/src/components/ConsolePanel.css.ts.vanilla-B3avfSlI.css +0 -246
package/dist/assets/src/components/{BottomSheet.css.ts.vanilla-D-1A77Ik.css → BottomSheet.css.ts.vanilla-CulwSDhG.css} RENAMED
@@ -7,7 +7,7 @@
7
7
  display: flex;
8
8
  justify-content: center;
9
9
  align-items: flex-end;
10
- z-index: 3;
10
+ z-index: 9999;
11
11
  }
12
12
  .BottomSheet_backdrop__5pjw6y1 {
13
13
  position: fixed;
@@ -15,7 +15,7 @@
15
15
  right: 0;
16
16
  bottom: 0;
17
17
  left: 0;
18
- z-index: 2;
18
+ z-index: 9998;
19
19
  background: var(--seed-color-bg-overlay);
20
20
  transition: opacity var(--seed-duration-d6) cubic-bezier(0.4, 0, 0.2, 1);
21
21
  }
package/dist/assets/src/components/ConsolePanel.css.ts.vanilla-DWdhFBJq.css ADDED
@@ -0,0 +1,337 @@
1
+ .ConsolePanel_container__db6kuu0 {
2
+ display: flex;
3
+ flex-direction: column;
4
+ height: 100%;
5
+ }
6
+ .ConsolePanel_placeholder__db6kuu1 {
7
+ display: flex;
8
+ align-items: center;
9
+ justify-content: center;
10
+ height: 100%;
11
+ }
12
+ .ConsolePanel_placeholderText__db6kuu2 {
13
+ font-size: 0.875rem;
14
+ line-height: 1.1875rem;
15
+ font-weight: var(--seed-font-weight-regular);
16
+ color: var(--seed-color-fg-disabled);
17
+ }
18
+ .ConsolePanel_logContainer__db6kuu3 {
19
+ display: flex;
20
+ flex-direction: column;
21
+ flex: 1;
22
+ padding-top: 4px;
23
+ }
24
+ .ConsolePanel_logHeader__db6kuu4 {
25
+ display: flex;
26
+ flex-direction: row;
27
+ align-items: center;
28
+ justify-content: space-between;
29
+ padding-bottom: 3px;
30
+ }
31
+ .ConsolePanel_filterWrapper__db6kuu5 {
32
+ position: relative;
33
+ }
34
+ .ConsolePanel_filterButton__db6kuu6 {
35
+ display: flex;
36
+ flex-direction: row;
37
+ align-items: center;
38
+ padding: 3px 6px;
39
+ background-color: var(--seed-color-bg-neutral-weak);
40
+ border-radius: 4px;
41
+ }
42
+ .ConsolePanel_filterButtonText__db6kuu7 {
43
+ font-size: 0.8125rem;
44
+ line-height: 1.125rem;
45
+ font-weight: var(--seed-font-weight-medium);
46
+ color: var(--seed-color-fg-neutral-muted);
47
+ }
48
+ .ConsolePanel_filterDropdown__db6kuu8 {
49
+ position: absolute;
50
+ top: 100%;
51
+ left: 0;
52
+ margin-top: 4px;
53
+ background-color: var(--seed-color-bg-layer-floating);
54
+ border-width: 1px;
55
+ border-color: var(--seed-color-stroke-neutral-subtle);
56
+ border-style: solid;
57
+ border-radius: 8px;
58
+ padding: 4px 0;
59
+ z-index: 100;
60
+ min-width: 90px;
61
+ }
62
+ .ConsolePanel_filterOption__db6kuu9 {
63
+ display: flex;
64
+ flex-direction: row;
65
+ align-items: center;
66
+ gap: 4px;
67
+ padding: 8px 12px;
68
+ }
69
+ .ConsolePanel_filterCheckbox__db6kuua {
70
+ font-size: 0.8125rem;
71
+ line-height: 1.125rem;
72
+ font-weight: var(--seed-font-weight-medium);
73
+ width: 16px;
74
+ }
75
+ .ConsolePanel_filterCheckbox_level_log__db6kuub {
76
+ color: var(--seed-color-palette-green-600);
77
+ }
78
+ .ConsolePanel_filterCheckbox_level_info__db6kuuc {
79
+ color: var(--seed-color-palette-blue-600);
80
+ }
81
+ .ConsolePanel_filterCheckbox_level_warn__db6kuud {
82
+ color: var(--seed-color-palette-yellow-600);
83
+ }
84
+ .ConsolePanel_filterCheckbox_level_error__db6kuue {
85
+ color: var(--seed-color-palette-red-600);
86
+ }
87
+ .ConsolePanel_filterLabel__db6kuuf {
88
+ font-size: 0.8125rem;
89
+ line-height: 1.125rem;
90
+ font-weight: var(--seed-font-weight-medium);
91
+ }
92
+ .ConsolePanel_filterLabel_level_log__db6kuug {
93
+ color: var(--seed-color-palette-green-600);
94
+ }
95
+ .ConsolePanel_filterLabel_level_info__db6kuuh {
96
+ color: var(--seed-color-palette-blue-600);
97
+ }
98
+ .ConsolePanel_filterLabel_level_warn__db6kuui {
99
+ color: var(--seed-color-palette-yellow-600);
100
+ }
101
+ .ConsolePanel_filterLabel_level_error__db6kuuj {
102
+ color: var(--seed-color-palette-red-600);
103
+ }
104
+ .ConsolePanel_searchWrapper__db6kuuk {
105
+ display: flex;
106
+ flex-direction: row;
107
+ align-items: center;
108
+ flex: 1;
109
+ margin-left: 8px;
110
+ margin-right: 8px;
111
+ border-bottom-width: 1px;
112
+ border-bottom-color: var(--seed-color-stroke-neutral-subtle);
113
+ border-bottom-style: solid;
114
+ gap: 8px;
115
+ }
116
+ .ConsolePanel_searchPrompt__db6kuul {
117
+ font-size: 1.125rem;
118
+ line-height: 1.5rem;
119
+ font-weight: var(--seed-font-weight-medium);
120
+ color: var(--seed-color-fg-placeholder);
121
+ }
122
+ .ConsolePanel_searchInput__db6kuum {
123
+ flex: 1;
124
+ font-size: 0.8125rem;
125
+ line-height: 1.125rem;
126
+ font-weight: var(--seed-font-weight-regular);
127
+ color: var(--seed-color-fg-neutral);
128
+ caret-color: var(--seed-color-palette-green-600);
129
+ }
130
+ .ConsolePanel_searchClear__db6kuun {
131
+ padding: 2px 4px;
132
+ }
133
+ .ConsolePanel_searchClearText__db6kuuo {
134
+ font-size: 0.8125rem;
135
+ line-height: 1.125rem;
136
+ font-weight: var(--seed-font-weight-medium);
137
+ color: var(--seed-color-fg-placeholder);
138
+ }
139
+ .ConsolePanel_clearButton__db6kuup {
140
+ padding: 3px 6px;
141
+ background-color: var(--seed-color-bg-neutral-weak);
142
+ border-radius: 4px;
143
+ }
144
+ .ConsolePanel_clearButtonText__db6kuuq {
145
+ font-size: 0.8125rem;
146
+ line-height: 1.125rem;
147
+ font-weight: var(--seed-font-weight-medium);
148
+ color: var(--seed-color-fg-neutral-muted);
149
+ }
150
+ .ConsolePanel_logList__db6kuur {
151
+ flex: 1;
152
+ padding-top: 0;
153
+ padding-bottom: 0;
154
+ }
155
+ .ConsolePanel_logItem__db6kuus {
156
+ padding: 8px;
157
+ border-bottom-width: 1px;
158
+ border-bottom-color: var(--seed-color-stroke-neutral-weak);
159
+ border-bottom-style: solid;
160
+ }
161
+ .ConsolePanel_logItem_level_warn__db6kuuv {
162
+ background-color: var(--seed-color-palette-yellow-100);
163
+ }
164
+ .ConsolePanel_logItem_level_error__db6kuuw {
165
+ background-color: var(--seed-color-palette-red-100);
166
+ }
167
+ .ConsolePanel_logItemHeader__db6kuux {
168
+ display: flex;
169
+ flex-direction: row;
170
+ align-items: center;
171
+ margin-bottom: 4px;
172
+ }
173
+ .ConsolePanel_logLevel__db6kuuy {
174
+ font-size: 0.75rem;
175
+ line-height: 1rem;
176
+ font-weight: var(--seed-font-weight-bold);
177
+ margin-right: 8px;
178
+ }
179
+ .ConsolePanel_logLevel_level_log__db6kuuz {
180
+ color: var(--seed-color-palette-green-600);
181
+ }
182
+ .ConsolePanel_logLevel_level_info__db6kuu10 {
183
+ color: var(--seed-color-palette-blue-600);
184
+ }
185
+ .ConsolePanel_logLevel_level_warn__db6kuu11 {
186
+ color: var(--seed-color-palette-yellow-600);
187
+ }
188
+ .ConsolePanel_logLevel_level_error__db6kuu12 {
189
+ color: var(--seed-color-palette-red-600);
190
+ }
191
+ .ConsolePanel_logTime__db6kuu13 {
192
+ font-size: 0.75rem;
193
+ line-height: 1rem;
194
+ font-weight: var(--seed-font-weight-regular);
195
+ color: var(--seed-color-fg-neutral-subtle);
196
+ }
197
+ .ConsolePanel_toggleIndicator__db6kuu14 {
198
+ font-size: 0.75rem;
199
+ line-height: 1rem;
200
+ font-weight: var(--seed-font-weight-regular);
201
+ color: var(--seed-color-fg-neutral-subtle);
202
+ margin-left: 4px;
203
+ align-self: flex-start;
204
+ }
205
+ .ConsolePanel_logMessage__db6kuu15 {
206
+ font-size: 0.8125rem;
207
+ line-height: 1.125rem;
208
+ font-weight: var(--seed-font-weight-regular);
209
+ color: var(--seed-color-fg-neutral);
210
+ word-break: break-all;
211
+ }
212
+ .ConsolePanel_logArgsContainer__db6kuu16 {
213
+ display: flex;
214
+ flex-direction: row;
215
+ flex-wrap: wrap;
216
+ gap: 8px;
217
+ }
218
+ .ConsolePanel_logArgItem__db6kuu17 {
219
+ font-size: 0.8125rem;
220
+ line-height: 1.125rem;
221
+ font-weight: var(--seed-font-weight-regular);
222
+ }
223
+ .ConsolePanel_argNull__db6kuu18 {
224
+ color: var(--seed-color-fg-neutral-subtle);
225
+ }
226
+ .ConsolePanel_argUndefined__db6kuu19 {
227
+ color: var(--seed-color-fg-neutral-subtle);
228
+ }
229
+ .ConsolePanel_argString__db6kuu1a {
230
+ font-size: 0.8125rem;
231
+ line-height: 1.125rem;
232
+ font-weight: var(--seed-font-weight-regular);
233
+ }
234
+ .ConsolePanel_argString_level_log__db6kuu1b {
235
+ color: var(--seed-color-fg-neutral);
236
+ }
237
+ .ConsolePanel_argString_level_info__db6kuu1c {
238
+ color: var(--seed-color-fg-neutral);
239
+ }
240
+ .ConsolePanel_argString_level_warn__db6kuu1d {
241
+ color: var(--seed-color-palette-yellow-900);
242
+ }
243
+ .ConsolePanel_argString_level_error__db6kuu1e {
244
+ color: var(--seed-color-palette-red-900);
245
+ }
246
+ .ConsolePanel_argPrimitive__db6kuu1f {
247
+ font-size: 0.8125rem;
248
+ line-height: 1.125rem;
249
+ font-weight: var(--seed-font-weight-regular);
250
+ }
251
+ .ConsolePanel_argPrimitive_level_log__db6kuu1g {
252
+ color: var(--seed-color-palette-blue-600);
253
+ }
254
+ .ConsolePanel_argPrimitive_level_info__db6kuu1h {
255
+ color: var(--seed-color-palette-blue-600);
256
+ }
257
+ .ConsolePanel_argPrimitive_level_warn__db6kuu1i {
258
+ color: var(--seed-color-palette-yellow-900);
259
+ }
260
+ .ConsolePanel_argPrimitive_level_error__db6kuu1j {
261
+ color: var(--seed-color-palette-red-900);
262
+ }
263
+ .ConsolePanel_argObject__db6kuu1k {
264
+ display: flex;
265
+ flex-direction: column;
266
+ }
267
+ .ConsolePanel_argObjectHeader__db6kuu1l {
268
+ display: flex;
269
+ flex-direction: row;
270
+ align-items: center;
271
+ gap: 4px;
272
+ }
273
+ .ConsolePanel_argObjectPreview__db6kuu1m {
274
+ font-size: 0.8125rem;
275
+ line-height: 1.125rem;
276
+ font-weight: var(--seed-font-weight-medium);
277
+ color: var(--seed-color-fg-neutral);
278
+ }
279
+ .ConsolePanel_argObjectContent__db6kuu1n {
280
+ margin-top: 4px;
281
+ display: flex;
282
+ flex-direction: column;
283
+ gap: 4px;
284
+ }
285
+ .ConsolePanel_argObjectProperty__db6kuu1o {
286
+ display: flex;
287
+ flex-direction: row;
288
+ align-items: flex-start;
289
+ }
290
+ .ConsolePanel_argObjectKey__db6kuu1p {
291
+ font-size: 0.8125rem;
292
+ line-height: 1.125rem;
293
+ font-weight: var(--seed-font-weight-medium);
294
+ color: var(--seed-color-palette-purple-600);
295
+ }
296
+ .ConsolePanel_argObjectJson__db6kuu1q {
297
+ font-size: 0.8125rem;
298
+ line-height: 1.125rem;
299
+ font-weight: var(--seed-font-weight-regular);
300
+ color: var(--seed-color-fg-neutral);
301
+ }
302
+ .ConsolePanel_replInputRow__db6kuu1r {
303
+ display: flex;
304
+ flex-direction: row;
305
+ align-items: center;
306
+ gap: 8px;
307
+ padding-top: 0;
308
+ padding-bottom: 8px;
309
+ }
310
+ .ConsolePanel_replPrompt__db6kuu1s {
311
+ font-size: 1.625rem;
312
+ line-height: 2.1875rem;
313
+ font-weight: var(--seed-font-weight-medium);
314
+ color: var(--seed-color-fg-placeholder);
315
+ padding-bottom: 8px;
316
+ }
317
+ .ConsolePanel_replInput__db6kuu1t {
318
+ flex: 1;
319
+ font-size: 1rem;
320
+ line-height: 1.375rem;
321
+ font-weight: var(--seed-font-weight-regular);
322
+ color: var(--seed-color-fg-neutral);
323
+ caret-color: var(--seed-color-palette-green-600);
324
+ padding-bottom: 8px;
325
+ }
326
+ .ConsolePanel_replRunButton__db6kuu1u {
327
+ padding: 4px 10px;
328
+ background-color: var(--seed-color-palette-green-100);
329
+ border-radius: 4px;
330
+ margin-bottom: 8px;
331
+ }
332
+ .ConsolePanel_replRunButtonText__db6kuu1v {
333
+ font-size: 0.8125rem;
334
+ line-height: 1.125rem;
335
+ font-weight: var(--seed-font-weight-medium);
336
+ color: var(--seed-color-palette-green-600);
337
+ }
package/dist/assets/src/components/FadeList.css.ts.vanilla-sppTKMZj.css ADDED
@@ -0,0 +1,12 @@
1
+ .FadeList_fadeTop__uvxsyd0 {
2
+ height: 20px;
3
+ margin-bottom: -20px;
4
+ z-index: 1;
5
+ background: linear-gradient(to bottom, var(--seed-color-bg-layer-floating), #ffffff00);
6
+ }
7
+ .FadeList_fadeBottom__uvxsyd1 {
8
+ height: 20px;
9
+ margin-top: -20px;
10
+ z-index: 1;
11
+ background: linear-gradient(to top, var(--seed-color-bg-layer-floating), #ffffff00);
12
+ }
package/dist/assets/src/components/{FloatingButton.css.ts.vanilla-rPj35oLW.css → FloatingButton.css.ts.vanilla-BaG0OI6p.css} RENAMED
@@ -1,14 +1,16 @@
1
1
  .FloatingButton_wrapper__1homwpu0 {
2
2
  position: fixed;
3
- right: 16px;
4
- bottom: 84px;
5
3
  z-index: 9999;
6
4
  display: flex;
7
5
  flex-direction: row;
8
6
  align-items: center;
9
7
  gap: 8px;
8
+ overflow: visible;
9
+ transition: transform var(--seed-duration-d4) cubic-bezier(0.4, 0, 0.2, 1);
10
10
  }
11
- .FloatingButton_button__1homwpu2 {
11
+ .FloatingButton_button__1homwpu1 {
12
+ position: relative;
13
+ overflow: hidden;
12
14
  padding-left: 8px;
13
15
  padding-right: 8px;
14
16
  padding-top: 4px;
@@ -22,6 +24,15 @@
22
24
  gap: 2px;
23
25
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
24
26
  }
27
+ .FloatingButton_shineOverlay__1homwpu2 {
28
+ position: absolute;
29
+ top: -50%;
30
+ left: -25%;
31
+ width: 150%;
32
+ height: 200%;
33
+ background-color: rgba(255, 255, 255, 0.2);
34
+ border-radius: 9999px;
35
+ }
25
36
  .FloatingButton_title__1homwpu3 {
26
37
  font-size: 0.875rem;
27
38
  line-height: 1.1875rem;
@@ -37,6 +48,7 @@
37
48
  text-align: center;
38
49
  }
39
50
  .FloatingButton_reloadButton__1homwpu5 {
51
+ overflow: visible;
40
52
  width: 32px;
41
53
  height: 32px;
42
54
  border-radius: 16px;
package/dist/assets/src/components/{NetworkPanel.css.ts.vanilla-DFMduT0T.css → NetworkPanel.css.ts.vanilla-BSE4s40D.css} RENAMED
@@ -11,9 +11,6 @@
11
11
  justify-content: space-between;
12
12
  margin-bottom: 8px;
13
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
14
  }
18
15
  .NetworkPanel_count__1kf6i8q2 {
19
16
  font-size: 0.8125rem;
@@ -22,7 +19,7 @@
22
19
  color: var(--seed-color-fg-neutral-subtle);
23
20
  }
24
21
  .NetworkPanel_clearButton__1kf6i8q3 {
25
- padding: 6px 12px;
22
+ padding: 3px 6px;
26
23
  background-color: var(--seed-color-bg-neutral-weak);
27
24
  border-radius: 4px;
28
25
  }
@@ -30,7 +27,7 @@
30
27
  font-size: 0.8125rem;
31
28
  line-height: 1.125rem;
32
29
  font-weight: var(--seed-font-weight-medium);
33
- color: var(--seed-color-fg-neutral);
30
+ color: var(--seed-color-fg-neutral-muted);
34
31
  }
35
32
  .NetworkPanel_list__1kf6i8q5 {
36
33
  flex: 1;
package/dist/assets/src/components/{PerformancePanel.css.ts.vanilla-D35LuXlW.css → PerformancePanel.css.ts.vanilla-Bb3zG5G8.css} RENAMED
@@ -22,7 +22,7 @@
22
22
  color: var(--seed-color-fg-neutral-subtle);
23
23
  }
24
24
  .PerformancePanel_clearButton__19p8bog3 {
25
- padding: 6px 12px;
25
+ padding: 3px 6px;
26
26
  background-color: var(--seed-color-bg-neutral-weak);
27
27
  border-radius: 4px;
28
28
  }
@@ -30,7 +30,7 @@
30
30
  font-size: 0.8125rem;
31
31
  line-height: 1.125rem;
32
32
  font-weight: var(--seed-font-weight-medium);
33
- color: var(--seed-color-fg-neutral);
33
+ color: var(--seed-color-fg-neutral-muted);
34
34
  }
35
35
  .PerformancePanel_list__19p8bog5 {
36
36
  flex: 1;