chore(release): 0.7.31-beta.4

fix: fail to fill cell to datetime column(Postgre) fixes #924

.github/workflows/create-artifact-windows-appx.yml

@@ -0,0 +1,32 @@
+name: Create artifact [WINDOWS APPX]
+
+on: 
+  workflow_dispatch: {}
+
+jobs:
+  build:
+    runs-on: windows-2022
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      
+      - name: Install dependencies
+        run: npm i
+        
+      - name: "Build"
+        run: npm run build:appx
+
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: windows-build
+          retention-days: 3
+          path: |
+            build
+            !build/*-unpacked
+            !build/.icon-ico

CHANGELOG.md

@@ -2,6 +2,39 @@
 
 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.31-beta.4](https://github.com/antares-sql/antares/compare/v0.7.31-beta.3...v0.7.31-beta.4) (2025-01-31)
+
+
+### Bug Fixes
+
+* **Linux:** missing window management icons ([d34e56a](https://github.com/antares-sql/antares/commit/d34e56a517784dea16a7a53bc2249072a3b96596))
+
+### [0.7.31-beta.3](https://github.com/antares-sql/antares/compare/v0.7.31-beta.2...v0.7.31-beta.3) (2025-01-31)
+
+
+### Features
+
+* implement a better query splitter for SQL queries, fixes [#926](https://github.com/antares-sql/antares/issues/926) ([96ae09f](https://github.com/antares-sql/antares/commit/96ae09fecad0c1fc8926d5dcf64cc779abe5ed49))
+* **Linux:** update title bar for better Linux experience ([8e54f7b](https://github.com/antares-sql/antares/commit/8e54f7b80135768a33934bc9336239dee38401a5))
+
+
+### Bug Fixes
+
+* **MySQL:** adjust utf8mb3 encoding to resolve compatibility issue, fixes [#646](https://github.com/antares-sql/antares/issues/646) ([27387f1](https://github.com/antares-sql/antares/commit/27387f18a107fc6c09afec5f85134496ce764355))
+
+### [0.7.31-beta.2](https://github.com/antares-sql/antares/compare/v0.7.31-beta.1...v0.7.31-beta.2) (2025-01-30)
+
+
+### Features
+
+* add developer tools and refresh buttons to console in development mode ([592d7b3](https://github.com/antares-sql/antares/commit/592d7b35170f8437ebc15221c97985e889fccb40))
+
+
+### Bug Fixes
+
+* fail to fill cell to datetime column(Postgre) fixes [#924](https://github.com/antares-sql/antares/issues/924) ([d3d7ab3](https://github.com/antares-sql/antares/commit/d3d7ab38c029fc5ec23767c6c86c49a96e4e329c))
+* reorder condition when format the update data ([e493db5](https://github.com/antares-sql/antares/commit/e493db5112478ff121e4e77f69c21747c5d2e032))
+
 ### [0.7.31-beta.1](https://github.com/antares-sql/antares/compare/v0.7.31-beta.0...v0.7.31-beta.1) (2025-01-22)
 
 

package-lock.json

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

package.json

@@ -1,7 +1,7 @@
 {
   "name": "antares",
   "productName": "Antares",
-  "version": "0.7.31-beta.1",
+  "version": "0.7.31-beta.4",
   "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

@@ -34,6 +34,7 @@ export interface ClientParams {
       | { databasePath: string; readonly: boolean };
    poolSize?: number;
    logger?: () => void;
+   querySplitter?: (sql: string, clieng?: string) => string[];
 }
 
 /**

src/common/libs/querySplitter.ts

@@ -0,0 +1,86 @@
+import { ClientCode } from 'common/interfaces/antares';
+
+export const querySplitter =(sql: string, dbType: ClientCode): string[] => {
+   const queries: string[] = [];
+   let currentQuery = '';
+   let insideBlock = false;
+   let insideString = false;
+   let stringDelimiter: string | null = null;
+   let insideDollarTag = false;
+   let dollarTagDelimiter: string | null = null;
+
+   // Regex patterns for BEGIN-END blocks, dollar tags in PostgreSQL, and semicolons
+   const beginRegex = /\bBEGIN\b/i;
+   const endRegex = /\bEND\b;/i;
+   const dollarTagRegex = /\$(\w+)?\$/; // Matches $tag$ or $$
+
+   // Split on semicolons, keeping semicolons attached to the lines
+   const lines = sql.split(/(?<=;)/);
+
+   for (let line of lines) {
+      line = line.trim();
+
+      if (!line) continue;
+
+      for (let i = 0; i < line.length; i++) {
+         const char = line[i];
+
+         // Handle string boundaries
+         if ((char === '\'' || char === '"') && (!insideString || char === stringDelimiter)) {
+            if (!insideString) {
+               insideString = true;
+               stringDelimiter = char;
+            }
+            else {
+               insideString = false;
+               stringDelimiter = null;
+            }
+         }
+
+         currentQuery += char;
+
+         if (dbType === 'pg') {
+         // Handle dollar-quoted blocks in PostgreSQL
+            if (!insideString && line.slice(i).match(dollarTagRegex)) {
+               const match = line.slice(i).match(dollarTagRegex);
+               if (match) {
+                  const tag = match[0];
+                  if (!insideDollarTag) {
+                     insideDollarTag = true;
+                     dollarTagDelimiter = tag;
+                     currentQuery += tag;
+                     i += tag.length - 1;
+                  }
+                  else if (dollarTagDelimiter === tag) {
+                     insideDollarTag = false;
+                     dollarTagDelimiter = null;
+                     currentQuery += tag;
+                     i += tag.length - 1;
+                  }
+               }
+            }
+         }
+
+         // Check BEGIN-END blocks
+         if (!insideString && !insideDollarTag) {
+            if (beginRegex.test(line))
+               insideBlock = true;
+
+            if (insideBlock && endRegex.test(line))
+               insideBlock = false;
+         }
+      }
+
+      // Append the query if we encounter a semicolon outside a BEGIN-END block, outside a string, and outside dollar tags
+      if (!insideBlock && !insideString && !insideDollarTag && /;\s*$/.test(line)) {
+         queries.push(currentQuery.trim());
+         currentQuery = '';
+      }
+   }
+
+   // Add any remaining query
+   if (currentQuery.trim())
+      queries.push(currentQuery.trim());
+
+   return queries;
+};

src/main/libs/clients/BaseClient.ts

@@ -2,27 +2,9 @@ import * as antares from 'common/interfaces/antares';
 import mysql from 'mysql2/promise';
 import * as pg from 'pg';
 import SSH2Promise = require('@fabio286/ssh2-promise');
+import { querySplitter } from 'common/libs/querySplitter';
 
-export type LoggerLevel = 'query' | 'error'
+import { ipcLogger, LoggerLevel } from '../misc/ipcLogger';
-
-const ipcLogger = ({ content, cUid, level }: {content: string; cUid: string; level: LoggerLevel}) => {
-   if (level === 'error') {
-      if (process.type !== undefined) {
-         const mainWindow = require('electron').webContents.fromId(1);
-         mainWindow.send('non-blocking-exception', { cUid, message: content, date: new Date() });
-      }
-      if (process.env.NODE_ENV === 'development' && process.type === 'browser') console.log(content);
-   }
-   else if (level === 'query') {
-      // Remove comments, newlines and multiple spaces
-      const escapedSql = content.replace(/(\/\*(.|[\r\n])*?\*\/)|(--(.*|[\r\n]))/gm, '').replace(/\s\s+/g, ' ');
-      if (process.type !== undefined) {
-         const mainWindow = require('electron').webContents.fromId(1);
-         mainWindow.send('query-log', { cUid, sql: escapedSql, date: new Date() });
-      }
-      if (process.env.NODE_ENV === 'development' && process.type === 'browser') console.log(escapedSql);
-   }
-};
 
 /**
  * As Simple As Possible Query Builder Core
@@ -34,6 +16,7 @@ export abstract class BaseClient {
    protected _poolSize: number;
    protected _ssh?: SSH2Promise;
    protected _logger: (args: {content: string; cUid: string; level: LoggerLevel}) => void;
+   protected _querySplitter: (sql: string, client: antares.ClientCode) => string[];
    protected _queryDefaults: antares.QueryBuilderObject;
    protected _query: antares.QueryBuilderObject;
 
@@ -43,6 +26,7 @@ export abstract class BaseClient {
       this._params = args.params;
       this._poolSize = args.poolSize || undefined;
       this._logger = args.logger || ipcLogger;
+      this._querySplitter = args.querySplitter || querySplitter;
 
       this._queryDefaults = {
          schema: '',

src/main/libs/clients/FirebirdSQLClient.ts

@@ -245,10 +245,10 @@ export class FirebirdSQLClient extends BaseClient {
             name: db.name,
             size: schemaSize,
             tables: remappedTables,
-            functions: [],
+            functions: [] as null[],
             procedures: remappedProcedures,
             triggers: remappedTriggers,
-            schedulers: []
+            schedulers: [] as null[]
          };
       });
    }
@@ -337,7 +337,7 @@ export class FirebirdSQLClient extends BaseClient {
 
          return {
             name: field.FIELD_NAME.trim(),
-            key: null,
+            key: null as null,
             type: fieldType,
             schema: schema,
             table: table,
@@ -346,14 +346,14 @@ export class FirebirdSQLClient extends BaseClient {
             datePrecision: field.FIELD_NAME.trim() === 'TIMESTAMP' ? 4 : null,
             charLength: ![...NUMBER, ...FLOAT].includes(fieldType) ? field.FIELD_LENGTH : null,
             nullable: !field.NOT_NULL,
-            unsigned: null,
+            unsigned: null as null,
-            zerofill: null,
+            zerofill: null as null,
             order: field.FIELD_POSITION+1,
             default: defaultValue,
             charset: field.CHARSET,
-            collation: null,
+            collation: null as null,
             autoIncrement: false,
-            onUpdate: null,
+            onUpdate: null as null,
             comment: field.DESCRIPTION?.trim()
          };
       });
@@ -457,7 +457,7 @@ export class FirebirdSQLClient extends BaseClient {
             table: table,
             field: field.FKCOLUMN_NAME.trim(),
             position: field.KEY_SEQ,
-            constraintPosition: null,
+            constraintPosition: null as null,
             constraintName: field.FK_NAME.trim(),
             refSchema: schema,
             refTable: field.PKTABLE_NAME.trim(),
@@ -1041,9 +1041,7 @@ export class FirebirdSQLClient extends BaseClient {
       const resultsArr = [];
       let paramsArr = [];
       const queries = args.split
-         ? sql.split(/((?:[^;'"]*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*')[^;'"]*)+)|;/gm)
+         ? this._querySplitter(sql, 'firebird')
-            .filter(Boolean)
-            .map(q => q.trim())
          : [sql];
 
       let connection: firebird.Database | firebird.Transaction;

src/main/libs/clients/MySQLClient.ts

@@ -4,7 +4,9 @@ import dataTypes from 'common/data-types/mysql';
 import * as antares from 'common/interfaces/antares';
 import * as mysql from 'mysql2/promise';
 
+import * as EncodingToCharset from '../../../../node_modules/mysql2/lib/constants/encoding_charset.js';
 import { BaseClient } from './BaseClient';
+EncodingToCharset.utf8mb3 = 192; // To fix https://github.com/sidorares/node-mysql2/issues/1398 until not included in mysql2
 
 export class MySQLClient extends BaseClient {
    private _schema?: string;
@@ -1753,9 +1755,7 @@ export class MySQLClient extends BaseClient {
       const resultsArr: antares.QueryResult[] = [];
       let paramsArr = [];
       const queries = args.split
-         ? sql.split(/((?:[^;'"]*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*')[^;'"]*)+)|;/gm)
+         ? this._querySplitter(sql, 'mysql')
-            .filter(Boolean)
-            .map(q => q.trim())
          : [sql];
 
       const connection = await this.getConnection(args);

src/main/libs/clients/PostgreSQLClient.ts

@@ -466,7 +466,7 @@ export class PostgreSQLClient extends BaseClient {
                procedures: remappedProcedures,
                triggers: remappedTriggers,
                triggerFunctions: remappedTriggerFunctions,
-               schedulers: []
+               schedulers: [] as null[]
             };
          }
          else {
@@ -532,7 +532,7 @@ export class PostgreSQLClient extends BaseClient {
 
          return {
             name: field.column_name,
-            key: null,
+            key: null as null,
             type: type.toUpperCase(),
             isArray,
             schema: field.table_schema,
@@ -542,14 +542,14 @@ export class PostgreSQLClient extends BaseClient {
             datePrecision: field.datetime_precision,
             charLength: field.character_maximum_length,
             nullable: field.is_nullable.includes('YES'),
-            unsigned: null,
+            unsigned: null as null,
-            zerofill: null,
+            zerofill: null as null,
             order: field.ordinal_position,
             default: field.column_default,
             charset: field.character_set_name,
             collation: field.collation_name,
             autoIncrement: false,
-            onUpdate: null,
+            onUpdate: null as null,
             comment: field.column_comment
          };
       });
@@ -1252,9 +1252,9 @@ export class PostgreSQLClient extends BaseClient {
       return results.rows.map(async row => {
          if (!row.pg_get_functiondef) {
             return {
-               definer: null,
+               definer: null as null,
                sql: '',
-               parameters: [],
+               parameters: [] as null[],
                name: routine,
                comment: '',
                security: 'DEFINER',
@@ -1303,8 +1303,8 @@ export class PostgreSQLClient extends BaseClient {
             name: routine,
             comment: '',
             security: row.pg_get_functiondef.includes('SECURITY DEFINER') ? 'DEFINER' : 'INVOKER',
-            deterministic: null,
+            deterministic: null as null,
-            dataAccess: null,
+            dataAccess: null as null,
             language: row.pg_get_functiondef.match(/(?<=LANGUAGE )(.*)(?<=[\S+\n\r\s])/gm)[0]
          };
       })[0];
@@ -1368,9 +1368,9 @@ export class PostgreSQLClient extends BaseClient {
       return results.rows.map(async row => {
          if (!row.pg_get_functiondef) {
             return {
-               definer: null,
+               definer: null as null,
                sql: '',
-               parameters: [],
+               parameters: [] as null[],
                name: func,
                comment: '',
                security: 'DEFINER',
@@ -1418,8 +1418,8 @@ export class PostgreSQLClient extends BaseClient {
             name: func,
             comment: '',
             security: row.pg_get_functiondef.includes('SECURITY DEFINER') ? 'DEFINER' : 'INVOKER',
-            deterministic: null,
+            deterministic: null as null,
-            dataAccess: null,
+            dataAccess: null as null,
             language: row.pg_get_functiondef.match(/(?<=LANGUAGE )(.*)(?<=[\S+\n\r\s])/gm)[0],
             returns: row.pg_get_functiondef.match(/(?<=RETURNS )(.*)(?<=[\S+\n\r\s])/gm)[0].replace('SETOF ', '').toUpperCase()
          };
@@ -1665,9 +1665,7 @@ export class PostgreSQLClient extends BaseClient {
       const resultsArr: antares.QueryResult[] = [];
       let paramsArr = [];
       const queries = args.split
-         ? sql.split(/(?!\B'[^']*);(?![^']*'\B)/gm)
+         ? this._querySplitter(sql, 'pg')
-            .filter(Boolean)
-            .map(q => q.trim())
          : [sql];
 
       let connection: pg.Client | pg.PoolClient;

src/main/libs/clients/SQLiteClient.ts

@@ -124,10 +124,10 @@ export class SQLiteClient extends BaseClient {
                name: db.name,
                size: schemaSize,
                tables: remappedTables,
-               functions: [],
+               functions: [] as null[],
-               procedures: [],
+               procedures: [] as null[],
                triggers: remappedTriggers,
-               schedulers: []
+               schedulers: [] as null[]
             };
          }
          else {
@@ -166,22 +166,22 @@ export class SQLiteClient extends BaseClient {
 
          return {
             name: field.name,
-            key: null,
+            key: null as null,
             type: type.trim(),
             schema: schema,
             table: table,
             numLength: [...NUMBER, ...FLOAT].includes(type) ? length : null,
-            datePrecision: null,
+            datePrecision: null as null,
             charLength: ![...NUMBER, ...FLOAT].includes(type) ? length : null,
             nullable: !field.notnull,
-            unsigned: null,
+            unsigned: null as null,
-            zerofill: null,
+            zerofill: null as null,
             order: typeof field.cid === 'string' ? +field.cid + 1 : field.cid + 1,
             default: field.dflt_value,
-            charset: null,
+            charset: null as null,
-            collation: null,
+            collation: null as null,
             autoIncrement: false,
-            onUpdate: null,
+            onUpdate: null as null,
             comment: ''
          };
       });
@@ -267,7 +267,7 @@ export class SQLiteClient extends BaseClient {
             table: table,
             field: field.from,
             position: field.id + 1,
-            constraintPosition: null,
+            constraintPosition: null as null,
             constraintName: field.id,
             refSchema: schema,
             refTable: field.table,
@@ -629,9 +629,7 @@ export class SQLiteClient extends BaseClient {
       const resultsArr = [];
       let paramsArr = [];
       const queries = args.split
-         ? sql.split(/((?:[^;'"]*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*')[^;'"]*)+)|;/gm)
+         ? this._querySplitter(sql, 'sqlite')
-            .filter(Boolean)
-            .map(q => q.trim())
          : [sql];
 
       let connection: sqlite.Database;

src/main/libs/misc/ipcLogger.ts

@@ -0,0 +1,20 @@
+export type LoggerLevel = 'query' | 'error'
+
+export const ipcLogger = ({ content, cUid, level }: {content: string; cUid: string; level: LoggerLevel}) => {
+   if (level === 'error') {
+      if (process.type !== undefined) {
+         const mainWindow = require('electron').webContents.fromId(1);
+         mainWindow.send('non-blocking-exception', { cUid, message: content, date: new Date() });
+      }
+      if (process.env.NODE_ENV === 'development' && process.type === 'browser') console.log(content);
+   }
+   else if (level === 'query') {
+      // Remove comments, newlines and multiple spaces
+      const escapedSql = content.replace(/(\/\*(.|[\r\n])*?\*\/)|(--(.*|[\r\n]))/gm, '').replace(/\s\s+/g, ' ');
+      if (process.type !== undefined) {
+         const mainWindow = require('electron').webContents.fromId(1);
+         mainWindow.send('query-log', { cUid, sql: escapedSql, date: new Date() });
+      }
+      if (process.env.NODE_ENV === 'development' && process.type === 'browser') console.log(escapedSql);
+   }
+};

src/main/main.ts

@@ -43,7 +43,8 @@ async function createMainWindow () {
          spellcheck: false
       },
       autoHideMenuBar: true,
-      titleBarStyle: isLinux ? 'default' :'hidden',
+      frame: !isLinux,
+      titleBarStyle: 'hidden',
       titleBarOverlay: isWindows
          ? {
             color: appTheme === 'dark' ? '#3f3f3f' : '#fff',
@@ -127,8 +128,8 @@ app.on('ready', async () => {
    if (isWindows)
       mainWindow.show();
 
-   if (isDevelopment && !isWindows)// Because on Windows you can open devtools from title-bar
+   // if (isDevelopment && !isWindows)
-      mainWindow.webContents.openDevTools();
+   //    mainWindow.webContents.openDevTools();
 
    process.on('uncaughtException', error => {
       mainWindow.webContents.send('unhandled-exception', error);

src/renderer/components/DebugConsole.vue

@@ -21,8 +21,24 @@
                   <a class="tab-link" @click="selectedTab = 'debug'">{{ t('application.debugConsole') }}</a>
                </li>
             </ul>
+            <div class="d-flex">
+               <div
+                  v-if="isDevelopment"
+                  class="c-hand mr-2"
+                  @click="openDevTools()"
+               >
+                  <BaseIcon icon-name="mdiBugPlayOutline" :size="22" />
+               </div>
+               <div
+                  v-if="isDevelopment"
+                  class="c-hand mr-2"
+                  @click="reload()"
+               >
+                  <BaseIcon icon-name="mdiRefresh" :size="22" />
+               </div>
                <button class="btn btn-clear mr-1" @click="resizeConsole(0)" />
             </div>
+         </div>
          <div
             v-show="selectedTab === 'query'"
             ref="queryConsoleBody"
@@ -71,6 +87,7 @@
    </BaseContextMenu>
 </template>
 <script setup lang="ts">
+import { getCurrentWindow } from '@electron/remote';
 import * as moment from 'moment';
 import { storeToRefs } from 'pinia';
 import { highlight } from 'sql-highlight';
@@ -112,6 +129,8 @@ const isHover = ref(false);
 const isContext = ref(false);
 const contextContent: Ref<string> = ref(null);
 const contextEvent: Ref<MouseEvent> = ref(null);
+const w = ref(getCurrentWindow());
+const isDevelopment = ref(process.env.NODE_ENV === 'development');
 
 const resize = (e: MouseEvent) => {
    const el = queryConsole.value;
@@ -142,6 +161,14 @@ const copyLog = () => {
    isContext.value = false;
 };
 
+const openDevTools = () => {
+   w.value.webContents.openDevTools();
+};
+
+const reload = () => {
+   w.value.reload();
+};
+
 watch(workspaceQueryLogs, async () => {
    if (!isHover.value) {
       await nextTick();

src/renderer/components/TheTitleBar.vue

@@ -1,6 +1,5 @@
 <template>
    <div
-      v-if="!isLinux"
       id="titlebar"
       @dblclick="toggleFullScreen"
    >
@@ -21,16 +20,27 @@
             class="titlebar-element"
             @click="openDevTools"
          >
-            <BaseIcon icon-name="mdiBugPlayOutline" :size="24" />
+            <BaseIcon icon-name="mdiBugPlayOutline" :size="18" />
          </div>
          <div
             v-if="isDevelopment"
             class="titlebar-element"
             @click="reload"
          >
-            <BaseIcon icon-name="mdiRefresh" :size="24" />
+            <BaseIcon icon-name="mdiRefresh" :size="18" />
          </div>
          <div v-if="isWindows" :style="'width: 140px;'" />
+         <div v-if="isLinux" class="d-flex">
+            <div class="titlebar-element" @click="minimize">
+               <BaseIcon icon-name="mdiWindowMinimize" :size="18" />
+            </div>
+            <div class="titlebar-element" @click="toggleFullScreen">
+               <BaseIcon :icon-name="isMaximized ? 'mdiWindowRestore' : 'mdiWindowMaximize'" :size="18" />
+            </div>
+            <div class="titlebar-element" @click="closeApp">
+               <BaseIcon icon-name="mdiClose" :size="18" />
+            </div>
+         </div>
       </div>
    </div>
 </template>
@@ -74,6 +84,18 @@ const windowTitle = computed(() => {
    return [connectionName, ...breadcrumbs].join(' • ');
 });
 
+const openDevTools = () => {
+   w.value.webContents.openDevTools();
+};
+
+const reload = () => {
+   w.value.reload();
+};
+
+const minimize = () => {
+   w.value.minimize();
+};
+
 const toggleFullScreen = () => {
    if (isMaximized.value)
       w.value.unmaximize();
@@ -81,12 +103,8 @@ const toggleFullScreen = () => {
       w.value.maximize();
 };
 
-const openDevTools = () => {
+const closeApp = () => {
-   w.value.webContents.openDevTools();
+   ipcRenderer.send('close-app');
-};
-
-const reload = () => {
-   w.value.reload();
 };
 
 const onResize = () => {

src/renderer/components/WorkspaceTabQueryTable.vue

@@ -696,15 +696,15 @@ const fillCell = (event: { name: string; group: string; type: string }) => {
    }
 
    fakeValue = (fakerCustom as any)[event.group][event.name]();
-   if (['string', 'number'].includes(typeof fakeValue)) {
+   const isDateType = [...DATE, ...DATETIME].includes(selectedCell.value.type);
+   if (isDateType)
+      fakeValue = moment(fakeValue).format(`YYYY-MM-DD HH:mm:ss${datePrecision}`);
+   else if (['string', 'number'].includes(typeof fakeValue)) {
       if (typeof fakeValue === 'number')
          fakeValue = String(fakeValue);
-
       if (selectedCell.value.length)
          fakeValue = fakeValue.substring(0, selectedCell.value.length < 1024 ? Number(selectedCell.value.length) : 1024);
    }
-   else if ([...DATE, ...DATETIME].includes(selectedCell.value.type))
-      fakeValue = moment(fakeValue).format(`YYYY-MM-DD HH:mm:ss${datePrecision}`);
    else if (TIME.includes(selectedCell.value.type))
       fakeValue = moment(fakeValue).format(`HH:mm:ss${datePrecision}`);
 

src/renderer/scss/_variables.scss

@@ -29,14 +29,8 @@ $explorebar-width: 14rem;
 $footer-height: 1.5rem;
 
 @function get-excluding-size() {
-  @if $platform == linux {
-    @return $footer-height;
-  }
-
-  @else {
   @return $footer-height + $titlebar-height;
 }
-}
 
 /* stylelint-disable-next-line function-no-unknown */
 $excluding-size: get-excluding-size();

src/renderer/scss/main.scss

@@ -20,6 +20,7 @@
 
 body {
   user-select: none;
+  background-color: #000;
 }
 
 a {

src/renderer/untyped.d.ts

@@ -3,6 +3,7 @@
 declare module '@/App.vue';
 declare module 'v-mask';
 declare module 'json2php';
+declare module '*/encoding_charset.js';
 declare module 'vuedraggable' {// <- to export as default
   const draggableComponent: import('vue').DefineComponent<{
     list: {