@adecore/database 0.38.0 → 0.40.0

package/dist/console/QueryConsole.js

@@ -8,6 +8,7 @@ import { formatNumber } from '@adecore/ui/format';
 import { isCancelled } from '../client/types.js';
 import { useDatabaseAction, useDatabaseClient, useDatabaseFiles, useDatabaseNotice, useDatabaseStorage } from '../client-context.js';
 import { splitStatements, statementAt } from '../sql-split.js';
+import { parseStoredSize } from '../stored-size.js';
 import { DestructiveDialog } from './DestructiveDialog.js';
 import { findDestructive } from './destructive.js';
 import { HistoryPanel } from './HistoryPanel.js';
@@ -28,15 +29,6 @@ export const RESULTS_HEIGHT_KEY = 'database:console-results';
 /* The results and the editor never shrink below these; the results start at half the console. */
 const MIN_RESULTS_HEIGHT = 96;
 const MIN_EDITOR_HEIGHT = 120;
-const parseHeight = (raw) => {
-    try {
-        const value = JSON.parse(raw ?? 'null');
-        return typeof value === 'number' && Number.isFinite(value) && value >= MIN_RESULTS_HEIGHT ? Math.round(value) : null;
-    }
-    catch {
-        return null;
-    }
-};
 /* The app's editor as an element of its own, so it gets its props the way `SqlEditor` does and not during the console's render. */
 function AppEditor({ render, ...editor }) {
     return render(editor);
@@ -90,7 +82,7 @@ export function QueryConsole({ connection, schema, onSchemaChange, value, defaul
     const [notice, setNotice] = useState(null);
     // Closed until the first run, so the editor has the whole height before anything ran.
     const [resultsOpen, setResultsOpen] = useState(false);
-    const [resultsHeight, setResultsHeight] = useState(() => parseHeight(storage?.get(RESULTS_HEIGHT_KEY)));
+    const [resultsHeight, setResultsHeight] = useState(() => parseStoredSize(storage?.get(RESULTS_HEIGHT_KEY), MIN_RESULTS_HEIGHT));
     const { startResize } = useColumnResize(resultsPane, {
         size: resultsHeight ?? MIN_RESULTS_HEIGHT,
         min: MIN_RESULTS_HEIGHT,

package/dist/console/SchemaPicker.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import { Select } from '@adecore/ui';
-/* Picks the schema the console's statements run in. */
 export function SchemaPicker({ schemas, value, onValueChange, disabled, className, ref }) {
     const { t } = useTranslation('database');
     return (_jsx(Select, { ref: ref, size: "sm", label: t('console.schema'), placeholder: t('console.schemaPlaceholder'), value: value, disabled: disabled, className: className, items: schemas.map((schema) => ({ value: schema.name, label: schema.name })), onValueChange: onValueChange }));

package/dist/console/StatementResultView.js

@@ -4,13 +4,13 @@ import { ArrowUpRight, ChevronLeft, ChevronRight, CircleAlert, Download, PanelRi
 import { useTranslation } from 'react-i18next';
 import { Banner, ButtonGroup, ContextMenu, Icon, IconButton, Menu, Spinner } from '@adecore/ui';
 import { formatDecimal, formatNumber } from '@adecore/ui/format';
+import { EXPORT_FORMATS } from '../export-formats.js';
 import { DataGrid } from '../grid/DataGrid.js';
 import { previewValueOf } from '../grid/focused-value.js';
 import { ValueDock } from '../grid/ValueDock.js';
 import { ValuePanel } from '../value/ValuePanel.js';
 /* What "Copy as SQL INSERT" names the table of a result that comes from no table. */
 const RESULT_TABLE = 'result';
-const EXPORT_FORMATS = ['csv', 'tsv', 'json', 'sql'];
 /* One statement's outcome: a result set in a read-only grid, a count of affected rows, or the error the server gave. */
 export function StatementResultView({ result, offset = 0, pager, onExport, exporting = false, engine, valuePanelOpen = false, onValuePanelOpenChange, keys = null, onFollowReference, onNotice }) {
     const { t } = useTranslation('database');

package/dist/ddl/diff.js

@@ -1,5 +1,5 @@
 import { sameDefinition } from './column.js';
-const sameList = (left, right) => left.length === right.length && left.every((name, at) => name === right[at]);
+import { sameList } from '../same-list.js';
 /* The positions of a longest run that already is in order: those columns can stay where they are. */
 const longestRun = (positions) => {
     const length = [];

package/dist/explorer/tree.js

@@ -70,7 +70,6 @@ export const hasMenu = (row) => row.kind === 'connection' ||
 export const isSelectable = (row) => row.kind === 'connection' || row.kind === 'schema' || row.kind === 'table';
 /* The statement behind New console here on a table: every row, as the engine quotes it. */
 export const selectAllSql = (engine, ref) => `SELECT * FROM ${qualifiedName({ engine, schema: ref.schema, table: ref.table })}`;
-/* The schemas a list shows. */
 export const visibleSchemas = (schemas, showSystemSchemas) => showSystemSchemas ? schemas : schemas.filter((schema) => !schema.system);
 /* One schema is no level worth a row: its folders hang straight under the connection. */
 const soleSchema = (visible) => (visible.length === 1 ? visible[0].name : null);

package/dist/export-formats.d.ts

@@ -0,0 +1,2 @@
+import type { FileFormat } from './protocol/index.ts';
+export declare const EXPORT_FORMATS: readonly FileFormat[];

package/dist/export-formats.js

@@ -0,0 +1 @@
+export const EXPORT_FORMATS = ['csv', 'tsv', 'json', 'sql'];

package/dist/grid/CopyAsMenu.js

@@ -3,7 +3,6 @@ import { Braces, Copy, Database, FileSpreadsheet, Table2 } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { ContextMenu, Icon } from '@adecore/ui';
 const ICONS = { tsv: Table2, csv: FileSpreadsheet, json: Braces, sql: Database };
-/* The "Copy as" submenu of the grid's context menu. */
 export function CopyAsMenu({ disabled, formats, onCopy }) {
     const { t } = useTranslation('database');
     return (_jsxs(ContextMenu.SubmenuRoot, { children: [_jsxs(ContextMenu.SubmenuTrigger, { disabled: disabled, children: [_jsx(Icon, { icon: Copy, size: 14 }), t('grid.copyAs.label')] }), _jsx(ContextMenu.Popup, { children: formats.map((format) => (_jsxs(ContextMenu.Item, { onClick: () => onCopy(format), children: [_jsx(Icon, { icon: ICONS[format], size: 14 }), t(`grid.copyAs.${format}`)] }, format))) })] }));

package/dist/grid/DataGrid.js

@@ -31,7 +31,8 @@ const NO_KEYS = new Set();
 const NO_SORTS = [];
 const signatureOf = (columns) => columns.map((column) => column.name).join('\u0000');
 const textOf = (view) => (view.suffix === undefined ? view.text : `${view.text} ${view.suffix}`);
-const estimateWidths = (columns, rows, notation) => columns.map((column, index) => estimateColumnWidth(column.name, rows.slice(0, 50).map((row) => textOf(cellView(row.cells[index] ?? null, column.kind, columnNotation(column, notation)))), column.primaryKey === true));
+const columnTexts = (column, index, rows, notation) => rows.map((row) => textOf(cellView(row.cells[index] ?? null, column.kind, columnNotation(column, notation))));
+const estimateWidths = (columns, rows, notation) => columns.map((column, index) => estimateColumnWidth(column.name, columnTexts(column, index, rows.slice(0, 50), notation), column.primaryKey === true));
 /*
  * The table of the table view and of the console, and of any rows an app has on its own: it needs no
  * `DatabaseProvider`, only the `UIProvider` of `@adecore/ui`. Only the rows in view are drawn, at a fixed
@@ -289,11 +290,11 @@ export function DataGrid({ columns, rows, label, editable = false, selectedKeys,
         scroller.current?.focus();
     };
     const followCell = (cell) => onFollow !== undefined && (canFollow?.(cell) ?? true);
+    const menuCell = menuTarget === null || menuTarget.column === null ? null : { row: menuTarget.row, column: menuTarget.column };
     const commitValue = (value) => {
-        const position = menuTarget === null || menuTarget.column === null ? null : { row: menuTarget.row, column: menuTarget.column };
-        const row = position === null ? undefined : rows[position.row];
-        if (position !== null && row !== undefined && canEdit(position)) {
-            onCommit?.(row.key, position.column, value);
+        const row = menuCell === null ? undefined : rows[menuCell.row];
+        if (menuCell !== null && row !== undefined && canEdit(menuCell)) {
+            onCommit?.(row.key, menuCell.column, value);
         }
     };
     /* The cells from row `top` to `bottom` in the given columns, with the whole value of every preview `loadValue` can fetch. */
@@ -335,8 +336,8 @@ export function DataGrid({ columns, rows, label, editable = false, selectedKeys,
         }
     };
     const copyCell = () => {
-        if (menuTarget !== null && menuTarget.column !== null && rows[menuTarget.row] !== undefined) {
-            void copyOne(menuTarget.row, menuTarget.column);
+        if (menuCell !== null && rows[menuCell.row] !== undefined) {
+            void copyOne(menuCell.row, menuCell.column);
         }
     };
     const selectAll = () => {
@@ -448,7 +449,7 @@ export function DataGrid({ columns, rows, label, editable = false, selectedKeys,
     const fitColumn = (index) => {
         const column = columns[index];
         if (column !== undefined) {
-            resizeColumn(index, fitColumnWidth(column.name, rows.map((row) => textOf(cellView(row.cells[index] ?? null, column.kind, columnNotation(column, notation)))), column.primaryKey === true));
+            resizeColumn(index, fitColumnWidth(column.name, columnTexts(column, index, rows, notation), column.primaryKey === true));
         }
     };
     const changeView = (change) => {
@@ -513,10 +514,9 @@ export function DataGrid({ columns, rows, label, editable = false, selectedKeys,
         return (_jsx(GridHeaderCell, { column: column, index: columnIndex, position: position, width: shownWidths[position], sortable: sortable, selected: pickedSet.has(columnIndex), id: headerId(columnIndex), sort: sortable ? sortStateOf(sortList, column.name) : null, multipleSorts: sortList.length > 1, hasSorts: sortList.length > 0, pinned: position < pinnedShown, lastPinned: position === pinnedShown - 1, last: position === order.length - 1, hasHidden: current.view.hidden.size > 0, canHide: order.length > 1, actions: headerActions }, columnIndex));
     });
     const menuRow = menuTarget === null ? undefined : rows[menuTarget.row];
-    const menuCell = menuTarget === null || menuTarget.column === null ? null : { row: menuTarget.row, column: menuTarget.column };
     const settable = menuCell !== null && canEdit(menuCell);
-    const nullable = menuCell !== null && columns[menuCell.column]?.nullable !== false;
     const menuColumn = menuCell === null ? undefined : columns[menuCell.column];
+    const nullable = menuColumn?.nullable !== false;
     const hasDefault = menuColumn !== undefined && ((menuColumn.defaultValue ?? null) !== null || menuColumn.autoIncrement === true);
     const menuContext = menuRow === undefined || menuTarget === null
         ? null

package/dist/grid/column-layout.d.ts

@@ -4,7 +4,6 @@ export interface GridLayout {
     readonly hidden: readonly string[];
     readonly pinned: readonly string[];
 }
-export declare const NO_GRID_LAYOUT: GridLayout;
 export interface ColumnState {
     readonly resized: Readonly<Record<number, number>>;
     readonly view: ColumnView;

package/dist/grid/column-layout.js

@@ -1,5 +1,5 @@
 import { MAX_RESIZED_WIDTH, MIN_COLUMN_WIDTH } from './layout.js';
-export const NO_GRID_LAYOUT = { widths: {}, hidden: [], pinned: [] };
+import { sameList } from '../same-list.js';
 /* The state of a grid for columns it has, from a layout. Names it does not have are skipped; a layout that would hide every column hides none. */
 export const restoreLayout = (columns, layout) => {
     const resized = {};
@@ -40,7 +40,6 @@ export const captureLayout = (columns, state) => {
         pinned: namesOf(state.view.pinned)
     };
 };
-const sameList = (a, b) => a.length === b.length && a.every((item, index) => item === b[index]);
 export const sameLayout = (a, b) => {
     const names = Object.keys(a.widths);
     return (names.length === Object.keys(b.widths).length &&

package/dist/grid/column-view.js

@@ -1,7 +1,8 @@
 export const NO_COLUMN_VIEW = { hidden: new Set(), pinned: [] };
+const shownPins = (count, view) => view.pinned.filter((index) => index < count && !view.hidden.has(index));
 /* The columns to draw as indexes: the pinned ones first in pin order, then the rest as they come, hidden ones left out. */
 export const displayOrder = (count, view) => {
-    const pinned = view.pinned.filter((index) => index < count && !view.hidden.has(index));
+    const pinned = shownPins(count, view);
     const rest = [];
     for (let i = 0; i < count; i++) {
         if (!view.hidden.has(i) && !pinned.includes(i)) {
@@ -20,4 +21,4 @@ export const togglePin = (view, index) => ({
     pinned: view.pinned.includes(index) ? view.pinned.filter((pinned) => pinned !== index) : [...view.pinned, index]
 });
 /* How many of the first columns of `displayOrder` are pinned. */
-export const pinnedCount = (count, view) => view.pinned.filter((index) => index < count && !view.hidden.has(index)).length;
+export const pinnedCount = (count, view) => shownPins(count, view).length;

package/dist/grid/display.js

@@ -83,8 +83,7 @@ export const copyTextOf = (cell) => {
 /* An edit as a cell, so the grid draws a pending value the way it draws a loaded one. */
 export const shownOfEdit = (value) => {
     if (value !== null && typeof value === 'object' && value.kind === 'binary') {
-        const binary = value;
-        return { kind: 'binary', hex: binary.hex, length: binary.hex.length / 2 };
+        return { kind: 'binary', hex: value.hex, length: value.hex.length / 2 };
     }
     return value;
 };

package/dist/host/host.js

@@ -1,5 +1,5 @@
 import { PROTOCOL_VERSION } from '../protocol/index.js';
-import { parseRequest } from './validate.js';
+import { isDict, parseRequest } from './validate.js';
 const DEFAULT_READY_TIMEOUT_MS = 10000;
 /* How long a release or a dispose waits for a helper to answer its `close` requests. */
 const CLOSE_GRACE_MS = 2000;
@@ -21,7 +21,6 @@ const parseLine = (line) => {
         return undefined;
     }
 };
-const isDict = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
 /* Settles when every promise has, or after the grace period; a helper that hangs must not hold up an app that quits. */
 const settleWithin = async (promises) => {
     let timer;

package/dist/host/validate.d.ts

@@ -7,4 +7,7 @@ export type ParsedRequest = {
     readonly id: string;
     readonly error: DatabaseError;
 };
+type Dict = Record<string, unknown>;
+export declare const isDict: (value: unknown) => value is Dict;
 export declare const parseRequest: (input: unknown) => ParsedRequest;
+export {};

package/dist/host/validate.js

@@ -13,7 +13,7 @@ class InvalidRequest extends Error {
 const fail = (message) => {
     throw new InvalidRequest(message);
 };
-const isDict = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
+export const isDict = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
 const isRequestId = (value) => typeof value === 'string' && value.length > 0 && value.length <= MAX_ID_LENGTH;
 /* Rejects a key nobody asked for, so a typo cannot pass for an option the helper ignores. */
 const shape = (value, label, required, optional = []) => {
@@ -203,6 +203,15 @@ const exportSource = (input, label) => {
 };
 const cellLimit = (params) => optional(params, 'cellLimit', 'params', (limit, name) => integer(limit, name, 1, MAX_CELL_LIMIT));
 const maxBytes = (params) => optional(params, 'maxBytes', 'params', (limit, name) => integer(limit, name, 1, MAX_BYTES));
+const rowLimit = (params) => optional(params, 'limit', 'params', (limit, name) => integer(limit, name, 1, MAX_LIMIT));
+const pageWindow = (params) => {
+    integer(params.offset, 'params.offset', 0, Number.MAX_SAFE_INTEGER);
+    integer(params.limit, 'params.limit', 1, MAX_LIMIT);
+    cellLimit(params);
+    maxBytes(params);
+};
+const connectionParams = (input) => connection(shape(input, 'params', ['connection']).connection, 'params.connection');
+const sessionParams = (input) => filledText(shape(input, 'params', ['session']).session, 'params.session');
 const table = (params) => {
     filledText(params.session, 'params.session');
     filledText(params.schema, 'params.schema');
@@ -210,10 +219,10 @@ const table = (params) => {
 };
 const TARGET = ['session', 'schema', 'table'];
 const PARAMS = {
-    open: (input) => connection(shape(input, 'params', ['connection']).connection, 'params.connection'),
-    test: (input) => connection(shape(input, 'params', ['connection']).connection, 'params.connection'),
-    close: (input) => filledText(shape(input, 'params', ['session']).session, 'params.session'),
-    schemas: (input) => filledText(shape(input, 'params', ['session']).session, 'params.session'),
+    open: connectionParams,
+    test: connectionParams,
+    close: sessionParams,
+    schemas: sessionParams,
     tables: (input) => {
         const params = shape(input, 'params', ['session', 'schema']);
         filledText(params.session, 'params.session');
@@ -225,10 +234,7 @@ const PARAMS = {
         table(params);
         optional(params, 'where', 'params', anyText);
         optional(params, 'orderBy', 'params', anyText);
-        integer(params.offset, 'params.offset', 0, Number.MAX_SAFE_INTEGER);
-        integer(params.limit, 'params.limit', 1, MAX_LIMIT);
-        cellLimit(params);
-        maxBytes(params);
+        pageWindow(params);
     },
     count: (input) => {
         const params = shape(input, 'params', TARGET, ['where']);
@@ -255,7 +261,7 @@ const PARAMS = {
         filledText(params.session, 'params.session');
         filledText(params.sql, 'params.sql');
         optional(params, 'schema', 'params', filledText);
-        optional(params, 'limit', 'params', (limit, name) => integer(limit, name, 1, MAX_LIMIT));
+        rowLimit(params);
         cellLimit(params);
         maxBytes(params);
     },
@@ -264,10 +270,7 @@ const PARAMS = {
         filledText(params.session, 'params.session');
         filledText(params.sql, 'params.sql');
         optional(params, 'schema', 'params', filledText);
-        integer(params.offset, 'params.offset', 0, Number.MAX_SAFE_INTEGER);
-        integer(params.limit, 'params.limit', 1, MAX_LIMIT);
-        cellLimit(params);
-        maxBytes(params);
+        pageWindow(params);
     },
     transaction: (input) => {
         const params = shape(input, 'params', ['session', 'action']);
@@ -288,7 +291,7 @@ const PARAMS = {
         absolutePath(params.path, 'params.path');
         oneOf(DELIMITED_FORMATS)(params.format, 'params.format');
         flag(params.header, 'params.header');
-        optional(params, 'limit', 'params', (limit, name) => integer(limit, name, 1, MAX_LIMIT));
+        rowLimit(params);
     },
     import: (input) => {
         const params = shape(input, 'params', [...TARGET, 'path', 'format', 'header', 'columns']);

package/dist/same-list.d.ts

@@ -0,0 +1 @@
+export declare const sameList: (left: readonly string[], right: readonly string[]) => boolean;

package/dist/same-list.js

@@ -0,0 +1 @@
+export const sameList = (left, right) => left.length === right.length && left.every((item, index) => item === right[index]);

package/dist/stored-size.d.ts

@@ -0,0 +1 @@
+export declare const parseStoredSize: (raw: string | null | undefined, minimum: number) => number | null;

package/dist/stored-size.js

@@ -0,0 +1,10 @@
+/* A size in pixels a view wrote to the app's storage, or `null` when the text is missing, broken or not at least `minimum`. */
+export const parseStoredSize = (raw, minimum) => {
+    try {
+        const value = JSON.parse(raw ?? 'null');
+        return typeof value === 'number' && Number.isFinite(value) && value >= minimum ? Math.round(value) : null;
+    }
+    catch {
+        return null;
+    }
+};

package/dist/table/TableToolbar.js

@@ -4,9 +4,9 @@ import { ChevronsLeft, ChevronsRight, CopyPlus, Download, Ellipsis, FileInput, P
 import { useTranslation } from 'react-i18next';
 import { Button, ButtonGroup, Icon, IconButton, Menu, Separator } from '@adecore/ui';
 import { formatNumber } from '@adecore/ui/format';
+import { EXPORT_FORMATS } from '../export-formats.js';
 import { CommandField } from './CommandField.js';
 import { PAGE_SIZES } from './paging.js';
-const EXPORT_FORMATS = ['csv', 'tsv', 'json', 'sql'];
 /* The command field for filtering, sorting and jumping to a column, refresh, add row, the submit of pending changes, and a menu of the rest. */
 export function TableToolbar({ start, refreshing, readOnlyReason, hasSelection, canRevertSelection, recordViewOpen = false, transfer, pendingCount, submitting, engine, chips, columns, pageSize, bounds, commandRef, onChipsChange, onJumpToColumn, onRefresh, onAddRow, onDeleteRows, onCloneRows, onRevertRows, onToggleRecordView, onPageSizeChange, onFirstPage, onLastPage, onSubmit, onRevert, className, ref }) {
     const { t } = useTranslation('database');

package/dist/table/TableView.js

@@ -12,6 +12,7 @@ import { DataGrid } from '../grid/DataGrid.js';
 import { RecordView } from '../grid/RecordView.js';
 import { ValueDock } from '../grid/ValueDock.js';
 import { valueOfCell } from '../protocol/index.js';
+import { parseStoredSize } from '../stored-size.js';
 import { useSchemaChange } from '../use-schema-change.js';
 import { useStableCallback } from '../use-stable-callback.js';
 import { addChip, cellChip, chipsFromQuery, chipsToOrderBy, chipsToWhere, shorten, sortsOf, toggleSort, withSorts } from './command-field.js';
@@ -30,15 +31,6 @@ import { useTableTransfer } from './useTableTransfer.js';
 /* Where the width of the record view is kept, in pixels, for every table. */
 export const RECORD_WIDTH_KEY = 'database:record-view';
 const RECORD_WIDTH = 360;
-const parseRecordWidth = (raw) => {
-    try {
-        const value = JSON.parse(raw ?? 'null');
-        return typeof value === 'number' && Number.isFinite(value) && value > 0 ? Math.round(value) : null;
-    }
-    catch {
-        return null;
-    }
-};
 const NO_KEYS = new Set();
 const readOnlyReasonOf = (connection, structure, t) => {
     if (connection.config.readOnly === true) {
@@ -108,7 +100,7 @@ function TableBody({ connection, schema, table, toolbarStart, defaultWhere, defa
     const [discard, setDiscard] = useState(null);
     const [focus, setFocus] = useState(null);
     const [recordOpen, setRecordOpen] = useState(false);
-    const [recordWidth, setRecordWidth] = useState(() => parseRecordWidth(storage?.get(RECORD_WIDTH_KEY)));
+    const [recordWidth, setRecordWidth] = useState(() => parseStoredSize(storage?.get(RECORD_WIDTH_KEY), Number.MIN_VALUE));
     const [focusRequest, setFocusRequest] = useState(null);
     const [columnRequest, setColumnRequest] = useState(null);
     const [range, setRange] = useState(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/database",
-  "version": "0.38.0",
+  "version": "0.40.0",
   "description": "Browse, query and edit SQLite and MySQL databases: React views for the page, a host for the backend and a native helper that talks to the server.",
   "license": "FSL-1.1-MIT",
   "author": "Bas Milius",
@@ -58,32 +58,32 @@
   "dependencies": {
     "@base-ui/react": "^1.9.0",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.47.0"
+    "lucide-react": "^1.61.0"
   },
   "optionalDependencies": {
-    "@adecore/database-darwin-arm64": "0.38.0",
-    "@adecore/database-linux-arm64": "0.38.0",
-    "@adecore/database-linux-x64": "0.38.0",
-    "@adecore/database-win32-x64": "0.38.0"
+    "@adecore/database-darwin-arm64": "0.40.0",
+    "@adecore/database-linux-arm64": "0.40.0",
+    "@adecore/database-linux-x64": "0.40.0",
+    "@adecore/database-win32-x64": "0.40.0"
   },
   "peerDependencies": {
-    "@adecore/ui": "^0.38.0",
+    "@adecore/ui": "^0.40.0",
     "i18next": "^26.4.2",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "react-i18next": "^17.0.15"
   },
   "devDependencies": {
-    "@adecore/ui": "0.38.0",
-    "@happy-dom/global-registrator": "^20.14.5",
-    "@types/bun": "^1.4.2",
-    "@types/node": "^24.13.6",
+    "@adecore/ui": "0.40.0",
+    "@happy-dom/global-registrator": "^20.14.6",
+    "@types/bun": "^1.4.4",
+    "@types/node": "^24.19.2",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "i18next": "^26.4.2",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "react-i18next": "^17.0.15",
+    "i18next": "^26.5.11",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-i18next": "^17.1.9",
     "typescript": "^7.0.2"
   }
 }

package/src/DatabaseProvider.tsx

@@ -34,6 +34,7 @@ export function DatabaseProvider({ client, onAction, onNotice, storage, files, n
     const ownStorage = storage ?? outer?.storage;
     const ownFiles = files ?? outer?.files;
     const ownNotation = numberNotation ?? outer?.numberNotation ?? 'database';
+
     const value = useMemo(
         () =>
             ownClient === undefined
@@ -41,6 +42,7 @@ export function DatabaseProvider({ client, onAction, onNotice, storage, files, n
                 : { client: ownClient, onAction: ownAction, onNotice: ownNotice, storage: ownStorage, files: ownFiles, numberNotation: ownNotation },
         [ownClient, ownAction, ownNotice, ownStorage, ownFiles, ownNotation]
     );
+
     if (value === null) {
         throw new Error('A DatabaseProvider needs a client, or a DatabaseProvider above it to take one from.');
     }

package/src/KeyIcon.tsx

@@ -11,5 +11,6 @@ export function KeyIcon({ primaryKey, foreignKey, size }: ColumnKeys & { size: 1
     if (!primaryKey && !foreignKey) {
         return null;
     }
+
     return <Icon icon={KeyRound} size={size} className={clsx('shrink-0', primaryKey ? 'text-(--file-icon-yellow)' : 'text-(--file-icon-blue)')} />;
 }

package/src/client/client.ts

@@ -56,11 +56,13 @@ const raceAbort = <T>(promise: Promise<T>, signal: AbortSignal | undefined): Pro
 
     if (signal.aborted) {
         promise.catch(() => {});
+
         return Promise.reject(cancelledError());
     }
 
     return new Promise<T>((resolve, reject) => {
         const onAbort = (): void => reject(cancelledError());
+
         signal.addEventListener('abort', onAbort, { once: true });
         promise.then(resolve, reject).finally(() => signal.removeEventListener('abort', onAbort));
     });
@@ -162,6 +164,7 @@ export const createDatabaseClient = (transport: DatabaseTransport, options: Data
 
             track();
             held.add(created);
+
             opening ??= send('open', { connection: connection.config })
                 .then((result) => (opened = result))
                 .finally(() => {
@@ -247,6 +250,7 @@ export const createDatabaseClient = (transport: DatabaseTransport, options: Data
             },
             async count(schema, table, where, requestOptions) {
                 const params = (id: string) => (where === undefined ? { session: id, schema, table } : { session: id, schema, table, where });
+
                 return (await request('count', params, requestOptions, true)).count;
             },
             async cell(schema, table, key, column, requestOptions) {
@@ -287,6 +291,7 @@ export const createDatabaseClient = (transport: DatabaseTransport, options: Data
                 connection = next;
             }
         };
+
         return created;
     };
 
@@ -296,6 +301,7 @@ export const createDatabaseClient = (transport: DatabaseTransport, options: Data
         },
         async discover(kind, discoverOptions) {
             const params = discoverOptions?.context === undefined ? { kind } : { kind, context: discoverOptions.context };
+
             return (await send('discover', params, discoverOptions?.signal)).containers;
         },
         sample(path, format, header, requestOptions) {
@@ -304,6 +310,7 @@ export const createDatabaseClient = (transport: DatabaseTransport, options: Data
         notifySchemaChange,
         onSchemaChange(listener) {
             schemaListeners.add(listener);
+
             return () => {
                 schemaListeners.delete(listener);
             };
@@ -313,6 +320,7 @@ export const createDatabaseClient = (transport: DatabaseTransport, options: Data
 
             if (existing !== undefined && isEqual(existing.session.connection.config, connection.config)) {
                 existing.update(connection);
+
                 return existing.session;
             }
 
@@ -320,23 +328,28 @@ export const createDatabaseClient = (transport: DatabaseTransport, options: Data
 
             const created = createSession(connection, channel);
             channelsOf(connection.id).set(channel, created);
+
             return created.session;
         },
         async disconnect(connectionId) {
             const existing = new Set(live.get(connectionId)?.values());
+
             for (const entry of held) {
                 if (entry.session.connection.id === connectionId) {
                     existing.add(entry);
                 }
             }
+
             live.delete(connectionId);
             await Promise.all([...existing].map((entry) => entry.close()));
         },
         async dispose() {
             const all = new Set([...live.values()].flatMap((channels) => [...channels.values()]));
+
             for (const entry of held) {
                 all.add(entry);
             }
+
             live.clear();
             await Promise.all([...all].map((entry) => entry.close()));
         }

package/src/client-context.ts

@@ -16,9 +16,11 @@ export const DatabaseContext = createContext<DatabaseContextValue | null>(null);
 
 const useDatabaseContext = (): DatabaseContextValue => {
     const value = use(DatabaseContext);
+
     if (value === null) {
         throw new Error('A database view needs a DatabaseProvider above it.');
     }
+
     return value;
 };
 

package/src/connections/ConnectionForm.tsx

@@ -53,6 +53,7 @@ export function ConnectionForm({ value, onValueChange, onBrowse, className, ref
     const { t } = useTranslation('database');
     const [touched, setTouched] = useState<Touched>(new Set());
     const config = value.config;
+
     const options: readonly SegmentedOption<Engine>[] = [
         { id: 'sqlite', label: t('engine.sqlite'), icon: ENGINE_ICONS.sqlite },
         { id: 'mysql', label: t('engine.mysql'), icon: ENGINE_ICONS.mysql }
@@ -109,9 +110,11 @@ export function ConnectionForm({ value, onValueChange, onBrowse, className, ref
 /* The sentence for a problem, once the field has something to answer for. */
 function useProblem(problem: ConfigProblem | undefined, field: string, touched: Touched, filled: boolean): string | undefined {
     const { t } = useTranslation('database');
+
     if (problem === undefined || !(touched.has(field) || filled)) {
         return undefined;
     }
+
     return t(`connections.form.problems.${problem}`);
 }
 
@@ -124,10 +127,12 @@ function SqliteFields({ config, onConfigChange, touched, touch, onBrowse }: Fiel
     const browse = async (): Promise<void> => {
         await browsing.run(async () => {
             const picked = await onBrowse?.('database');
+
             if (picked !== null && picked !== undefined) {
                 onConfigChange({ ...config, path: picked });
             }
         });
+
         touch('path');
     };
 
@@ -239,6 +244,7 @@ function MysqlFields({ config, onConfigChange, touched, touch, onBrowse }: Field
     const mode = modeOf(config);
     const tunnel = config.tunnel;
     const modes: readonly SegmentedOption<ConnectMode>[] = CONNECT_MODES.map((id) => ({ id, label: t(`connections.form.mode.${id}`), icon: MODE_ICONS[id] }));
+
     const tlsItems: SelectItem<MysqlTlsMode>[] = TLS_MODES.map((tls) => ({
         value: tls,
         label: t(`connections.form.tls.${tls}`),
@@ -351,11 +357,13 @@ function SshFields({ config, tunnel, onConfigChange, touched, touch, onBrowse }:
     const problems = configProblems(config);
     const hostError = useProblem(problems.sshHost, 'sshHost', touched, tunnel.host !== '');
     const portError = useProblem(problems.sshPort, 'sshPort', touched, tunnel.port !== undefined);
+
     const update = (patch: Partial<SshTunnel>): void => onConfigChange({ ...config, tunnel: { ...tunnel, ...patch } });
 
     const browse = async (): Promise<void> => {
         await browsing.run(async () => {
             const picked = await onBrowse?.('identity');
+
             if (picked !== null && picked !== undefined) {
                 update({ identityFile: picked });
             }
@@ -421,6 +429,7 @@ function DockerFields({ config, tunnel, onConfigChange, touched, touch }: Fields
 
     const publishedText = (container: DockerContainer, port: number): string => {
         const host = publishedPortOf(container, port);
+
         return host === null ? t('connections.form.docker.notPublished') : t('connections.form.docker.published', { port: host });
     };
 
@@ -429,6 +438,7 @@ function DockerFields({ config, tunnel, onConfigChange, touched, touch }: Fields
         label: container.name,
         description: containerDescription(container, publishedText(container, containerPortOf(container)))
     }));
+
     if (tunnel.container !== '' && picked === undefined) {
         items.unshift({ value: tunnel.container, label: tunnel.container, description: t('connections.form.docker.notRunning') });
     }
@@ -448,6 +458,7 @@ function DockerFields({ config, tunnel, onConfigChange, touched, touch }: Fields
 
     const pick = (name: string): void => {
         const container = containers.find((candidate) => candidate.name === name);
+
         if (container !== undefined) {
             onConfigChange(withContainer(config, container));
         }