chore(release): 0.7.22-beta.0

CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.7.22-beta.0](https://github.com/antares-sql/antares/compare/v0.7.21...v0.7.22-beta.0) (2024-02-04)
+
+
+### Features
+
+* **UI:** resizable textarea in new/edito note, closes [#747](https://github.com/antares-sql/antares/issues/747) ([1a0c5da](https://github.com/antares-sql/antares/commit/1a0c5da2f14b99d6f5581b2bf6e916d67d097245))
+
+
+### Improvements
+
+* **UI:** improved notes, fixes [#746](https://github.com/antares-sql/antares/issues/746) ([bb36e98](https://github.com/antares-sql/antares/commit/bb36e98bebc5e1e55735e98d272428df2ab682e8))
+
 ### [0.7.21](https://github.com/antares-sql/antares/compare/v0.7.21-beta.1...v0.7.21) (2024-01-13)
 
 

README.md

@@ -71,17 +71,6 @@ On macOS you can run `.dmg` distribution following [this guide](https://support.
 [<img height='56' alt='Download on Flathub' src='https://dl.flathub.org/assets/badges/flathub-badge-en.svg'/>](https://flathub.org/apps/it.fabiodistasio.AntaresSQL) [![Get it from the Snap Store](https://snapcraft.io/static/images/badges/en/snap-store-black.svg)](https://snapcraft.io/antares) [![Get it from AUR](https://raw.githubusercontent.com/antares-sql/antares/master/docs/aur-badge.svg)](https://aur.archlinux.org/packages/antares-sql-bin) [<img src="https://developer.microsoft.com/store/badges/images/English_get-it-from-MS.png" style="height: 56px">](https://www.microsoft.com/p/antares-sql-client/9nhtb9sq51r1?cid=storebadge&ocid=badge&rtc=1&activetab=pivot:overviewtab)  
 🚀 **[Other Downloads](https://github.com/antares-sql/antares/releases/latest)**
 
-## Coming soon
-
-This is a roadmap with major features will come in near future.
-
-- Database tools.
-- Users management (add/edit/delete).
-- More context menu shortcuts.
-- More keyboard shortcuts.
-- Support for other databases.
-- Apple Silicon distribution
-
 ## Currently supported
 
 ### Databases
@@ -90,6 +79,7 @@ This is a roadmap with major features will come in near future.
 - [x] PostgreSQL
 - [x] SQLite
 - [x] Firebird SQL
+- [ ] DuckDB
 - [ ] SQL Server
 - [ ] More...
 

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "antares",
-  "version": "0.7.21",
+  "version": "0.7.22-beta.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "antares",
-      "version": "0.7.21",
+      "version": "0.7.22-beta.0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "antares",
   "productName": "Antares",
-  "version": "0.7.21",
+  "version": "0.7.22-beta.0",
   "description": "A modern, fast and productivity driven SQL client with a focus in UX.",
   "license": "MIT",
   "repository": "https://github.com/antares-sql/antares.git",

src/common/interfaces/antares.ts

@@ -363,7 +363,7 @@ export interface QueryBuilderObject {
    offset: number;
    join: string[];
    update: string[];
-   insert: {[key: string]: string | boolean | number }[];
+   insert: Record<string, string | boolean | number>[];
    delete: boolean;
 }
 

src/common/interfaces/exporter.ts

@@ -13,7 +13,7 @@ export interface ExportOptions {
       includeContent: boolean;
       includeDropStatement: boolean;
    }[];
-   includes: {[key: string]: boolean};
+   includes: Record<string, boolean>;
    outputFormat: 'sql' | 'sql.zip';
    outputFile: string;
    sqlInsertAfter: number;

src/common/interfaces/tableApis.ts

@@ -18,7 +18,7 @@ export interface TableDeleteParams {
    primary?: string;
    field: string;
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   rows: {[key: string]: any};
+   rows: Record<string, any>;
 }
 
 export type TableFilterOperator = '=' | '!=' | '>' | '<' | '>=' | '<=' | 'IN' | 'NOT IN' | 'LIKE' | 'NOT LIKE' | 'RLIKE' | 'NOT RLIKE' | 'BETWEEN' | 'IS NULL' | 'IS NOT NULL'
@@ -35,17 +35,16 @@ export interface InsertRowsParams {
    uid: string;
    schema: string;
    table: string;
-   row: {[key: string]: {
+   row: Record<string, {
-         group: string;
+      group: string;
-         method: string;
+      method: string;
-         // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-         params: any;
+      params: any;
-         // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-         value: any;
+      value: any;
-         length: number;
+      length: number;
-      };
+   }>;
-   };
    repeat: number;
-   fields: {[key: string]: string};
+   fields: Record<string, string>;
    locale: UsableLocale;
 }

src/common/libs/sqlUtils.ts

@@ -41,7 +41,7 @@ export const escapeAndQuote = (val: string, client: ClientCode) => {
    const { stringsWrapper: sw } = customizations[client];
    // eslint-disable-next-line no-control-regex
    const CHARS_TO_ESCAPE = /[\0\b\t\n\r\x1a"'\\]/g;
-   const CHARS_ESCAPE_MAP: {[key: string]: string} = {
+   const CHARS_ESCAPE_MAP: Record<string, string> = {
       '\0': '\\0',
       '\b': '\\b',
       '\t': '\\t',
@@ -153,9 +153,9 @@ export const valueToSqlString = (args: {
 };
 
 export const jsonToSqlInsert = (args: {
-      json: { [key: string]: any}[];
+      json: Record<string, any>[];
       client: ClientCode;
-      fields: { [key: string]: {type: string; datePrecision: number}};
+      fields: Record<string, {type: string; datePrecision: number}>;
       table: string;
       options?: {sqlInsertAfter: number; sqlInsertDivider: 'bytes' | 'rows'};
    }) => {

src/common/shortcuts.ts

@@ -1,4 +1,4 @@
-export const shortcutEvents: { [key: string]: { l18n: string; l18nParam?: string | number; context?: 'tab' }} = {
+export const shortcutEvents: Record<string, { l18n: string; l18nParam?: string | number; context?: 'tab' }> = {
    'run-or-reload': { l18n: 'application.runOrReload', context: 'tab' },
    'open-new-tab': { l18n: 'application.openNewTab', context: 'tab' },
    'close-tab': { l18n: 'application.closeTab', context: 'tab' },

src/main/ipc-handlers/connection.ts

@@ -6,7 +6,7 @@ import { SslOptions } from 'mysql2';
 import { ClientsFactory } from '../libs/ClientsFactory';
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('test-connection', async (event, conn: antares.ConnectionParams) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 

src/main/ipc-handlers/database.ts

@@ -3,7 +3,7 @@ import { ipcMain } from 'electron';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('get-databases', async (event, uid) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 

src/main/ipc-handlers/functions.ts

@@ -3,7 +3,7 @@ import { ipcMain } from 'electron';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('get-function-informations', async (event, params) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 

src/main/ipc-handlers/index.ts

@@ -13,7 +13,7 @@ import updates from './updates';
 import users from './users';
 import views from './views';
 
-const connections: {[key: string]: antares.Client} = {};
+const connections: Record<string, antares.Client> = {};
 
 export default () => {
    connection(connections);

src/main/ipc-handlers/routines.ts

@@ -3,7 +3,7 @@ import { ipcMain } from 'electron';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('get-routine-informations', async (event, params) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 

src/main/ipc-handlers/schedulers.ts

@@ -3,7 +3,7 @@ import { ipcMain } from 'electron';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('get-scheduler-informations', async (event, params) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 

src/main/ipc-handlers/schema.ts

@@ -6,7 +6,7 @@ import { Worker } from 'worker_threads';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    let exporter: Worker = null;
    let importer: Worker = null;
 

src/main/ipc-handlers/tables.ts

@@ -10,7 +10,7 @@ import * as moment from 'moment';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('get-table-columns', async (event, params) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 
@@ -249,7 +249,7 @@ export default (connections: {[key: string]: antares.Client}) => {
 
       if (params.primary) {
          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-         const idString = params.rows.map((row: {[key: string]: any}) => {
+         const idString = params.rows.map((row: Record<string, any>) => {
             const fieldName = Object.keys(row)[0].includes('.') ? `${params.table}.${params.primary}` : params.primary;
 
             return typeof row[fieldName] === 'string'
@@ -304,10 +304,10 @@ export default (connections: {[key: string]: antares.Client}) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 
       try { // TODO: move to client classes
-         const rows: {[key: string]: string | number | boolean | Date | Buffer}[] = [];
+         const rows: Record<string, string | number | boolean | Date | Buffer>[] = [];
 
          for (let i = 0; i < +params.repeat; i++) {
-            const insertObj: {[key: string]: string | number | boolean | Date | Buffer} = {};
+            const insertObj: Record<string, string | number | boolean | Date | Buffer> = {};
 
             for (const key in params.row) {
                const type = params.fields[key];
@@ -367,7 +367,7 @@ export default (connections: {[key: string]: antares.Client}) => {
                   insertObj[key] = escapedParam;
                }
                else { // Faker value
-                  const parsedParams: {[key: string]: string | number | boolean | Date | Buffer} = {};
+                  const parsedParams: Record<string, string | number | boolean | Date | Buffer> = {};
                   let fakeValue;
 
                   if (params.locale)
@@ -437,12 +437,12 @@ export default (connections: {[key: string]: antares.Client}) => {
          if (description)
             query.select(`LEFT(${description}, 20) AS foreign_description`);
 
-         const results = await query.run<{[key: string]: string}>();
+         const results = await query.run<Record<string, string>>();
 
-         const parsedResults: {[key: string]: string}[] = [];
+         const parsedResults: Record<string, string>[] = [];
 
          for (const row of results.rows) {
-            const remappedRow: {[key: string]: string} = {};
+            const remappedRow: Record<string, string> = {};
 
             for (const key in row)
                remappedRow[key.toLowerCase()] = row[key];// Thanks Firebird -.-

src/main/ipc-handlers/triggers.ts

@@ -3,7 +3,7 @@ import { ipcMain } from 'electron';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('get-trigger-informations', async (event, params) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 

src/main/ipc-handlers/users.ts

@@ -3,7 +3,7 @@ import { ipcMain } from 'electron';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('get-users', async (event, uid) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 

src/main/ipc-handlers/views.ts

@@ -3,7 +3,7 @@ import { ipcMain } from 'electron';
 
 import { validateSender } from '../libs/misc/validateSender';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections: Record<string, antares.Client>) => {
    ipcMain.handle('get-view-informations', async (event, params) => {
       if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
 

src/main/libs/clients/BaseClient.ts

@@ -136,7 +136,7 @@ export abstract class BaseClient {
    }
 
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   insert (arr: {[key: string]: any}[]) {
+   insert (arr: Record<string, any>[]) {
       this._query.insert = [...this._query.insert, ...arr];
       return this;
    }

src/main/libs/clients/FirebirdSQLClient.ts

@@ -13,7 +13,7 @@ export class FirebirdSQLClient extends BaseClient {
    protected _connection?: firebird.Database | firebird.ConnectionPool;
    _params: firebird.Options;
 
-   private _types: {[key: number]: string} ={
+   private _types: Record<number, string> ={
       452: 'CHAR', // Array of char
       448: 'VARCHAR',
       500: 'SMALLINT',

src/main/libs/clients/MySQLClient.ts

@@ -15,7 +15,7 @@ export class MySQLClient extends BaseClient {
    _connection?: mysql.Connection | mysql.Pool;
    _params: mysql.ConnectionOptions & {schema: string; ssl?: mysql.SslOptions; ssh?: SSHConfig; readonly: boolean};
 
-   private types: {[key: number]: string} = {
+   private types: Record<number, string> = {
       0: 'DECIMAL',
       1: 'TINYINT',
       2: 'SMALLINT',
@@ -582,7 +582,7 @@ export class MySQLClient extends BaseClient {
                }
             })
             .filter(Boolean)
-            .reduce((acc: {[key: string]: { name: string; type: string; length: string; default: string}}, curr) => {
+            .reduce((acc: Record<string, { name: string; type: string; length: string; default: string}>, curr) => {
                acc[curr.name] = curr;
                return acc;
             }, {});

src/main/libs/clients/PostgreSQLClient.ts

@@ -88,8 +88,8 @@ export class PostgreSQLClient extends BaseClient {
    private _keepaliveTimer: NodeJS.Timer;
    private _keepaliveMs: number;
    protected _connection?: pg.Client | pg.Pool;
-   private types: {[key: string]: string} = {};
+   private types: Record<string, string> = {};
-   private _arrayTypes: {[key: string]: string} = {
+   private _arrayTypes: Record<string, string> = {
       _int2: 'SMALLINT',
       _int4: 'INTEGER',
       _int8: 'BIGINT',
@@ -656,7 +656,7 @@ export class PostgreSQLClient extends BaseClient {
       let createSql = '';
       const sequences = [];
       const columnsSql = [];
-      const arrayTypes: {[key: string]: string} = {
+      const arrayTypes: Record<string, string> = {
          _int2: 'smallint',
          _int4: 'integer',
          _int8: 'bigint',

src/main/libs/clients/SQLiteClient.ts

@@ -658,7 +658,7 @@ export class SQLiteClient extends BaseClient {
                let queryAllResult: any[];
                let affectedRows;
                let fields;
-               const detectedTypes: {[key: string]: string} = {};
+               const detectedTypes: Record<string, string> = {};
 
                try {
                   const stmt = connection.prepare(query);

src/main/libs/exporters/sql/MysqlExporter.ts

@@ -354,7 +354,7 @@ CREATE TABLE \`${view.Name}\`(
    escapeAndQuote (val: string) {
       // eslint-disable-next-line no-control-regex
       const CHARS_TO_ESCAPE = /[\0\b\t\n\r\x1a"'\\]/g;
-      const CHARS_ESCAPE_MAP: {[key: string]: string} = {
+      const CHARS_ESCAPE_MAP: Record<string, string> = {
          '\0': '\\0',
          '\b': '\\b',
          '\t': '\\t',

src/main/libs/exporters/sql/PostgreSQLExporter.ts

@@ -59,7 +59,7 @@ SET row_security = off;\n\n\n`;
       let createSql = '';
       const sequences = [];
       const columnsSql = [];
-      const arrayTypes: {[key: string]: string} = {
+      const arrayTypes: Record<string, string> = {
          _int2: 'smallint',
          _int4: 'integer',
          _int8: 'bigint',
@@ -440,7 +440,7 @@ SET row_security = off;\n\n\n`;
    escapeAndQuote (val: string) {
       // eslint-disable-next-line no-control-regex
       const CHARS_TO_ESCAPE = /[\0\b\t\n\r\x1a"'\\]/g;
-      const CHARS_ESCAPE_MAP: {[key: string]: string} = {
+      const CHARS_ESCAPE_MAP: Record<string, string> = {
          '\0': '\\0',
          '\b': '\\b',
          '\t': '\\t',

src/renderer/components/BaseConfirmModal.vue

@@ -56,8 +56,8 @@ const { t } = useI18n();
 
 const props = defineProps({
    size: {
-      type: String as PropType<'small' | 'medium' | '400' | 'large'>,
+      type: String as PropType<'small' | 'medium' | '400' | 'large' | 'resize'>,
-      validator: (prop: string) => ['small', 'medium', '400', 'large'].includes(prop),
+      validator: (prop: string) => ['small', 'medium', '400', 'large', 'resize'].includes(prop),
       default: 'small'
    },
    hideFooter: {
@@ -88,6 +88,8 @@ const modalSizeClass = computed(() => {
       return 'modal-sm';
    if (props.size === '400')
       return 'modal-400';
+   if (props.size === 'resize')
+      return 'modal-resize';
    else if (props.size === 'large')
       return 'modal-lg';
    else return '';
@@ -120,6 +122,12 @@ onBeforeUnmount(() => {
   max-width: 400px;
 }
 
+.modal-resize .modal-container {
+  max-width: 95vw;
+  max-height: 95vh;
+  width: auto;
+}
+
 .modal.modal-sm .modal-container {
   padding: 0;
 }

src/renderer/components/BaseTextEditor.vue

@@ -4,7 +4,11 @@
          :id="`editor-${id}`"
          class="editor"
          :class="editorClass"
-         :style="{height: `${height}px`}"
+         :style="{
+            height: `${height}px`,
+            width: width ? `${width}px` : null,
+            resize: resizable ? 'both' : 'none'
+         }"
       />
    </div>
 </template>
@@ -17,7 +21,7 @@ import 'ace-builds/webpack-resolver';
 
 import { uidGen } from 'common/libs/uidGen';
 import { storeToRefs } from 'pinia';
-import { onMounted, watch } from 'vue';
+import { PropType, onMounted, watch } from 'vue';
 
 import { useSettingsStore } from '@/stores/settings';
 
@@ -25,10 +29,12 @@ const props = defineProps({
    modelValue: String,
    mode: { type: String, default: 'text' },
    editorClass: { type: String, default: '' },
+   resizable: { type: Boolean, default: false },
    autoFocus: { type: Boolean, default: false },
    readOnly: { type: Boolean, default: false },
    showLineNumbers: { type: Boolean, default: true },
-   height: { type: Number, default: 200 }
+   height: { type: Number, default: 200 },
+   width: { type: [Number, Boolean] as PropType<number|false>, default: false }
 });
 const emit = defineEmits(['update:modelValue']);
 const settingsStore = useSettingsStore();
@@ -132,8 +138,10 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .editor-wrapper {
-  .editor {
+   .editor {
-    width: 100%;
+      width: 100%;
-  }
+      height: 100%;
+      max-width: 90vw;
+   }
 }
 </style>

src/renderer/components/FakerSelect.vue

@@ -113,7 +113,7 @@ const selectedGroup: Ref<string> = ref('manual');
 const selectedMethod: Ref<string> = ref('');
 const selectedValue: Ref<string> = ref('');
 const debounceTimeout: Ref<NodeJS.Timeout> = ref(null);
-const methodParams: Ref<{[key: string]: string}> = ref({});
+const methodParams: Ref<Record<string, string>> = ref({});
 const enumArray: Ref<string[]> = ref(null);
 
 const fakerGroups = computed(() => {

src/renderer/components/ModalAskParameters.vue

@@ -73,7 +73,7 @@ const props = defineProps({
 const emit = defineEmits(['confirm', 'close']);
 
 const firstInput: Ref<HTMLInputElement[]> = ref(null);
-const values: Ref<{[key: string]: string}> = ref({});
+const values: Ref<Record<string, string>> = ref({});
 
 const inParameters = computed(() => {
    return props.localRoutine.parameters.filter(param => param.context === 'IN');

src/renderer/components/ModalExportSchema.vue

@@ -327,7 +327,7 @@ const tables: Ref<{
 }[]> = ref([]);
 const options: Ref<Partial<ExportOptions>> = ref({
    schema: selectedSchema.value,
-   includes: {} as {[key: string]: boolean},
+   includes: {} as Record<string, boolean>,
    outputFormat: 'sql' as 'sql' | 'sql.zip',
    sqlInsertAfter: 250,
    sqlInsertDivider: 'bytes' as 'bytes' | 'rows'

src/renderer/components/ModalFakerRows.vue

@@ -142,7 +142,7 @@ const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
 const { trapRef } = useFocusTrap({ disableAutofocus: true });
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const localRow: Ref<{[key: string]: any}> = ref({});
+const localRow: Ref<Record<string, any>> = ref({});
 const fieldsToExclude = ref([]);
 const nInserts = ref(1);
 const isInserting = ref(false);
@@ -225,7 +225,7 @@ const insertRows = async () => {
          delete rowToInsert[key];
    });
 
-   const fieldTypes: {[key: string]: string} = {};
+   const fieldTypes: Record<string, string> = {};
    props.fields.forEach(field => {
       fieldTypes[field.name] = field.type;
    });
@@ -290,7 +290,7 @@ onMounted(() => {
       }
    }, 50);
 
-   const rowObj: {[key: string]: unknown} = {};
+   const rowObj: Record<string, unknown> = {};
 
    if (!props.rowToDuplicate) {
       // Set default values

src/renderer/components/ModalNoteEdit.vue

@@ -1,6 +1,6 @@
 <template>
    <ConfirmModal
-      size="medium"
+      size="resize"
       :disable-autofocus="true"
       :close-on-confirm="!!localNote.note.length"
       :confirm-text="t('general.save')"
@@ -52,6 +52,10 @@
                   v-model="localNote.note"
                   :mode="editorMode"
                   :show-line-numbers="false"
+                  :auto-focus="true"
+                  :height="400"
+                  :width="640"
+                  :resizable="true"
                />
             </div>
          </form>

src/renderer/components/ModalNoteNew.vue

@@ -1,6 +1,6 @@
 <template>
    <ConfirmModal
-      size="medium"
+      size="resize"
       :disable-autofocus="true"
       :close-on-confirm="!!newNote.note.length"
       :confirm-text="t('general.save')"
@@ -52,6 +52,10 @@
                   v-model="newNote.note"
                   :mode="editorMode"
                   :show-line-numbers="false"
+                  :auto-focus="true"
+                  :height="400"
+                  :width="640"
+                  :resizable="true"
                />
             </div>
          </form>

src/renderer/components/ModalProcessesListRow.vue

@@ -67,7 +67,7 @@ const props = defineProps({
 
 const emit = defineEmits(['select-row', 'contextmenu', 'stop-refresh']);
 
-const isInlineEditor: Ref<{[key: string]: boolean}> = ref({});
+const isInlineEditor: Ref<Record<string, boolean>> = ref({});
 const isInfoModal = ref(false);
 const editorMode = ref('sql');
 

src/renderer/components/ScratchpadNote.vue

@@ -256,9 +256,9 @@ const highlightWord = (string: string) => {
 
      code, pre {
        max-width: 100%;
+       width: 100%;
        display: inline-block;
        font-size: 100%;
-       // color: $primary-color;
        opacity: 0.8;
        font-weight: 600;
        white-space: break-spaces;
@@ -342,6 +342,8 @@ const highlightWord = (string: string) => {
  <style lang="scss">
  .tile-paragraph {
    white-space: initial;
+   word-break: break-word;
+   user-select: text;
 
     h1, h2, h3, h4, h5, h6, p, li {
        margin: 0;

src/renderer/components/TheNotificationsBoard.vue

@@ -32,7 +32,7 @@ const { removeNotification } = notificationsStore;
 const { notifications } = storeToRefs(notificationsStore);
 const { notificationsTimeout } = storeToRefs(settingsStore);
 
-const timeouts: Ref<{[key: string]: NodeJS.Timeout}> = ref({});
+const timeouts: Ref<Record<string, NodeJS.Timeout>> = ref({});
 
 const latestNotifications = computed(() => notifications.value.slice(0, 10));
 

src/renderer/components/Workspace.vue

@@ -695,7 +695,7 @@ const openAsPermanentTab = (tab: WorkspaceTab) => {
       routine: 'routine-props',
       procedure: 'routine-props',
       scheduler: 'scheduler-props'
-   } as {[key: string]: string};
+   } as Record<string, string>;
 
    newTab({
       uid: props.connection.uid,

src/renderer/components/WorkspaceAddConnectionPanel.vue

@@ -572,11 +572,11 @@ const pathSelection = (event: Event & {target: {files: {path: string}[]}}, name:
    const { files } = event.target;
    if (!files.length) return;
 
-   (connection.value as unknown as {[key: string]: string})[name] = files[0].path as string;
+   (connection.value as unknown as Record<string, string>)[name] = files[0].path as string;
 };
 
 const pathClear = (name: keyof ConnectionParams) => {
-   (connection.value as unknown as {[key: string]: string})[name] = '';
+   (connection.value as unknown as Record<string, string>)[name] = '';
 };
 
 setDefaults();

src/renderer/components/WorkspaceEditConnectionPanel.vue

@@ -569,11 +569,11 @@ const pathSelection = (event: Event & {target: {files: {path: string}[]}}, name:
    const { files } = event.target;
    if (!files.length) return;
 
-   (localConnection.value as unknown as {[key: string]: string})[name] = files[0].path;
+   (localConnection.value as unknown as Record<string, string>)[name] = files[0].path;
 };
 
 const pathClear = (name: keyof ConnectionParams) => {
-   (localConnection.value as unknown as {[key: string]: string})[name] = '';
+   (localConnection.value as unknown as Record<string, string>)[name] = '';
 };
 
 localConnection.value = JSON.parse(JSON.stringify(props.connection));

src/renderer/components/WorkspaceTabPropsTable.vue

@@ -382,7 +382,7 @@ const getFieldsData = async () => {
       if (status === 'success') {
          const indexesObj = response
             .filter((index: TableIndex) => index.type !== 'FOREIGN KEY')
-            .reduce((acc: {[key: string]: TableIndex[]}, curr: TableIndex) => {
+            .reduce((acc: Record<string, TableIndex[]>, curr: TableIndex) => {
                acc[curr.name] = acc[curr.name] || [];
                acc[curr.name].push(curr);
                return acc;

src/renderer/components/WorkspaceTabPropsTableForeignModal.vue

@@ -258,7 +258,7 @@ const indexesPanel: Ref<HTMLDivElement> = ref(null);
 const foreignProxy = ref([]);
 const selectedForeignID = ref('');
 const modalInnerHeight = ref(400);
-const refFields = ref({} as {[key: string]: TableField[]});
+const refFields = ref({} as Record<string, TableField[]>);
 
 const foreignActions = computed(() => props.workspace.customizations.foreignActions);
 const selectedForeignObj = computed(() => foreignProxy.value.find(foreign => foreign._antares_id === selectedForeignID.value));

src/renderer/composables/useFilters.ts

@@ -28,7 +28,7 @@ export function useFilters () {
       return `(${num})`;
    };
 
-   const parseKeys = (keys: {[key: number]: string}[]) => {
+   const parseKeys = (keys: Record<number, string>[]) => {
       const isMacOS = process.platform === 'darwin';
       return (keys as string[]).map(k => (
          k.split('+')

src/renderer/i18n/supported-locales.ts

@@ -1,4 +1,4 @@
-export const localesNames: {[key: string]: string} = {
+export const localesNames: Record<string, string> = {
    'en-US': 'English',
    'it-IT': 'Italiano',
    'ar-SA': 'العربية',

src/renderer/ipc-api/Tables.ts

@@ -64,7 +64,7 @@ export default class {
       primary?: string;
       field: string;
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      rows: {[key: string]: any};
+      rows: Record<string, any>;
    }): Promise<IpcResponse> {
       return ipcRenderer.invoke('delete-table-rows', unproxify(params));
    }
@@ -73,9 +73,9 @@ export default class {
       uid: string;
       schema: string;
       table: string;
-      row: {[key: string]: string | number | boolean | Date | Buffer};
+      row: Record<string, string | number | boolean | Date | Buffer>;
       repeat: number;
-      fields: {[key: string]: string};
+      fields: Record<string, string>;
       locale: string;
    }): Promise<IpcResponse> {
       return ipcRenderer.invoke('insert-table-fake-rows', unproxify(params));

src/renderer/stores/history.ts

@@ -13,7 +13,7 @@ export interface HistoryRecord {
 
 export const useHistoryStore = defineStore('history', {
    state: () => ({
-      history: persistentStore.get('history', {}) as {[key: string]: HistoryRecord[]},
+      history: persistentStore.get('history', {}) as Record<string, HistoryRecord[]>,
       favorites: persistentStore.get('favorites', {})
    }),
    getters: {

src/renderer/stores/workspaces.ts

@@ -86,11 +86,11 @@ export interface Workspace {
       arch: string;
       os: string;
    };
-   engines?: {[key: string]: string | boolean | number}[];
+   engines?: Record<string, string | boolean | number>[];
 }
 
 const persistentStore = new Store({ name: 'tabs' });
-const tabIndex: {[key: string]: number} = {};
+const tabIndex: Record<string, number> = {};
 
 export const useWorkspacesStore = defineStore('workspaces', {
    state: () => ({