sqlite-hub 0.17.2 → 1.1.0

package/frontend/js/components/tableDesignerEditor.js

@@ -351,11 +351,9 @@ export function renderTableDesignerEditor(state) {
               value="${escapeHtml(draft.tableName)}"
             />
             ${
-              draft.mode === "edit"
-                ? `<div class="status-badge status-badge--muted">FROM ${escapeHtml(
-                    draft.originalTableName
-                  )}</div>`
-                : `<div class="status-badge status-badge--primary">CREATE</div>`
+              draft.mode === "create"
+                ? `<div class="status-badge status-badge--primary">CREATE</div>`
+                : ""
             }
           </div>
           <div class="table-designer-main__subtitle">

package/frontend/js/store.js

@@ -49,6 +49,7 @@ const UI_PREFERENCE_STORAGE_KEYS = {
     dataTablesVisible: 'sqlite_hub_data_tables_visible',
     structureTablesVisible: 'sqlite_hub_structure_tables_visible',
     chartsHistoryVisible: 'sqlite_hub_charts_history_visible',
+    chartsQueryVisible: 'sqlite_hub_charts_query_visible',
     chartsResultsVisible: 'sqlite_hub_charts_results_visible',
     tableDesignerSqlPreviewVisible: 'sqlite_hub_table_designer_sql_preview_visible',
     documentsEditorVisible: 'sqlite_hub_documents_editor_visible',
@@ -63,6 +64,8 @@ const TEXT_EXPORT_FORMAT_LABELS = {
     csv: 'CSV',
     tsv: 'TSV',
     md: 'Markdown',
+    json: 'JSON',
+    parquet: 'Parquet',
 };
 const MISSING_DATABASE_ERROR = {
     code: 'ACTIVE_DATABASE_REQUIRED',
@@ -253,10 +256,18 @@ const state = {
     },
     settings: {
         data: { ...DEFAULT_SETTINGS },
+        section: 'information',
+        apiTokens: [],
+        tokenDatabase: null,
+        createdApiToken: null,
+        tokenSaving: false,
         loading: false,
         error: null,
         appVersion: null,
         sqliteVersion: null,
+        versionCheck: null,
+        versionCheckLoading: false,
+        versionCheckError: null,
     },
     overview: {
         data: null,
@@ -326,10 +337,13 @@ const state = {
         loading: false,
         error: null,
         historyTab: readStoredChartsHistoryTab(),
+        historySearchInput: '',
+        historySearch: '',
         historyPanelVisible: readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsHistoryVisible, true),
+        detailPanelVisible: false,
         selectedHistoryId: null,
         chartHeightPreset: 'medium',
-        sqlExpanded: false,
+        queryVisible: readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, true),
         resultsVisible: readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsResultsVisible, true),
         detail: null,
         detailLoading: false,
@@ -924,10 +938,13 @@ function resetChartsState() {
     state.charts.loading = false;
     state.charts.error = null;
     state.charts.historyTab = readStoredChartsHistoryTab(state.charts.historyTab);
+    state.charts.historySearchInput = '';
+    state.charts.historySearch = '';
     state.charts.historyPanelVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsHistoryVisible, true);
+    state.charts.detailPanelVisible = false;
     state.charts.selectedHistoryId = null;
     state.charts.chartHeightPreset = 'medium';
-    state.charts.sqlExpanded = false;
+    state.charts.queryVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, true);
     state.charts.resultsVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsResultsVisible, true);
     state.charts.detail = null;
     state.charts.detailLoading = false;
@@ -1014,7 +1031,7 @@ function normalizeChartsHeightPreset(value) {
 }
 
 function normalizeChartsHistoryTab(value) {
-    return ['recent', 'saved'].includes(value) ? value : 'recent';
+    return ['recent', 'saved', 'unsaved'].includes(value) ? value : 'recent';
 }
 
 function mergeQueryHistoryItemWithChartSummary(updatedItem, fallbackItem = null) {
@@ -1310,6 +1327,9 @@ async function refreshSettingsState() {
         };
         state.settings.appVersion = response.metadata?.appVersion ?? null;
         state.settings.sqliteVersion = response.metadata?.sqliteVersion ?? null;
+        state.settings.apiTokens = response.metadata?.apiTokens ?? [];
+        state.settings.tokenDatabase = response.metadata?.activeDatabase ?? null;
+        state.settings.createdApiToken = null;
     } catch (error) {
         state.settings.error = normalizeError(error);
     } finally {
@@ -1318,6 +1338,130 @@ async function refreshSettingsState() {
     }
 }
 
