lynx-console 0.1.0 → 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 (18) hide show
  1. package/dist/assets/src/components/{ConsolePanel.css.ts.vanilla-DFvHPEyg.css → ConsolePanel.css.ts.vanilla-DWdhFBJq.css} +66 -69
  2. package/dist/assets/src/components/FadeList.css.ts.vanilla-sppTKMZj.css +12 -0
  3. package/dist/assets/src/components/{NetworkPanel.css.ts.vanilla-DFMduT0T.css → NetworkPanel.css.ts.vanilla-BSE4s40D.css} +2 -5
  4. package/dist/assets/src/components/{PerformancePanel.css.ts.vanilla-D35LuXlW.css → PerformancePanel.css.ts.vanilla-Bb3zG5G8.css} +2 -2
  5. package/dist/index.cjs +130 -101
  6. package/dist/index.mjs +130 -101
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/ConsolePanel.css.ts +12 -17
  10. package/src/components/FadeList.css.ts +16 -0
  11. package/src/components/FadeList.tsx +76 -0
  12. package/src/components/FloatingButton.tsx +21 -18
  13. package/src/components/LogPanel.tsx +18 -35
  14. package/src/components/NetworkPanel.css.ts +2 -5
  15. package/src/components/NetworkPanel.tsx +4 -4
  16. package/src/components/PerformancePanel.css.ts +2 -2
  17. package/src/components/PerformancePanel.tsx +5 -5
  18. package/src/hooks/useLongPressDrag.ts +3 -3
package/dist/assets/src/components/{ConsolePanel.css.ts.vanilla-DFvHPEyg.css → ConsolePanel.css.ts.vanilla-DWdhFBJq.css} RENAMED
@@ -28,16 +28,10 @@
28
28
  justify-content: space-between;
29
29
  padding-bottom: 3px;
30
30
  }
