sqlite-hub 0.8.7 → 0.9.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 (32) hide show
  1. package/changelog.md +11 -0
  2. package/frontend/index.html +1 -1
  3. package/frontend/js/api.js +67 -0
  4. package/frontend/js/app.js +1398 -999
  5. package/frontend/js/components/modal.js +208 -3
  6. package/frontend/js/components/queryEditor.js +9 -4
  7. package/frontend/js/components/queryHistoryDetail.js +20 -10
  8. package/frontend/js/components/queryHistoryPanel.js +4 -3
  9. package/frontend/js/components/rowEditorPanel.js +26 -5
  10. package/frontend/js/components/sidebar.js +49 -5
  11. package/frontend/js/components/structureGraph.js +614 -632
  12. package/frontend/js/components/tableDesignerSqlPreview.js +24 -25
  13. package/frontend/js/lib/mediaTaggingDefaults.js +27 -0
  14. package/frontend/js/router.js +81 -71
  15. package/frontend/js/store.js +3091 -2184
  16. package/frontend/js/views/charts.js +2 -2
  17. package/frontend/js/views/data.js +28 -14
  18. package/frontend/js/views/editor.js +172 -177
  19. package/frontend/js/views/mediaTagging.js +861 -0
  20. package/frontend/styles/base.css +11 -1
  21. package/frontend/styles/components.css +48 -6
  22. package/frontend/styles/views.css +796 -0
  23. package/package.json +1 -1
  24. package/server/routes/charts.js +4 -1
  25. package/server/routes/data.js +14 -0
  26. package/server/routes/mediaTagging.js +166 -0
  27. package/server/routes/sql.js +1 -0
  28. package/server/server.js +4 -0
  29. package/server/services/sqlite/dataBrowserService.js +25 -0
  30. package/server/services/sqlite/exportService.js +31 -1
  31. package/server/services/sqlite/mediaTaggingService.js +1689 -0
  32. package/server/services/storage/appStateStore.js +321 -2
@@ -73,6 +73,10 @@ input.control-input--ghost:not(:focus) {
73
73
 
74
74
  .control-select {
75
75
  padding: 0 var(--control-padding-inline);
76
+ -webkit-appearance: menulist;
77
+ -moz-appearance: menulist;
78
+ appearance: auto;
79
+ background-image: none;
76
80
  }
77
81
 
78
82
  .control-shell {
@@ -195,6 +199,7 @@ img {
195
199
 
196
200
  .query-editor-layer {
197
201
  display: grid;
202
+ height: 100%;
198
203
  min-height: 140px;
199
204
  overflow: hidden;
200
205
  }
@@ -217,7 +222,7 @@ img {
217
222
 
218
223
  .query-editor-highlight {
219
224
  color: var(--color-on-surface);
220
- overflow: hidden;
225
+ overflow: visible;
221
226
  pointer-events: none;
222
227
  }
223
228
 
@@ -231,6 +236,11 @@ img {
231
236
  overflow: auto;
232
237
  }
233
238
 
239
+ .query-editor-gutter-track {
240
+ min-height: 100%;
241
+ will-change: transform;
242
+ }
243
+
234
244
  .query-editor-input::placeholder {
235
245
  color: transparent;
236
246
  }
@@ -84,6 +84,48 @@
84
84
  min-height: 0;
85
85
  }
86
86
 
87
+ .sidebar-group {
88
+ display: flex;
89
+ flex-direction: column;
90
+ }
91
+
92
+ .sidebar-sublinks {
93
+ display: flex;
94
+ flex-direction: column;
95
+ gap: 2px;
96
+ margin: 4px 0 4px var(--spacing-6);
97
+ padding-left: var(--spacing-6);
98
+ border-left: 1px solid rgba(75, 71, 50, 0.15);
99
+ }
100
+
101
+ .sidebar-sublink {
102
+ align-items: center;
103
+ color: rgba(229, 226, 225, 0.35);
104
+ display: flex;
105
+ font-family: var(--font-family-body);
106
+ font-size: 0.6875rem;
107
+ font-weight: 500;
108
+ gap: var(--spacing-3);
109
+ letter-spacing: 0.06em;
110
+ padding: 0.5rem var(--spacing-4);
111
+ text-transform: none;
112
+ transition:
113
+ background-color var(--transition-fast),
114
+ color var(--transition-fast),
115
+ border-color var(--transition-fast);
116
+ }
117
+
118
+ .sidebar-sublink:hover {
119
+ background: var(--color-surface-container);
120
+ color: var(--color-primary-container);
121
+ }
122
+
123
+ .sidebar-sublink.is-active {
124
+ border-left: 2px solid var(--color-primary-container);
125
+ color: var(--color-primary-container);
126
+ background: var(--color-surface-high);
127
+ }
128
+
87
129
  .sidebar-link {
88
130
  align-items: center;
89
131
  color: rgba(229, 226, 225, 0.4);
@@ -764,17 +806,17 @@ select.table-designer-field {
764
806
  border: 1px solid rgba(75, 71, 50, 0.18) !important;
765
807
  }
766
808
 
767
- .table-designer-check input[type="checkbox"]:not(:checked),
768
- .table-designer-fill-toggle input[type="checkbox"]:not(:checked),
769
- .table-designer-checkbox-override input[type="checkbox"]:not(:checked) {
809
+ .table-designer-check input[type='checkbox']:not(:checked),
810
+ .table-designer-fill-toggle input[type='checkbox']:not(:checked),
811
+ .table-designer-checkbox-override input[type='checkbox']:not(:checked) {
770
812
  background: transparent !important;
771
813
  background-color: transparent !important;
772
814
  background-image: none !important;
773
815
  }
774
816
 
775
- .table-designer-check input[type="checkbox"]:checked,
776
- .table-designer-fill-toggle input[type="checkbox"]:checked,
777
- .table-designer-checkbox-override input[type="checkbox"]:checked {
817
+ .table-designer-check input[type='checkbox']:checked,
818
+ .table-designer-fill-toggle input[type='checkbox']:checked,
819
+ .table-designer-checkbox-override input[type='checkbox']:checked {
778
820
  background-color: var(--color-primary-container) !important;
779
821
  border-color: var(--color-primary-container) !important;
780
822
  }