+export async function createSettingsApiToken(name) {
+    state.settings.tokenSaving = true;
+    state.settings.error = null;
+    emitChange();
+
+    try {
+        const response = await api.createApiToken(name);
+        state.settings.apiTokens = response.metadata?.apiTokens ?? state.settings.apiTokens;
+        state.settings.tokenDatabase = response.metadata?.activeDatabase ?? state.settings.tokenDatabase;
+        state.settings.createdApiToken = response.data ?? null;
+        pushToast('API token created. Store it now; it will not be shown again.', 'success');
+        return response.data ?? null;
+    } catch (error) {
+        state.settings.error = normalizeError(error);
+        return null;
+    } finally {
+        state.settings.tokenSaving = false;
+        emitChange();
+    }
+}
+
+export function setSettingsSection(section) {
+    const normalizedSection = section === 'api-tokens' ? 'api-tokens' : 'information';
+
+    if (state.settings.section === normalizedSection) {
+        return;
+    }
+
+    state.settings.section = normalizedSection;
+    emitChange();
+}
+
+export async function checkSettingsAppVersion() {
+    state.settings.versionCheckLoading = true;
+    state.settings.versionCheckError = null;
+    emitChange();
+
+    try {
+        const response = await api.checkAppVersion();
+        const result = response.data ?? null;
+
+        state.settings.versionCheck = result;
+        pushToast(
+            result?.updateAvailable
+                ? `SQLite Hub v${result.latestVersion} is available.`
+                : 'SQLite Hub is up to date.',
+            'success',
+        );
+        return result;
+    } catch (error) {
+        state.settings.versionCheckError = normalizeError(error);
+        pushToast('Version check failed.', 'alert');
+        return null;
+    } finally {
+        state.settings.versionCheckLoading = false;
+        emitChange();
+    }
+}
+
+export async function deleteSettingsApiToken(tokenId) {
+    state.settings.tokenSaving = true;
+    state.settings.error = null;
+    emitChange();
+
+    try {
+        const response = await api.deleteApiToken(tokenId);
+        state.settings.apiTokens = response.metadata?.apiTokens ?? [];
+        state.settings.tokenDatabase = response.metadata?.activeDatabase ?? state.settings.tokenDatabase;
+
+        if (state.settings.createdApiToken?.id === tokenId) {
+            state.settings.createdApiToken = null;
+        }
+
+        pushToast('API token deleted.', 'success');
+        return true;
+    } catch (error) {
+        if (state.modal?.kind === 'delete-api-token') {
+            withModalError(error);
+        } else {
+            state.settings.error = normalizeError(error);
+        }
+        return false;
+    } finally {
+        state.settings.tokenSaving = false;
+        emitChange();
+    }
+}
+
+export function openDeleteSettingsApiTokenModal(tokenId) {
+    const token = state.settings.apiTokens.find(candidate => candidate.id === tokenId);
+
+    if (!token) {
+        pushToast('The selected API token could not be loaded.', 'alert');
+        return;
+    }
+
+    state.modal = {
+        kind: 'delete-api-token',
+        tokenId: token.id,
+        tokenName: token.name,
+        tokenPrefix: token.tokenPrefix,
+        databaseLabel: state.settings.tokenDatabase?.label ?? 'active database',
+        error: null,
+        submitting: false,
+    };
+    emitChange();
+}
+
+export async function submitDeleteSettingsApiTokenConfirmation() {
+    if (state.modal?.kind !== 'delete-api-token') {
+        return false;
+    }
+
+    const tokenId = state.modal.tokenId;
+    startModalSubmission();
+    const deleted = await deleteSettingsApiToken(tokenId);
+
+    if (deleted) {
+        closeModalInternal();
+    }
+
+    return deleted;
+}
+
 async function loadQueryHistoryDetail(historyId, options = {}) {
     const normalizedId = String(historyId ?? '').trim();
     const numericId = Number(normalizedId);
@@ -1452,7 +1596,8 @@ async function loadChartsDetail(historyId) {
 
     if (!Number.isInteger(numericId) || numericId < 1) {
         state.charts.selectedHistoryId = null;
-        state.charts.sqlExpanded = false;
+        state.charts.detailPanelVisible = false;
+        state.charts.queryVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, true);
         state.charts.resultsVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsResultsVisible, true);
         state.charts.detail = null;
         state.charts.detailLoading = false;
@@ -1465,7 +1610,7 @@ async function loadChartsDetail(historyId) {
     }
 
     state.charts.selectedHistoryId = numericId;
-    state.charts.sqlExpanded = false;
+    state.charts.queryVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, true);
     state.charts.resultsVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsResultsVisible, true);
     state.charts.detail = null;
     state.charts.detailLoading = true;
