sqlite-hub 0.9.0 → 0.9.3
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/changelog.md +12 -0
- package/frontend/index.html +21 -20
- package/frontend/js/app.js +386 -8
- package/frontend/js/components/modal.js +13 -4
- package/frontend/js/components/queryHistoryDetail.js +14 -2
- package/frontend/js/components/queryHistoryPanel.js +13 -9
- package/frontend/js/components/rowEditorPanel.js +48 -25
- package/frontend/js/lib/queryChartOptions.js +5 -1
- package/frontend/js/lib/queryCharts.js +50 -2
- package/frontend/js/store.js +177 -21
- package/frontend/js/views/charts.js +103 -30
- package/frontend/js/views/data.js +31 -1
- package/frontend/js/views/editor.js +1 -0
- package/frontend/js/views/mediaTagging.js +146 -76
- package/frontend/styles/base.css +57 -13
- package/frontend/styles/components.css +172 -96
- package/frontend/styles/layout.css +1 -1
- package/frontend/styles/structure-graph.css +11 -11
- package/frontend/styles/tokens.css +47 -4
- package/frontend/styles/utilities.css +21 -0
- package/frontend/styles/views.css +218 -96
- package/package.json +1 -1
- package/server/services/storage/appStateStore.js +9 -6
- package/server/services/storage/queryHistoryChartUtils.js +19 -2
- package/server/services/storage/queryHistoryUtils.js +165 -2
- package/shortkeys.md +5 -0
package/frontend/styles/base.css
CHANGED
|
@@ -28,6 +28,26 @@ button {
|
|
|
28
28
|
cursor: pointer;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
+
button:disabled,
|
|
32
|
+
button[aria-disabled='true'],
|
|
33
|
+
input:disabled,
|
|
34
|
+
select:disabled,
|
|
35
|
+
textarea:disabled {
|
|
36
|
+
cursor: not-allowed;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
:where(a, button, input, select, textarea, [tabindex]:not([tabindex='-1'])):focus-visible {
|
|
40
|
+
outline: 2px solid var(--color-primary-container);
|
|
41
|
+
outline-offset: 2px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.control-shell:focus-within,
|
|
45
|
+
.standard-checkbox:focus-within,
|
|
46
|
+
.sql-highlight-shell:focus-within {
|
|
47
|
+
border-color: var(--primary-alpha-35);
|
|
48
|
+
box-shadow: var(--focus-ring-inset);
|
|
49
|
+
}
|
|
50
|
+
|
|
31
51
|
.control-button {
|
|
32
52
|
align-items: center;
|
|
33
53
|
box-sizing: border-box;
|
|
@@ -52,22 +72,22 @@ button {
|
|
|
52
72
|
|
|
53
73
|
input.control-input--ghost {
|
|
54
74
|
appearance: none;
|
|
55
|
-
background: transparent
|
|
56
|
-
background-color: transparent
|
|
57
|
-
background-image: none
|
|
58
|
-
border: 0
|
|
59
|
-
border-color: transparent
|
|
60
|
-
box-shadow: none
|
|
75
|
+
background: transparent;
|
|
76
|
+
background-color: transparent;
|
|
77
|
+
background-image: none;
|
|
78
|
+
border: 0;
|
|
79
|
+
border-color: transparent;
|
|
80
|
+
box-shadow: none;
|
|
61
81
|
-webkit-appearance: none;
|
|
62
82
|
padding: 0;
|
|
63
83
|
}
|
|
64
84
|
|
|
65
85
|
input.control-input--ghost:focus,
|
|
66
86
|
input.control-input--ghost:not(:focus) {
|
|
67
|
-
background: transparent
|
|
68
|
-
background-color: transparent
|
|
69
|
-
border-color: transparent
|
|
70
|
-
box-shadow: none
|
|
87
|
+
background: transparent;
|
|
88
|
+
background-color: transparent;
|
|
89
|
+
border-color: transparent;
|
|
90
|
+
box-shadow: none;
|
|
71
91
|
outline: none;
|
|
72
92
|
}
|
|
73
93
|
|
|
@@ -105,6 +125,7 @@ img {
|
|
|
105
125
|
}
|
|
106
126
|
|
|
107
127
|
[hidden] {
|
|
128
|
+
/* Hidden must beat utility display classes generated by Tailwind CDN. */
|
|
108
129
|
display: none !important;
|
|
109
130
|
}
|
|
110
131
|
|
|
@@ -118,9 +139,6 @@ img {
|
|
|
118
139
|
|
|
119
140
|
.font-mono {
|
|
120
141
|
font-family: var(--font-family-mono);
|
|
121
|
-
overflow: hidden;
|
|
122
|
-
white-space: nowrap;
|
|
123
|
-
text-overflow: ellipsis;
|
|
124
142
|
}
|
|
125
143
|
|
|
126
144
|
.material-symbols-outlined {
|
|
@@ -218,12 +236,14 @@ img {
|
|
|
218
236
|
width: 100%;
|
|
219
237
|
word-break: normal;
|
|
220
238
|
overflow-wrap: anywhere;
|
|
239
|
+
font-variant-ligatures: none;
|
|
221
240
|
}
|
|
222
241
|
|
|
223
242
|
.query-editor-highlight {
|
|
224
243
|
color: var(--color-on-surface);
|
|
225
244
|
overflow: visible;
|
|
226
245
|
pointer-events: none;
|
|
246
|
+
user-select: none;
|
|
227
247
|
}
|
|
228
248
|
|
|
229
249
|
.query-editor-input {
|
|
@@ -236,6 +256,14 @@ img {
|
|
|
236
256
|
overflow: auto;
|
|
237
257
|
}
|
|
238
258
|
|
|
259
|
+
.query-editor-input:focus-visible {
|
|
260
|
+
outline: none;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.query-editor-layer:focus-within {
|
|
264
|
+
box-shadow: inset 0 0 0 1px var(--primary-alpha-30);
|
|
265
|
+
}
|
|
266
|
+
|
|
239
267
|
.query-editor-gutter-track {
|
|
240
268
|
min-height: 100%;
|
|
241
269
|
will-change: transform;
|
|
@@ -260,3 +288,19 @@ img {
|
|
|
260
288
|
border-color: var(--color-primary-container);
|
|
261
289
|
}
|
|
262
290
|
}
|
|
291
|
+
|
|
292
|
+
@media (prefers-reduced-motion: reduce) {
|
|
293
|
+
*,
|
|
294
|
+
*::before,
|
|
295
|
+
*::after {
|
|
296
|
+
animation-duration: 0.001ms;
|
|
297
|
+
animation-iteration-count: 1;
|
|
298
|
+
scroll-behavior: auto;
|
|
299
|
+
transition-duration: 0.001ms;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
.cursor-blink {
|
|
303
|
+
animation: none;
|
|
304
|
+
border-right-color: var(--color-primary-container);
|
|
305
|
+
}
|
|
306
|
+
}
|