31
- .ConsolePanel_fadeTop__db6kuu5 {
32
- height: 20px;
33
- margin-bottom: -20px;
34
- z-index: 1;
35
- background: linear-gradient(to bottom, var(--seed-color-bg-layer-default), #ffffff00);
36
- }
37
- .ConsolePanel_filterWrapper__db6kuu6 {
31
+ .ConsolePanel_filterWrapper__db6kuu5 {
38
32
  position: relative;
39
33
  }
40
- .ConsolePanel_filterButton__db6kuu7 {
34
+ .ConsolePanel_filterButton__db6kuu6 {
41
35
  display: flex;
42
36
  flex-direction: row;
43
37
  align-items: center;
@@ -45,18 +39,18 @@
45
39
  background-color: var(--seed-color-bg-neutral-weak);
46
40
  border-radius: 4px;
47
41
  }
48
- .ConsolePanel_filterButtonText__db6kuu8 {
42
+ .ConsolePanel_filterButtonText__db6kuu7 {
49
43
  font-size: 0.8125rem;
50
44
  line-height: 1.125rem;
51
45
  font-weight: var(--seed-font-weight-medium);
52
- color: var(--seed-color-fg-neutral);
46
+ color: var(--seed-color-fg-neutral-muted);
53
47
  }
54
- .ConsolePanel_filterDropdown__db6kuu9 {
48
+ .ConsolePanel_filterDropdown__db6kuu8 {
55
49
  position: absolute;
56
50
  top: 100%;
57
51
  left: 0;
58
52
  margin-top: 4px;
59
- background-color: var(--seed-color-bg-layer-default);
53
+ background-color: var(--seed-color-bg-layer-floating);
60
54
  border-width: 1px;
61
55
  border-color: var(--seed-color-stroke-neutral-subtle);
62
56
  border-style: solid;
@@ -65,49 +59,49 @@
65
59
  z-index: 100;
66
60
  min-width: 90px;
67
61
  }
68
- .ConsolePanel_filterOption__db6kuua {
62
+ .ConsolePanel_filterOption__db6kuu9 {
69
63
  display: flex;
70
64
  flex-direction: row;
71
65
  align-items: center;
72
66
  gap: 4px;
73
67
  padding: 8px 12px;
74
68
  }
75
- .ConsolePanel_filterCheckbox__db6kuub {
69
+ .ConsolePanel_filterCheckbox__db6kuua {
76
70
  font-size: 0.8125rem;
77
71
  line-height: 1.125rem;
78
72
  font-weight: var(--seed-font-weight-medium);
79
73
  width: 16px;
80
74
  }
81
- .ConsolePanel_filterCheckbox_level_log__db6kuuc {
75
+ .ConsolePanel_filterCheckbox_level_log__db6kuub {
82
76
  color: var(--seed-color-palette-green-600);
83
77
  }
84
- .ConsolePanel_filterCheckbox_level_info__db6kuud {
78
+ .ConsolePanel_filterCheckbox_level_info__db6kuuc {
85
79
  color: var(--seed-color-palette-blue-600);
86
80
  }
87
- .ConsolePanel_filterCheckbox_level_warn__db6kuue {
81
+ .ConsolePanel_filterCheckbox_level_warn__db6kuud {
88
82
  color: var(--seed-color-palette-yellow-600);
89
83
  }
90
- .ConsolePanel_filterCheckbox_level_error__db6kuuf {
84
+ .ConsolePanel_filterCheckbox_level_error__db6kuue {
91
85
  color: var(--seed-color-palette-red-600);
92
86
  }
93
- .ConsolePanel_filterLabel__db6kuug {
87
+ .ConsolePanel_filterLabel__db6kuuf {
94
88
  font-size: 0.8125rem;
95
89
  line-height: 1.125rem;
96
90
  font-weight: var(--seed-font-weight-medium);
97
91
  }
98
- .ConsolePanel_filterLabel_level_log__db6kuuh {
92
+ .ConsolePanel_filterLabel_level_log__db6kuug {
99
93
  color: var(--seed-color-palette-green-600);
100
94
  }
101
- .ConsolePanel_filterLabel_level_info__db6kuui {
95
+ .ConsolePanel_filterLabel_level_info__db6kuuh {
102
96
  color: var(--seed-color-palette-blue-600);
103
97
  }
104
- .ConsolePanel_filterLabel_level_warn__db6kuuj {
98
+ .ConsolePanel_filterLabel_level_warn__db6kuui {
105
99
  color: var(--seed-color-palette-yellow-600);
106
100
  }
107
- .ConsolePanel_filterLabel_level_error__db6kuuk {
101
+ .ConsolePanel_filterLabel_level_error__db6kuuj {
108
102
  color: var(--seed-color-palette-red-600);
109
103
  }
110
- .ConsolePanel_searchWrapper__db6kuul {
104
+ .ConsolePanel_searchWrapper__db6kuuk {
111
105
  display: flex;
112
106
  flex-direction: row;
113
107
  align-items: center;
@@ -119,13 +113,13 @@
119
113
  border-bottom-style: solid;
120
114
  gap: 8px;
121
115
  }
122
- .ConsolePanel_searchPrompt__db6kuum {
116
+ .ConsolePanel_searchPrompt__db6kuul {
123
117
  font-size: 1.125rem;
124
118
  line-height: 1.5rem;
125
119
  font-weight: var(--seed-font-weight-medium);
126
120
  color: var(--seed-color-fg-placeholder);
127
121
  }
128
- .ConsolePanel_searchInput__db6kuun {
122
+ .ConsolePanel_searchInput__db6kuum {
129
123
  flex: 1;
130
124
  font-size: 0.8125rem;
131
125
  line-height: 1.125rem;
@@ -133,65 +127,74 @@
133
127
  color: var(--seed-color-fg-neutral);
134
128
  caret-color: var(--seed-color-palette-green-600);
135
129
  }
136
- .ConsolePanel_clearButton__db6kuuo {
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 {
137
140
  padding: 3px 6px;
138
141
  background-color: var(--seed-color-bg-neutral-weak);
139
142
  border-radius: 4px;
140
143
  }
141
- .ConsolePanel_clearButtonText__db6kuup {
144
+ .ConsolePanel_clearButtonText__db6kuuq {
142
145
  font-size: 0.8125rem;
143
146
  line-height: 1.125rem;
144
147
  font-weight: var(--seed-font-weight-medium);
145
- color: var(--seed-color-fg-neutral);
148
+ color: var(--seed-color-fg-neutral-muted);
146
149
  }
147
- .ConsolePanel_logList__db6kuuq {
150
+ .ConsolePanel_logList__db6kuur {
148
151
  flex: 1;
149
152
  padding-top: 0;
150
153
  padding-bottom: 0;
151
154
  }
152
- .ConsolePanel_logItem__db6kuur {
155
+ .ConsolePanel_logItem__db6kuus {
153
156
  padding: 8px;
154
157
  border-bottom-width: 1px;
155
158
  border-bottom-color: var(--seed-color-stroke-neutral-weak);
156
159
  border-bottom-style: solid;
157
160
  }
158
- .ConsolePanel_logItem_level_warn__db6kuuu {
161
+ .ConsolePanel_logItem_level_warn__db6kuuv {
159
162
  background-color: var(--seed-color-palette-yellow-100);
160
163
  }
161
- .ConsolePanel_logItem_level_error__db6kuuv {
164
+ .ConsolePanel_logItem_level_error__db6kuuw {
162
165
  background-color: var(--seed-color-palette-red-100);
163
166
  }
164
- .ConsolePanel_logItemHeader__db6kuuw {
167
+ .ConsolePanel_logItemHeader__db6kuux {
165
168
  display: flex;
166
169
  flex-direction: row;
167
170
  align-items: center;
168
171
  margin-bottom: 4px;
169
172
  }
170
- .ConsolePanel_logLevel__db6kuux {
173
+ .ConsolePanel_logLevel__db6kuuy {
171
174
  font-size: 0.75rem;
172
175
  line-height: 1rem;
173
176
  font-weight: var(--seed-font-weight-bold);
174
177
  margin-right: 8px;
175
178
  }
176
- .ConsolePanel_logLevel_level_log__db6kuuy {
179
+ .ConsolePanel_logLevel_level_log__db6kuuz {
177
180
  color: var(--seed-color-palette-green-600);
178
181
  }
179
- .ConsolePanel_logLevel_level_info__db6kuuz {
182
+ .ConsolePanel_logLevel_level_info__db6kuu10 {
180
183
  color: var(--seed-color-palette-blue-600);
181
184
  }
182
- .ConsolePanel_logLevel_level_warn__db6kuu10 {
185
+ .ConsolePanel_logLevel_level_warn__db6kuu11 {
183
186
  color: var(--seed-color-palette-yellow-600);
184
187
  }
185
- .ConsolePanel_logLevel_level_error__db6kuu11 {
188
+ .ConsolePanel_logLevel_level_error__db6kuu12 {
186
189
  color: var(--seed-color-palette-red-600);
187
190
  }
188
- .ConsolePanel_logTime__db6kuu12 {
191
+ .ConsolePanel_logTime__db6kuu13 {
189
192
  font-size: 0.75rem;
190
193
  line-height: 1rem;
191
194
  font-weight: var(--seed-font-weight-regular);
192
195
  color: var(--seed-color-fg-neutral-subtle);
193
196
  }
194
- .ConsolePanel_toggleIndicator__db6kuu13 {
197
+ .ConsolePanel_toggleIndicator__db6kuu14 {
195
198
  font-size: 0.75rem;
196
199
  line-height: 1rem;
197
200
  font-weight: var(--seed-font-weight-regular);
@@ -199,109 +202,103 @@
199
202
  margin-left: 4px;
200
203
  align-self: flex-start;
201
204
  }
202
- .ConsolePanel_logMessage__db6kuu14 {
205
+ .ConsolePanel_logMessage__db6kuu15 {
203
206
  font-size: 0.8125rem;
204
207
  line-height: 1.125rem;
205
208
  font-weight: var(--seed-font-weight-regular);
206
209
  color: var(--seed-color-fg-neutral);
207
210
  word-break: break-all;
208
211
  }
209
- .ConsolePanel_logArgsContainer__db6kuu15 {
212
+ .ConsolePanel_logArgsContainer__db6kuu16 {
210
213
  display: flex;
211
214
  flex-direction: row;
212
215
  flex-wrap: wrap;
213
216
  gap: 8px;
214
217
  }
215
- .ConsolePanel_logArgItem__db6kuu16 {
218
+ .ConsolePanel_logArgItem__db6kuu17 {
216
219
  font-size: 0.8125rem;
217
220
  line-height: 1.125rem;
218
221
  font-weight: var(--seed-font-weight-regular);
219
222
  }
220
- .ConsolePanel_argNull__db6kuu17 {
223
+ .ConsolePanel_argNull__db6kuu18 {
221
224
  color: var(--seed-color-fg-neutral-subtle);
222
225
  }
223
- .ConsolePanel_argUndefined__db6kuu18 {
226
+ .ConsolePanel_argUndefined__db6kuu19 {
224
227
  color: var(--seed-color-fg-neutral-subtle);
225
228
  }
226
- .ConsolePanel_argString__db6kuu19 {
229
+ .ConsolePanel_argString__db6kuu1a {
227
230
  font-size: 0.8125rem;
228
231
  line-height: 1.125rem;
229
232
  font-weight: var(--seed-font-weight-regular);
230
233
  }
231
- .ConsolePanel_argString_level_log__db6kuu1a {
234
+ .ConsolePanel_argString_level_log__db6kuu1b {
232
235
  color: var(--seed-color-fg-neutral);
233
236
  }
234
- .ConsolePanel_argString_level_info__db6kuu1b {
237
+ .ConsolePanel_argString_level_info__db6kuu1c {
235
238
  color: var(--seed-color-fg-neutral);
236
239
  }
237
- .ConsolePanel_argString_level_warn__db6kuu1c {
240
+ .ConsolePanel_argString_level_warn__db6kuu1d {
238
241
  color: var(--seed-color-palette-yellow-900);
239
242
  }
240
- .ConsolePanel_argString_level_error__db6kuu1d {
243
+ .ConsolePanel_argString_level_error__db6kuu1e {
241
244
  color: var(--seed-color-palette-red-900);
242
245
  }
243
- .ConsolePanel_argPrimitive__db6kuu1e {
246
+ .ConsolePanel_argPrimitive__db6kuu1f {
244
247
  font-size: 0.8125rem;
245
248
  line-height: 1.125rem;
246
249
  font-weight: var(--seed-font-weight-regular);
247
250
  }
248
- .ConsolePanel_argPrimitive_level_log__db6kuu1f {
251
+ .ConsolePanel_argPrimitive_level_log__db6kuu1g {
249
252
  color: var(--seed-color-palette-blue-600);
250
253
  }
251
- .ConsolePanel_argPrimitive_level_info__db6kuu1g {
254
+ .ConsolePanel_argPrimitive_level_info__db6kuu1h {
252
255
  color: var(--seed-color-palette-blue-600);
253
256
  }
254
- .ConsolePanel_argPrimitive_level_warn__db6kuu1h {
257
+ .ConsolePanel_argPrimitive_level_warn__db6kuu1i {
255
258
  color: var(--seed-color-palette-yellow-900);
256
259
  }
257
- .ConsolePanel_argPrimitive_level_error__db6kuu1i {
260
+ .ConsolePanel_argPrimitive_level_error__db6kuu1j {
258
261
  color: var(--seed-color-palette-red-900);
259
262
  }
260
- .ConsolePanel_argObject__db6kuu1j {
263
+ .ConsolePanel_argObject__db6kuu1k {
261
264
  display: flex;
262
265
  flex-direction: column;
263
266
  }
264
- .ConsolePanel_argObjectHeader__db6kuu1k {
267
+ .ConsolePanel_argObjectHeader__db6kuu1l {
265
268
  display: flex;
266
269
  flex-direction: row;
267
270
  align-items: center;
268
271
  gap: 4px;
269
272
  }
270
- .ConsolePanel_argObjectPreview__db6kuu1l {
273
+ .ConsolePanel_argObjectPreview__db6kuu1m {
271
274
  font-size: 0.8125rem;
272
275
  line-height: 1.125rem;
273
276
  font-weight: var(--seed-font-weight-medium);
274
277
  color: var(--seed-color-fg-neutral);
275
278
  }
276
- .ConsolePanel_argObjectContent__db6kuu1m {
279
+ .ConsolePanel_argObjectContent__db6kuu1n {
277
280
  margin-top: 4px;
278
281
  display: flex;
279
282
  flex-direction: column;
280
283
  gap: 4px;
281
284
  }
282
- .ConsolePanel_argObjectProperty__db6kuu1n {
285
+ .ConsolePanel_argObjectProperty__db6kuu1o {
283
286
  display: flex;
284
287
  flex-direction: row;
285
288
  align-items: flex-start;
286
289
  }
287
- .ConsolePanel_argObjectKey__db6kuu1o {
290
+ .ConsolePanel_argObjectKey__db6kuu1p {
288
291
  font-size: 0.8125rem;
289
292
  line-height: 1.125rem;
290
293
  font-weight: var(--seed-font-weight-medium);
291
294
  color: var(--seed-color-palette-purple-600);
292
295
  }
293
- .ConsolePanel_argObjectJson__db6kuu1p {
296
+ .ConsolePanel_argObjectJson__db6kuu1q {
294
297
  font-size: 0.8125rem;
295
298
  line-height: 1.125rem;
296
299
  font-weight: var(--seed-font-weight-regular);
297
300
  color: var(--seed-color-fg-neutral);
298
301
  }
299
- .ConsolePanel_fadeBottom__db6kuu1q {
300
- height: 20px;
301
- margin-top: -20px;
302
- z-index: 1;
303
- background: linear-gradient(to top, var(--seed-color-bg-layer-default), #ffffff00);
304
- }
305
302
  .ConsolePanel_replInputRow__db6kuu1r {
306
303
  display: flex;
307
304
  flex-direction: row;
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/{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;