@@ -3343,7 +3488,8 @@ export async function openEditorRowUpdatePreview(rowIndex, values) {
 }
 
 export function toggleChartsSqlPanel() {
-    state.charts.sqlExpanded = !state.charts.sqlExpanded;
+    state.charts.queryVisible = !state.charts.queryVisible;
+    storeBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, state.charts.queryVisible);
     emitChange();
 }
 
@@ -3365,6 +3511,17 @@ export function setChartsHistoryPanelVisibility(visible) {
     emitChange();
 }
 
+export function setChartsDetailPanelVisibility(visible) {
+    const nextValue = typeof visible === 'boolean' ? visible : !Boolean(state.charts.detailPanelVisible);
+
+    if (state.charts.detailPanelVisible === nextValue) {
+        return;
+    }
+
+    state.charts.detailPanelVisible = nextValue;
+    emitChange();
+}
+
 export function setChartsHeightPreset(preset) {
     const nextPreset = normalizeChartsHeightPreset(preset);
 
@@ -3392,6 +3549,18 @@ export function setChartsHistoryTab(tab) {
     emitChange();
 }
 
+export function setChartsHistorySearchInput(query) {
+    const nextQuery = String(query ?? '');
+
+    if (state.charts.historySearchInput === nextQuery && state.charts.historySearch === nextQuery.trim()) {
+        return;
+    }
+
+    state.charts.historySearchInput = nextQuery;
+    state.charts.historySearch = nextQuery.trim();
+    emitChange();
+}
+
 export function updateCurrentQueryChartDraftField(field, value) {
     if (state.modal?.kind !== 'chart-editor' || !state.modal.draft) {
         return;
@@ -3490,6 +3659,16 @@ export async function submitCreateConnection(payload) {
     }
 }
 
+export async function chooseOpenDatabasePath() {
+    try {
+        const response = await api.chooseOpenDatabasePath();
+        return response.data?.path ?? null;
+    } catch (error) {
+        pushToast(normalizeError(error).message || 'Native file dialog could not be opened.', 'alert');
+        return null;
+    }
+}
+
 export async function chooseCreateDatabasePath() {
     try {
         const response = await api.chooseCreateDatabasePath();
@@ -3820,7 +3999,9 @@ export function openQueryHistoryInEditor(historyId, options = {}) {
     clearQueryHistoryDetailState();
     state.editor.sqlText = options.append ? [state.editor.sqlText.trim(), rawSql].filter(Boolean).join('\n\n') : rawSql;
     storeString(UI_PREFERENCE_STORAGE_KEYS.sqlEditorQueryDraft, state.editor.sqlText);
-    emitChange();
+    if (options.notify !== false) {
+        emitChange();
+    }
     return true;
 }
 

package/frontend/js/utils/exportFilenames.js

@@ -2,6 +2,8 @@ export const TEXT_EXPORT_EXTENSIONS = {
   csv: "csv",
   tsv: "tsv",
   md: "md",
+  json: "json",
+  parquet: "parquet",
 };
 
 export function normalizeTextExportFormat(format = "csv") {
@@ -10,7 +12,7 @@ export function normalizeTextExportFormat(format = "csv") {
 }
 
 function stripKnownTextExportExtension(value = "") {
-  return String(value).replace(/\.(csv|tsv|md)$/i, "");
+  return String(value).replace(/\.(csv|tsv|md|json|parquet)$/i, "");
 }
 
 export function sanitizeExportFilenameBase(value, fallback = "export") {