sqlite-hub 0.10.0 → 0.12.0

package/frontend/js/store.js

@@ -30,7 +30,8 @@ const DEFAULT_SETTINGS = {
     csvDelimiter: ',',
 };
 const DEFAULT_DATA_PAGE_SIZE = 50;
-const DATA_PAGE_SIZES = [25, 50, 100];
+const DATA_PAGE_SIZES = [25, 50, 100, 250];
+const DATA_FILTER_OPERATORS = new Set(['=', '!=', '<', '>', '<=', '>=', 'equals']);
 const DATA_ROW_SIZE_STORAGE_KEY = 'data_row_size';
 const CHARTS_HISTORY_TAB_STORAGE_KEY = 'charts_history_tab';
 const QUERY_HISTORY_TAB_STORAGE_KEY = 'query_history_tab';
@@ -49,6 +50,11 @@ const QUERY_HISTORY_PAGE_SIZE = 30;
 const QUERY_HISTORY_RUN_LIMIT = 8;
 const CHART_HEIGHT_PRESETS = new Set(['small', 'medium', 'large']);
 const EDITOR_RESULT_TABS = new Set(['results', 'performance', 'messages']);
+const TEXT_EXPORT_FORMAT_LABELS = {
+    csv: 'CSV',
+    tsv: 'TSV',
+    md: 'Markdown',
+};
 const MISSING_DATABASE_ERROR = {
     code: 'ACTIVE_DATABASE_REQUIRED',
     message: 'No active SQLite database selected.',
@@ -213,6 +219,7 @@ const state = {
         searchQuery: '',
         tableSearchQuery: '',
         searchColumn: '',
+        filterOperator: '=',
         selectedRowIndex: null,
         selectedRow: null,
         pendingOpenRow: null,
@@ -545,6 +552,23 @@ function canEditQueryResult(snapshot = state) {
 function resetDataBrowserSearch() {
     state.dataBrowser.searchQuery = '';
     state.dataBrowser.searchColumn = '';
+    state.dataBrowser.filterOperator = '=';
+}
+
+function isDataBrowserTextColumn(columnName) {
+    const column = (state.dataBrowser.table?.columnMeta ?? []).find(item => item.name === columnName);
+
+    return String(column?.affinity ?? '').toUpperCase() === 'TEXT';
+}
+
+function normalizeDataFilterOperatorForColumn(operator, columnName) {
+    const normalizedOperator = DATA_FILTER_OPERATORS.has(operator) ? operator : '=';
+
+    if (normalizedOperator === 'equals' && !isDataBrowserTextColumn(columnName)) {
+        return '=';
+    }
+
+    return normalizedOperator;
 }
 
 function resetDataBrowserTableSearch() {
@@ -1512,6 +1536,9 @@ async function loadDataTable(version) {
             offset: (page - 1) * pageSize,
             sortColumn,
             sortDirection,
+            filterColumn: state.dataBrowser.searchColumn,
+            filterOperator: state.dataBrowser.filterOperator,
+            filterValue: state.dataBrowser.searchQuery,
         });
 
         if (version !== routeLoadVersion) {
@@ -1523,9 +1550,22 @@ async function loadDataTable(version) {
         state.dataBrowser.page = response.data?.page ?? page;
         state.dataBrowser.sortColumn = response.data?.sort?.column ?? null;
         state.dataBrowser.sortDirection = response.data?.sort?.direction ?? null;
-        state.dataBrowser.searchColumn = response.data?.columns?.includes(state.dataBrowser.searchColumn)
-            ? state.dataBrowser.searchColumn
-            : (response.data?.columns?.[0] ?? '');
+        const responseColumns = response.data?.columns ?? [];
+        const responseFilter = response.data?.filter ?? null;
+
+        state.dataBrowser.searchColumn =
+            responseFilter?.column ??
+            (responseColumns.includes(state.dataBrowser.searchColumn)
+                ? state.dataBrowser.searchColumn
+                : (responseColumns[0] ?? ''));
+        const responseOperator = DATA_FILTER_OPERATORS.has(responseFilter?.operator)
+            ? responseFilter.operator
+            : state.dataBrowser.filterOperator;
+
+        state.dataBrowser.filterOperator = normalizeDataFilterOperatorForColumn(
+            responseOperator,
+            state.dataBrowser.searchColumn,
+        );
         clearDataBrowserRowSelectionState();
         await resolvePendingDataBrowserRow(version);
     } catch (error) {
@@ -1943,14 +1983,20 @@ async function previewMediaTaggingDraft(options = {}) {
     }
 }
 
-function invalidateDatabaseCaches() {
+function invalidateDatabaseCaches(options = {}) {
+    const preserveDataBrowserState = options.preserveDataBrowserState === true;
+
     state.overview.data = null;
     state.dataBrowser.tables = [];
-    state.dataBrowser.selectedTable = null;
+    if (!preserveDataBrowserState) {
+        state.dataBrowser.selectedTable = null;
+    }
     state.dataBrowser.table = null;
-    state.dataBrowser.page = 1;
-    resetDataBrowserTableSearch();
-    resetDataBrowserSearch();
+    if (!preserveDataBrowserState) {
+        state.dataBrowser.page = 1;
+        resetDataBrowserTableSearch();
+        resetDataBrowserSearch();
+    }
     clearDataBrowserRowSelectionState();
     state.dataBrowser.pendingOpenRow = null;
     state.dataBrowser.exportLoading = false;
@@ -2218,6 +2264,34 @@ export function openModal(kind) {
     emitChange();
 }
 
+export function openQueryExportModal() {
+    if (!String(state.editor.sqlText ?? '').trim()) {
+        pushToast('Enter a query before exporting.', 'alert');
+        return;
+    }
+
+    state.modal = {
+        kind: 'query-export',
+        error: null,
+        submitting: false,
+    };
+    emitChange();
+}
+
+export function openDataExportModal() {
+    if (!state.dataBrowser.selectedTable) {
+        pushToast('No table selected for export.', 'alert');
+        return;
+    }
+
+    state.modal = {
+        kind: 'data-export',
+        error: null,
+        submitting: false,
+    };
+    emitChange();
+}
+
 export function openEditConnectionModal(id) {
     const connection = state.connections.recent.find(entry => entry.id === id);
 
@@ -2810,7 +2884,7 @@ export async function executeCurrentQuery() {
         state.editor.result = response.data;
         resetEditorResultSort();
         state.editor.error = null;
-        invalidateDatabaseCaches();
+        invalidateDatabaseCaches({ preserveDataBrowserState: true });
         await refreshQueryHistoryState();
         pushToast(response.message || `Executed ${response.data.statementCount} SQL statement(s).`, 'success');
         return true;
@@ -3123,9 +3197,15 @@ export function addCurrentTableDesignerColumn() {
     return nextColumn?.id ?? null;
 }
 
-export function queueTableDesignerCsvImport(fileName, csvText) {
+export function queueTableDesignerCsvImport(fileName, csvText, options = {}) {
     try {
-        const imported = createTableDesignerDraftFromCsvImport({ fileName, csvText }, getTableDesignerContext());
+        const imported = createTableDesignerDraftFromCsvImport(
+            { fileName, csvText },
+            {
+                ...getTableDesignerContext(),
+                ...(options.context ?? {}),
+            },
+        );
 
         state.tableDesigner.pendingImportedDraft = imported.draft;
         state.tableDesigner.selectedTableName = null;
@@ -3134,6 +3214,10 @@ export function queueTableDesignerCsvImport(fileName, csvText) {
         emitChange();
         return imported;
     } catch (error) {
+        if (options.throwOnError) {
+            throw error;
+        }
+
         pushToast(error?.message || 'CSV import failed.', 'alert');
         return null;
     }
@@ -3627,18 +3711,59 @@ export function clearDataRowSelection(options = {}) {
     }
 }
 
-export function setDataSearchQuery(query) {
-    state.dataBrowser.searchQuery = String(query ?? '');
+async function reloadDataTableForFilterChange() {
+    if (state.route.name === 'data' && state.dataBrowser.selectedTable) {
+        await loadDataTable(++routeLoadVersion);
+    }
+}
+
+export async function setDataSearchQuery(query) {
+    const nextQuery = String(query ?? '');
+
+    if (state.dataBrowser.searchQuery === nextQuery) {
+        return;
+    }
+
+    state.dataBrowser.searchQuery = nextQuery;
+    state.dataBrowser.page = 1;
+    clearDataBrowserRowSelectionState();
+    state.dataBrowser.saveError = null;
+    emitChange();
+    await reloadDataTableForFilterChange();
+}
+
+export async function setDataSearchColumn(columnName) {
+    const nextColumnName = String(columnName ?? '');
+
+    if (state.dataBrowser.searchColumn === nextColumnName) {
+        return;
+    }
+
+    state.dataBrowser.searchColumn = nextColumnName;
+    state.dataBrowser.filterOperator = normalizeDataFilterOperatorForColumn(
+        state.dataBrowser.filterOperator,
+        nextColumnName,
+    );
+    state.dataBrowser.page = 1;
     clearDataBrowserRowSelectionState();
     state.dataBrowser.saveError = null;
     emitChange();
+    await reloadDataTableForFilterChange();
 }
 
-export function setDataSearchColumn(columnName) {
-    state.dataBrowser.searchColumn = String(columnName ?? '');
+export async function setDataFilterOperator(operator) {
+    const nextOperator = String(operator ?? '=').trim();
+
+    if (!DATA_FILTER_OPERATORS.has(nextOperator) || state.dataBrowser.filterOperator === nextOperator) {
+        return;
+    }
+
+    state.dataBrowser.filterOperator = nextOperator;
+    state.dataBrowser.page = 1;
     clearDataBrowserRowSelectionState();
     state.dataBrowser.saveError = null;
     emitChange();
+    await reloadDataTableForFilterChange();
 }
 
 export function toggleDataTablesPanel() {
@@ -4056,25 +4181,127 @@ export async function submitDeleteQueryHistoryConfirmation() {
     return deleted;
 }
 
-export async function exportCurrentQueryCsv() {
+function beginCurrentQueryExport() {
     state.editor.exportLoading = true;
+    if (state.modal?.kind === 'query-export') {
+        state.modal.submitting = true;
+        state.modal.error = null;
+    }
     emitChange();
+}
+
+function reportCurrentQueryExportError(error) {
+    if (state.modal?.kind === 'query-export') {
+        withModalError(error);
+        return;
+    }
+
+    state.editor.error = normalizeError(error);
+    emitChange();
+}
+
+function finishCurrentQueryExport() {
+    state.editor.exportLoading = false;
+    if (state.modal?.kind === 'query-export') {
+        state.modal.submitting = false;
+    }
+    emitChange();
+}
+
+export async function exportCurrentQueryFormat(format = 'csv') {
+    const normalizedFormat = String(format ?? 'csv').toLowerCase();
+    const label = TEXT_EXPORT_FORMAT_LABELS[normalizedFormat] ?? TEXT_EXPORT_FORMAT_LABELS.csv;
+
+    beginCurrentQueryExport();
 
     try {
-        await api.downloadQueryCsv(state.editor.sqlText);
-        pushToast('Query export started.', 'success');
+        await api.downloadQueryExport(state.editor.sqlText, normalizedFormat);
+        closeModalInternal();
+        pushToast(`${label} export started.`, 'success');
         return true;
     } catch (error) {
-        state.editor.error = normalizeError(error);
-        emitChange();
+        reportCurrentQueryExportError(error);
         return false;
     } finally {
-        state.editor.exportLoading = false;
+        finishCurrentQueryExport();
+    }
+}
+
+export async function duplicateCurrentQueryAsTable() {
+    beginCurrentQueryExport();
+
+    try {
+        const response = await api.getQueryExport(state.editor.sqlText, 'csv');
+        const exportData = response?.data ?? {};
+        const imported = queueTableDesignerCsvImport(
+            exportData.filename || 'query-results.csv',
+            exportData.content || '',
+            { throwOnError: true },
+        );
+
+        closeModalInternal();
+        pushToast(
+            `Table draft created from ${imported.importedRowCount} row${imported.importedRowCount === 1 ? '' : 's'}.`,
+            'success',
+        );
+        return imported;
+    } catch (error) {
+        reportCurrentQueryExportError(error);
+        return null;
+    } finally {
+        finishCurrentQueryExport();
+    }
+}
+
+export async function exportCurrentQueryCsv() {
+    try {
+        return await exportCurrentQueryFormat('csv');
+    } catch (error) {
+        state.editor.error = normalizeError(error);
         emitChange();
+        return false;
     }
 }
 
-export async function exportCurrentDataTableCsv() {
+function getCurrentDataTableExportOptions(format = 'csv') {
+    return {
+        sortColumn: state.dataBrowser.sortColumn,
+        sortDirection: state.dataBrowser.sortDirection,
+        filterColumn: state.dataBrowser.searchColumn,
+        filterOperator: state.dataBrowser.filterOperator,
+        filterValue: state.dataBrowser.searchQuery,
+        format,
+    };
+}
+
+function beginCurrentDataTableExport() {
+    state.dataBrowser.exportLoading = true;
+    if (state.modal?.kind === 'data-export') {
+        state.modal.submitting = true;
+        state.modal.error = null;
+    }
+    emitChange();
+}
+
+function reportCurrentDataTableExportError(error) {
+    if (state.modal?.kind === 'data-export') {
+        withModalError(error);
+        return;
+    }
+
+    state.dataBrowser.error = normalizeError(error);
+    emitChange();
+}
+
+function finishCurrentDataTableExport() {
+    state.dataBrowser.exportLoading = false;
+    if (state.modal?.kind === 'data-export') {
+        state.modal.submitting = false;
+    }
+    emitChange();
+}
+
+export async function exportCurrentDataTableFormat(format = 'csv') {
     const tableName = state.dataBrowser.selectedTable;
 
     if (!tableName) {
@@ -4082,26 +4309,68 @@ export async function exportCurrentDataTableCsv() {
         return false;
     }
 
-    state.dataBrowser.exportLoading = true;
-    emitChange();
+    const normalizedFormat = String(format ?? 'csv').toLowerCase();
+    const label = TEXT_EXPORT_FORMAT_LABELS[normalizedFormat] ?? TEXT_EXPORT_FORMAT_LABELS.csv;
+
+    beginCurrentDataTableExport();
 
     try {
-        await api.downloadTableCsv(tableName, {
-            sortColumn: state.dataBrowser.sortColumn,
-            sortDirection: state.dataBrowser.sortDirection,
-        });
-        pushToast(`CSV export started for ${tableName}.`, 'success');
+        await api.downloadTableExport(tableName, getCurrentDataTableExportOptions(normalizedFormat));
+        closeModalInternal();
+        pushToast(`${label} export started for ${tableName}.`, 'success');
         return true;
     } catch (error) {
-        state.dataBrowser.error = normalizeError(error);
-        emitChange();
+        reportCurrentDataTableExportError(error);
         return false;
     } finally {
-        state.dataBrowser.exportLoading = false;
-        emitChange();
+        finishCurrentDataTableExport();
     }
 }
 
+export async function duplicateCurrentDataTableAsTable() {
+    const tableName = state.dataBrowser.selectedTable;
+
+    if (!tableName) {
+        pushToast('No table selected for export.', 'alert');
+        return null;
+    }
+
+    beginCurrentDataTableExport();
+
+    try {
+        const response = await api.getTableExport(tableName, getCurrentDataTableExportOptions('csv'));
+        const exportData = response?.data ?? {};
+        const imported = queueTableDesignerCsvImport(
+            exportData.filename || `${tableName}.csv`,
+            exportData.content || '',
+            {
+                throwOnError: true,
+                context: {
+                    catalogTables: state.tableDesigner.tables?.length
+                        ? state.tableDesigner.tables
+                        : state.dataBrowser.tables,
+                },
+            },
+        );
+
+        closeModalInternal();
+        pushToast(
+            `Table draft created from ${imported.importedRowCount} row${imported.importedRowCount === 1 ? '' : 's'}.`,
+            'success',
+        );
+        return imported;
+    } catch (error) {
+        reportCurrentDataTableExportError(error);
+        return null;
+    } finally {
+        finishCurrentDataTableExport();
+    }
+}
+
+export async function exportCurrentDataTableCsv() {
+    return exportCurrentDataTableFormat('csv');
+}
+
 export function sortEditorResultsByColumn(columnName) {
     const normalizedColumn = String(columnName ?? '').trim();
     const result = state.editor.result;