chore(release): 0.3.10

.all-contributorsrc

@@ -1,6 +1,6 @@
 {
   "projectName": "antares",
-  "projectOwner": "antares-sql",
+  "projectOwner": "Fabio286",
   "repoType": "github",
   "repoHost": "https://github.com",
   "files": [
@@ -120,51 +120,6 @@
       "contributions": [
         "code"
       ]
-    },
-    {
-      "login": "wenj91",
-      "name": "文杰",
-      "avatar_url": "https://avatars.githubusercontent.com/u/12549338?v=4",
-      "profile": "https://github.com/wenj91",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "goYou",
-      "name": "goYou",
-      "avatar_url": "https://avatars.githubusercontent.com/u/62732795?v=4",
-      "profile": "https://github.com/goYou",
-      "contributions": [
-        "translation"
-      ]
-    },
-    {
-      "login": "raliqala",
-      "name": "Topollo",
-      "avatar_url": "https://avatars.githubusercontent.com/u/30502407?v=4",
-      "profile": "https://github.com/raliqala",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "SmileYzn",
-      "name": "Cleverson",
-      "avatar_url": "https://avatars.githubusercontent.com/u/5851851?v=4",
-      "profile": "https://github.com/SmileYzn",
-      "contributions": [
-        "translation"
-      ]
-    },
-    {
-      "login": "fredatgithub",
-      "name": "fred",
-      "avatar_url": "https://avatars.githubusercontent.com/u/6720055?v=4",
-      "profile": "https://github.com/fredatgithub",
-      "contributions": [
-        "translation"
-      ]
     }
   ],
   "contributorsPerLine": 7,

.eslintrc

@@ -6,23 +6,15 @@
     },
     "extends": [
         "standard",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:vue/vue3-recommended"
+        "plugin:vue/recommended"
     ],
-    "parser": "vue-eslint-parser",
     "parserOptions": {
-        "parser": "@typescript-eslint/parser",
+        "parser": "@babel/eslint-parser",
         "ecmaVersion": 9,
         "sourceType": "module",
         "requireConfigFile": false
     },
-    "plugins": [
-        "vue",
-        "@typescript-eslint"
-    ],
     "rules": {
-        "space-infix-ops": "off",
-        "object-curly-newline": "off",
         "indent": [
             "error",
             3,
@@ -77,20 +69,6 @@
                     "max": 1
                 }
             }
-        ],
-        "@typescript-eslint/member-delimiter-style": [
-            "warn",
-            {
-                "multiline": {
-                    "delimiter": "semi",
-                    "requireLast": true
-                },
-                "singleline": {
-                    "delimiter": "semi",
-                    "requireLast": false
-                }
-            }
-        ],
-        "@typescript-eslint/no-var-requires": "off"
+        ]
     }
 }

.github/ISSUE_TEMPLATE/bug_report.md

@@ -26,16 +26,13 @@ If applicable, add screenshots to help explain your problem.
 
 **Application (please complete the following information):**
 
-- App client [e.g. MySQL]
-- App version [e.g. 0.5.2]
-- Installation source: [e.g. exe, Linux Store, AppImage, dmg]
+- Version [e.g. 0.14.0]
+- Distribution: [e.g. exe, Linux Store, AppImage, dmg]
 
-**Environment (please complete the following information):**
+**Desktop (please complete the following information):**
 
-- OS name: [e.g. Windows 11]
-- OS version [e.g. 21H2]
-- DB name  [e.g. MariaDB]
-- DB version [e.g. 10.3.34]
+- OS: [e.g. iOS]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.

.github/workflows/build-linux.yml

@@ -12,15 +12,12 @@ jobs:
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v1
 
       - name: Install Node.js, NPM and Yarn
         uses: actions/setup-node@v1
         with:
           node-version: 14
-      
-      - name: Install dependencies
-        run: npm i
 
       - name: Build/release Electron app
         uses: samuelmeuli/action-electron-builder@v1

.github/workflows/build-mac.yml

@@ -12,16 +12,13 @@ jobs:
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v1
 
       - name: Install Node.js, NPM and Yarn
         uses: actions/setup-node@v1
         with:
           node-version: 14
-          
-      - name: Install dependencies
-        run: npm i
-        
+
       - name: Build/release Electron app
         uses: samuelmeuli/action-electron-builder@v1
         with:

.github/workflows/build-win.yml

@@ -8,20 +8,17 @@ jobs:
 
     strategy:
       matrix:
-        os: [windows-2019]
+        os: [windows-latest]
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v1
 
       - name: Install Node.js, NPM and Yarn
         uses: actions/setup-node@v1
         with:
           node-version: 14
 
-      - name: Install dependencies
-        run: npm i
-          
       - name: Build/release Electron app
         uses: samuelmeuli/action-electron-builder@v1
         with:

.github/workflows/test-e2e-linux.yml

@@ -1,26 +0,0 @@
-name: Test end-to-end [linux]
-
-on: push
-
-jobs:
-  release:
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      matrix:
-        os: [ubuntu-latest]
-
-    steps:
-      - name: Check out Git repository
-        uses: actions/checkout@v2
-
-      - name: Install Node.js, NPM and Yarn
-        uses: actions/setup-node@v1
-        with:
-          node-version: 14
-      
-      - name: Install dependencies
-        run: npm i
-        
-      - name: Run tests
-        run: npm run test:e2e

.gitignore

@@ -1,11 +1,8 @@
 .DS_Store
 dist
 build
-misc/*
-!misc/.gitkeep
 node_modules
 thumbs.db
 NOTES.md
 *.txt
-package-lock.json
-*.heapsnapshot
+package-lock.json

.vscode/launch.json

@@ -2,8 +2,8 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Electron: Main",
       "cwd": "${workspaceFolder}",
+      "name": "Electron: Main",
       "port": 9222,
       "protocol": "inspector",
       "request": "attach",
@@ -18,16 +18,6 @@
       "sourceMaps": true,
       "type": "chrome",
       "webRoot": "${workspaceFolder}"
-    },
-    {
-      "name": "Electron: Worker",
-      "cwd": "${workspaceFolder}",
-      "port": 9224,
-      "protocol": "inspector",
-      "request": "attach",
-      "sourceMaps": true,
-      "type": "node",
-      "timeout": 1000000
     }
   ],
   "compounds": [

.vscode/settings.json

@@ -4,8 +4,7 @@
       "core",
       "MySQL",
       "PostgreSQL",
-      "SQLite",
-      "Windows"
+      "SQLite"
    ],
    "svg.preview.background": "transparent"
 }

CHANGELOG.md

@@ -2,204 +2,7 @@
 
 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.5.3](https://github.com/antares-sql/antares/compare/v0.5.2...v0.5.3) (2022-05-08)
-
-
-### Features
-
-* default open schema if only one present ([0fa22fb](https://github.com/antares-sql/antares/commit/0fa22fbe72fd4e3b2cfff6fc1847347f69fafda6))
-
-
-### Bug Fixes
-
-* can not use vue teleport with props as root element ([88eb9f7](https://github.com/antares-sql/antares/commit/88eb9f7ab80c407ec6517206c27cce715c41eb24))
-* importer webpack config ([f82db96](https://github.com/antares-sql/antares/commit/f82db96f34579c5f5f0c025ba82aff13047eb045))
-* importer webpack config ([b4d9821](https://github.com/antares-sql/antares/commit/b4d9821300991bf000846ae38ed18d79564db67b))
-* LIKE operator in table filter not properly working, closes [#242](https://github.com/antares-sql/antares/issues/242) ([eb1afed](https://github.com/antares-sql/antares/commit/eb1afed108d97e2acb7ea5279aabd582014c3c58))
-* locale change ([6af0c33](https://github.com/antares-sql/antares/commit/6af0c33461dfab868bca757e55ae62e6c6094c6c))
-* missing storeToRefs imports ([ff8bb45](https://github.com/antares-sql/antares/commit/ff8bb45d6d19303b2e7701639d22e52e4ae2976c))
-* missing tabs uid ([18b66b5](https://github.com/antares-sql/antares/commit/18b66b50323e69ed9d0090a4cbbe0ada9e10838d))
-* **MySQL:** creating temporary tables on export to overcome view dependency errors ([e4c5d9b](https://github.com/antares-sql/antares/commit/e4c5d9b404c2b20cf113607a80ee928b810e6f05))
-* **MySQL:** support to ANSI_QUOTES mode not working, closes [#243](https://github.com/antares-sql/antares/issues/243) ([9fcc7d1](https://github.com/antares-sql/antares/commit/9fcc7d1cefc3c035a63e843616c3138c772037f1))
-* prevents query tabs targets previous schema if not in explorebar, closes [#236](https://github.com/antares-sql/antares/issues/236) ([5e4abd3](https://github.com/antares-sql/antares/commit/5e4abd3e81d70bcb9b3a897d38d6f8ec3ff0706b))
-* query editor table fields suggestion ([e9dedfa](https://github.com/antares-sql/antares/commit/e9dedfaf3203f5621e54fd707003a47e6e5a5c4d))
-* **SQLite:** tables with sqlite in name not visible, closes [#239](https://github.com/antares-sql/antares/issues/239) ([690cdcb](https://github.com/antares-sql/antares/commit/690cdcb2eb1c7bf514271000c31211d1c0b33e54))
-* unable to add parameters to new routines/functions ([350d536](https://github.com/antares-sql/antares/commit/350d53642e2491fd2dedbbf999579ba9c9bc59a0))
-* unable to disconnect from database ([47e1f27](https://github.com/antares-sql/antares/commit/47e1f27bb83b99288157185ad8b62d190a9e7881))
-* unable to set an empty string as field default ([bfdb463](https://github.com/antares-sql/antares/commit/bfdb463390453a55963af29ef0e7cd3aea26f4cf))
-* undefined uid variable in the setting bar ([3cca3ed](https://github.com/antares-sql/antares/commit/3cca3ed2b31c5763794c52cce34ccba1e848efe2))
-* various warnings and exceptions ([c50cbc5](https://github.com/antares-sql/antares/commit/c50cbc577f667c17ba676960cf2c840d24366c80))
-* verbose devtool loggin with missing sourcemap ([1174bab](https://github.com/antares-sql/antares/commit/1174bab0cc895c4e294804d810b0789166602725))
-* wrong path module importation ([472fa6f](https://github.com/antares-sql/antares/commit/472fa6f4300b7e3fbf8c8079a548ca34d941f5fb))
-* wrong path module importation ([9a0f982](https://github.com/antares-sql/antares/commit/9a0f98272342d201e9bc979d5bc5768cfd20f3fb))
-
-### [0.5.2](https://github.com/antares-sql/antares/compare/v0.5.1...v0.5.2) (2022-04-10)
-
-
-### Features
-
-* **core:** option to allow untrusted SSL connections ([6cc098c](https://github.com/antares-sql/antares/commit/6cc098c6f02fb52cc71c0141431ab75f12744a1c))
-* french translation updated, closes [#222](https://github.com/antares-sql/antares/issues/222) ([796f61b](https://github.com/antares-sql/antares/commit/796f61bf2feab0da515901e2137dc7bf04371d7d))
-* **PostgreSQL:** export functions and procedures ([a8ca8f2](https://github.com/antares-sql/antares/commit/a8ca8f2f76ab36c4afe84d602709386315f4b7d1))
-* **PostgreSQL:** export tables ([a67071e](https://github.com/antares-sql/antares/commit/a67071e28470bcbd0ec26780bb86f3c65750ded8))
-* **PostgreSQL:** export triggers ([42376b4](https://github.com/antares-sql/antares/commit/42376b4bc6dd8b630402d09b026d9fbc0b8646bb))
-* **PostgreSQL:** export user-defined types before tables ([bb02479](https://github.com/antares-sql/antares/commit/bb02479b71bf75a6e69e28af57c5fe213d3f30bc))
-* **PostgreSQL:** export views ([86f011f](https://github.com/antares-sql/antares/commit/86f011f34fec9d6829bce324493fea888a863ffc))
-* **PostgreSQL:** sql dump importer ([6086ca4](https://github.com/antares-sql/antares/commit/6086ca4a80b9ad6a07086446253d781f052d3abc))
-
-
-### Bug Fixes
-
-* **PostgreSQL:** wrong values exporting table content ([0f9c991](https://github.com/antares-sql/antares/commit/0f9c991f539560913fa0e9361a16e6448a066a27))
-* ssh tunnel not properly working, closes [#220](https://github.com/antares-sql/antares/issues/220) ([026d74c](https://github.com/antares-sql/antares/commit/026d74c8c88c605a3c8c963c211078f5b3dcfda1))
-
-
-### Improvements
-
-* **PostgreSQL:** improved dump file ([408dded](https://github.com/antares-sql/antares/commit/408ddeda5634ab6bf41eff760271669170b60eb6))
-* **PostgreSQL:** improved views exportation ([638a88a](https://github.com/antares-sql/antares/commit/638a88a1fb35c048ff4c6d120aaaef831c846f58))
-
-### [0.5.1](https://github.com/Fabio286/antares/compare/v0.5.0...v0.5.1) (2022-03-25)
-
-
-### Features
-
-* export database as zip sql file ([8f3efab](https://github.com/Fabio286/antares/commit/8f3efabb6962c55c23a43c8da1433185dbc3fb41))
-* **UI:** option to disable blur effects, closes [#209](https://github.com/Fabio286/antares/issues/209) ([e9079ad](https://github.com/Fabio286/antares/commit/e9079adb25ec28e9546acd54bc2565b8d6e28120))
-
-
-### Bug Fixes
-
-* numeric scale displayed on non decimal fields ([db628f7](https://github.com/Fabio286/antares/commit/db628f77226b161c3df31b7450b92a6e58754ab7))
-* **UI:** connection buttons out of screen on small displays, closes [#213](https://github.com/Fabio286/antares/issues/213) ([f12e6a9](https://github.com/Fabio286/antares/commit/f12e6a96dd66140b06c55eda775af48a666627dd))
-
-## [0.5.0](https://github.com/Fabio286/antares/compare/v0.4.4...v0.5.0) (2022-03-12)
-
-
-### Features
-
-* delete dump file when the export is canceled ([d25c62b](https://github.com/Fabio286/antares/commit/d25c62b4da9480e040d0bfac8b76732a4c69a5f1))
-* initial db export implementation ([0de2321](https://github.com/Fabio286/antares/commit/0de232192076d1de827424c593ac9dff63903531))
-* initial mysql import support ([4e9f8d1](https://github.com/Fabio286/antares/commit/4e9f8d16ee3c204d5f0c2bed081206f8b38207a6))
-* mysql export for trigger, views, schedulers, functions and routines ([b2a5b40](https://github.com/Fabio286/antares/commit/b2a5b40c03d56bced5a7968c3454f36060e56dd0))
-* **MySQL:** enhance export characters escaping ([3be826d](https://github.com/Fabio286/antares/commit/3be826df4b02ff0df0aa922d96755b31b7155784))
-* **MySQL:** support to multi spatial fields export ([4be55f3](https://github.com/Fabio286/antares/commit/4be55f3fe9bb48324b780734762f2ff6da2ccb61))
-* **PostgreSQL:** :sparkles: Postgress connection string feature for local and server connection string ([6305752](https://github.com/Fabio286/antares/commit/6305752ad117cc29c04bce3ce3df321f743cdc44))
-* **PostgreSQL:** :sparkles: Postgress connection string feature for local and server connection string ([f4a63ea](https://github.com/Fabio286/antares/commit/f4a63eae2aca2a84647a5027137614950aef1eac))
-* **UI:** auto-refresh schema at the end of the import process ([abf2b92](https://github.com/Fabio286/antares/commit/abf2b92e6e66b6668e698c5addf4e3c00ae5157b))
-* **UI:** better real-time import stats ([a6f5645](https://github.com/Fabio286/antares/commit/a6f5645a226454cc2c415311ac321ba3d4db4454))
-* **UI:** toggle tables checkbox by column on export modal ([1c4d5b0](https://github.com/Fabio286/antares/commit/1c4d5b05b3f94b3e7bef930aa7f89bdaa596c0b9))
-
-
-### Bug Fixes
-
-* **MySQL:** exception exporting empty procedures/functions ([ee415da](https://github.com/Fabio286/antares/commit/ee415da127d6d0de95aac901a2a01af863736344))
-* **MySQL:** export crash with large databases ([8cf738b](https://github.com/Fabio286/antares/commit/8cf738bac85698fddd0504eef7844279e8c11f44))
-* **MySQL:** missing functions and procedures definer escapes on exporter ([f0351e5](https://github.com/Fabio286/antares/commit/f0351e5b94830f9f52256096c2601b0ca9cd811d))
-* **MySQL:** missing initial delimiter for exported procedures ([1a9fc37](https://github.com/Fabio286/antares/commit/1a9fc3728580f789727256d7893ca4bb90c16a50))
-* **MySQL:** procedures exportation ([4276586](https://github.com/Fabio286/antares/commit/4276586e1141500401ff1ab570b29e485f459987))
-* sql parser hangs during import ([7a6bd8b](https://github.com/Fabio286/antares/commit/7a6bd8bdbd69e3b5fe265d0bb0be844699dd77c2))
-* wrong schema and table size on explore bar ([4479a96](https://github.com/Fabio286/antares/commit/4479a9600b5e59ef1bcf9135d661b4d7900a4bde))
-* wrong soft sort algorithm for numeric fields, closes [#199](https://github.com/Fabio286/antares/issues/199) ([763be85](https://github.com/Fabio286/antares/commit/763be8532d2b61d0b4d45e72343f6a2e5fee1db9))
-
-
-### Improvements
-
-* avoid to load schema elements if already loaded in export modal ([d9d3bf2](https://github.com/Fabio286/antares/commit/d9d3bf2bc9d39ce8eec5dffbecbf767fbcf47782))
-* **MySQL:** import performance improvement ([f444746](https://github.com/Fabio286/antares/commit/f444746f465ed0e8bd2e4c007faf17e167814278))
-* **MySQL:** import tasks managed with async queue ([bbe13f2](https://github.com/Fabio286/antares/commit/bbe13f27dc29f997898f8c13f36b5d582770b21d))
-* **MySQL:** improved several field types support on exporter ([1990d9a](https://github.com/Fabio286/antares/commit/1990d9a3d441f0e2075ac7e893d5b166275c48c0))
-* **MySQL:** prevent memory leak on large dump import ([f3759b6](https://github.com/Fabio286/antares/commit/f3759b65411a40d92b98208176cdf8e6dd8230ce))
-* **PostgreSQL:** :zap: Postgres connection update, better error handling and connection string accommodation. ([330a80f](https://github.com/Fabio286/antares/commit/330a80fe70b81f466f5e883029f42087b4b5c411))
-* split the export select query to avoid running out of memory ([409ed54](https://github.com/Fabio286/antares/commit/409ed54608ad402b63fcc26a6e724bc447ba89d2))
-* use fork() for the export process ([748d449](https://github.com/Fabio286/antares/commit/748d44977e76c6c8d6344df52e8e3ccfab84f670))
-* use fork() for the import process ([573ac6d](https://github.com/Fabio286/antares/commit/573ac6d42ef833f250d102e5b30ae6cf5877f330))
-
-### [0.4.4](https://github.com/Fabio286/antares/compare/v0.4.3...v0.4.4) (2022-02-27)
-
-
-### Features
-
-* execution notification for ROLLBACK and COMMIT ([76743e8](https://github.com/Fabio286/antares/commit/76743e8f7c02b824cb21540bfbcbe66ba43de8fa))
-* **MySQL:** manual commit mode ([4ed2f9a](https://github.com/Fabio286/antares/commit/4ed2f9a93937b4293436a64318b7d6ae3a0d93c2))
-* **PostgreSQL:** manual commit mode ([d81e091](https://github.com/Fabio286/antares/commit/d81e0911ab82fb75745ab11e67e867a00d8ac273))
-* reminder for uncommitted changes closing a tab ([5bfff64](https://github.com/Fabio286/antares/commit/5bfff649e92f6fe5aba4b16aa4c8d5a5a70b31b2))
-* **SQLite:** manual commit mode ([7dcd444](https://github.com/Fabio286/antares/commit/7dcd4441c49fafc0f47e12c2129708fe1092e1a4))
-
-
-### Bug Fixes
-
-* bigint support, closes [#197](https://github.com/Fabio286/antares/issues/197) ([b703955](https://github.com/Fabio286/antares/commit/b7039553ccaac4fd59e521530c4a053922854130))
-* **MySQL:** default value not displayed for DECIMAL fields ([fa3f3e1](https://github.com/Fabio286/antares/commit/fa3f3e1fd8101f19f18df71e90d60fd37cdddaee))
-* zero-padded bit fields beyond length ([265f28b](https://github.com/Fabio286/antares/commit/265f28b4d94cde4608a1d6d3d306824134808ec2))
-
-### [0.4.3](https://github.com/Fabio286/antares/compare/v0.4.2...v0.4.3) (2022-01-30)
-
-
-### Features
-
-* add Simplified Chinese translation ([6ef565c](https://github.com/Fabio286/antares/commit/6ef565cf078cb3f5b7bcdc226894cddeb6239db9))
-* **MySQL:** spatial fields support ([#165](https://github.com/Fabio286/antares/issues/165)) ([48ebf23](https://github.com/Fabio286/antares/commit/48ebf23bd1574408f429f2e1200ce878352007f6))
-
-
-### Bug Fixes
-
-* cell copy returns "undefined" in some conditions, closes [#170](https://github.com/Fabio286/antares/issues/170) ([8fb1f08](https://github.com/Fabio286/antares/commit/8fb1f0803efd9df0b66521e73bb6e1a229cf9691))
-* indexes and foreign keys not cleared after deletion of related field, closes [#182](https://github.com/Fabio286/antares/issues/182) ([9f033fb](https://github.com/Fabio286/antares/commit/9f033fb994916b4fb165e81e55e86127ca817791))
-* **PostgreSQL:** schema different than public not automatically selected, closes [#172](https://github.com/Fabio286/antares/issues/172) ([46b45c8](https://github.com/Fabio286/antares/commit/46b45c8ab64fb6837a532c4f8342167e4fd794bb))
-* scale on numeric fields that doesn't support it ([0cfd793](https://github.com/Fabio286/antares/commit/0cfd7938ee7d607dbad66ae452d0200223a6bab2))
-* **Windows:** temporary fix to Windows 7 style frame on app startup, closes [#169](https://github.com/Fabio286/antares/issues/169) ([1356011](https://github.com/Fabio286/antares/commit/1356011ba3b7dd72e12cb252a8787ce48a364fd4))
-
-
-### Improvements
-
-* support of scale in field's length setting ([eef7c1d](https://github.com/Fabio286/antares/commit/eef7c1dcecc6593ab0e69ed678187a57fe0a4fb6))
-
-### [0.4.2](https://github.com/Fabio286/antares/compare/v0.4.1...v0.4.2) (2022-01-10)
-
-
-### Features
-
-* **MySQL:** ability to cancel queries ([a59f77f](https://github.com/Fabio286/antares/commit/a59f77f618aea6156fc80fb832d3efcb9848411f))
-* **PostgreSQL:** ability to cancel queries ([0c00291](https://github.com/Fabio286/antares/commit/0c002918eb0226f6b3f21ed62117495f86396fb1))
-* save window state ([8f9385d](https://github.com/Fabio286/antares/commit/8f9385d50815635d091758ecd5d00884e3297ca0))
-* **UI:** textarea autofocus selecting a query tab, closes [#166](https://github.com/Fabio286/antares/issues/166) ([b4545b1](https://github.com/Fabio286/antares/commit/b4545b178f795712c781a3f4fc35eec31b5ad902))
-
-
-### Bug Fixes
-
-* **SQLite:** exception with some fields ([e7a1858](https://github.com/Fabio286/antares/commit/e7a18580915e7739bfa97948c6a0c4fc90a7e78a))
-
-
-### Improvements
-
-* hash for foreign key default names ([48c3e6a](https://github.com/Fabio286/antares/commit/48c3e6afc43c51f70a16703f1a71194f43da7a3e))
-* **MySQL:** support to ANSI_QUOTES sql_mode, closes [#158](https://github.com/Fabio286/antares/issues/158) ([d9a3eab](https://github.com/Fabio286/antares/commit/d9a3eab015302e9f23112f659658073ab3242191))
-
-### [0.4.1](https://github.com/Fabio286/antares/compare/v0.4.0...v0.4.1) (2021-12-11)
-
-
-### Features
-
-* language format detection for text fields ([a5fdcc1](https://github.com/Fabio286/antares/commit/a5fdcc1a85aa188ff1b9a15b1a768aced026f360))
-
-
-### Bug Fixes
-
-* cell disappear on edit in one column tables ([aaa5549](https://github.com/Fabio286/antares/commit/aaa5549609664665bd4513632d621cb249b379c1))
-* false positive with Windows Defender ([992a033](https://github.com/Fabio286/antares/commit/992a033cb2bede3d1eb52e19482d810f6692de1e))
-* **MySQL:** wrong datetime fields default in table filler in some cases ([8da0224](https://github.com/Fabio286/antares/commit/8da022487650039b7f34a9c86a7bd9045eba65e2))
-* **MySQL:** wrong value for fields "on update" in some conditions ([359e14a](https://github.com/Fabio286/antares/commit/359e14a9ebd48f86069ba7762fe00a7056f52d47))
-* select all rows with ctrl+a when editing a cell ([35cb7e1](https://github.com/Fabio286/antares/commit/35cb7e1dc48d3a74e9d106cb1a37f454c1b4a4d1))
-* **SQLite:** update rows with a text primary key ([d7f1aa9](https://github.com/Fabio286/antares/commit/d7f1aa97af32a4c51fc7022498bd47e15fa08430))
-
-
-### Improvements
-
-* **UI:** avoid columns size change when editing cells or scrolling results ([813aa32](https://github.com/Fabio286/antares/commit/813aa320d9ab799efea38a7110b7c0bdf7549123))
-* **UI:** disable save button in table creation when no fields are added ([e8af2d2](https://github.com/Fabio286/antares/commit/e8af2d24a869f7667c069936648808952d2062ab))
-
-## [0.4.0](https://github.com/Fabio286/antares/compare/v0.3.9...v0.4.0) (2021-11-24)
+### [0.3.10](https://github.com/Fabio286/antares/compare/v0.3.9...v0.3.10) (2021-11-24)
 
 
 ### Features

CONTRIBUTING.md

@@ -2,7 +2,7 @@
 
 Antares SQL is an application based on [Electron.js](https://www.electronjs.org/) that uses [Vue.js](https://vuejs.org/) and [Spectre.css](https://picturepan2.github.io/spectre/) as frontend frameworks.  
 For the build process it takes advantage of [electron-builder](https://www.electron.build/).  
-This application uses [Pinia🍍](https://pinia.vuejs.org/) as application state manager and [electron-store](https://github.com/sindresorhus/electron-store) to save the various settings on disc.  
+This application uses [Vuex](https://vuex.vuejs.org/) as application state manager and [electron-store](https://github.com/sindresorhus/electron-store) to save the various settings on disc.  
 This guide aims to provide useful information and guidelines to everyone wants to contribute with this open-source project.
 For every other question related to this project please [contact me](https://github.com/Fabio286).
 
@@ -14,7 +14,7 @@ The main files of the application are located inside `src` folder and are groupp
 
 This folder contains small libraries, classes and objects. The purpose of `common` folder is to group together utilities used by **renderer** and **main** processes.  
 Noteworthy is the `customizations` folder that contains clients related customizations. Those settings are merged with `default.js` that lists every option.  
-Client related customizations are stored on Pinia and can be accessed by `customizations` property of current workspace object, or importing `common/customizations`.  
+Client related customizations are stored on Vuex and can be accessed by `customizations` property of current workspace object, or importing `common/customizations`.  
 
 An use case of customizations object can be the following:
 
@@ -62,6 +62,12 @@ The command to build Antares SQL locally is `npm run build:local`.
 - [Order of words in component names](https://vuejs.org/v2/style-guide/#Order-of-words-in-component-names-strongly-recommended).
 - **kebab-case** in templates for property and event names.
 
+### Vuex
+
+- **snake_case** for state names.
+- **camelCase** for getter and action names.
+- **SNAKE_CASE (all caps)** for mutation names.
+
 ### Code Style
 
 The project includes [ESlint](https://eslint.org/) and [StyleLint](https://stylelint.io/) config files with style rules. I recommend to set the lint on-save option in your code editor.  

README.md

@@ -31,15 +31,15 @@ We are actively working on it, hoping to provide new cool features, improvements
 - Query suggestions and auto complete.
 - Query history: search through the last 1000 queries.
 - SSH tunnel support.
-- Manual commit mode.
-- Import and export database dumps.
 - Dark and light theme.
 - Editor themes.
+- Scratchpad.
+- Secure password storage.
 
 ## Philosophy
 
 Why are we developing an SQL client when there are a lot of them on the market?  
-The main goal is to develop a **forever 100% free (without paid premium feature)**, full featured, as possible community driven, cross platform and open source alternative, empowered by JavaScript ecosystem.  
+The main goal is to develop a totally free, full featured, cross platform and open source alternative, empowered by JavaScript's ecosystem.  
 A modern application created with minimalism and semplicity in mind, with features in the right places, not hundreds of tiny buttons, nested tabs or submenu; productivity comes first.  
 
 ## Installation
@@ -72,6 +72,7 @@ This is a roadmap with major features will come in near future.
 - Users management (add/edit/delete).
 - More context menu shortcuts.
 - More keyboard shortcuts.
+- Import/export and migration.
 - Support for other databases.
 - Apple Silicon distribution
 
@@ -104,7 +105,7 @@ This is a roadmap with major features will come in near future.
 
 - 🌍 [Translate Antares](https://github.com/Fabio286/antares/wiki/Translate-Antares)
 - 📖 [Contributors Guide](https://github.com/Fabio286/antares/wiki/Contributors-Guide)
-- 🚧 [Project Board](https://github.com/antares-sql/antares/projects/1)
+- 🚧 [Project Board](https://github.com/users/Fabio286/projects/1)
 
 ## Contributors ✨
 
@@ -115,9 +116,9 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="https://fabiodistasio.it/"><img src="https://avatars.githubusercontent.com/u/31471771?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Fabio Di Stasio</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=Fabio286" title="Code">💻</a> <a href="#translation-Fabio286" title="Translation">🌍</a> <a href="https://github.com/antares-sql/antares/commits?author=Fabio286" title="Documentation">📖</a></td>
-    <td align="center"><a href="https://www.linkedin.com/in/giulioganci/"><img src="https://avatars.githubusercontent.com/u/4192159?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Giulio Ganci</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=toriphes" title="Code">💻</a></td>
-    <td align="center"><a href="https://christianratz.de/"><img src="https://avatars.githubusercontent.com/u/2630316?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Christian Ratz</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=digitalgopnik" title="Code">💻</a> <a href="#translation-digitalgopnik" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://fabiodistasio.it/"><img src="https://avatars.githubusercontent.com/u/31471771?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Fabio Di Stasio</b></sub></a><br /><a href="https://github.com/Fabio286/antares/commits?author=Fabio286" title="Code">💻</a> <a href="#translation-Fabio286" title="Translation">🌍</a> <a href="https://github.com/Fabio286/antares/commits?author=Fabio286" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://www.linkedin.com/in/giulioganci/"><img src="https://avatars.githubusercontent.com/u/4192159?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Giulio Ganci</b></sub></a><br /><a href="https://github.com/Fabio286/antares/commits?author=toriphes" title="Code">💻</a></td>
+    <td align="center"><a href="https://christianratz.de/"><img src="https://avatars.githubusercontent.com/u/2630316?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Christian Ratz</b></sub></a><br /><a href="https://github.com/Fabio286/antares/commits?author=digitalgopnik" title="Code">💻</a> <a href="#translation-digitalgopnik" title="Translation">🌍</a></td>
     <td align="center"><a href="https://reverb6821.github.io/"><img src="https://avatars.githubusercontent.com/u/55198803?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Giuseppe Gigliotti</b></sub></a><br /><a href="#translation-reverb6821" title="Translation">🌍</a></td>
     <td align="center"><a href="https://github.com/Mohd-PH"><img src="https://avatars.githubusercontent.com/u/9362157?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mohd-PH</b></sub></a><br /><a href="#translation-Mohd-PH" title="Translation">🌍</a></td>
     <td align="center"><a href="https://github.com/hongkfui"><img src="https://avatars.githubusercontent.com/u/37477191?v=4?s=100" width="100px;" alt=""/><br /><sub><b>hongkfui</b></sub></a><br /><a href="#translation-hongkfui" title="Translation">🌍</a></td>
@@ -128,14 +129,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://ngoquocdat.com/"><img src="https://avatars.githubusercontent.com/u/56961917?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ngô Quốc Đạt</b></sub></a><br /><a href="#translation-datlechin" title="Translation">🌍</a></td>
     <td align="center"><a href="https://github.com/IsamuSugi"><img src="https://avatars.githubusercontent.com/u/7746658?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Isamu Sugiura</b></sub></a><br /><a href="#translation-IsamuSugi" title="Translation">🌍</a></td>
     <td align="center"><a href="http://rsacchetto.nexxontech.it/"><img src="https://avatars.githubusercontent.com/u/18429412?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Riccardo Sacchetto</b></sub></a><br /><a href="#platform-Occhioverde" title="Packaging/porting to new platform">📦</a></td>
-    <td align="center"><a href="https://kilianstallinger.com"><img src="https://avatars.githubusercontent.com/u/5290318?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kilian Stallinger</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=kilianstallz" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/wenj91"><img src="https://avatars.githubusercontent.com/u/12549338?v=4?s=100" width="100px;" alt=""/><br /><sub><b>文杰</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=wenj91" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/goYou"><img src="https://avatars.githubusercontent.com/u/62732795?v=4?s=100" width="100px;" alt=""/><br /><sub><b>goYou</b></sub></a><br /><a href="#translation-goYou" title="Translation">🌍</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/raliqala"><img src="https://avatars.githubusercontent.com/u/30502407?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Topollo</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=raliqala" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/SmileYzn"><img src="https://avatars.githubusercontent.com/u/5851851?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Cleverson</b></sub></a><br /><a href="#translation-SmileYzn" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://github.com/fredatgithub"><img src="https://avatars.githubusercontent.com/u/6720055?v=4?s=100" width="100px;" alt=""/><br /><sub><b>fred</b></sub></a><br /><a href="#translation-fredatgithub" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://kilianstallinger.com"><img src="https://avatars.githubusercontent.com/u/5290318?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kilian Stallinger</b></sub></a><br /><a href="https://github.com/Fabio286/antares/commits?author=kilianstallz" title="Code">💻</a></td>
   </tr>
 </table>
 

package.json

@@ -1,27 +1,24 @@
 {
   "name": "antares",
   "productName": "Antares",
-  "version": "0.5.3",
+  "version": "0.3.10",
   "description": "A modern, fast and productivity driven SQL client with a focus in UX.",
   "license": "MIT",
-  "repository": "https://github.com/antares-sql/antares.git",
+  "repository": "https://github.com/Fabio286/antares.git",
   "scripts": {
     "debug": "npm run rebuild:electron && npm run debug-runner",
     "debug-runner": "node scripts/devRunner.js --remote-debug",
-    "compile": "npm run compile:main && npm run compile:workers && npm run compile:renderer",
+    "compile": "npm run compile:main && npm run compile:renderer",
     "compile:main": "webpack --mode=production --config webpack.main.config.js",
-    "compile:workers": "webpack --mode=production --config webpack.workers.config.js",
     "compile:renderer": "webpack --mode=production --config webpack.renderer.config.js",
     "build": "cross-env NODE_ENV=production npm run compile",
     "build:local": "npm run build && electron-builder",
     "build:appx": "npm run build:local -- --win appx",
-    "rebuild:electron": "rimraf ./dist &&  npm run postinstall",
+    "rebuild:electron": "npm run postinstall",
     "release": "standard-version",
     "release:pre": "npm run release -- --prerelease alpha",
-    "devtools:install": "node scripts/devtoolsInstaller",
-    "postinstall": "electron-builder install-app-deps && npm run devtools:install",
-    "test:e2e": "npm run compile && npm run test:e2e-dry",
-    "test:e2e-dry": "xvfb-maybe -- playwright test",
+    "postinstall": "electron-builder install-app-deps",
+    "test": "npm run lint",
     "lint": "eslint . --ext .js,.vue && stylelint \"./src/**/*.{css,scss,sass,vue}\"",
     "lint:fix": "eslint . --ext .js,.vue --fix && stylelint \"./src/**/*.{css,scss,sass,vue}\" --fix",
     "contributors:add": "all-contributors add",
@@ -29,9 +26,6 @@
   },
   "author": "Fabio Di Stasio <fabio286@gmail.com>",
   "main": "./dist/main.js",
-  "antares": {
-    "devtoolsId": "nhdogjmejiglipccpnnnanhbledajbpd"
-  },
   "build": {
     "appId": "com.fabio286.antares",
     "artifactName": "${productName}-${version}-${os}_${arch}.${ext}",
@@ -88,7 +82,6 @@
     "appx": {
       "displayName": "Antares SQL",
       "backgroundColor": "transparent",
-      "showNameOnTiles": true,
       "identityName": "62514FabioDiStasio.AntaresSQLClient",
       "publisher": "CN=1A2729ED-865C-41D2-9038-39AE2A63AA52",
       "applicationId": "FabioDiStasio.AntaresSQLClient"
@@ -109,83 +102,64 @@
     }
   },
   "dependencies": {
-    "@electron/remote": "~2.0.1",
-    "@faker-js/faker": "~6.1.2",
-    "@mdi/font": "~6.1.95",
-    "@turf/helpers": "~6.5.0",
-    "@vscode/vscode-languagedetection": "~1.0.21",
-    "ace-builds": "~1.4.13",
-    "better-sqlite3": "~7.5.0",
-    "electron-log": "~4.4.1",
-    "electron-store": "~8.0.1",
-    "electron-updater": "~5.0.1",
-    "electron-window-state": "~5.0.3",
-    "encoding": "~0.1.13",
-    "leaflet": "~1.7.1",
-    "marked": "~4.0.0",
-    "moment": "~2.29.1",
-    "mysql2": "~2.3.2",
-    "pg": "~8.7.1",
-    "pg-query-stream": "~4.2.3",
-    "pgsql-ast-parser": "~7.2.1",
-    "pinia": "~2.0.13",
-    "source-map-support": "~0.5.20",
-    "spectre.css": "~0.5.9",
-    "sql-formatter": "~4.0.2",
-    "ssh2-promise": "~1.0.2",
-    "v-mask": "~2.3.0",
-    "vue": "~3.2.33",
-    "vue-i18n": "~9.1.9",
-    "vuedraggable": "~4.1.0"
+    "@electron/remote": "^2.0.1",
+    "@mdi/font": "^6.1.95",
+    "ace-builds": "^1.4.13",
+    "better-sqlite3": "^7.4.4",
+    "electron-log": "^4.4.1",
+    "electron-store": "^8.0.1",
+    "electron-updater": "^4.3.9",
+    "faker": "^5.5.3",
+    "marked": "^4.0.0",
+    "moment": "^2.29.1",
+    "mysql2": "^2.3.2",
+    "pg": "^8.7.1",
+    "pgsql-ast-parser": "^7.2.1",
+    "source-map-support": "^0.5.20",
+    "spectre.css": "^0.5.9",
+    "sql-formatter": "^4.0.2",
+    "ssh2-promise": "^1.0.2",
+    "v-mask": "^2.3.0",
+    "vue-i18n": "^8.26.5",
+    "vuedraggable": "^2.24.3",
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "~7.15.7",
-    "@babel/preset-env": "~7.15.8",
-    "@babel/preset-typescript": "~7.16.7",
-    "@playwright/test": "~1.21.1",
-    "@types/better-sqlite3": "~7.5.0",
-    "@types/node": "~17.0.23",
-    "@types/pg": "~8.6.5",
-    "@typescript-eslint/eslint-plugin": "~5.18.0",
-    "@typescript-eslint/parser": "~5.18.0",
-    "@vue/compiler-sfc": "~3.2.33",
-    "all-contributors-cli": "~6.20.0",
-    "babel-loader": "~8.2.3",
-    "chalk": "~4.1.2",
-    "cross-env": "~7.0.2",
-    "css-loader": "~6.5.0",
-    "electron": "~17.4.3",
-    "electron-builder": "~23.0.3",
-    "eslint": "~7.32.0",
-    "eslint-config-standard": "~16.0.3",
-    "eslint-plugin-import": "~2.24.2",
-    "eslint-plugin-node": "~11.1.0",
-    "eslint-plugin-promise": "~5.2.0",
-    "eslint-plugin-vue": "~8.0.3",
-    "file-loader": "~6.2.0",
-    "html-webpack-plugin": "~5.5.0",
-    "mini-css-extract-plugin": "~2.4.5",
-    "node-loader": "~2.0.0",
-    "playwright": "~1.21.1",
-    "playwright-core": "~1.21.1",
-    "progress-webpack-plugin": "~1.0.12",
-    "rimraf": "~3.0.2",
-    "sass": "~1.42.1",
-    "sass-loader": "~12.3.0",
-    "standard-version": "~9.3.1",
-    "style-loader": "~3.3.1",
-    "stylelint": "~13.13.1",
-    "stylelint-config-standard": "~22.0.0",
-    "stylelint-scss": "~3.21.0",
-    "tree-kill": "~1.2.2",
-    "ts-loader": "~9.2.8",
-    "typescript": "~4.6.3",
-    "unzip-crx-3": "~0.2.0",
-    "vue-eslint-parser": "~8.3.0",
-    "vue-loader": "~16.8.3",
-    "webpack": "~5.60.0",
-    "webpack-cli": "~4.9.1",
-    "webpack-dev-server": "~4.4.0",
-    "xvfb-maybe": "~0.2.1"
+    "@babel/eslint-parser": "^7.15.7",
+    "@babel/preset-env": "^7.15.8",
+    "all-contributors-cli": "^6.20.0",
+    "babel-loader": "^8.2.3",
+    "chalk": "^4.1.2",
+    "clean-webpack-plugin": "^4.0.0",
+    "cross-env": "^7.0.2",
+    "css-loader": "^6.5.0",
+    "electron": "^16.0.1",
+    "electron-builder": "^22.13.1",
+    "electron-devtools-installer": "^3.2.0",
+    "eslint": "^7.32.0",
+    "eslint-config-standard": "^16.0.3",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.1.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "mini-css-extract-plugin": "^2.4.3",
+    "node-loader": "^2.0.0",
+    "progress-webpack-plugin": "^1.0.12",
+    "sass": "^1.42.1",
+    "sass-loader": "^12.3.0",
+    "standard-version": "^9.3.1",
+    "style-loader": "^3.3.1",
+    "stylelint": "^13.13.1",
+    "stylelint-config-standard": "^22.0.0",
+    "stylelint-scss": "^3.21.0",
+    "tree-kill": "^1.2.2",
+    "vue": "^2.6.14",
+    "vue-loader": "^15.9.8",
+    "vue-template-compiler": "^2.6.14",
+    "webpack": "^5.60.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.4.0"
   }
 }

scripts/devRunner.js

@@ -1,6 +1,5 @@
 process.env.NODE_ENV = 'development';
 // process.env.ELECTRON_ENABLE_LOGGING = true
-process.env.ELECTRON_DISABLE_SECURITY_WARNINGS = false;
 
 const chalk = require('chalk');
 const electron = require('electron');
@@ -13,14 +12,14 @@ const { spawn } = require('child_process');
 
 const mainConfig = require('../webpack.main.config');
 const rendererConfig = require('../webpack.renderer.config');
-const workersConfig = require('../webpack.workers.config');
+// const workersConfig = require('../webpack.workers.config');
 
 let electronProcess = null;
 let manualRestart = null;
 const remoteDebugging = process.argv.includes('--remote-debug');
 
 if (remoteDebugging) {
-   // disable devtools open in electron
+   // disable dvtools open in electron
    process.env.RENDERER_REMOTE_DEBUGGING = true;
 }
 
@@ -65,7 +64,7 @@ async function restartElectron () {
 }
 
 function startMain () {
-   const webpackSetup = webpack([mainConfig, workersConfig]);
+   const webpackSetup = webpack(mainConfig);
 
    webpackSetup.compilers.forEach((compiler) => {
       const { name } = compiler;

scripts/devtoolsInstaller.js

@@ -1,48 +0,0 @@
-// @ts-check
-const fs = require('fs');
-const path = require('path');
-const https = require('https');
-const unzip = require('unzip-crx-3');
-const { antares } = require('../package.json');
-
-const extensionID = antares.devtoolsId;
-const destFolder = path.resolve(__dirname, `../misc/${extensionID}`);
-const filePath = path.resolve(__dirname, `${destFolder}${extensionID}.crx`);
-const fileUrl = `https://clients2.google.com/service/update2/crx?response=redirect&acceptformat=crx2,crx3&x=id%3D${extensionID}%26uc&prodversion=32`;
-const fileStream = fs.createWriteStream(filePath);
-
-const downloadFile = url => {
-   return new Promise((resolve, reject) => {
-      const request = https.get(url);
-
-      request.on('response', response => {
-         if (response.statusCode && response.statusCode >= 300 && response.statusCode < 400 && response.headers.location) {
-            return downloadFile(response.headers.location)
-               .then(resolve)
-               .catch(reject);
-         }
-
-         response.pipe(fileStream);
-
-         response.on('close', () => {
-            console.log('Devtools download completed!');
-            resolve();
-         });
-         response.on('error', reject);
-      });
-      request.on('error', reject);
-      request.end();
-   });
-};
-
-(async () => {
-   try {
-      await downloadFile(fileUrl);
-      await unzip(filePath, destFolder);
-      fs.unlinkSync(filePath);
-      fs.unlinkSync(`${destFolder}/package.json`);// <- Avoid to display annoyng npm script in vscode
-   }
-   catch (error) {
-      console.log(error);
-   }
-})();

src/common/FakerMethods.js

@@ -195,7 +195,7 @@ export default class {
             return 1;
 
          return 0;
-      });
+      }); ;
    }
 
    static getGroupsByType (type) {

src/common/customizations/defaults.js

@@ -11,7 +11,6 @@ module.exports = {
    sslConnection: false,
    sshConnection: false,
    fileConnection: false,
-   cancelQueries: false,
    // Tools
    processesList: false,
    usersManagement: false,
@@ -38,9 +37,6 @@ module.exports = {
    databaseEdit: false,
    schemaEdit: false,
    schemaDrop: false,
-   schemaExport: false,
-   exportByChunks: false,
-   schemaImport: false,
    tableSettings: false,
    tableOptions: false,
    tableArray: false,

src/common/customizations/mysql.js

@@ -12,7 +12,6 @@ module.exports = {
    engines: true,
    sslConnection: true,
    sshConnection: true,
-   cancelQueries: true,
    // Tools
    processesList: true,
    // Structure
@@ -34,9 +33,6 @@ module.exports = {
    schedulerAdd: true,
    schemaEdit: true,
    schemaDrop: true,
-   schemaExport: true,
-   exportByChunks: true,
-   schemaImport: true,
    tableSettings: true,
    viewSettings: true,
    triggerSettings: true,

src/common/customizations/postgresql.js

@@ -10,7 +10,6 @@ module.exports = {
    database: true,
    sslConnection: true,
    sshConnection: true,
-   cancelQueries: true,
    // Tools
    processesList: true,
    // Structure
@@ -31,8 +30,6 @@ module.exports = {
    routineAdd: true,
    functionAdd: true,
    schemaDrop: true,
-   schemaExport: true,
-   schemaImport: true,
    databaseEdit: false,
    tableSettings: true,
    viewSettings: true,

src/common/customizations/sqlite.js

@@ -7,8 +7,8 @@ module.exports = {
    views: true,
    triggers: true,
    // Settings
-   elementsWrapper: '"',
-   stringsWrapper: '\'',
+   elementsWrapper: '',
+   stringsWrapper: '"',
    tableAdd: true,
    viewAdd: true,
    triggerAdd: true,

src/common/data-types/mysql.js

@@ -58,7 +58,7 @@ module.exports = [
          },
          {
             name: 'DOUBLE',
-            length: false,
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false
@@ -66,7 +66,6 @@ module.exports = [
          {
             name: 'DECIMAL',
             length: true,
-            scale: true,
             collation: false,
             unsigned: false,
             zerofill: false
@@ -121,7 +120,7 @@ module.exports = [
          {
             name: 'JSON',
             length: false,
-            collation: false,
+            collation: true,
             unsigned: false,
             zerofill: false
          }
@@ -219,56 +218,56 @@ module.exports = [
       types: [
          {
             name: 'POINT',
-            length: false,
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false
          },
          {
             name: 'LINESTRING',
-            length: false,
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false
          },
          {
             name: 'POLYGON',
-            length: false,
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false
          },
          {
             name: 'GEOMETRY',
-            length: false,
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false
          },
          {
             name: 'MULTIPOINT',
-            length: false,
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false
          },
          {
             name: 'MULTILINESTRING',
-            length: false,
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false
          },
          {
             name: 'MULTIPOLYGON',
-            length: false,
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false
          },
          {
-            name: 'GEOMCOLLECTION',
-            length: false,
+            name: 'GEOMETRYCOLLECTION',
+            length: true,
             collation: false,
             unsigned: false,
             zerofill: false

src/common/data-types/postgresql.js

@@ -22,6 +22,11 @@ module.exports = [
             length: false,
             unsigned: true
          },
+         {
+            name: 'NUMERIC',
+            length: true,
+            unsigned: true
+         },
          {
             name: 'SMALLSERIAL',
             length: false,
@@ -47,12 +52,6 @@ module.exports = [
             length: false,
             unsigned: true
          },
-         {
-            name: 'NUMERIC',
-            length: true,
-            unsigned: true,
-            scale: true
-         },
          {
             name: 'DOUBLE PRECISION',
             length: false,

src/common/fieldTypes.js

@@ -8,9 +8,7 @@ export const TEXT = [
 export const LONG_TEXT = [
    'TEXT',
    'MEDIUMTEXT',
-   'LONGTEXT',
-   'JSON',
-   'VARBINARY'
+   'LONGTEXT'
 ];
 
 export const ARRAY = [
@@ -41,7 +39,6 @@ export const NUMBER = [
 
 export const FLOAT = [
    'FLOAT',
-   'DECIMAL',
    'DOUBLE',
    'REAL',
    'DOUBLE PRECISION',
@@ -85,24 +82,3 @@ export const BIT = [
    'BIT',
    'BIT VARYING'
 ];
-
-export const SPATIAL = [
-   'POINT',
-   'LINESTRING',
-   'POLYGON',
-   'GEOMETRY',
-   'MULTIPOINT',
-   'MULTILINESTRING',
-   'MULTIPOLYGON',
-   'GEOMCOLLECTION',
-   'GEOMETRYCOLLECTION'
-];
-
-// Used to check multi spatial fields only
-export const IS_MULTI_SPATIAL = [
-   'MULTIPOINT',
-   'MULTILINESTRING',
-   'MULTIPOLYGON',
-   'GEOMCOLLECTION',
-   'GEOMETRYCOLLECTION'
-];

src/common/interfaces/antares.ts

@@ -1,321 +0,0 @@
-import * as mysql from 'mysql2/promise';
-import * as pg from 'pg';
-import MysqlExporter from 'src/main/libs/exporters/sql/MysqlExporter';
-import PostgreSQLExporter from 'src/main/libs/exporters/sql/PostgreSQLExporter';
-import MySQLImporter from 'src/main/libs/importers/sql/MySQLlImporter';
-import PostgreSQLImporter from 'src/main/libs/importers/sql/PostgreSQLImporter';
-import SSHConfig from 'ssh2-promise/lib/sshConfig';
-import { MySQLClient } from '../../main/libs/clients/MySQLClient';
-import { PostgreSQLClient } from '../../main/libs/clients/PostgreSQLClient';
-import { SQLiteClient } from '../../main/libs/clients/SQLiteClient';
-
-export type Client = MySQLClient | PostgreSQLClient | SQLiteClient
-export type ClientCode = 'mysql' | 'maria' | 'pg' | 'sqlite'
-export type Exporter = MysqlExporter | PostgreSQLExporter
-export type Importer = MySQLImporter | PostgreSQLImporter
-
-/**
- * Pasameters needed to create a new Antares connection to a database
- */
-export interface ClientParams {
-   client: ClientCode;
-   params:
-      mysql.ConnectionOptions & {schema: string; ssl?: mysql.SslOptions; ssh?: SSHConfig; readonly: boolean}
-      | pg.ClientConfig & {schema: string; ssl?: mysql.SslOptions; ssh?: SSHConfig; readonly: boolean}
-      | { databasePath: string; readonly: boolean };
-   poolSize?: number;
-   logger?: () => void;
-}
-
-/**
- * Paramenets insered by user in connection mask
- */
-export interface ConnectionParams {
-   uid: string;
-   name?: string;
-   client: ClientCode;
-   host: string;
-   database?: string;
-   schema?: string;
-   databasePath?: string;
-   port: number;
-   user: string;
-   password: string;
-   ask: boolean;
-   readonly: boolean;
-   ssl: boolean;
-   cert?: string;
-   key?: string;
-   ca?: string;
-   untrustedConnection: boolean;
-   ciphers?: string;
-   ssh: boolean;
-   sshHost?: string;
-   sshUser?: string;
-   sshPass?: string;
-   sshKey?: string;
-   sshPort?: number;
-   sshPassphrase?: string;
-}
-
-export interface TypeInformations {
-   name: string;
-   length: boolean;
-   scale: boolean;
-   collation: boolean;
-   unsigned: boolean;
-   zerofill: boolean;
-}
-
-// Tables
-export interface TableField {
-   name: string;
-   key: string;
-   type: string;
-   schema: string;
-   numPrecision?: number;
-   numLength?: number;
-   datePrecision?: number;
-   charLength?: number;
-   numScale?: number;
-   nullable?: boolean;
-   unsigned?: boolean;
-   zerofill?: boolean;
-   order?: number;
-   default?: number | string;
-   enumValues?: string;
-   charset?: string;
-   collation?: string;
-   autoIncrement?: boolean;
-   isArray?: boolean;
-   onUpdate?: string;
-   comment?: string;
-   after?: string;
-   orgName?: string;
-}
-
-export interface TableIndex {
-   name: string;
-   fields: string[];
-   type: string;
-   comment?: string;
-   indexType?: string;
-   indexComment?: string;
-   cardinality?: number;
-   oldType?: string;
-   oldName?: string;
-}
-
-export interface TableForeign {
-   constraintName: string;
-   refSchema: string;
-   table: string;
-   refTable: string;
-   field: string;
-   refField: string;
-   onUpdate: string;
-   onDelete: string;
-   oldName?: string;
-}
-
-export interface TableOptions {
-   name: string;
-   type?: 'table' | 'view';
-   engine?: string;
-   comment?: string;
-   collation?: string;
-   autoIncrement?: number;
-}
-
-export interface CreateTableParams {
-   /** Connection UID */
-   uid?: string;
-   schema: string;
-   fields: TableField[];
-   foreigns: TableForeign[];
-   indexes: TableIndex[];
-   options: TableOptions;
-}
-
-export interface AlterTableParams {
-   /** Connection UID */
-   uid?: string;
-   schema: string;
-   table: string;
-   additions: TableField[];
-   changes: TableField[];
-   deletions: TableField[];
-   tableStructure: {
-      name: string;
-      fields: TableField[];
-      foreigns: TableForeign[];
-      indexes: TableIndex[];
-   };
-   indexChanges: {
-      additions: TableIndex[];
-      changes: TableIndex[];
-      deletions: TableIndex[];
-   };
-   foreignChanges: {
-      additions: TableForeign[];
-      changes: TableForeign[];
-      deletions: TableForeign[];
-   };
-   options: TableOptions;
-}
-
-// Views
-export interface CreateViewParams {
-   schema: string;
-   name: string;
-   algorithm: string;
-   definer: string;
-   security: string;
-   sql: string;
-   updateOption: string;
-}
-
-export interface AlterViewParams extends CreateViewParams {
-   oldName?: string;
-}
-
-// Triggers
-export interface CreateTriggerParams {
-   definer?: string;
-   schema: string;
-   name: string;
-   activation: string;
-   event: string;
-   table: string;
-   sql: string;
-}
-
-export interface AlterTriggerParams extends CreateTriggerParams {
-   oldName?: string;
-}
-
-// Routines & Functions
-export interface FunctionParam {
-   context: string;
-   name: string;
-   type: string;
-   length: number;
-}
-
-export interface CreateRoutineParams {
-   name: string;
-   parameters?: FunctionParam[];
-   definer: string;
-   schema: string;
-   deterministic: boolean;
-   dataAccess: string;
-   security: string;
-   comment?: string;
-   language?: string;
-   sql: string;
-}
-
-export interface AlterRoutineParams extends CreateRoutineParams {
-   oldName?: string;
-}
-
-export interface CreateFunctionParams {
-   name: string;
-   parameters?: FunctionParam[];
-   definer: string;
-   schema: string;
-   deterministic: boolean;
-   dataAccess: string;
-   security: string;
-   comment?: string;
-   sql: string;
-   returns: string;
-   returnsLength: number;
-   language?: string;
-}
-
-export interface AlterFunctionParams extends CreateFunctionParams {
-   oldName?: string;
-}
-
-// Events
-export interface CreateEventParams {
-   definer?: string;
-   schema: string;
-   name: string;
-   execution: string;
-   every: string[];
-   starts: string;
-   ends: string;
-   at: string;
-   preserve: string;
-   state: string;
-   comment: string;
-   sql: string;
-}
-
-export interface AlterEventParams extends CreateEventParams {
-   oldName?: string;
-}
-
-// Query
-export interface QueryBuilderObject {
-   schema: string;
-   select: string[];
-   from: string;
-   where: string[];
-   groupBy: string[];
-   orderBy: string[];
-   limit: number;
-   offset: number;
-   join: string[];
-   update: string[];
-   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   insert: {[key: string]: any}[];
-   delete: boolean;
-}
-
-export interface QueryParams {
-   nest?: boolean;
-   details?: boolean;
-   split?: boolean;
-   comments?: boolean;
-   autocommit?: boolean;
-   schema?: string;
-   tabUid?: string;
-}
-
-export interface QueryField {
-   name: string;
-   alias: string;
-   orgName: string;
-   schema: string;
-   table: string;
-   tableAlias: string;
-   orgTable: string;
-   type: string;
-   length: number;
-}
-
-export interface QueryForeign {
-   schema: string;
-   table: string;
-   field: string;
-   position: number;
-   constraintPosition: number;
-   constraintName: string;
-   refSchema: string;
-   refTable: string;
-   refField: string;
-   onUpdate: string;
-   onDelete: string;
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export interface QueryResult<T = any> {
-   rows: T[];
-   report: { affectedRows: number };
-   fields: QueryField[];
-   keys: QueryForeign[];
-   duration: number;
-}

src/common/interfaces/exporter.ts

@@ -1,28 +0,0 @@
-export interface TableParams {
-   table: string;
-   includeStructure: boolean;
-   includeContent: boolean;
-   includeDropStatement: boolean;
-}
-
-export interface ExportOptions {
-   schema: string;
-   includes: {
-      functions: boolean;
-      views: boolean;
-      triggers: boolean;
-      routines: boolean;
-      schedulers: boolean;
-   };
-   outputFormat: 'sql' | 'sql.zip';
-   outputFile: string;
-   sqlInsertAfter: number;
-   sqlInsertDivider: 'bytes' | 'rows';
-}
-
-export interface ExportState {
-   totalItems?: number;
-   currentItemIndex?: number;
-   currentItem?: string;
-   op?: string;
-}

src/common/interfaces/importer.ts

@@ -1,16 +0,0 @@
-import * as antares from './antares';
-
-export interface ImportOptions {
-   uid: string;
-   schema: string;
-   type: antares.ClientCode;
-   file: string;
-}
-
-export interface ImportState {
-   fileSize?: number;
-   readPosition?: number;
-   percentage?: number;
-   queryCount?: number;
-   op?: string;
-}

src/common/interfaces/tableApis.ts

@@ -1,20 +0,0 @@
-import { UsableLocale } from '@faker-js/faker';
-
-export interface InsertRowsParams {
-   uid: string;
-   schema: string;
-   table: string;
-   row: {[key: string]: {
-         group: string;
-         method: string;
-         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-         params: any;
-         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-         value: any;
-         length: number;
-      };
-   };
-   repeat: number;
-   fields: {[key: string]: string};
-   locale: UsableLocale;
-}

src/common/interfaces/workers.ts

@@ -1,7 +0,0 @@
-export type WorkerEvent = 'export-progress' | 'import-progress' | 'query-error' | 'end' | 'cancel' | 'error'
-
-export interface WorkerIpcMessage {
-   type: WorkerEvent;
-   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   payload: any;
-}

src/common/libs/getArrayDepth.js

@@ -1,10 +0,0 @@
-/**
- *
- * @param {any[]} array
- * @returns {number}
- */
-export function getArrayDepth (array) {
-   return Array.isArray(array)
-      ? 1 + Math.max(0, ...array.map(getArrayDepth))
-      : 0;
-}

src/common/libs/hexToBinary.js

@@ -33,7 +33,7 @@ const lookup = {
  */
 export default function hexToBinary (hex) {
    let binary = '';
-   for (let i = 0; i < hex.length; i++)
+   for (let i = 0, len = hex.length; i < len; i++)
       binary += lookup[hex[i]];
 
    return binary;

src/common/libs/mimeFromHex.js

@@ -23,7 +23,7 @@ export function mimeFromHex (hex) {
             case '425A68':
                return { ext: 'bz2', mime: 'application/x-bzip2' };
             default:
-               switch (hex) { // 4 bytes
+               switch (hex) { // 4 bites
                   case '89504E47':
                      return { ext: 'png', mime: 'image/png' };
                   case '47494638':
@@ -43,4 +43,4 @@ export function mimeFromHex (hex) {
                }
          }
    }
-}
+};

src/common/libs/uidGen.js

@@ -5,4 +5,4 @@
  */
 export function uidGen (prefix) {
    return (prefix ? `${prefix}:` : '') + Math.random().toString(36).substr(2, 9).toUpperCase();
-}
+};

src/main/ipc-handlers/application.js

@@ -0,0 +1,12 @@
+import { app, ipcMain } from 'electron';
+
+export default () => {
+   ipcMain.on('close-app', () => {
+      app.exit();
+   });
+
+   ipcMain.on('get-key', async event => {
+      const key = false;
+      event.returnValue = key;
+   });
+};

src/main/ipc-handlers/application.ts

@@ -1,20 +0,0 @@
-import { app, ipcMain, dialog } from 'electron';
-
-export default () => {
-   ipcMain.on('close-app', () => {
-      app.exit();
-   });
-
-   ipcMain.on('get-key', async event => {
-      const key = false;
-      event.returnValue = key;
-   });
-
-   ipcMain.handle('show-open-dialog', (event, options) => {
-      return dialog.showOpenDialog(options);
-   });
-
-   ipcMain.handle('get-download-dir-path', () => {
-      return app.getPath('downloads');
-   });
-};

src/main/ipc-handlers/connection.js

@@ -1,29 +1,16 @@
-import * as antares from 'common/interfaces/antares';
 import fs from 'fs';
 import { ipcMain } from 'electron';
 import { ClientsFactory } from '../libs/ClientsFactory';
-import { SslOptions } from 'mysql2';
 
-export default (connections: {[key: string]: antares.Client}) => {
-   ipcMain.handle('test-connection', async (event, conn: antares.ConnectionParams) => {
+export default connections => {
+   ipcMain.handle('test-connection', async (event, conn) => {
       const params = {
          host: conn.host,
          port: +conn.port,
          user: conn.user,
          password: conn.password,
-         readonly: conn.readonly,
-         database: '',
-         schema: '',
-         databasePath: '',
-         ssl: undefined as SslOptions,
-         ssh: undefined as {
-            host: string;
-            username: string;
-            password: string;
-            port: number;
-            privateKey: string;
-            passphrase: string;
-         }
+         application_name: 'Antares SQL',
+         readonly: conn.readonly
       };
 
       if (conn.database)
@@ -34,11 +21,10 @@ export default (connections: {[key: string]: antares.Client}) => {
 
       if (conn.ssl) {
          params.ssl = {
-            key: conn.key ? fs.readFileSync(conn.key).toString() : null,
-            cert: conn.cert ? fs.readFileSync(conn.cert).toString() : null,
-            ca: conn.ca ? fs.readFileSync(conn.ca).toString() : null,
-            ciphers: conn.ciphers,
-            rejectUnauthorized: !conn.untrustedConnection
+            key: conn.key ? fs.readFileSync(conn.key) : null,
+            cert: conn.cert ? fs.readFileSync(conn.cert) : null,
+            ca: conn.ca ? fs.readFileSync(conn.ca) : null,
+            ciphers: conn.ciphers
          };
       }
 
@@ -48,13 +34,13 @@ export default (connections: {[key: string]: antares.Client}) => {
             username: conn.sshUser,
             password: conn.sshPass,
             port: conn.sshPort ? conn.sshPort : 22,
-            privateKey: conn.sshKey ? fs.readFileSync(conn.sshKey).toString() : null,
+            privateKey: conn.sshKey ? fs.readFileSync(conn.sshKey) : null,
             passphrase: conn.sshPassphrase
          };
       }
 
       try {
-         const connection = await ClientsFactory.getClient({
+         const connection = await ClientsFactory.getConnection({
             client: conn.client,
             params
          });
@@ -66,7 +52,7 @@ export default (connections: {[key: string]: antares.Client}) => {
          return { status: 'success' };
       }
       catch (err) {
-         return { status: 'error', response: err.toString() };
+         return { status: 'error', response: err };
       }
    });
 
@@ -74,26 +60,14 @@ export default (connections: {[key: string]: antares.Client}) => {
       return uid in connections;
    });
 
-   ipcMain.handle('connect', async (event, conn: antares.ConnectionParams) => {
+   ipcMain.handle('connect', async (event, conn) => {
       const params = {
          host: conn.host,
          port: +conn.port,
          user: conn.user,
          password: conn.password,
          application_name: 'Antares SQL',
-         readonly: conn.readonly,
-         database: '',
-         schema: '',
-         databasePath: '',
-         ssl: undefined as SslOptions,
-         ssh: undefined as {
-            host: string;
-            username: string;
-            password: string;
-            port: number;
-            privateKey: string;
-            passphrase: string;
-         }
+         readonly: conn.readonly
       };
 
       if (conn.database)
@@ -107,11 +81,10 @@ export default (connections: {[key: string]: antares.Client}) => {
 
       if (conn.ssl) {
          params.ssl = {
-            key: conn.key ? fs.readFileSync(conn.key).toString() : null,
-            cert: conn.cert ? fs.readFileSync(conn.cert).toString() : null,
-            ca: conn.ca ? fs.readFileSync(conn.ca).toString() : null,
-            ciphers: conn.ciphers,
-            rejectUnauthorized: !conn.untrustedConnection
+            key: conn.key ? fs.readFileSync(conn.key) : null,
+            cert: conn.cert ? fs.readFileSync(conn.cert) : null,
+            ca: conn.ca ? fs.readFileSync(conn.ca) : null,
+            ciphers: conn.ciphers
          };
       }
 
@@ -121,13 +94,13 @@ export default (connections: {[key: string]: antares.Client}) => {
             username: conn.sshUser,
             password: conn.sshPass,
             port: conn.sshPort ? conn.sshPort : 22,
-            privateKey: conn.sshKey ? fs.readFileSync(conn.sshKey).toString() : null,
+            privateKey: conn.sshKey ? fs.readFileSync(conn.sshKey) : null,
             passphrase: conn.sshPassphrase
          };
       }
 
       try {
-         const connection = ClientsFactory.getClient({
+         const connection = ClientsFactory.getConnection({
             client: conn.client,
             params,
             poolSize: 5

src/main/ipc-handlers/functions.js

@@ -1,7 +1,6 @@
-import * as antares from 'common/interfaces/antares';
 import { ipcMain } from 'electron';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections) => {
    ipcMain.handle('get-function-informations', async (event, params) => {
       try {
          const result = await connections[params.uid].getFunctionInformations(params);

src/main/ipc-handlers/index.js

@@ -1,5 +1,3 @@
-import * as antares from 'common/interfaces/antares';
-
 import connection from './connection';
 import tables from './tables';
 import views from './views';
@@ -12,7 +10,7 @@ import application from './application';
 import schema from './schema';
 import users from './users';
 
-const connections: {[key: string]: antares.Client} = {};
+const connections = {};
 
 export default () => {
    connection(connections);

src/main/ipc-handlers/routines.js

@@ -1,7 +1,6 @@
-import * as antares from 'common/interfaces/antares';
 import { ipcMain } from 'electron';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections) => {
    ipcMain.handle('get-routine-informations', async (event, params) => {
       try {
          const result = await connections[params.uid].getRoutineInformations(params);

src/main/ipc-handlers/schedulers.js

@@ -1,7 +1,6 @@
-import * as antares from 'common/interfaces/antares';
 import { ipcMain } from 'electron';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections) => {
    ipcMain.handle('get-scheduler-informations', async (event, params) => {
       try {
          const result = await connections[params.uid].getEventInformations(params);

src/main/ipc-handlers/schema.js

@@ -0,0 +1,155 @@
+
+import { ipcMain } from 'electron';
+
+export default connections => {
+   ipcMain.handle('create-schema', async (event, params) => {
+      try {
+         await connections[params.uid].createSchema(params);
+
+         return { status: 'success' };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('update-schema', async (event, params) => {
+      try {
+         await connections[params.uid].alterSchema(params);
+
+         return { status: 'success' };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('delete-schema', async (event, params) => {
+      try {
+         await connections[params.uid].dropSchema(params);
+
+         return { status: 'success' };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('get-schema-collation', async (event, params) => {
+      try {
+         const collation = await connections[params.uid].getDatabaseCollation(params);
+
+         return { status: 'success', response: collation.rows.length ? collation.rows[0].DEFAULT_COLLATION_NAME : '' };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('get-structure', async (event, params) => {
+      try {
+         const structure = await connections[params.uid].getStructure(params.schemas);
+
+         return { status: 'success', response: structure };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('get-collations', async (event, uid) => {
+      try {
+         const result = await connections[uid].getCollations();
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('get-variables', async (event, uid) => {
+      try {
+         const result = await connections[uid].getVariables();
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('get-engines', async (event, uid) => {
+      try {
+         const result = await connections[uid].getEngines();
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('get-version', async (event, uid) => {
+      try {
+         const result = await connections[uid].getVersion();
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('get-processes', async (event, uid) => {
+      try {
+         const result = await connections[uid].getProcesses();
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('kill-process', async (event, { uid, pid }) => {
+      try {
+         const result = await connections[uid].killProcess(pid);
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('use-schema', async (event, { uid, schema }) => {
+      if (!schema) return;
+
+      try {
+         await connections[uid].use(schema);
+         return { status: 'success' };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('raw-query', async (event, { uid, query, schema }) => {
+      if (!query) return;
+
+      try {
+         const result = await connections[uid].raw(query, {
+            nest: true,
+            details: true,
+            schema,
+            comments: false
+         });
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+};

src/main/ipc-handlers/schema.ts

@@ -1,384 +0,0 @@
-import * as antares from 'common/interfaces/antares';
-import * as workers from 'common/interfaces/workers';
-import * as fs from 'fs';
-import * as path from 'path';
-import { ChildProcess, fork } from 'child_process';
-import { ipcMain, dialog } from 'electron';
-
-const isDevelopment = process.env.NODE_ENV !== 'production';
-
-export default (connections: {[key: string]: antares.Client}) => {
-   let exporter: ChildProcess = null;
-   let importer: ChildProcess = null;
-
-   ipcMain.handle('create-schema', async (event, params) => {
-      try {
-         await connections[params.uid].createSchema(params);
-
-         return { status: 'success' };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('update-schema', async (event, params) => {
-      try {
-         await connections[params.uid].alterSchema(params);
-
-         return { status: 'success' };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('delete-schema', async (event, params) => {
-      try {
-         await connections[params.uid].dropSchema(params);
-
-         return { status: 'success' };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('get-schema-collation', async (event, params) => {
-      try {
-         const collation = await connections[params.uid].getDatabaseCollation(
-            params
-         );
-
-         return {
-            status: 'success',
-            response: collation
-         };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('get-structure', async (event, params) => {
-      try {
-         const structure = await connections[params.uid].getStructure(
-            params.schemas
-         );
-
-         return { status: 'success', response: structure };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('get-collations', async (event, uid) => {
-      try {
-         const result = await connections[uid].getCollations();
-
-         return { status: 'success', response: result };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('get-variables', async (event, uid) => {
-      try {
-         const result = await connections[uid].getVariables();
-
-         return { status: 'success', response: result };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('get-engines', async (event, uid) => {
-      try {
-         const result = await connections[uid].getEngines();
-
-         return { status: 'success', response: result };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('get-version', async (event, uid) => {
-      try {
-         const result = await connections[uid].getVersion();
-
-         return { status: 'success', response: result };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('get-processes', async (event, uid) => {
-      try {
-         const result = await connections[uid].getProcesses();
-
-         return { status: 'success', response: result };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('kill-process', async (event, { uid, pid }) => {
-      try {
-         const result = await connections[uid].killProcess(pid);
-
-         return { status: 'success', response: result };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('use-schema', async (event, { uid, schema }) => {
-      if (!schema) return;
-
-      try {
-         await connections[uid].use(schema);
-         return { status: 'success' };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('raw-query', async (event, { uid, query, schema, tabUid, autocommit }) => {
-      if (!query) return;
-
-      try {
-         const result = await connections[uid].raw(query, {
-            nest: true,
-            details: true,
-            schema,
-            tabUid,
-            autocommit,
-            comments: false
-         });
-
-         return { status: 'success', response: result };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('export', (event, { uid, type, tables, ...rest }) => {
-      if (exporter !== null) return;
-
-      return new Promise((resolve/*, reject */) => {
-         (async () => {
-            if (fs.existsSync(rest.outputFile)) { // If file exists ask for replace
-               const result = await dialog.showMessageBox({
-                  type: 'warning',
-                  message: `File ${rest.outputFile} already exists. Do you want to replace it?`,
-                  detail: 'A file with the same name already exists in the target folder. Replacing it will overwrite its current contents.',
-                  buttons: ['Cancel', 'Replace'],
-                  defaultId: 0,
-                  cancelId: 0
-               });
-
-               if (result.response !== 1) {
-                  resolve({
-                     type: 'error',
-                     response: 'Operation aborted'
-                  });
-                  return;
-               }
-            }
-
-            // Init exporter process
-            exporter = fork(isDevelopment ? './dist/exporter.js' : path.resolve(__dirname, './exporter.js'), [], {
-               execArgv: isDevelopment ? ['--inspect=9224'] : undefined
-            });
-            exporter.send({
-               type: 'init',
-               client: {
-                  name: type,
-                  config: await connections[uid].getDbConfig()
-               },
-               tables,
-               options: rest
-            });
-
-            // Exporter message listener
-            exporter.on('message', ({ type, payload }: workers.WorkerIpcMessage) => {
-               switch (type) {
-                  case 'export-progress':
-                     event.sender.send('export-progress', payload);
-                     break;
-                  case 'end':
-                     setTimeout(() => { // Ensures that writing process has finished
-                        exporter.kill();
-                        exporter = null;
-                     }, 2000);
-                     resolve({ status: 'success', response: payload });
-                     break;
-                  case 'cancel':
-                     exporter.kill();
-                     exporter = null;
-                     resolve({ status: 'error', response: 'Operation cancelled' });
-                     break;
-                  case 'error':
-                     exporter.kill();
-                     exporter = null;
-                     resolve({ status: 'error', response: payload });
-                     break;
-               }
-            });
-
-            exporter.on('exit', code => {
-               exporter = null;
-               resolve({ status: 'error', response: `Operation ended with code: ${code}` });
-            });
-         })();
-      });
-   });
-
-   ipcMain.handle('abort-export', async () => {
-      let willAbort = false;
-
-      if (exporter) {
-         const result = await dialog.showMessageBox({
-            type: 'warning',
-            message: 'Are you sure you want to abort the export',
-            buttons: ['Cancel', 'Abort'],
-            defaultId: 0,
-            cancelId: 0
-         });
-
-         if (result.response === 1) {
-            willAbort = true;
-            exporter.send({ type: 'cancel' });
-         }
-      }
-
-      return { status: 'success', response: { willAbort } };
-   });
-
-   ipcMain.handle('import-sql', async (event, options) => {
-      if (importer !== null) return;
-
-      return new Promise((resolve/*, reject */) => {
-         (async () => {
-            const dbConfig = await connections[options.uid].getDbConfig();
-
-            // Init importer process
-            importer = fork(isDevelopment ? './dist/importer.js' : path.resolve(__dirname, './importer.js'), [], {
-               execArgv: isDevelopment ? ['--inspect=9224'] : undefined
-            });
-            importer.send({
-               type: 'init',
-               dbConfig,
-               options
-            });
-
-            // Importer message listener
-            importer.on('message', ({ type, payload }: workers.WorkerIpcMessage) => {
-               switch (type) {
-                  case 'import-progress':
-                     event.sender.send('import-progress', payload);
-                     break;
-                  case 'query-error':
-                     event.sender.send('query-error', payload);
-                     break;
-                  case 'end':
-                     setTimeout(() => { // Ensures that writing process has finished
-                        importer?.kill();
-                        importer = null;
-                     }, 2000);
-                     resolve({ status: 'success', response: payload });
-                     break;
-                  case 'cancel':
-                     importer.kill();
-                     importer = null;
-                     resolve({ status: 'error', response: 'Operation cancelled' });
-                     break;
-                  case 'error':
-                     importer.kill();
-                     importer = null;
-                     resolve({ status: 'error', response: payload });
-                     break;
-               }
-            });
-         })();
-      });
-   });
-
-   ipcMain.handle('abort-import-sql', async () => {
-      let willAbort = false;
-
-      if (importer) {
-         const result = await dialog.showMessageBox({
-            type: 'warning',
-            message: 'Are you sure you want to abort the import',
-            buttons: ['Cancel', 'Abort'],
-            defaultId: 0,
-            cancelId: 0
-         });
-
-         if (result.response === 1) {
-            willAbort = true;
-            importer.send({ type: 'cancel' });
-         }
-      }
-
-      return { status: 'success', response: { willAbort } };
-   });
-
-   ipcMain.handle('kill-tab-query', async (event, { uid, tabUid }) => {
-      if (!tabUid) return;
-
-      try {
-         await connections[uid].killTabQuery(tabUid);
-         return { status: 'success' };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('commit-tab', async (event, { uid, tabUid }) => {
-      if (!tabUid) return;
-
-      try {
-         await connections[uid].commitTab(tabUid);
-         return { status: 'success' };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('rollback-tab', async (event, { uid, tabUid }) => {
-      if (!tabUid) return;
-
-      try {
-         await connections[uid].rollbackTab(tabUid);
-         return { status: 'success' };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-
-   ipcMain.handle('destroy-connection-to-commit', async (event, { uid, tabUid }) => {
-      if (!tabUid) return;
-
-      try {
-         await connections[uid].destroyConnectionToCommit(tabUid);
-         return { status: 'success' };
-      }
-      catch (err) {
-         return { status: 'error', response: err.toString() };
-      }
-   });
-};

src/main/ipc-handlers/tables.js

@@ -1,14 +1,11 @@
-import * as antares from 'common/interfaces/antares';
-import { InsertRowsParams } from 'common/interfaces/tableApis';
 import { ipcMain } from 'electron';
-import { faker } from '@faker-js/faker';
+import faker from 'faker';
 import moment from 'moment';
 import { sqlEscaper } from 'common/libs/sqlEscaper';
 import { TEXT, LONG_TEXT, ARRAY, TEXT_SEARCH, NUMBER, FLOAT, BLOB, BIT, DATE, DATETIME } from 'common/fieldTypes';
-import * as customizations from 'common/customizations';
 import fs from 'fs';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections) => {
    ipcMain.handle('get-table-columns', async (event, params) => {
       try {
          const result = await connections[params.uid].getTableColumns(params);
@@ -88,12 +85,11 @@ export default (connections: {[key: string]: antares.Client}) => {
 
    ipcMain.handle('update-table-cell', async (event, params) => {
       delete params.row._antares_id;
-      const { stringsWrapper: sw } = customizations[connections[params.uid]._client];
 
       try { // TODO: move to client classes
          let escapedParam;
          let reload = false;
-         const id = typeof params.id === 'number' ? params.id : `${sw}${params.id}${sw}`;
+         const id = typeof params.id === 'number' ? params.id : `"${params.id}"`;
 
          if ([...NUMBER, ...FLOAT].includes(params.type))
             escapedParam = params.content;
@@ -151,7 +147,7 @@ export default (connections: {[key: string]: antares.Client}) => {
                }
             }
          }
-         else if (BIT.includes(params.type)) {
+         else if ([...BIT].includes(params.type)) {
             escapedParam = `b'${sqlEscaper(params.content)}'`;
             reload = true;
          }
@@ -198,8 +194,7 @@ export default (connections: {[key: string]: antares.Client}) => {
 
    ipcMain.handle('delete-table-rows', async (event, params) => {
       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 => {
             const fieldName = Object.keys(row)[0].includes('.') ? `${params.table}.${params.primary}` : params.primary;
 
             return typeof row[fieldName] === 'string'
@@ -248,8 +243,7 @@ export default (connections: {[key: string]: antares.Client}) => {
 
    ipcMain.handle('insert-table-rows', async (event, params) => {
       try { // TODO: move to client classes
-         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-         const insertObj: {[key: string]: any} = {};
+         const insertObj = {};
          for (const key in params.row) {
             const type = params.fields[key];
             let escapedParam;
@@ -316,14 +310,12 @@ export default (connections: {[key: string]: antares.Client}) => {
       }
    });
 
-   ipcMain.handle('insert-table-fake-rows', async (event, params: InsertRowsParams) => {
+   ipcMain.handle('insert-table-fake-rows', async (event, params) => {
       try { // TODO: move to client classes
-         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-         const rows: {[key: string]: any}[] = [];
+         const rows = [];
 
          for (let i = 0; i < +params.repeat; i++) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const insertObj: {[key: string]: any} = {};
+            const insertObj = {};
 
             for (const key in params.row) {
                const type = params.fields[key];
@@ -381,8 +373,7 @@ export default (connections: {[key: string]: antares.Client}) => {
                   insertObj[key] = escapedParam;
                }
                else { // Faker value
-                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  const parsedParams: {[key: string]: any} = {};
+                  const parsedParams = {};
                   let fakeValue;
 
                   if (params.locale)
@@ -393,12 +384,10 @@ export default (connections: {[key: string]: antares.Client}) => {
                         if (!isNaN(params.row[key].params[param]))
                            parsedParams[param] = +params.row[key].params[param];
                      });
-                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                     fakeValue = (faker as any)[params.row[key].group][params.row[key].method](parsedParams);
+                     fakeValue = faker[params.row[key].group][params.row[key].method](parsedParams);
                   }
                   else
-                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                     fakeValue = (faker as any)[params.row[key].group][params.row[key].method]();
+                     fakeValue = faker[params.row[key].group][params.row[key].method]();
 
                   if (typeof fakeValue === 'string') {
                      if (params.row[key].length)

src/main/ipc-handlers/triggers.js

@@ -1,7 +1,6 @@
-import * as antares from 'common/interfaces/antares';
 import { ipcMain } from 'electron';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections) => {
    ipcMain.handle('get-trigger-informations', async (event, params) => {
       try {
          const result = await connections[params.uid].getTriggerInformations(params);

src/main/ipc-handlers/updates.js

@@ -4,8 +4,8 @@ import Store from 'electron-store';
 const persistentStore = new Store({ name: 'settings' });
 const isMacOS = process.platform === 'darwin';
 
-let mainWindow: Electron.IpcMainEvent;
-autoUpdater.allowPrerelease = persistentStore.get('allow_prerelease', true) as boolean;
+let mainWindow;
+autoUpdater.allowPrerelease = persistentStore.get('allow_prerelease', true);
 
 export default () => {
    ipcMain.on('check-for-updates', event => {
@@ -50,7 +50,7 @@ export default () => {
       mainWindow.reply('update-downloaded');
    });
 
-   // autoUpdater.logger = require('electron-log');
-   // autoUpdater.logger.transports.console.format = '{h}:{i}:{s} {text}';
-   // autoUpdater.logger.transports.file.level = 'info';
+   autoUpdater.logger = require('electron-log');
+   autoUpdater.logger.transports.console.format = '{h}:{i}:{s} {text}';
+   autoUpdater.logger.transports.file.level = 'info';
 };

src/main/ipc-handlers/users.js

@@ -1,7 +1,6 @@
-import * as antares from 'common/interfaces/antares';
 import { ipcMain } from 'electron';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections) => {
    ipcMain.handle('get-users', async (event, uid) => {
       try {
          const result = await connections[uid].getUsers();

src/main/ipc-handlers/views.js

@@ -1,7 +1,6 @@
-import * as antares from 'common/interfaces/antares';
 import { ipcMain } from 'electron';
 
-export default (connections: {[key: string]: antares.Client}) => {
+export default (connections) => {
    ipcMain.handle('get-view-informations', async (event, params) => {
       try {
          const result = await connections[params.uid].getViewInformations(params);

src/main/libs/AntaresCore.js

@@ -0,0 +1,149 @@
+'use strict';
+/**
+ * As Simple As Possible Query Builder Core
+ *
+ * @class AntaresCore
+ */
+export class AntaresCore {
+   /**
+    * Creates an instance of AntaresCore.
+    *
+    * @param {Object} args connection params
+    * @memberof AntaresCore
+    */
+   constructor (args) {
+      this._client = args.client;
+      this._params = args.params;
+      this._poolSize = args.poolSize || false;
+      this._connection = null;
+      this._ssh = null;
+      this._logger = args.logger || console.log;
+
+      this._queryDefaults = {
+         schema: '',
+         select: [],
+         from: '',
+         where: [],
+         groupBy: [],
+         orderBy: [],
+         limit: [],
+         offset: [],
+         join: [],
+         update: [],
+         insert: [],
+         delete: false
+      };
+      this._query = Object.assign({}, this._queryDefaults);
+   }
+
+   _reducer (acc, curr) {
+      const type = typeof curr;
+
+      switch (type) {
+         case 'number':
+         case 'string':
+            return [...acc, curr];
+         case 'object':
+            if (Array.isArray(curr))
+               return [...acc, ...curr];
+            else {
+               const clausoles = [];
+               for (const key in curr)
+                  clausoles.push(`${key} ${curr[key]}`);
+
+               return clausoles;
+            }
+      }
+   }
+
+   /**
+    * Resets the query object after a query
+    *
+    * @memberof AntaresCore
+    */
+   _resetQuery () {
+      this._query = Object.assign({}, this._queryDefaults);
+   }
+
+   schema (schema) {
+      this._query.schema = schema;
+      return this;
+   }
+
+   select (...args) {
+      this._query.select = [...this._query.select, ...args];
+      return this;
+   }
+
+   from (table) {
+      this._query.from = table;
+      return this;
+   }
+
+   into (table) {
+      this._query.from = table;
+      return this;
+   }
+
+   delete (table) {
+      this._query.delete = true;
+      this.from(table);
+      return this;
+   }
+
+   where (...args) {
+      this._query.where = [...this._query.where, ...args];
+      return this;
+   }
+
+   groupBy (...args) {
+      this._query.groupBy = [...this._query.groupBy, ...args];
+      return this;
+   }
+
+   orderBy (...args) {
+      this._query.orderBy = [...this._query.orderBy, ...args];
+      return this;
+   }
+
+   limit (...args) {
+      this._query.limit = args;
+      return this;
+   }
+
+   offset (...args) {
+      this._query.offset = args;
+      return this;
+   }
+
+   /**
+    * @param {String | Array} args field = value
+    * @returns
+    * @memberof AntaresCore
+    */
+   update (...args) {
+      this._query.update = [...this._query.update, ...args];
+      return this;
+   }
+
+   /**
+    * @param {Array} arr Array of row objects
+    * @returns
+    * @memberof AntaresCore
+    */
+   insert (arr) {
+      this._query.insert = [...this._query.insert, ...arr];
+      return this;
+   }
+
+   /**
+    * @param {Object} args
+    * @returns {Promise}
+    * @memberof AntaresCore
+    */
+   run (args) {
+      const rawQuery = this.getSQL();
+      this._resetQuery();
+      return this.raw(rawQuery, args);
+   }
+}

src/main/libs/AntaresCore.ts

@@ -1,260 +0,0 @@
-import * as antares from 'common/interfaces/antares';
-import mysql from 'mysql2/promise';
-import * as pg from 'pg';
-import SSH2Promise from 'ssh2-promise';
-
-const queryLogger = (sql: string) => {
-   // Remove comments, newlines and multiple spaces
-   const escapedSql = sql.replace(/(\/\*(.|[\r\n])*?\*\/)|(--(.*|[\r\n]))/gm, '').replace(/\s\s+/g, ' ');
-   console.log(escapedSql);
-};
-
-/**
- * As Simple As Possible Query Builder Core
- */
-export class AntaresCore {
-   _client: antares.ClientCode;
-   protected _params: mysql.ConnectionOptions | pg.ClientConfig | { databasePath: string; readonly: boolean};
-   protected _poolSize: number;
-   protected _ssh?: SSH2Promise;
-   protected _logger: (sql: string) => void;
-   protected _queryDefaults: antares.QueryBuilderObject;
-   protected _query: antares.QueryBuilderObject;
-
-   constructor (args: antares.ClientParams) {
-      this._client = args.client;
-      this._params = args.params;
-      this._poolSize = args.poolSize || undefined;
-      this._logger = args.logger || queryLogger;
-
-      this._queryDefaults = {
-         schema: '',
-         select: [],
-         from: '',
-         where: [],
-         groupBy: [],
-         orderBy: [],
-         limit: null,
-         offset: null,
-         join: [],
-         update: [],
-         insert: [],
-         delete: false
-      };
-      this._query = Object.assign({}, this._queryDefaults);
-   }
-
-   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   protected _reducer (acc: string[], curr: any) {
-      const type = typeof curr;
-
-      switch (type) {
-         case 'number':
-         case 'string':
-            return [...acc, curr];
-         case 'object':
-            if (Array.isArray(curr))
-               return [...acc, ...curr];
-            else {
-               const clausoles = [];
-               for (const key in curr)
-                  clausoles.push(`${key} ${curr[key]}`);
-
-               return clausoles;
-            }
-      }
-   }
-
-   private _resetQuery () {
-      this._query = Object.assign({}, this._queryDefaults);
-   }
-
-   schema (schema: string) {
-      this._query.schema = schema;
-      return this;
-   }
-
-   select (...args: string[]) {
-      this._query.select = [...this._query.select, ...args];
-      return this;
-   }
-
-   from (table: string) {
-      this._query.from = table;
-      return this;
-   }
-
-   into (table: string) {
-      this._query.from = table;
-      return this;
-   }
-
-   delete (table: string) {
-      this._query.delete = true;
-      this.from(table);
-      return this;
-   }
-
-   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   where (...args: any) {
-      this._query.where = [...this._query.where, ...args];
-      return this;
-   }
-
-   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   groupBy (...args: any) {
-      this._query.groupBy = [...this._query.groupBy, ...args];
-      return this;
-   }
-
-   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   orderBy (...args: any) {
-      this._query.orderBy = [...this._query.orderBy, ...args];
-      return this;
-   }
-
-   limit (limit: number) {
-      this._query.limit = limit;
-      return this;
-   }
-
-   offset (offset: number) {
-      this._query.offset = offset;
-      return this;
-   }
-
-   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   update (...args: any) {
-      this._query.update = [...this._query.update, ...args];
-      return this;
-   }
-
-   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-   insert (arr: {[key: string]: any}[]) {
-      this._query.insert = [...this._query.insert, ...arr];
-      return this;
-   }
-
-   getSQL (): string {
-      throw new Error('Client must implement the "getSQL" method');
-   }
-
-   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-   raw<T = antares.QueryResult> (_sql: string, _args?: antares.QueryParams): Promise<T> {
-      throw new Error('Client must implement the "raw" method');
-   }
-
-   run<RowType> (args?: antares.QueryParams) {
-      const rawQuery = this.getSQL();
-      this._resetQuery();
-      return this.raw<antares.QueryResult<RowType>>(rawQuery, args);
-   }
-
-   /* eslint-disable @typescript-eslint/no-unused-vars */
-   /* eslint-disable @typescript-eslint/no-explicit-any */
-   getDbConfig () {
-      throw new Error('Method "getDbConfig" not implemented');
-   }
-
-   createSchema (...args: any) {
-      throw new Error('Method "createSchema" not implemented');
-   }
-
-   alterSchema (...args: any) {
-      throw new Error('Method "alterSchema" not implemented');
-   }
-
-   dropSchema (...args: any) {
-      throw new Error('Method "dropSchema" not implemented');
-   }
-
-   getDatabaseCollation (...args: any) {
-      throw new Error('Method "getDatabaseCollation" not implemented');
-   }
-
-   getFunctionInformations (...args: any) {
-      throw new Error('Method "getFunctionInformations" not implemented');
-   }
-
-   alterFunction (...args: any) {
-      throw new Error('Method "alterFunction" not implemented');
-   }
-
-   createTriggerFunction (...args: any) {
-      throw new Error('Method "createTriggerFunction" not implemented');
-   }
-
-   alterTriggerFunction (...args: any) {
-      throw new Error('Method "alterTriggerFunction" not implemented');
-   }
-
-   createFunction (...args: any) {
-      throw new Error('Method "createFunction" not implemented');
-   }
-
-   dropFunction (...args: any) {
-      throw new Error('Method "dropFunction" not implemented');
-   }
-
-   getCollations () {
-      throw new Error('Method "getCollations" not implemented');
-   }
-
-   getRoutineInformations (...args: any) {
-      throw new Error('Method "getRoutineInformations" not implemented');
-   }
-
-   dropRoutine (...args: any) {
-      throw new Error('Method "dropRoutine" not implemented');
-   }
-
-   alterRoutine (...args: any) {
-      throw new Error('Method "alterRoutine" not implemented');
-   }
-
-   createRoutine (...args: any) {
-      throw new Error('Method "createRoutine" not implemented');
-   }
-
-   getVariables () {
-      throw new Error('Method "getVariables" not implemented');
-   }
-
-   getEventInformations (...args: any) {
-      throw new Error('Method "getEventInformations" not implemented');
-   }
-
-   dropEvent (...args: any) {
-      throw new Error('Method "dropEvent" not implemented');
-   }
-
-   alterEvent (...args: any) {
-      throw new Error('Method "alterEvent" not implemented');
-   }
-
-   createEvent (...args: any) {
-      throw new Error('Method "createEvent" not implemented');
-   }
-
-   enableEvent (...args: any) {
-      throw new Error('Method "enableEvent" not implemented');
-   }
-
-   disableEvent (...args: any) {
-      throw new Error('Method "disableEvent" not implemented');
-   }
-
-   enableTrigger (...args: any) {
-      throw new Error('Method "enableTrigger" not implemented');
-   }
-
-   disableTrigger (...args: any) {
-      throw new Error('Method "disableTrigger" not implemented');
-   }
-
-   killTabQuery (...args: any) {
-      throw new Error('Method "killTabQuery" not implemented');
-   }
-   /* eslint-enable @typescript-eslint/no-unused-vars */
-   /* eslint-enable @typescript-eslint/no-explicit-any */
-}

src/main/libs/ClientsFactory.js

@@ -0,0 +1,47 @@
+'use strict';
+import { MySQLClient } from './clients/MySQLClient';
+import { PostgreSQLClient } from './clients/PostgreSQLClient';
+import { SQLiteClient } from './clients/SQLiteClient';
+
+const queryLogger = sql => {
+   // Remove comments, newlines and multiple spaces
+   const escapedSql = sql.replace(/(\/\*(.|[\r\n])*?\*\/)|(--(.*|[\r\n]))/gm, '').replace(/\s\s+/g, ' ');
+   console.log(escapedSql);
+};
+
+export class ClientsFactory {
+   /**
+    * Returns a database connection based on received args.
+    *
+    * @param {Object} args
+    * @param {String} args.client
+    * @param {Object} args.params
+    * @param {String} args.params.host
+    * @param {Number} args.params.port
+    * @param {String} args.params.password
+    * @param {String=} args.params.database
+    * @param {String=} args.params.schema
+    * @param {String} args.params.ssh.host
+    * @param {String} args.params.ssh.username
+    * @param {String} args.params.ssh.password
+    * @param {Number} args.params.ssh.port
+    * @param {Number=} args.poolSize
+    * @returns Database Connection
+    * @memberof ClientsFactory
+    */
+   static getConnection (args) {
+      args.logger = queryLogger;
+
+      switch (args.client) {
+         case 'mysql':
+         case 'maria':
+            return new MySQLClient(args);
+         case 'pg':
+            return new PostgreSQLClient(args);
+         case 'sqlite':
+            return new SQLiteClient(args);
+         default:
+            throw new Error(`Unknown database client: ${args.client}`);
+      }
+   }
+}

src/main/libs/ClientsFactory.ts

@@ -1,20 +0,0 @@
-import * as antares from 'common/interfaces/antares';
-import { MySQLClient } from './clients/MySQLClient';
-import { PostgreSQLClient } from './clients/PostgreSQLClient';
-import { SQLiteClient } from './clients/SQLiteClient';
-
-export class ClientsFactory {
-   static getClient (args: antares.ClientParams) {
-      switch (args.client) {
-         case 'mysql':
-         case 'maria':
-            return new MySQLClient(args);
-         case 'pg':
-            return new PostgreSQLClient(args);
-         case 'sqlite':
-            return new SQLiteClient(args);
-         default:
-            throw new Error(`Unknown database client: ${args.client}`);
-      }
-   }
-}

src/main/libs/clients/SQLiteClient.js

@@ -1,77 +1,66 @@
-import * as antares from 'common/interfaces/antares';
-import * as sqlite from 'better-sqlite3';
+'use strict';
+import sqlite from 'better-sqlite3';
 import { AntaresCore } from '../AntaresCore';
-import * as dataTypes from 'common/data-types/sqlite';
+import dataTypes from 'common/data-types/mysql';
 import { NUMBER, FLOAT, TIME, DATETIME } from 'common/fieldTypes';
 
 export class SQLiteClient extends AntaresCore {
-   private _schema?: string;
-   private _connectionsToCommit: Map<string, sqlite.Database>;
-   protected _connection?: sqlite.Database;
-   _params: { databasePath: string; readonly: boolean};
-
-   constructor (args: antares.ClientParams) {
+   constructor (args) {
       super(args);
 
       this._schema = null;
-      this._connectionsToCommit = new Map();
    }
 
-   getTypeInfo (type: string): antares.TypeInformations {
+   _getTypeInfo (type) {
       return dataTypes
          .reduce((acc, group) => [...acc, ...group.types], [])
          .filter(_type => _type.name === type.toUpperCase())[0];
    }
 
+   /**
+    * @memberof SQLiteClient
+    */
    async connect () {
-      this._connection = this.getConnection();
-   }
-
-   getConnection () {
-      return sqlite(this._params.databasePath, {
+      this._connection = sqlite(this._params.databasePath, {
          fileMustExist: true,
          readonly: this._params.readonly
       });
    }
 
-   destroy (): void {
-      return null;
-   }
+   /**
+    * @memberof SQLiteClient
+    */
+   destroy () {}
 
-   use (): void {
-      return null;
-   }
+   /**
+    * Executes an USE query
+    *
+    * @memberof SQLiteClient
+    */
+   use () {}
 
-   async getStructure (schemas: Set<string>) {
-      /* eslint-disable camelcase */
-      interface ShowTableResult {
-         Db?: string;
-         type: string;
-         name: string;
-         tbl_name: string;
-         rootpage:4;
-         sql: string;
-      }
-
-      type ShowTriggersResult = ShowTableResult
-      /* eslint-enable camelcase */
-
-      const { rows: databases } = await this.raw<antares.QueryResult<{ name: string}>>('SELECT * FROM pragma_database_list');
+   /**
+    * @param {Array} schemas list
+    * @returns {Array.<Object>} databases scructure
+    * @memberof SQLiteClient
+    */
+   async getStructure (schemas) {
+      const { rows: databases } = await this.raw('SELECT * FROM pragma_database_list');
 
       const filteredDatabases = databases;
 
-      const tablesArr: ShowTableResult[] = [];
-      const triggersArr: ShowTriggersResult[] = [];
+      const tablesArr = [];
+      const triggersArr = [];
       let schemaSize = 0;
 
       for (const db of filteredDatabases) {
          if (!schemas.has(db.name)) continue;
 
-         let { rows: tables } = await this.raw<antares.QueryResult<ShowTableResult>>(`
+         let { rows: tables } = await this.raw(`
             SELECT * 
             FROM "${db.name}".sqlite_master 
             WHERE type IN ('table', 'view') 
-            AND name NOT LIKE 'sqlite\\_%' ESCAPE '\\'
+            AND name NOT LIKE 'sqlite_%' 
             ORDER BY name
          `);
          if (tables.length) {
@@ -82,7 +71,7 @@ export class SQLiteClient extends AntaresCore {
             tablesArr.push(...tables);
          }
 
-         let { rows: triggers } = await this.raw<antares.QueryResult<ShowTriggersResult>>(`SELECT * FROM "${db.name}".sqlite_master WHERE type='trigger'`);
+         let { rows: triggers } = await this.raw(`SELECT * FROM "${db.name}".sqlite_master WHERE type='trigger'`);
          if (triggers.length) {
             triggers = triggers.map(trigger => {
                trigger.Db = db.name;
@@ -139,24 +128,22 @@ export class SQLiteClient extends AntaresCore {
       });
    }
 
-   async getTableColumns ({ schema, table }: { schema: string; table: string }) {
-      interface TableColumnsResult {
-         cid: number;
-         name: string;
-         type: string;
-         notnull: 0 | 1;
-         // eslint-disable-next-line camelcase
-         dflt_value: string;
-         pk: 0 | 1;
-      }
-      const { rows: fields } = await this.raw<antares.QueryResult<TableColumnsResult>>(`SELECT * FROM "${schema}".pragma_table_info('${table}')`);
+   /**
+    * @param {Object} params
+    * @param {String} params.schema
+    * @param {String} params.table
+    * @returns {Object} table scructure
+    * @memberof SQLiteClient
+    */
+   async getTableColumns ({ schema, table }) {
+      const { rows: fields } = await this.raw(`SELECT * FROM "${schema}".pragma_table_info('${table}')`);
 
       return fields.map(field => {
-         const [type, length]: [string, number?] = field.type.includes('(')
-            ? field.type.replace(')', '').split('(').map((el: string | number) => {
-               if (!isNaN(Number(el))) el = Number(el);
+         const [type, length] = field.type.includes('(')
+            ? field.type.replace(')', '').split('(').map(el => {
+               if (!isNaN(el)) el = +el;
                return el;
-            }) as [string, number?]
+            })
             : [field.type, null];
 
          return {
@@ -171,7 +158,7 @@ export class SQLiteClient extends AntaresCore {
             nullable: !field.notnull,
             unsigned: null,
             zerofill: null,
-            order: typeof field.cid === 'string' ? +field.cid + 1 : field.cid + 1,
+            order: field.cid + 1,
             default: field.dflt_value,
             charset: null,
             collation: null,
@@ -182,50 +169,54 @@ export class SQLiteClient extends AntaresCore {
       });
    }
 
-   async getTableApproximateCount ({ schema, table }: { schema: string; table: string }): Promise<number> {
+   /**
+    * @param {Object} params
+    * @param {String} params.schema
+    * @param {String} params.table
+    * @returns {Object} table row count
+    * @memberof SQLiteClient
+    */
+   async getTableApproximateCount ({ schema, table }) {
       const { rows } = await this.raw(`SELECT COUNT(*) AS count FROM "${schema}"."${table}"`);
 
       return rows.length ? rows[0].count : 0;
    }
 
-   async getTableOptions ({ table }: { table: string }) {
+   /**
+    * @param {Object} params
+    * @param {String} params.schema
+    * @param {String} params.table
+    * @returns {Object} table options
+    * @memberof SQLiteClient
+    */
+   async getTableOptions ({ schema, table }) {
       return { name: table };
    }
 
-   async getTableIndexes ({ schema, table }: { schema: string; table: string }) {
-      interface TableColumnsResult {
-         type: string;
-         name: string;
-         // eslint-disable-next-line camelcase
-         tbl_name: string;
-         rootpage:4;
-         sql: string;
-      }
-
-      interface ShowIndexesResult {
-         seq: number;
-         name: string;
-         unique: 0 | 1;
-         origin: string;
-         partial: 0 | 1;
-      }
-
+   /**
+    * @param {Object} params
+    * @param {String} params.schema
+    * @param {String} params.table
+    * @returns {Object} table indexes
+    * @memberof SQLiteClient
+    */
+   async getTableIndexes ({ schema, table }) {
       const remappedIndexes = [];
-      const { rows: primaryKeys } = await this.raw<antares.QueryResult<TableColumnsResult>>(`SELECT * FROM "${schema}".pragma_table_info('${table}') WHERE pk != 0`);
+      const { rows: primaryKeys } = await this.raw(`SELECT * FROM "${schema}".pragma_table_info('${table}') WHERE pk != 0`);
 
       for (const key of primaryKeys) {
          remappedIndexes.push({
             name: 'PRIMARY',
             column: key.name,
-            indexType: null as never,
+            indexType: null,
             type: 'PRIMARY',
-            cardinality: null as never,
+            cardinality: null,
             comment: '',
             indexComment: ''
          });
       }
 
-      const { rows: indexes } = await this.raw<antares.QueryResult<ShowIndexesResult>>(`SELECT * FROM "${schema}".pragma_index_list('${table}');`);
+      const { rows: indexes } = await this.raw(`SELECT * FROM "${schema}".pragma_index_list('${table}');`);
 
       for (const index of indexes) {
          const { rows: details } = await this.raw(`SELECT * FROM "${schema}".pragma_index_info('${index.name}');`);
@@ -234,9 +225,9 @@ export class SQLiteClient extends AntaresCore {
             remappedIndexes.push({
                name: index.name,
                column: detail.name,
-               indexType: null as never,
+               indexType: null,
                type: index.unique === 1 ? 'UNIQUE' : 'INDEX',
-               cardinality: null as never,
+               cardinality: null,
                comment: '',
                indexComment: ''
             });
@@ -246,19 +237,15 @@ export class SQLiteClient extends AntaresCore {
       return remappedIndexes;
    }
 
-   async getKeyUsage ({ schema, table }: { schema: string; table: string }) {
-      /* eslint-disable camelcase */
-      interface KeyResult {
-         from: string;
-         id: number;
-         table: string;
-         to: string;
-         on_update: string;
-         on_delete: string;
-      }
-      /* eslint-enable camelcase */
-
-      const { rows } = await this.raw<antares.QueryResult<KeyResult>>(`SELECT * FROM "${schema}".pragma_foreign_key_list('${table}');`);
+   /**
+    * @param {Object} params
+    * @param {String} params.schema
+    * @param {String} params.table
+    * @returns {Object} table key usage
+    * @memberof SQLiteClient
+    */
+   async getKeyUsage ({ schema, table }) {
+      const { rows } = await this.raw(`SELECT * FROM "${schema}".pragma_foreign_key_list('${table}');`);
 
       return rows.map(field => {
          return {
@@ -277,11 +264,195 @@ export class SQLiteClient extends AntaresCore {
       });
    }
 
-   async getUsers (): Promise<void> {
-      return null;
+   async getUsers () {}
+
+   /**
+    * SHOW CREATE VIEW
+    *
+    * @returns {Array.<Object>} view informations
+    * @memberof SQLiteClient
+    */
+   async getViewInformations ({ schema, view }) {
+      const sql = `SELECT "sql" FROM "${schema}".sqlite_master WHERE "type"='view' AND name='${view}'`;
+      const results = await this.raw(sql);
+
+      return results.rows.map(row => {
+         return {
+            sql: row.sql.match(/(?<=AS ).*?$/gs)[0],
+            name: view
+         };
+      })[0];
    }
 
-   async createTable (params: antares.CreateTableParams) {
+   /**
+    * DROP VIEW
+    *
+    * @returns {Array.<Object>} parameters
+    * @memberof SQLiteClient
+    */
+   async dropView (params) {
+      const sql = `DROP VIEW "${params.schema}"."${params.view}"`;
+      return await this.raw(sql);
+   }
+
+   /**
+    * ALTER VIEW
+    *
+    * @returns {Array.<Object>} parameters
+    * @memberof SQLiteClient
+    */
+   async alterView (params) {
+      const { view } = params;
+      try {
+         await this.dropView({ schema: view.schema, view: view.oldName });
+         await this.createView(view);
+      }
+      catch (err) {
+         return Promise.reject(err);
+      }
+   }
+
+   /**
+    * CREATE VIEW
+    *
+    * @returns {Array.<Object>} parameters
+    * @memberof SQLiteClient
+    */
+   async createView (params) {
+      const sql = `CREATE VIEW "${params.schema}"."${params.name}" AS ${params.sql}`;
+      return await this.raw(sql);
+   }
+
+   /**
+    * SHOW CREATE TRIGGER
+    *
+    * @returns {Array.<Object>} view informations
+    * @memberof SQLiteClient
+    */
+   async getTriggerInformations ({ schema, trigger }) {
+      const sql = `SELECT "sql" FROM "${schema}".sqlite_master WHERE "type"='trigger' AND name='${trigger}'`;
+      const results = await this.raw(sql);
+
+      return results.rows.map(row => {
+         return {
+            sql: row.sql.match(/(BEGIN|begin)(.*)(END|end)/gs)[0],
+            name: trigger,
+            table: row.sql.match(/(?<=ON `).*?(?=`)/gs)[0],
+            activation: row.sql.match(/(BEFORE|AFTER)/gs)[0],
+            event: row.sql.match(/(INSERT|UPDATE|DELETE)/gs)[0]
+         };
+      })[0];
+   }
+
+   /**
+    * DROP TRIGGER
+    *
+    * @returns {Array.<Object>} parameters
+    * @memberof SQLiteClient
+    */
+   async dropTrigger (params) {
+      const sql = `DROP TRIGGER \`${params.schema}\`.\`${params.trigger}\``;
+      return await this.raw(sql);
+   }
+
+   /**
+    * ALTER TRIGGER
+    *
+    * @returns {Array.<Object>} parameters
+    * @memberof SQLiteClient
+    */
+   async alterTrigger (params) {
+      const { trigger } = params;
+      const tempTrigger = Object.assign({}, trigger);
+      tempTrigger.name = `Antares_${tempTrigger.name}_tmp`;
+
+      try {
+         await this.createTrigger(tempTrigger);
+         await this.dropTrigger({ schema: trigger.schema, trigger: tempTrigger.name });
+         await this.dropTrigger({ schema: trigger.schema, trigger: trigger.oldName });
+         await this.createTrigger(trigger);
+      }
+      catch (err) {
+         return Promise.reject(err);
+      }
+   }
+
+   /**
+    * CREATE TRIGGER
+    *
+    * @returns {Array.<Object>} parameters
+    * @memberof SQLiteClient
+    */
+   async createTrigger (params) {
+      const sql = `CREATE ${params.definer ? `DEFINER=${params.definer} ` : ''}TRIGGER \`${params.schema}\`.\`${params.name}\` ${params.activation} ${params.event} ON \`${params.table}\` FOR EACH ROW ${params.sql}`;
+      return await this.raw(sql, { split: false });
+   }
+
+   /**
+    * SHOW COLLATION
+    *
+    * @returns {Array.<Object>} collations list
+    * @memberof SQLiteClient
+    */
+   async getCollations () {
+      return [];
+   }
+
+   /**
+    * SHOW VARIABLES
+    *
+    * @returns {Array.<Object>} variables list
+    * @memberof SQLiteClient
+    */
+   async getVariables () {
+      return [];
+   }
+
+   /**
+    * SHOW ENGINES
+    *
+    * @returns {Array.<Object>} engines list
+    * @memberof SQLiteClient
+    */
+   async getEngines () {
+      return {
+         name: 'SQLite',
+         support: 'YES',
+         comment: '',
+         isDefault: true
+      };
+   }
+
+   /**
+    * SHOW VARIABLES LIKE '%vers%'
+    *
+    * @returns {Array.<Object>} version parameters
+    * @memberof SQLiteClient
+    */
+   async getVersion () {
+      const os = require('os');
+      const sql = 'SELECT sqlite_version() AS version';
+      const { rows } = await this.raw(sql);
+
+      return {
+         number: rows[0].version,
+         name: 'SQLite',
+         arch: process.arch,
+         os: `${os.type()} ${os.release()}`
+      };
+   }
+
+   async getProcesses () {}
+
+   async killProcess () {}
+
+   /**
+    * CREATE TABLE
+    *
+    * @returns {Promise<null>}
+    * @memberof SQLiteClient
+    */
+   async createTable (params) {
       const {
          schema,
          fields,
@@ -289,24 +460,24 @@ export class SQLiteClient extends AntaresCore {
          indexes,
          options
       } = params;
-      const newColumns: string[] = [];
-      const newIndexes: string[] = [];
-      const manageIndexes: string[] = [];
-      const newForeigns: string[] = [];
+      const newColumns = [];
+      const newIndexes = [];
+      const manageIndexes = [];
+      const newForeigns = [];
 
       let sql = `CREATE TABLE "${schema}"."${options.name}"`;
 
       // ADD FIELDS
       fields.forEach(field => {
-         const typeInfo = this.getTypeInfo(field.type);
+         const typeInfo = this._getTypeInfo(field.type);
          const length = typeInfo?.length ? field.enumValues || field.numLength || field.charLength || field.datePrecision : false;
 
          newColumns.push(`"${field.name}" 
-            ${field.type.toUpperCase()}${length ? `(${length})` : ''} 
+            ${field.type.toUpperCase()}${length && length !== true ? `(${length})` : ''} 
             ${field.unsigned ? 'UNSIGNED' : ''} 
             ${field.nullable ? 'NULL' : 'NOT NULL'}
             ${field.autoIncrement ? 'AUTO_INCREMENT' : ''}
-            ${field.default !== null ? `DEFAULT ${field.default || '\'\''}` : ''}
+            ${field.default ? `DEFAULT ${field.default}` : ''}
             ${field.onUpdate ? `ON UPDATE ${field.onUpdate}` : ''}`);
       });
 
@@ -332,37 +503,34 @@ export class SQLiteClient extends AntaresCore {
       return await this.raw(sql);
    }
 
-   async alterTable (params: antares.AlterTableParams) {
-      const {
-         table,
-         schema,
-         additions,
-         deletions,
-         changes,
-         tableStructure
-      } = params;
-
+   /**
+    * ALTER TABLE
+    *
+    * @returns {Promise<null>}
+    * @memberof SQLiteClient
+    */
+   async alterTable (params) {
       try {
          await this.raw('BEGIN TRANSACTION');
          await this.raw('PRAGMA foreign_keys = 0');
 
-         const tmpName = `Antares_${table}_tmp`;
-         await this.raw(`CREATE TABLE "${tmpName}" AS SELECT * FROM "${table}"`);
+         const tmpName = `Antares_${params.table}_tmp`;
+         await this.raw(`CREATE TABLE "${tmpName}" AS SELECT * FROM "${params.table}"`);
          await this.dropTable(params);
 
          const createTableParams = {
-            schema: schema,
-            fields: tableStructure.fields,
-            foreigns: tableStructure.foreigns,
-            indexes: tableStructure.indexes.filter(index => !index.name.includes('sqlite_autoindex')),
-            options: { name: tableStructure.name }
+            schema: params.schema,
+            fields: params.tableStructure.fields,
+            foreigns: params.tableStructure.foreigns,
+            indexes: params.tableStructure.indexes.filter(index => !index.name.includes('sqlite_autoindex')),
+            options: { name: params.tableStructure.name }
          };
          await this.createTable(createTableParams);
          const insertFields = createTableParams.fields
             .filter(field => {
                return (
-                  additions.every(add => add.name !== field.name) &&
-                  deletions.every(del => del.name !== field.name)
+                  params.additions.every(add => add.name !== field.name) &&
+                  params.deletions.every(del => del.name !== field.name)
                );
             })
             .reduce((acc, curr) => {
@@ -371,7 +539,7 @@ export class SQLiteClient extends AntaresCore {
             }, []);
 
          const selectFields = insertFields.map(field => {
-            const renamedField = changes.find(change => `"${change.name}"` === field);
+            const renamedField = params.changes.find(change => `"${change.name}"` === field);
             if (renamedField)
                return `"${renamedField.orgName}"`;
             return field;
@@ -379,7 +547,7 @@ export class SQLiteClient extends AntaresCore {
 
          await this.raw(`INSERT INTO "${createTableParams.options.name}" (${insertFields.join(',')}) SELECT ${selectFields.join(',')} FROM "${tmpName}"`);
 
-         await this.dropTable({ schema: schema, table: tmpName });
+         await this.dropTable({ schema: params.schema, table: tmpName });
          await this.raw('PRAGMA foreign_keys = 1');
          await this.raw('COMMIT');
       }
@@ -389,147 +557,43 @@ export class SQLiteClient extends AntaresCore {
       }
    }
 
-   async duplicateTable (params: { schema: string; table: string }) { // TODO: retrive table informations and create a copy
+   /**
+    * DUPLICATE TABLE
+    *
+    * @returns {Promise<null>}
+    * @memberof SQLiteClient
+    */
+   async duplicateTable (params) { // TODO: retrive table informations and create a copy
       const sql = `CREATE TABLE "${params.schema}"."${params.table}_copy" AS SELECT * FROM "${params.schema}"."${params.table}"`;
       return await this.raw(sql);
    }
 
-   async truncateTable (params: { schema: string; table: string }) {
+   /**
+    * TRUNCATE TABLE
+    *
+    * @returns {Promise<null>}
+    * @memberof SQLiteClient
+    */
+   async truncateTable (params) {
       const sql = `DELETE FROM "${params.schema}"."${params.table}"`;
       return await this.raw(sql);
    }
 
-   async dropTable (params: { schema: string; table: string }) {
+   /**
+    * DROP TABLE
+    *
+    * @returns {Promise<null>}
+    * @memberof SQLiteClient
+    */
+   async dropTable (params) {
       const sql = `DROP TABLE "${params.schema}"."${params.table}"`;
       return await this.raw(sql);
    }
 
-   async getViewInformations ({ schema, view }: { schema: string; view: string }) {
-      const sql = `SELECT "sql" FROM "${schema}".sqlite_master WHERE "type"='view' AND name='${view}'`;
-      const results = await this.raw(sql);
-
-      return results.rows.map(row => {
-         return {
-            sql: row.sql.match(/(?<=AS ).*?$/gs)[0],
-            name: view
-         };
-      })[0];
-   }
-
-   async dropView (params: { schema: string; view: string }) {
-      const sql = `DROP VIEW "${params.schema}"."${params.view}"`;
-      return await this.raw(sql);
-   }
-
-   async alterView ({ view }: { view: antares.AlterViewParams }) {
-      try {
-         await this.dropView({ schema: view.schema, view: view.oldName });
-         await this.createView(view);
-      }
-      catch (err) {
-         return Promise.reject(err);
-      }
-   }
-
-   async createView (params: antares.CreateViewParams) {
-      const sql = `CREATE VIEW "${params.schema}"."${params.name}" AS ${params.sql}`;
-      return await this.raw(sql);
-   }
-
-   async getTriggerInformations ({ schema, trigger }: { schema: string; trigger: string }) {
-      const sql = `SELECT "sql" FROM "${schema}".sqlite_master WHERE "type"='trigger' AND name='${trigger}'`;
-      const results = await this.raw(sql);
-
-      return results.rows.map(row => {
-         return {
-            sql: row.sql.match(/(BEGIN|begin)(.*)(END|end)/gs)[0],
-            name: trigger,
-            table: row.sql.match(/(?<=ON `).*?(?=`)/gs)[0],
-            activation: row.sql.match(/(BEFORE|AFTER)/gs)[0],
-            event: row.sql.match(/(INSERT|UPDATE|DELETE)/gs)[0]
-         };
-      })[0];
-   }
-
-   async dropTrigger (params: { schema: string; trigger: string }) {
-      const sql = `DROP TRIGGER \`${params.schema}\`.\`${params.trigger}\``;
-      return await this.raw(sql);
-   }
-
-   async alterTrigger ({ trigger } : {trigger: antares.AlterTriggerParams}) {
-      const tempTrigger = Object.assign({}, trigger);
-      tempTrigger.name = `Antares_${tempTrigger.name}_tmp`;
-
-      try {
-         await this.createTrigger(tempTrigger);
-         await this.dropTrigger({ schema: trigger.schema, trigger: tempTrigger.name });
-         await this.dropTrigger({ schema: trigger.schema, trigger: trigger.oldName });
-         await this.createTrigger(trigger);
-      }
-      catch (err) {
-         return Promise.reject(err);
-      }
-   }
-
-   async createTrigger (params: antares.CreateTriggerParams) {
-      const sql = `CREATE ${params.definer ? `DEFINER=${params.definer} ` : ''}TRIGGER \`${params.schema}\`.\`${params.name}\` ${params.activation} ${params.event} ON \`${params.table}\` FOR EACH ROW ${params.sql}`;
-      return await this.raw(sql, { split: false });
-   }
-
-   async getEngines () {
-      return {
-         name: 'SQLite',
-         support: 'YES',
-         comment: '',
-         isDefault: true
-      };
-   }
-
-   async getVersion () {
-      const os = require('os');
-      const sql = 'SELECT sqlite_version() AS version';
-      const { rows } = await this.raw(sql);
-
-      return {
-         number: rows[0].version,
-         name: 'SQLite',
-         arch: process.arch,
-         os: `${os.type()} ${os.release()}`
-      };
-   }
-
-   async getProcesses (): Promise<void> {
-      return null;
-   }
-
-   async killProcess (): Promise<void> {
-      return null;
-   }
-
-   async commitTab (tabUid: string) {
-      const connection = this._connectionsToCommit.get(tabUid);
-      if (connection) {
-         connection.prepare('COMMIT').run();
-         return this.destroyConnectionToCommit(tabUid);
-      }
-   }
-
-   async rollbackTab (tabUid: string) {
-      const connection = this._connectionsToCommit.get(tabUid);
-      if (connection) {
-         connection.prepare('ROLLBACK').run();
-         return this.destroyConnectionToCommit(tabUid);
-      }
-   }
-
-   destroyConnectionToCommit (tabUid: string) {
-      const connection = this._connectionsToCommit.get(tabUid);
-      if (connection) {
-         connection.close();
-         this._connectionsToCommit.delete(tabUid);
-      }
-   }
-
+   /**
+    * @returns {String} SQL string
+    * @memberof SQLiteClient
+    */
    getSQL () {
       // SELECT
       const selectArray = this._query.select.reduce(this._reducer, []);
@@ -577,15 +641,24 @@ export class SQLiteClient extends AntaresCore {
       const orderByRaw = orderByArray.length ? `ORDER BY ${orderByArray.join(', ')} ` : '';
 
       // LIMIT
-      const limitRaw = this._query.limit ? `LIMIT ${this._query.limit} ` : '';
+      const limitRaw = this._query.limit.length ? `LIMIT ${this._query.limit.join(', ')} ` : '';
 
       // OFFSET
-      const offsetRaw = this._query.offset ? `OFFSET ${this._query.offset} ` : '';
+      const offsetRaw = this._query.offset.length ? `OFFSET ${this._query.offset.join(', ')} ` : '';
 
       return `${selectRaw}${updateRaw ? 'UPDATE' : ''}${insertRaw ? 'INSERT ' : ''}${this._query.delete ? 'DELETE ' : ''}${fromRaw}${updateRaw}${whereRaw}${groupByRaw}${orderByRaw}${limitRaw}${offsetRaw}${insertRaw}`;
    }
 
-   async raw<T = antares.QueryResult> (sql: string, args?: antares.QueryParams) {
+   /**
+    * @param {string} sql raw SQL query
+    * @param {object} args
+    * @param {boolean} args.nest
+    * @param {boolean} args.details
+    * @param {boolean} args.split
+    * @returns {Promise}
+    * @memberof SQLiteClient
+    */
+   async raw (sql, args) {
       if (process.env.NODE_ENV === 'development') this._logger(sql);// TODO: replace BLOB content with a placeholder
 
       args = {
@@ -593,7 +666,6 @@ export class SQLiteClient extends AntaresCore {
          details: false,
          split: true,
          comments: true,
-         autocommit: true,
          ...args
       };
 
@@ -607,52 +679,37 @@ export class SQLiteClient extends AntaresCore {
             .filter(Boolean)
             .map(q => q.trim())
          : [sql];
-
-      let connection: sqlite.Database;
-
-      if (!args.autocommit && args.tabUid) { // autocommit OFF
-         if (this._connectionsToCommit.has(args.tabUid))
-            connection = this._connectionsToCommit.get(args.tabUid);
-         else {
-            connection = this.getConnection();
-            connection.prepare('BEGIN TRANSACTION').run();
-            this._connectionsToCommit.set(args.tabUid, connection);
-         }
-      }
-      else// autocommit ON
-         connection = this._connection;
+      const connection = this._connection;
 
       for (const query of queries) {
          if (!query) continue;
          const timeStart = new Date();
          let timeStop;
-         const keysArr: antares.QueryForeign[] = [];
+         const keysArr = [];
 
          const { rows, report, fields, keys, duration } = await new Promise((resolve, reject) => {
             (async () => {
-               let queryRunResult: sqlite.RunResult;
-               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-               let queryAllResult: any[];
+               let queryResult;
                let affectedRows;
                let fields;
-               const detectedTypes: {[key: string]: string} = {};
+               const detectedTypes = {};
 
                try {
                   const stmt = connection.prepare(query);
 
                   if (stmt.reader) {
-                     queryAllResult = stmt.all();
+                     queryResult = stmt.all();
                      fields = stmt.columns();
 
-                     if (queryAllResult.length) {
+                     if (queryResult.length) {
                         fields.forEach(field => {
-                           detectedTypes[field.name] = typeof queryAllResult[0][field.name];
+                           detectedTypes[field.name] = typeof queryResult[0][field.name];
                         });
                      }
                   }
                   else {
-                     queryRunResult = stmt.run();
-                     affectedRows = queryRunResult.changes;
+                     const info = queryResult = stmt.run();
+                     affectedRows = info.changes;
                   }
                }
                catch (err) {
@@ -663,19 +720,19 @@ export class SQLiteClient extends AntaresCore {
 
                let remappedFields = fields
                   ? fields.map(field => {
-                     let [parsedType, length]: [string, number?] = field.type?.includes('(')
-                        ? field.type.replace(')', '').split('(').map((el: string | number) => {
-                           if (!isNaN(Number(el)))
-                              el = Number(el);
+                     let [parsedType, length] = field.type?.includes('(')
+                        ? field.type.replace(')', '').split('(').map(el => {
+                           if (!isNaN(el))
+                              el = +el;
                            else
-                              el = (el as string).trim();
+                              el = el.trim();
                            return el;
-                        }) as [string, number?]
+                        })
                         : [field.type, null];
 
                      if ([...TIME, ...DATETIME].includes(parsedType)) {
-                        const firstNotNull = queryAllResult.find(res => res[field.name] !== null);
-                        if (firstNotNull && firstNotNull[field.name].includes('.'))
+                        const firstNotNull = queryResult.find(res => res[field.name] !== null);
+                        if (firstNotNull[field.name].includes('.'))
                            length = firstNotNull[field.name].split('.').pop().length;
                      }
 
@@ -688,8 +745,7 @@ export class SQLiteClient extends AntaresCore {
                         tableAlias: field.table,
                         orgTable: field.table,
                         type: field.type !== null ? parsedType : detectedTypes[field.name],
-                        length,
-                        key: undefined as string
+                        length
                      };
                   }).filter(Boolean)
                   : [];
@@ -709,12 +765,18 @@ export class SQLiteClient extends AntaresCore {
                         const indexes = await this.getTableIndexes(paramObj);
 
                         remappedFields = remappedFields.map(field => {
+                        // const detailedField = columns.find(f => f.name === field.name);
                            const fieldIndex = indexes.find(i => i.column === field.name);
                            if (field.table === paramObj.table && field.schema === paramObj.schema) {
+                           // if (detailedField) {
+                           //    const length = detailedField.numPrecision || detailedField.charLength || detailedField.datePrecision || null;
+                           //    field = { ...field, ...detailedField, length };
+                           // }
+
                               if (fieldIndex) {
                                  const key = fieldIndex.type === 'PRIMARY' ? 'pri' : fieldIndex.type === 'UNIQUE' ? 'uni' : 'mul';
                                  field = { ...field, key };
-                              }
+                              };
                            }
 
                            return field;
@@ -727,8 +789,8 @@ export class SQLiteClient extends AntaresCore {
                }
 
                resolve({
-                  duration: timeStop.getTime() - timeStart.getTime(),
-                  rows: Array.isArray(queryAllResult) ? queryAllResult.some(el => Array.isArray(el)) ? [] : queryAllResult : false,
+                  duration: timeStop - timeStart,
+                  rows: Array.isArray(queryResult) ? queryResult.some(el => Array.isArray(el)) ? [] : queryResult : false,
                   report: affectedRows !== undefined ? { affectedRows } : null,
                   fields: remappedFields,
                   keys: keysArr
@@ -739,16 +801,6 @@ export class SQLiteClient extends AntaresCore {
          resultsArr.push({ rows, report, fields, keys, duration });
       }
 
-      const result = resultsArr.length === 1 ? resultsArr[0] : resultsArr;
-
-      return result as unknown as T;
-   }
-
-   getVariables (): null[] {
-      return [];
-   }
-
-   getCollations (): null[] {
-      return [];
+      return resultsArr.length === 1 ? resultsArr[0] : resultsArr;
    }
 }

src/main/libs/exporters/BaseExporter.ts

@@ -1,93 +0,0 @@
-import * as exporter from 'common/interfaces/exporter';
-import * as fs from 'fs';
-import { createGzip, Gzip } from 'zlib';
-import * as path from 'path';
-import * as EventEmitter from 'events';
-
-export class BaseExporter extends EventEmitter {
-   protected _tables;
-   protected _options;
-   protected _isCancelled;
-   protected _outputFileStream: fs.WriteStream;
-   protected _processedStream: fs.WriteStream | Gzip;
-   protected _state;
-
-   constructor (tables: exporter.TableParams[], options: exporter.ExportOptions) {
-      super();
-      this._tables = tables;
-      this._options = options;
-      this._isCancelled = false;
-      this._outputFileStream = fs.createWriteStream(this._options.outputFile, { flags: 'w' });
-      this._processedStream = null;
-      this._state = {};
-
-      if (this._options.outputFormat === 'sql.zip') {
-         const outputZipStream = createGzip();
-         outputZipStream.pipe(this._outputFileStream);
-         this._processedStream = outputZipStream;
-      }
-      else
-         this._processedStream = this._outputFileStream;
-
-      this._processedStream.once('error', err => {
-         this._isCancelled = true;
-         this.emit('error', err);
-      });
-   }
-
-   async run () {
-      try {
-         this.emit('start', this);
-         await this.dump();
-      }
-      catch (err) {
-         this.emit('error', err);
-         throw err;
-      }
-      finally {
-         this._processedStream.end();
-         this.emit('end');
-      }
-   }
-
-   get isCancelled () {
-      return this._isCancelled;
-   }
-
-   get outputFile () {
-      return this._options.outputFile;
-   }
-
-   outputFileExists () {
-      return fs.existsSync(this._options.outputFile);
-   }
-
-   cancel () {
-      this._isCancelled = true;
-      this.emit('cancel');
-      this.emitUpdate({ op: 'cancelling' });
-   }
-
-   emitUpdate (state: exporter.ExportState) {
-      this.emit('progress', { ...this._state, ...state });
-   }
-
-   writeString (data: string) {
-      if (this._isCancelled) return;
-
-      try {
-         fs.accessSync(this._options.outputFile);
-      }
-      catch (err) {
-         this._isCancelled = true;
-
-         const fileName = path.basename(this._options.outputFile);
-         this.emit('error', `The file ${fileName} is not accessible`);
-      }
-      this._processedStream.write(data);
-   }
-
-   dump () {
-      throw new Error('Exporter must implement the "dump" method');
-   }
-}

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

@@ -1,451 +0,0 @@
-import * as exporter from 'common/interfaces/exporter';
-import * as mysql from 'mysql2/promise';
-import { SqlExporter } from './SqlExporter';
-import { BLOB, BIT, DATE, DATETIME, FLOAT, SPATIAL, IS_MULTI_SPATIAL, NUMBER } from 'common/fieldTypes';
-import hexToBinary from 'common/libs/hexToBinary';
-import { getArrayDepth } from 'common/libs/getArrayDepth';
-import * as moment from 'moment';
-import { lineString, point, polygon } from '@turf/helpers';
-import { MySQLClient } from '../../clients/MySQLClient';
-
-export default class MysqlExporter extends SqlExporter {
-   protected _client: MySQLClient;
-
-   constructor (client: MySQLClient, tables: exporter.TableParams[], options: exporter.ExportOptions) {
-      super(tables, options);
-
-      this._client = client;
-      this._commentChar = '#';
-   }
-
-   async getSqlHeader () {
-      let dump = await super.getSqlHeader();
-      dump += `
-
-
-/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
-/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
-/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
-SET NAMES utf8mb4;
-/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
-/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
-/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;`;
-
-      return dump;
-   }
-
-   async getFooter () {
-      const footer = await super.getFooter();
-
-      return `/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
-/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
-/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
-/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
-/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
-/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
-
-${footer}
-`;
-   }
-
-   async getCreateTable (tableName: string) {
-      const { rows } = await this._client.raw(
-         `SHOW CREATE TABLE \`${this.schemaName}\`.\`${tableName}\``
-      );
-
-      if (rows.length !== 1) return '';
-
-      const col = 'Create View' in rows[0] ? 'Create View' : 'Create Table';
-
-      return rows[0][col] + ';';
-   }
-
-   getDropTable (tableName: string) {
-      return `DROP TABLE IF EXISTS \`${tableName}\`;`;
-   }
-
-   async * getTableInsert (tableName: string) {
-      let rowCount = 0;
-      let sqlStr = '';
-
-      const countResults = await this._client.raw(`SELECT COUNT(1) as count FROM \`${this.schemaName}\`.\`${tableName}\``);
-      if (countResults.rows.length === 1) rowCount = countResults.rows[0].count;
-
-      if (rowCount > 0) {
-         let queryLength = 0;
-         let rowsWritten = 0;
-         let rowIndex = 0;
-         const { sqlInsertDivider, sqlInsertAfter } = this._options;
-         const columns = await this._client.getTableColumns({
-            table: tableName,
-            schema: this.schemaName
-         });
-
-         const notGeneratedColumns = columns.filter(col => !col.generated);
-         const columnNames = notGeneratedColumns.map(col => '`' + col.name + '`');
-         const insertStmt = `INSERT INTO \`${tableName}\` (${columnNames.join(
-            ', '
-         )}) VALUES`;
-
-         sqlStr += `LOCK TABLES \`${tableName}\` WRITE;\n`;
-         sqlStr += `/*!40000 ALTER TABLE \`${tableName}\` DISABLE KEYS */;`;
-         sqlStr += '\n\n';
-         yield sqlStr;
-
-         yield insertStmt;
-
-         const stream = await this._queryStream(
-            `SELECT ${columnNames.join(', ')} FROM \`${this.schemaName}\`.\`${tableName}\``
-         );
-
-         for await (const row of stream) {
-            if (this.isCancelled) {
-               stream.destroy();
-               yield null;
-               return;
-            }
-
-            let sqlInsertString = '';
-
-            if (
-               (sqlInsertDivider === 'bytes' && queryLength >= sqlInsertAfter * 1024) ||
-               (sqlInsertDivider === 'rows' && rowsWritten === sqlInsertAfter)
-            ) {
-               sqlInsertString += `;\n${insertStmt}\n\t(`;
-               queryLength = 0;
-               rowsWritten = 0;
-            }
-            else if (rowIndex === 0) sqlInsertString += '\n\t(';
-            else sqlInsertString += ',\n\t(';
-
-            for (const i in notGeneratedColumns) {
-               const column = notGeneratedColumns[i];
-               const val = row[column.name];
-
-               if (val === null) sqlInsertString += 'NULL';
-               else if (DATE.includes(column.type)) {
-                  sqlInsertString += moment(val).isValid()
-                     ? this.escapeAndQuote(moment(val).format('YYYY-MM-DD'))
-                     : val;
-               }
-               else if (DATETIME.includes(column.type)) {
-                  let datePrecision = '';
-                  for (let i = 0; i < column.datePrecision; i++)
-                     datePrecision += i === 0 ? '.S' : 'S';
-
-                  sqlInsertString += moment(val).isValid()
-                     ? this.escapeAndQuote(moment(val).format(`YYYY-MM-DD HH:mm:ss${datePrecision}`))
-                     : this.escapeAndQuote(val);
-               }
-               else if (BIT.includes(column.type))
-                  sqlInsertString += `b'${hexToBinary(Buffer.from(val).toString('hex'))}'`;
-               else if (BLOB.includes(column.type))
-                  sqlInsertString += `X'${val.toString('hex').toUpperCase()}'`;
-               else if (NUMBER.includes(column.type))
-                  sqlInsertString += val;
-               else if (FLOAT.includes(column.type))
-                  sqlInsertString += parseFloat(val);
-               else if (SPATIAL.includes(column.type)) {
-                  let geoJson;
-                  if (IS_MULTI_SPATIAL.includes(column.type)) {
-                     const features = [];
-                     for (const element of val)
-                        features.push(this._getGeoJSON(element));
-
-                     geoJson = {
-                        type: 'FeatureCollection',
-                        features
-                     };
-                  }
-                  else
-                     geoJson = this._getGeoJSON(val);
-
-                  sqlInsertString += `ST_GeomFromGeoJSON('${JSON.stringify(geoJson)}')`;
-               }
-               else if (val === '') sqlInsertString += '\'\'';
-               else {
-                  sqlInsertString += typeof val === 'string'
-                     ? this.escapeAndQuote(val)
-                     : typeof val === 'object'
-                        ? this.escapeAndQuote(JSON.stringify(val))
-                        : val;
-               }
-
-               if (parseInt(i) !== notGeneratedColumns.length - 1)
-                  sqlInsertString += ', ';
-            }
-
-            sqlInsertString += ')';
-
-            queryLength += sqlInsertString.length;
-            rowsWritten++;
-            rowIndex++;
-            yield sqlInsertString;
-         }
-
-         sqlStr = ';\n\n';
-         sqlStr += `/*!40000 ALTER TABLE \`${tableName}\` ENABLE KEYS */;\n`;
-         sqlStr += 'UNLOCK TABLES;';
-
-         yield sqlStr;
-      }
-   }
-
-   async getViews () {
-      const { rows: views } = await this._client.raw(
-         `SHOW TABLE STATUS FROM \`${this.schemaName}\` WHERE Comment = 'VIEW'`
-      );
-      let sqlString = '';
-
-      sqlString += this.buildComment('Creating temporary tables to overcome VIEW dependency errors');
-
-      // Temporary tables
-      for (const view of views) {
-         const viewFields = await this._client.getTableColumns({ schema: this.schemaName, table: view.Name });
-         const tableFields: string[] = [];
-
-         for (const field of viewFields) {
-            const typeInfo = this._client.getTypeInfo(field.type);
-            const length = typeInfo.length ? field.enumValues || field.numLength || field.charLength || field.datePrecision : false;
-
-            tableFields.push(`\`${field.name}\` ${field.type.toUpperCase()}${length ? `(${length}${field.numScale ? `,${field.numScale}` : ''})` : ''} ${field.unsigned ? 'UNSIGNED' : ''} ${field.zerofill ? 'ZEROFILL' : ''} ${field.nullable ? 'NULL' : 'NOT NULL'} ${field.autoIncrement ? 'AUTO_INCREMENT' : ''} ${field.collation ? `COLLATE ${field.collation}` : ''}`);
-         }
-         sqlString +=
-`
-CREATE TABLE \`${view.Name}\`(
-   ${tableFields.join(',\n\t')}
-);`;
-
-         sqlString += '\n';
-      }
-
-      sqlString += '\n';
-
-      for (const view of views) {
-         sqlString += `DROP TABLE IF EXISTS \`${view.Name}\`;\n`;
-         const viewSyntax = await this.getCreateTable(view.Name);
-         sqlString += viewSyntax.replaceAll('`' + this.schemaName + '`.', '');
-         sqlString += '\n\n';
-      }
-
-      return sqlString;
-   }
-
-   async getTriggers () {
-      const { rows: triggers } = await this._client.raw(
-         `SHOW TRIGGERS FROM \`${this.schemaName}\``
-      );
-      const generatedTables = this._tables
-         .filter(t => t.includeStructure)
-         .map(t => t.table);
-
-      let sqlString = '';
-
-      for (const trigger of triggers) {
-         const {
-            Trigger: name,
-            Timing: timing,
-            Event: event,
-            Table: table,
-            Statement: statement,
-            sql_mode: sqlMode
-         } = trigger;
-
-         if (!generatedTables.includes(table)) continue;
-
-         const definer = this.getEscapedDefiner(trigger.Definer);
-         sqlString += '/*!50003 SET @OLD_SQL_MODE=@@SQL_MODE*/;;\n';
-         sqlString += `/*!50003 SET SQL_MODE="${sqlMode}" */;\n`;
-         sqlString += 'DELIMITER ;;\n';
-         sqlString += '/*!50003 CREATE*/ ';
-         sqlString += `/*!50017 DEFINER=${definer}*/ `;
-         sqlString += `/*!50003 TRIGGER \`${name}\` ${timing} ${event} ON \`${table}\` FOR EACH ROW ${statement}*/;;\n`;
-         sqlString += 'DELIMITER ;\n';
-         sqlString += '/*!50003 SET SQL_MODE=@OLD_SQL_MODE */;\n\n';
-      }
-
-      return sqlString;
-   }
-
-   async getSchedulers () {
-      const { rows: schedulers } = await this._client.raw(
-         `SELECT *, EVENT_SCHEMA AS \`Db\`, EVENT_NAME AS \`Name\` FROM information_schema.\`EVENTS\` WHERE EVENT_SCHEMA = '${this.schemaName}'`
-      );
-      let sqlString = '';
-
-      for (const scheduler of schedulers) {
-         const {
-            EVENT_NAME: name,
-            SQL_MODE: sqlMode,
-            EVENT_TYPE: type,
-            INTERVAL_VALUE: intervalValue,
-            INTERVAL_FIELD: intervalField,
-            STARTS: starts,
-            ENDS: ends,
-            EXECUTE_AT: at,
-            ON_COMPLETION: onCompletion,
-            STATUS: status,
-            EVENT_DEFINITION: definition
-         } = scheduler;
-
-         const definer = this.getEscapedDefiner(scheduler.DEFINER);
-         const comment = this.escapeAndQuote(scheduler.EVENT_COMMENT);
-
-         sqlString += `/*!50106 DROP EVENT IF EXISTS \`${name}\` */;\n`;
-         sqlString += '/*!50003 SET @OLD_SQL_MODE=@@SQL_MODE*/;;\n';
-         sqlString += `/*!50003 SET SQL_MODE='${sqlMode}' */;\n`;
-         sqlString += 'DELIMITER ;;\n';
-         sqlString += '/*!50106 CREATE*/ ';
-         sqlString += `/*!50117 DEFINER=${definer}*/ `;
-         sqlString += `/*!50106 EVENT \`${name}\` ON SCHEDULE `;
-         if (type === 'RECURRING') {
-            sqlString += `EVERY ${intervalValue} ${intervalField} STARTS '${starts}' `;
-
-            if (ends) sqlString += `ENDS '${ends}' `;
-         }
-         else sqlString += `AT '${at}' `;
-         sqlString += `ON COMPLETION ${onCompletion} ${
-            status === 'disabled' ? 'DISABLE' : 'ENABLE'
-         } COMMENT ${comment || '\'\''} DO ${definition}*/;;\n`;
-         sqlString += 'DELIMITER ;\n';
-         sqlString += '/*!50003 SET SQL_MODE=@OLD_SQL_MODE*/;;\n';
-      }
-
-      return sqlString;
-   }
-
-   async getFunctions () {
-      const { rows: functions } = await this._client.raw(
-         `SHOW FUNCTION STATUS WHERE \`Db\` = '${this.schemaName}';`
-      );
-
-      let sqlString = '';
-
-      for (const func of functions) {
-         const definer = this.getEscapedDefiner(func.Definer);
-         sqlString += await this.getRoutineSyntax(
-            func.Name,
-            func.Type,
-            definer
-         );
-      }
-
-      return sqlString;
-   }
-
-   async getRoutines () {
-      const { rows: routines } = await this._client.raw(
-         `SHOW PROCEDURE STATUS WHERE \`Db\` = '${this.schemaName}';`
-      );
-
-      let sqlString = '';
-
-      for (const routine of routines) {
-         const definer = this.getEscapedDefiner(routine.Definer);
-
-         sqlString += await this.getRoutineSyntax(
-            routine.Name,
-            routine.Type,
-            definer
-         );
-      }
-
-      return sqlString;
-   }
-
-   async getRoutineSyntax (name: string, type: string, definer: string) {
-      const { rows: routines } = await this._client.raw(
-         `SHOW CREATE ${type} \`${this.schemaName}\`.\`${name}\``
-      );
-
-      if (routines.length === 0) return '';
-
-      const routine = routines[0];
-
-      const fieldName = `Create ${type === 'PROCEDURE' ? 'Procedure' : 'Function'}`;
-      const sqlMode = routine.sql_mode;
-      const createProcedure = routine[fieldName];
-      let sqlString = '';
-
-      if (createProcedure) { // If procedure body not empty
-         const startOffset = createProcedure.indexOf(type);
-         const procedureBody = createProcedure.substring(startOffset);
-
-         sqlString += `/*!50003 DROP ${type} IF EXISTS ${name}*/;;\n`;
-         sqlString += '/*!50003 SET @OLD_SQL_MODE=@@SQL_MODE*/;;\n';
-         sqlString += `/*!50003 SET SQL_MODE="${sqlMode}"*/;;\n`;
-         sqlString += 'DELIMITER ;;\n';
-         sqlString += `/*!50003 CREATE*/ /*!50020 DEFINER=${definer}*/ /*!50003 ${procedureBody}*/;;\n`;
-         sqlString += 'DELIMITER ;\n';
-         sqlString += '/*!50003 SET SQL_MODE=@OLD_SQL_MODE*/;\n';
-      }
-
-      return sqlString;
-   }
-
-   async _queryStream (sql: string) {
-      if (process.env.NODE_ENV === 'development') console.log('EXPORTER:', sql);
-      const isPool = 'getConnection' in this._client._connection;
-      const connection = isPool ? await (this._client._connection as mysql.Pool).getConnection() : this._client._connection;
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const stream = (connection as any).connection.query(sql).stream();
-      const dispose = () => (connection as mysql.PoolConnection).release();
-
-      stream.on('end', dispose);
-      stream.on('error', dispose);
-      stream.on('close', dispose);
-      return stream;
-   }
-
-   getEscapedDefiner (definer: string) {
-      return definer
-         .split('@')
-         .map(part => '`' + part + '`')
-         .join('@');
-   }
-
-   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} = {
-         '\0': '\\0',
-         '\b': '\\b',
-         '\t': '\\t',
-         '\n': '\\n',
-         '\r': '\\r',
-         '\x1a': '\\Z',
-         '"': '\\"',
-         '\'': '\\\'',
-         '\\': '\\\\'
-      };
-      let chunkIndex = CHARS_TO_ESCAPE.lastIndex = 0;
-      let escapedVal = '';
-      let match;
-
-      while ((match = CHARS_TO_ESCAPE.exec(val))) {
-         escapedVal += val.slice(chunkIndex, match.index) + CHARS_ESCAPE_MAP[match[0]];
-         chunkIndex = CHARS_TO_ESCAPE.lastIndex;
-      }
-
-      if (chunkIndex === 0)
-         return `'${val}'`;
-
-      if (chunkIndex < val.length)
-         return `'${escapedVal + val.slice(chunkIndex)}'`;
-
-      return `'${escapedVal}'`;
-   }
-
-   /* eslint-disable @typescript-eslint/no-explicit-any */
-   _getGeoJSON (val: any) {
-      if (Array.isArray(val)) {
-         if (getArrayDepth(val) === 1)
-            return lineString(val.reduce((acc, curr) => [...acc, [curr.x, curr.y]], []));
-         else
-            return polygon(val.map(arr => arr.reduce((acc: any, curr: any) => [...acc, [curr.x, curr.y]], [])));
-      }
-      else
-         return point([val.x, val.y]);
-   }
-   /* eslint-enable @typescript-eslint/no-explicit-any */
-}

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

@@ -1,513 +0,0 @@
-import * as antares from 'common/interfaces/antares';
-import * as exporter from 'common/interfaces/exporter';
-import { SqlExporter } from './SqlExporter';
-import { BLOB, BIT, DATE, DATETIME, FLOAT, NUMBER, TEXT_SEARCH } from 'common/fieldTypes';
-import hexToBinary from 'common/libs/hexToBinary';
-import * as moment from 'moment';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-import * as QueryStream from 'pg-query-stream';
-import { PostgreSQLClient } from '../../clients/PostgreSQLClient';
-
-export default class PostgreSQLExporter extends SqlExporter {
-   constructor (client: PostgreSQLClient, tables: exporter.TableParams[], options: exporter.ExportOptions) {
-      super(tables, options);
-
-      this._client = client;
-   }
-
-   async getSqlHeader () {
-      let dump = await super.getSqlHeader();
-      dump += `
-
-
-SET statement_timeout = 0;
-SET lock_timeout = 0;
-SET idle_in_transaction_session_timeout = 0;
-SET client_encoding = 'UTF8';
-SET standard_conforming_strings = on;
-SELECT pg_catalog.set_config('search_path', '', false);
-SET check_function_bodies = false;
-SET xmloption = content;
-SET client_min_messages = warning;
-SET row_security = off;\n\n\n`;
-
-      if (this.schemaName !== 'public') dump += `CREATE SCHEMA "${this.schemaName}";\n\n`;
-
-      dump += await this.getCreateTypes();
-
-      return dump;
-   }
-
-   async getCreateTable (tableName: string) {
-      /* eslint-disable camelcase */
-      interface SequenceRecord {
-         sequence_catalog: string;
-         sequence_schema: string;
-         sequence_name: string;
-         data_type: string;
-         numeric_precision: number;
-         numeric_precision_radix: number;
-         numeric_scale: number;
-         start_value: string;
-         minimum_value: string;
-         maximum_value: string;
-         increment: string;
-         cycle_option: string;
-      }
-      /* eslint-enable camelcase */
-
-      let createSql = '';
-      const sequences = [];
-      const columnsSql = [];
-      const arrayTypes: {[key: string]: string} = {
-         _int2: 'smallint',
-         _int4: 'integer',
-         _int8: 'bigint',
-         _float4: 'real',
-         _float8: 'double precision',
-         _char: '"char"',
-         _varchar: 'character varying'
-      };
-
-      // Table columns
-      const { rows } = await this._client.raw(`
-         SELECT * 
-         FROM "information_schema"."columns" 
-         WHERE "table_schema" = '${this.schemaName}' 
-         AND "table_name" = '${tableName}' 
-         ORDER BY "ordinal_position" ASC
-      `, { schema: 'information_schema' });
-
-      if (!rows.length) return '';
-
-      for (const column of rows) {
-         let fieldType = column.data_type;
-         if (fieldType === 'USER-DEFINED') fieldType = `"${this.schemaName}".${column.udt_name}`;
-         else if (fieldType === 'ARRAY') {
-            if (Object.keys(arrayTypes).includes(fieldType))
-               fieldType = arrayTypes[column.udt_name] + '[]';
-            else
-               fieldType = column.udt_name.replaceAll('_', '') + '[]';
-         }
-
-         const columnArr = [
-            `"${column.column_name}"`,
-            `${fieldType}${column.character_maximum_length ? `(${column.character_maximum_length})` : ''}`
-         ];
-
-         if (column.column_default) {
-            columnArr.push(`DEFAULT ${column.column_default}`);
-            if (column.column_default.includes('nextval')) {
-               const sequenceName = column.column_default.split('\'')[1];
-               sequences.push(sequenceName);
-            }
-         }
-         if (column.is_nullable === 'NO') columnArr.push('NOT NULL');
-
-         columnsSql.push(columnArr.join(' '));
-      }
-
-      // Table sequences
-      for (let sequence of sequences) {
-         if (sequence.includes('.')) sequence = sequence.split('.')[1];
-
-         const { rows } = await this._client
-            .select('*')
-            .schema('information_schema')
-            .from('sequences')
-            .where({ sequence_schema: `= '${this.schemaName}'`, sequence_name: `= '${sequence}'` })
-            .run<SequenceRecord>();
-
-         if (rows.length) {
-            createSql += `CREATE SEQUENCE "${this.schemaName}"."${sequence}"
-   START WITH ${rows[0].start_value}
-   INCREMENT BY ${rows[0].increment}
-   MINVALUE ${rows[0].minimum_value}
-   MAXVALUE ${rows[0].maximum_value}
-   CACHE 1;\n`;
-
-            // createSql += `\nALTER TABLE "${sequence}" OWNER TO ${this._client._params.user};\n\n`;
-         }
-      }
-
-      // Table create
-      createSql += `\nCREATE TABLE "${this.schemaName}"."${tableName}"(
-   ${columnsSql.join(',\n   ')}
-);\n`;
-
-      // createSql += `\nALTER TABLE "${tableName}" OWNER TO ${this._client._params.user};\n\n`;
-
-      // Table indexes
-      createSql += '\n';
-      const { rows: indexes } = await this._client
-         .select('*')
-         .schema('pg_catalog')
-         .from('pg_indexes')
-         .where({ schemaname: `= '${this.schemaName}'`, tablename: `= '${tableName}'` })
-         .run<{indexdef: string}>();
-
-      for (const index of indexes)
-         createSql += `${index.indexdef};\n`;
-
-      // Table foreigns
-      const { rows: foreigns } = await this._client.raw(`
-         SELECT 
-            tc.table_schema, 
-            tc.constraint_name, 
-            tc.table_name, 
-            kcu.column_name, 
-            ccu.table_schema AS foreign_table_schema,
-            ccu.table_name AS foreign_table_name,
-            ccu.column_name AS foreign_column_name,
-            rc.update_rule,
-            rc.delete_rule
-         FROM information_schema.table_constraints AS tc 
-         JOIN information_schema.key_column_usage AS kcu
-            ON tc.constraint_name = kcu.constraint_name
-            AND tc.table_schema = kcu.table_schema
-         JOIN information_schema.constraint_column_usage AS ccu
-            ON ccu.constraint_name = tc.constraint_name
-            AND ccu.table_schema = tc.table_schema
-         JOIN information_schema.referential_constraints AS rc 
-            ON rc.constraint_name = kcu.constraint_name
-         WHERE tc.constraint_type = 'FOREIGN KEY' AND tc.table_schema = '${this.schemaName}'
-         AND tc.table_name = '${tableName}'
-      `);
-
-      for (const foreign of foreigns) {
-         this._postTablesSql += `\nALTER TABLE ONLY "${this.schemaName}"."${tableName}"
-   ADD CONSTRAINT "${foreign.constraint_name}" FOREIGN KEY ("${foreign.column_name}") REFERENCES "${this.schemaName}"."${foreign.foreign_table_name}" ("${foreign.foreign_column_name}") ON UPDATE ${foreign.update_rule} ON DELETE ${foreign.delete_rule};\n`;
-      }
-
-      return createSql;
-   }
-
-   getDropTable (tableName: string) {
-      return `DROP TABLE IF EXISTS "${this.schemaName}"."${tableName}";`;
-   }
-
-   async * getTableInsert (tableName: string) {
-      let rowCount = 0;
-      const sqlStr = '';
-
-      const countResults = await this._client.raw(`SELECT COUNT(1) as count FROM "${this.schemaName}"."${tableName}"`);
-      if (countResults.rows.length === 1) rowCount = countResults.rows[0].count;
-
-      if (rowCount > 0) {
-         const columns = await this._client.getTableColumns({
-            table: tableName,
-            schema: this.schemaName
-         });
-
-         const columnNames = columns.map(col => '"' + col.name + '"').join(', ');
-
-         yield sqlStr;
-
-         const stream = await this._queryStream(
-            `SELECT ${columnNames} FROM "${this.schemaName}"."${tableName}"`
-         );
-
-         for await (const row of stream) {
-            if (this.isCancelled) {
-               stream.destroy();
-               yield null;
-               return;
-            }
-
-            let sqlInsertString = `INSERT INTO "${this.schemaName}"."${tableName}" (${columnNames}) VALUES`;
-
-            sqlInsertString += ' (';
-
-            for (const i in columns) {
-               const column = columns[i];
-               const val = row[column.name];
-
-               if (val === null) sqlInsertString += 'NULL';
-               else if (DATE.includes(column.type)) {
-                  sqlInsertString += moment(val).isValid()
-                     ? this.escapeAndQuote(moment(val).format('YYYY-MM-DD'))
-                     : val;
-               }
-               else if (DATETIME.includes(column.type)) {
-                  let datePrecision = '';
-                  for (let i = 0; i < column.datePrecision; i++)
-                     datePrecision += i === 0 ? '.S' : 'S';
-
-                  sqlInsertString += moment(val).isValid()
-                     ? this.escapeAndQuote(moment(val).format(`YYYY-MM-DD HH:mm:ss${datePrecision}`))
-                     : this.escapeAndQuote(val);
-               }
-               else if ('isArray' in column) {
-                  let parsedVal;
-                  if (Array.isArray(val))
-                     parsedVal = JSON.stringify(val).replaceAll('[', '{').replaceAll(']', '}');
-                  else
-                     parsedVal = typeof val === 'string' ? val.replaceAll('[', '{').replaceAll(']', '}') : '';
-                  sqlInsertString += `'${parsedVal}'`;
-               }
-               else if (TEXT_SEARCH.includes(column.type))
-                  sqlInsertString += `'${val.replaceAll('\'', '\'\'')}'`;
-               else if (BIT.includes(column.type))
-                  sqlInsertString += `b'${hexToBinary(Buffer.from(val).toString('hex'))}'`;
-               else if (BLOB.includes(column.type))
-                  sqlInsertString += `decode('${val.toString('hex').toUpperCase()}', 'hex')`;
-               else if (NUMBER.includes(column.type))
-                  sqlInsertString += val;
-               else if (FLOAT.includes(column.type))
-                  sqlInsertString += parseFloat(val);
-               else if (val === '') sqlInsertString += '\'\'';
-               else {
-                  sqlInsertString += typeof val === 'string'
-                     ? this.escapeAndQuote(val)
-                     : typeof val === 'object'
-                        ? this.escapeAndQuote(JSON.stringify(val))
-                        : val;
-               }
-
-               if (parseInt(i) !== columns.length - 1)
-                  sqlInsertString += ', ';
-            }
-
-            sqlInsertString += ');\n';
-
-            yield sqlInsertString;
-         }
-
-         yield sqlStr;
-      }
-   }
-
-   async getCreateTypes () {
-      let sqlString = '';
-      const { rows: types } = await this._client.raw<antares.QueryResult<{typname: string; enumlabel: string}>>(`
-         SELECT pg_type.typname, pg_enum.enumlabel 
-         FROM pg_type 
-         JOIN pg_enum ON pg_enum.enumtypid = pg_type.oid;
-      `);
-
-      if (types.length) { // TODO: refactor
-         sqlString += this.buildComment('Dump of types\n------------------------------------------------------------') + '\n\n';
-
-         const typesArr = types.reduce((arr, type) => {
-            if (arr.every(el => el.name !== type.typname))
-               arr.push({ name: type.typname, enums: [this.escapeAndQuote(type.enumlabel)] });
-            else {
-               const i = arr.findIndex(el => el.name === type.typname);
-               arr[i].enums.push(this.escapeAndQuote(type.enumlabel));
-            }
-
-            return arr;
-         }, []);
-
-         for (const type of typesArr) {
-            sqlString += `CREATE TYPE "${this.schemaName}"."${type.name}" AS ENUM (
-   ${type.enums.join(',\n\t')}
-);`;
-         }
-
-         // sqlString += `\nALTER TYPE "${tableName}" OWNER TO ${this._client._params.user};\n`
-      }
-
-      return sqlString;
-   }
-
-   async getCreateAggregates () {
-      let sqlString = '';
-
-      const { rows: aggregates } = await this._client.raw(`
-         SELECT proname
-         FROM   pg_proc
-         WHERE  prokind = 'a'
-         AND pronamespace::regnamespace::text = '${this.schemaName}'
-         ORDER BY 1;
-      `);
-
-      if (aggregates.length) {
-         for (const aggregate of aggregates) {
-            const { rows: aggregateDef } = await this._client.raw(
-               `SELECT 
-                  format(
-                     E'CREATE AGGREGATE %s (\n%s\n);'
-                     , (pg_identify_object('pg_proc'::regclass, aggfnoid, 0)).identity
-                     , array_to_string(
-                        ARRAY[
-                     format(E'\tSFUNC = %s', aggtransfn::regproc)
-                     , format(E'\tSTYPE = %s', format_type(aggtranstype, NULL))
-                     , CASE aggfinalfn WHEN '-'::regproc THEN NULL ELSE format(E'\tFINALFUNC = %s',aggfinalfn::text) END
-                     , CASE aggsortop WHEN 0 THEN NULL ELSE format(E'\tSORTOP = %s', oprname) END
-                     , CASE WHEN agginitval IS NULL THEN NULL ELSE format(E'\tINITCOND = %s', agginitval) END
-                        ]
-                        , E',\n'
-                     )
-                  )
-               FROM pg_aggregate
-               LEFT JOIN pg_operator ON pg_operator.oid = aggsortop
-               WHERE aggfnoid = '${this.schemaName}.${aggregate.proname}'::regproc;`
-            );
-
-            if (aggregateDef.length)
-               sqlString += '\n\n' + aggregateDef[0].format;
-         }
-      }
-
-      return sqlString + '\n\n\n';
-   }
-
-   async getViews () {
-      const { rows: views } = await this._client.raw(`SELECT * FROM "pg_views" WHERE "schemaname"='${this.schemaName}'`);
-      let sqlString = '';
-
-      for (const view of views) {
-         sqlString += `\nDROP VIEW IF EXISTS "${view.viewname}";\n`;
-
-         //          const { rows: columns } = await this._client
-         //             .select('*')
-         //             .schema('information_schema')
-         //             .from('columns')
-         //             .where({ table_schema: `= '${this.schemaName}'`, table_name: `= '${view.viewname}'` })
-         //             .orderBy({ ordinal_position: 'ASC' })
-         //             .run();
-
-         //          sqlString += `
-         // CREATE VIEW "${this.schemaName}"."${view.viewname}" AS
-         // SELECT
-         //    ${columns.reduce((acc, curr) => {
-         //       const fieldType = curr.data_type === 'USER-DEFINED' ? curr.udt_name : curr.data_type;
-         //       acc.push(`NULL::${fieldType}${curr.character_maximum_length ? `(${curr.character_maximum_length})` : ''} AS "${curr.column_name}"`);
-         //       return acc;
-         //    }, []).join(',\n   ')};
-         // `;
-
-         sqlString += `\nCREATE OR REPLACE VIEW "${this.schemaName}"."${view.viewname}" AS \n${view.definition}\n`;
-      }
-
-      return sqlString;
-   }
-
-   async getTriggers () {
-      /* eslint-disable camelcase */
-      interface TriggersResult {
-         event_object_table: string;
-         table_name: string;
-         trigger_name: string;
-         events: string[];
-         event_manipulation: string;
-      }
-      /* eslint-enable camelcase */
-      let sqlString = '';
-
-      // Trigger functions
-      const { rows: triggerFunctions } = await this._client.raw(
-         `SELECT DISTINCT routine_name AS name FROM information_schema.routines WHERE routine_type = 'FUNCTION' AND routine_schema = '${this.schemaName}' AND data_type = 'trigger'`
-      );
-
-      for (const func of triggerFunctions) {
-         const { rows: functionDef } = await this._client.raw(
-            `SELECT pg_get_functiondef((SELECT oid FROM pg_proc WHERE proname = '${func.name}')) AS definition`
-         );
-         sqlString += `\n${functionDef[0].definition};\n`;
-      }
-
-      const { rows: triggers } = await this._client.raw<antares.QueryResult<TriggersResult>>(
-         `SELECT * FROM "information_schema"."triggers" WHERE "trigger_schema"='${this.schemaName}'`
-      );
-
-      const remappedTriggers = triggers.reduce((acc, trigger) => {
-         const i = acc.findIndex(t => t.trigger_name === trigger.trigger_name && t.event_object_table === trigger.event_object_table);
-         if (i === -1) {
-            trigger.events = [trigger.event_manipulation];
-            acc.push(trigger);
-         }
-         else
-            acc[i].events.push(trigger.event_manipulation);
-
-         return acc;
-      }, []);
-
-      for (const trigger of remappedTriggers)
-         sqlString += `\nCREATE TRIGGER "${trigger.trigger_name}" ${trigger.action_timing} ${trigger.events.join(' OR ')} ON "${this.schemaName}"."${trigger.event_object_table}" FOR EACH ${trigger.action_orientation} ${trigger.action_statement};\n`;
-
-      return sqlString;
-   }
-
-   async getFunctions () {
-      let sqlString = '';
-      const { rows: functions } = await this._client.raw(
-         `SELECT DISTINCT routine_name AS name FROM information_schema.routines WHERE routine_type = 'FUNCTION' AND routine_schema = '${this.schemaName}' AND data_type != 'trigger'`
-      );
-
-      for (const func of functions) {
-         const { rows: functionDef } = await this._client.raw(
-            `SELECT pg_get_functiondef((SELECT oid FROM pg_proc WHERE proname = '${func.name}')) AS definition`
-         );
-         sqlString += `\n${functionDef[0].definition};\n`;
-      }
-
-      sqlString += await this.getCreateAggregates();
-
-      return sqlString;
-   }
-
-   async getRoutines () {
-      let sqlString = '';
-      const { rows: functions } = await this._client.raw(
-         `SELECT DISTINCT routine_name AS name FROM information_schema.routines WHERE routine_type = 'PROCEDURE' AND routine_schema = '${this.schemaName}'`
-      );
-
-      for (const func of functions) {
-         const { rows: functionDef } = await this._client.raw(
-            `SELECT pg_get_functiondef((SELECT oid FROM pg_proc WHERE proname = '${func.name}')) AS definition`
-         );
-         sqlString += `\n${functionDef[0].definition};\n`;
-      }
-
-      return sqlString;
-   }
-
-   async _queryStream (sql: string) {
-      if (process.env.NODE_ENV === 'development') console.log('EXPORTER:', sql);
-      const connection = await this._client.getConnection();
-      const query = new QueryStream(sql, null);
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const stream = (connection as any).query(query);
-      const dispose = () => connection.end();
-
-      stream.on('end', dispose);
-      stream.on('error', dispose);
-      stream.on('close', dispose);
-      return stream;
-   }
-
-   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} = {
-         '\0': '\\0',
-         '\b': '\\b',
-         '\t': '\\t',
-         '\n': '\\n',
-         '\r': '\\r',
-         '\x1a': '\\Z',
-         '"': '\\"',
-         '\'': '\\\'',
-         '\\': '\\\\'
-      };
-      let chunkIndex = CHARS_TO_ESCAPE.lastIndex = 0;
-      let escapedVal = '';
-      let match;
-
-      while ((match = CHARS_TO_ESCAPE.exec(val))) {
-         escapedVal += val.slice(chunkIndex, match.index) + CHARS_ESCAPE_MAP[match[0]];
-         chunkIndex = CHARS_TO_ESCAPE.lastIndex;
-      }
-
-      if (chunkIndex === 0)
-         return `'${val}'`;
-
-      if (chunkIndex < val.length)
-         return `'${escapedVal + val.slice(chunkIndex)}'`;
-
-      return `'${escapedVal}'`;
-   }
-}

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

@@ -1,187 +0,0 @@
-import * as moment from 'moment';
-import { MySQLClient } from '../../clients/MySQLClient';
-import { PostgreSQLClient } from '../../clients/PostgreSQLClient';
-import { BaseExporter } from '../BaseExporter';
-
-export class SqlExporter extends BaseExporter {
-   protected _client: MySQLClient | PostgreSQLClient;
-   protected _commentChar = '--'
-   protected _postTablesSql = ''
-
-   get schemaName () {
-      return this._options.schema;
-   }
-
-   get host () {
-      return this._client._params.host;
-   }
-
-   async getServerVersion () {
-      const version = await this._client.getVersion();
-      return `${version.name} ${version.number}`;
-   }
-
-   async dump () {
-      const { includes } = this._options;
-      const extraItems = Object.keys(includes).filter((key: 'functions' | 'views' | 'triggers' | 'routines' | 'schedulers') => includes[key]);
-      const totalTableToProcess = this._tables.filter(
-         t => t.includeStructure || t.includeContent || t.includeDropStatement
-      ).length;
-      const processingItemCount = totalTableToProcess + extraItems.length;
-
-      const exportState = {
-         totalItems: processingItemCount,
-         currentItemIndex: 0,
-         currentItem: '',
-         op: ''
-      };
-
-      const header = await this.getSqlHeader();
-      this.writeString(header);
-      this.writeString('\n\n\n');
-
-      for (const item of this._tables) {
-         // user abort operation
-         if (this.isCancelled) return;
-
-         // skip item if not set to output any detail for them
-         if (
-            !item.includeStructure &&
-            !item.includeContent &&
-            !item.includeDropStatement
-         )
-            continue;
-
-         exportState.currentItemIndex++;
-         exportState.currentItem = item.table;
-         exportState.op = 'FETCH';
-
-         this.emitUpdate(exportState);
-
-         const tableHeader = this.buildComment(
-            `Dump of table ${item.table}\n------------------------------------------------------------`
-         );
-         this.writeString(tableHeader);
-         this.writeString('\n\n');
-
-         if (item.includeDropStatement) {
-            const dropTableSyntax = this.getDropTable(item.table);
-            this.writeString(dropTableSyntax);
-            this.writeString('\n\n');
-         }
-
-         if (item.includeStructure) {
-            const createTableSyntax = await this.getCreateTable(item.table);
-            this.writeString(createTableSyntax);
-            this.writeString('\n\n');
-         }
-
-         if (item.includeContent) {
-            exportState.op = 'WRITE';
-            this.emitUpdate(exportState);
-            for await (const sqlStr of this.getTableInsert(item.table)) {
-               if (this.isCancelled) return;
-               this.writeString(sqlStr);
-            }
-
-            this.writeString('\n\n');
-         }
-
-         this.writeString('\n\n');
-      }
-
-      // SQL to execute after tables creation
-      if (this._postTablesSql) {
-         this.writeString(this._postTablesSql);
-         this.writeString('\n\n');
-      }
-
-      for (const item of extraItems) {
-         type exporterMethods = 'getViews' | 'getTriggers' | 'getSchedulers' | 'getFunctions' | 'getRoutines'
-         const processingMethod = `get${item.charAt(0).toUpperCase() + item.slice(1)}` as exporterMethods;
-         exportState.currentItemIndex++;
-         exportState.currentItem = item;
-         exportState.op = 'PROCESSING';
-         this.emitUpdate(exportState);
-
-         if (this[processingMethod]) {
-            const data = await this[processingMethod]() as unknown as string;
-            if (data !== '') {
-               const header =
-                  this.buildComment(
-                     `Dump of ${item}\n------------------------------------------------------------`
-                  ) + '\n\n';
-
-               this.writeString(header);
-               this.writeString(data);
-               this.writeString('\n\n');
-            }
-         }
-      }
-
-      const footer = await this.getFooter();
-      this.writeString(footer);
-   }
-
-   buildComment (text: string) {
-      return text
-         .split('\n')
-         .map(txt => `${this._commentChar} ${txt}`)
-         .join('\n');
-   }
-
-   async getSqlHeader () {
-      const serverVersion = await this.getServerVersion();
-      const header = `************************************************************
-Antares - SQL Client
-Version ${process.env.PACKAGE_VERSION}
-
-https://antares-sql.app/
-https://github.com/antares-sql/antares
-
-Host: ${this.host} (${serverVersion})
-Database: ${this.schemaName}
-Generation time: ${moment().format()}
-************************************************************`;
-
-      return this.buildComment(header);
-   }
-
-   async getFooter () {
-      return this.buildComment(`Dump completed on ${moment().format()}`);
-   }
-
-   /* eslint-disable @typescript-eslint/no-unused-vars */
-   getCreateTable (_tableName: string): Promise<string> {
-      throw new Error('Sql Exporter must implement the "getCreateTable" method');
-   }
-
-   getDropTable (_tableName: string): string {
-      throw new Error('Sql Exporter must implement the "getDropTable" method');
-   }
-
-   getTableInsert (_tableName: string): AsyncGenerator<string> {
-      throw new Error('Sql Exporter must implement the "getTableInsert" method');
-   }
-
-   getViews () {
-      throw new Error('Method "getViews" not implemented');
-   }
-
-   getTriggers () {
-      throw new Error('Method "getTriggers" not implemented');
-   }
-
-   getSchedulers () {
-      throw new Error('Method "getSchedulers" not implemented');
-   }
-
-   getFunctions () {
-      throw new Error('Method "getFunctions" not implemented');
-   }
-
-   getRoutines () {
-      throw new Error('Method "getRoutines" not implemented');
-   }
-   /* eslint-enable @typescript-eslint/no-unused-vars */
-}

src/main/libs/importers/BaseImporter.ts

@@ -1,59 +0,0 @@
-import * as importer from 'common/interfaces/importer';
-import * as fs from 'fs';
-import * as EventEmitter from 'events';
-
-export class BaseImporter extends EventEmitter {
-   protected _options;
-   protected _isCancelled;
-   protected _fileHandler;
-   protected _state;
-
-   constructor (options: importer.ImportOptions) {
-      super();
-      this._options = options;
-      this._isCancelled = false;
-      this._fileHandler = fs.createReadStream(this._options.file, {
-         flags: 'r',
-         highWaterMark: 4 * 1024
-      });
-      this._state = {};
-
-      this._fileHandler.once('error', err => {
-         this._isCancelled = true;
-         this.emit('error', err);
-      });
-   }
-
-   async run () {
-      try {
-         this.emit('start', this);
-         await this.import();
-      }
-      catch (err) {
-         this.emit('error', err);
-         throw err;
-      }
-      finally {
-         this._fileHandler.close();
-         this.emit('end');
-      }
-   }
-
-   get isCancelled () {
-      return this._isCancelled;
-   }
-
-   cancel () {
-      this._isCancelled = true;
-      this.emit('cancel');
-      this.emitUpdate({ op: 'cancelling' });
-   }
-
-   emitUpdate (state: importer.ImportState) {
-      this.emit('progress', { ...this._state, ...state });
-   }
-
-   import () {
-      throw new Error('Exporter must implement the "import" method');
-   }
-}

src/main/libs/importers/sql/MySQLlImporter.ts

@@ -1,85 +0,0 @@
-import * as mysql from 'mysql2';
-import * as importer from 'common/interfaces/importer';
-import * as fs from 'fs/promises';
-import MySQLParser from '../../parsers/MySQLParser';
-import { BaseImporter } from '../BaseImporter';
-
-export default class MySQLImporter extends BaseImporter {
-   protected _client: mysql.Pool
-
-   constructor (client: mysql.Pool, options: importer.ImportOptions) {
-      super(options);
-      this._client = client;
-   }
-
-   async import (): Promise<void> {
-      try {
-         const { size: totalFileSize } = await fs.stat(this._options.file);
-         const parser = new MySQLParser();
-         let readPosition = 0;
-         let queryCount = 0;
-
-         this.emitUpdate({
-            fileSize: totalFileSize,
-            readPosition: 0,
-            percentage: 0,
-            queryCount: 0
-         });
-
-         return new Promise((resolve, reject) => {
-            this._fileHandler.pipe(parser);
-
-            parser.on('error', reject);
-
-            parser.on('close', async () => {
-               console.log('TOTAL QUERIES', queryCount);
-               console.log('import end');
-               resolve();
-            });
-
-            parser.on('data', async (query) => {
-               queryCount++;
-               parser.pause();
-
-               try {
-                  await this._client.query(query);
-               }
-               catch (error) {
-                  this.emit('query-error', {
-                     sql: query,
-                     message: error.sqlMessage,
-                     sqlSnippet: error.sql,
-                     time: new Date().getTime()
-                  });
-               }
-
-               this.emitUpdate({
-                  queryCount,
-                  readPosition,
-                  percentage: readPosition / totalFileSize * 100
-               });
-               this._fileHandler.pipe(parser);
-               parser.resume();
-            });
-
-            parser.on('pause', () => {
-               this._fileHandler.unpipe(parser);
-               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-               (this._fileHandler as any).readableFlowing = false;
-            });
-
-            this._fileHandler.on('data', (chunk) => {
-               readPosition += chunk.length;
-            });
-
-            this._fileHandler.on('error', (err) => {
-               console.log(err);
-               reject(err);
-            });
-         });
-      }
-      catch (err) {
-         console.log(err);
-      }
-   }
-}

src/main/libs/importers/sql/PostgreSQLImporter.ts

@@ -1,85 +0,0 @@
-import * as pg from 'pg';
-import * as importer from 'common/interfaces/importer';
-import fs from 'fs/promises';
-import PostgreSQLParser from '../../parsers/PostgreSQLParser';
-import { BaseImporter } from '../BaseImporter';
-
-export default class PostgreSQLImporter extends BaseImporter {
-   protected _client: pg.PoolClient;
-
-   constructor (client: pg.PoolClient, options: importer.ImportOptions) {
-      super(options);
-      this._client = client;
-   }
-
-   async import (): Promise<void> {
-      try {
-         const { size: totalFileSize } = await fs.stat(this._options.file);
-         const parser = new PostgreSQLParser();
-         let readPosition = 0;
-         let queryCount = 0;
-
-         this.emitUpdate({
-            fileSize: totalFileSize,
-            readPosition: 0,
-            percentage: 0,
-            queryCount: 0
-         });
-
-         return new Promise((resolve, reject) => {
-            this._fileHandler.pipe(parser);
-
-            parser.on('error', reject);
-
-            parser.on('close', async () => {
-               console.log('TOTAL QUERIES', queryCount);
-               console.log('import end');
-               resolve();
-            });
-
-            parser.on('data', async (query) => {
-               queryCount++;
-               parser.pause();
-
-               try {
-                  await this._client.query(query);
-               }
-               catch (error) {
-                  this.emit('query-error', {
-                     sql: query,
-                     message: error.hint || error.toString(),
-                     sqlSnippet: error.sql,
-                     time: new Date().getTime()
-                  });
-               }
-
-               this.emitUpdate({
-                  queryCount,
-                  readPosition,
-                  percentage: readPosition / totalFileSize * 100
-               });
-               this._fileHandler.pipe(parser);
-               parser.resume();
-            });
-
-            parser.on('pause', () => {
-               this._fileHandler.unpipe(parser);
-               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-               (this._fileHandler as any).readableFlowing = false;
-            });
-
-            this._fileHandler.on('data', (chunk) => {
-               readPosition += chunk.length;
-            });
-
-            this._fileHandler.on('error', (err) => {
-               console.log(err);
-               reject(err);
-            });
-         });
-      }
-      catch (err) {
-         console.log(err);
-      }
-   }
-}

src/main/libs/parsers/MySQLParser.ts

@@ -1,103 +0,0 @@
-import { Transform, TransformCallback, TransformOptions } from 'stream';
-
-export default class MySQLParser extends Transform {
-   private _buffer: string;
-   private _lastChar: string;
-   private _last9Chars: string;
-
-   encoding: BufferEncoding;
-   delimiter: string;
-   isEscape: boolean;
-   currentQuote: string;
-   isDelimiter: boolean;
-
-   constructor (opts?: TransformOptions & { delimiter: string }) {
-      opts = {
-         delimiter: ';',
-         encoding: 'utf8',
-         writableObjectMode: true,
-         readableObjectMode: true,
-         ...opts
-      };
-      super(opts);
-      this._buffer = '';
-      this._lastChar = '';
-      this._last9Chars = '';
-      this.encoding = opts.encoding;
-      this.delimiter = opts.delimiter;
-
-      this.isEscape = false;
-      this.currentQuote = null;
-      this.isDelimiter = false;
-   }
-
-   _transform (chunk: Buffer, encoding: BufferEncoding, next: TransformCallback) {
-      for (const char of chunk.toString(this.encoding)) {
-         this.checkEscape();
-         this._buffer += char;
-         this._lastChar = char;
-         this._last9Chars += char.trim().toLocaleLowerCase();
-
-         if (this._last9Chars.length > 9)
-            this._last9Chars = this._last9Chars.slice(-9);
-
-         this.checkNewDelimiter(char);
-         this.checkQuote(char);
-         const query = this.getQuery();
-
-         if (query)
-            this.push(query);
-      }
-      next();
-   }
-
-   checkEscape () {
-      if (this._buffer.length > 0) {
-         this.isEscape = this._lastChar === '\\'
-            ? !this.isEscape
-            : false;
-      }
-   }
-
-   checkNewDelimiter (char: string) {
-      if (this.currentQuote === null && this._last9Chars === 'delimiter') {
-         this.isDelimiter = true;
-         this._buffer = '';
-      }
-      else {
-         const isNewLine = char === '\n' || char === '\r';
-         if (isNewLine && this.isDelimiter) {
-            this.isDelimiter = false;
-            this.delimiter = this._buffer.trim();
-            this._buffer = '';
-         }
-      }
-   }
-
-   checkQuote (char: string) {
-      const isQuote = !this.isEscape && (char === '\'' || char === '"');
-      if (isQuote && this.currentQuote === char)
-         this.currentQuote = null;
-
-      else if (isQuote && this.currentQuote === null)
-         this.currentQuote = char;
-   }
-
-   getQuery () {
-      if (this.isDelimiter)
-         return false;
-
-      let query: false | string = false;
-      let demiliterFound = false;
-      if (this.currentQuote === null && this._buffer.length >= this.delimiter.length)
-         demiliterFound = this._last9Chars.slice(-this.delimiter.length) === this.delimiter;
-
-      if (demiliterFound) {
-         const parsedStr = this._buffer.trim();
-         query = parsedStr.slice(0, parsedStr.length - this.delimiter.length);
-         this._buffer = '';
-      }
-
-      return query;
-   }
-}

src/main/libs/parsers/PostgreSQLParser.ts

@@ -1,158 +0,0 @@
-import { Transform, TransformCallback, TransformOptions } from 'stream';
-
-export default class PostgreSQLParser extends Transform {
-   private _buffer: string;
-   private _lastChar: string;
-   private _lastChars: string;
-   private _bodyWrapper: string;
-   private _bodyWrapperBuffer: string;
-   private _firstDollarFound: boolean;
-   private _isBody: boolean;
-   private _isSingleLineComment: boolean;
-   private _isMultiLineComment: boolean;
-
-   encoding: BufferEncoding;
-   delimiter: string;
-   isEscape: boolean;
-   currentQuote: string;
-   isDelimiter: boolean;
-
-   constructor (opts?: TransformOptions & { delimiter: string }) {
-      opts = {
-         delimiter: ';',
-         encoding: 'utf8',
-         writableObjectMode: true,
-         readableObjectMode: true,
-         ...opts
-      };
-      super(opts);
-      this._buffer = '';
-      this._lastChar = '';
-      this._lastChars = '';
-      this.encoding = opts.encoding;
-      this.delimiter = opts.delimiter;// ';'
-      this._bodyWrapper = '';
-      this._bodyWrapperBuffer = '';
-
-      this.isEscape = false;
-      this.currentQuote = null;
-      this._firstDollarFound = false;
-      this._isBody = false;
-      this._isSingleLineComment = false;
-      this._isMultiLineComment = false;
-   }
-
-   get _isComment () {
-      return this._isSingleLineComment || this._isMultiLineComment;
-   }
-
-   _transform (chunk: Buffer, encoding: BufferEncoding, next: TransformCallback) {
-      for (const char of chunk.toString(this.encoding)) {
-         this.checkEscape();
-         this._buffer += char;
-         this._lastChar = char;
-         this._lastChars += char;
-
-         if (this._lastChars.length > this._bodyWrapper.length)
-            this._lastChars = this._lastChars.slice(-(this._bodyWrapper.length || 2));
-
-         this.checkBodyWrapper(char);
-         this.checkQuote(char);
-         this.checkCommentRow();
-         const query = this.getQuery();
-
-         if (query)
-            this.push(query);
-      }
-      next();
-   }
-
-   checkEscape () {
-      if (this._buffer.length > 0) {
-         this.isEscape = this._lastChar === '\\'
-            ? !this.isEscape
-            : false;
-      }
-   }
-
-   checkCommentRow () {
-      if (this._isBody) return;
-
-      if (!this._isComment) {
-         if (this.currentQuote === null && this._lastChars.includes('--'))
-            this._isSingleLineComment = true;
-
-         if (this.currentQuote === null && this._lastChars.includes('/*'))
-            this._isMultiLineComment = true;
-      }
-      else {
-         if (this._isSingleLineComment && (this._lastChar === '\n' || this._lastChar === '\r')) {
-            this._buffer = '';
-            this._isSingleLineComment = false;
-         }
-
-         if (this._isMultiLineComment && this._lastChars.includes('*/')) {
-            this._buffer = '';
-            this._isMultiLineComment = false;
-         }
-      }
-   }
-
-   checkBodyWrapper (char: string) {
-      if (this._isBody)
-         this._isBody = this._lastChars !== this._bodyWrapper;
-
-      if (this.currentQuote === null && char === '$' && !this._firstDollarFound && !this._bodyWrapper) {
-         this._firstDollarFound = true;
-         this._bodyWrapperBuffer += char;
-         this._isBody = true;
-      }
-      else if (this._firstDollarFound) {
-         if (char === '\n' || char === ' ') {
-            this._firstDollarFound = false;
-            this._bodyWrapperBuffer = '';
-            this._bodyWrapper = '';
-            this._isBody = false;
-            return;
-         }
-
-         this._bodyWrapperBuffer += char;
-         const isEndDollar = char === '$';
-
-         if (isEndDollar) {
-            this._firstDollarFound = false;
-            this._bodyWrapper = this._bodyWrapperBuffer;
-            this._bodyWrapperBuffer = '';
-         }
-      }
-   }
-
-   checkQuote (char: string) {
-      const isQuote = !this.isEscape && (char === '\'' || char === '"');
-      if (isQuote && this.currentQuote === char)
-         this.currentQuote = null;
-
-      else if (isQuote && this.currentQuote === null)
-         this.currentQuote = char;
-   }
-
-   getQuery () {
-      if (this._isBody || this._isComment)
-         return false;
-
-      let query: false | string = false;
-      let demiliterFound = false;
-
-      if (this.currentQuote === null && this._buffer.length >= this.delimiter.length)
-         demiliterFound = this._lastChars.slice(-this.delimiter.length) === this.delimiter;
-
-      if (demiliterFound) {
-         const parsedStr = this._buffer.trim();
-         query = parsedStr;
-         this._buffer = '';
-         this._bodyWrapper = '';
-      }
-
-      return query;
-   }
-}

src/main/main.js

@@ -1,11 +1,13 @@
+'use strict';
+
 import { app, BrowserWindow, /* session, */ nativeImage, Menu } from 'electron';
 import * as path from 'path';
-import * as Store from 'electron-store';
-import * as windowStateKeeper from 'electron-window-state';
+import Store from 'electron-store';
 import * as remoteMain from '@electron/remote/main';
 
 import ipcHandlers from './ipc-handlers';
 
+// remoteMain.initialize();
 Store.initRenderer();
 
 const isDevelopment = process.env.NODE_ENV !== 'production';
@@ -15,16 +17,13 @@ const gotTheLock = app.requestSingleInstanceLock();
 process.env.ELECTRON_DISABLE_SECURITY_WARNINGS = 'true';
 
 // global reference to mainWindow (necessary to prevent window from being garbage collected)
-let mainWindow: BrowserWindow;
-let mainWindowState: windowStateKeeper.State;
+let mainWindow;
 
 async function createMainWindow () {
    const icon = require('../renderer/images/logo-32.png');
    const window = new BrowserWindow({
-      width: mainWindowState.width,
-      height: mainWindowState.height,
-      x: mainWindowState.x,
-      y: mainWindowState.y,
+      width: 1024,
+      height: 800,
       minWidth: 900,
       minHeight: 550,
       title: 'Antares SQL',
@@ -33,6 +32,7 @@ async function createMainWindow () {
       webPreferences: {
          nodeIntegration: true,
          contextIsolation: false,
+         'web-security': false,
          spellcheck: false
       },
       frame: false,
@@ -41,14 +41,25 @@ async function createMainWindow () {
       backgroundColor: '#1d1d1d'
    });
 
-   mainWindowState.manage(window);
-   window.on('moved', saveWindowState);
-
    remoteMain.enable(window.webContents);
 
    try {
-      if (isDevelopment)
+      if (isDevelopment) {
+         const { default: installExtension, VUEJS3_DEVTOOLS } = require('electron-devtools-installer');
+         const options = {
+            loadExtensionOptions: { allowFileAccess: true }
+         };
+
+         try {
+            const name = await installExtension(VUEJS3_DEVTOOLS, options);
+            console.log(`Added Extension: ${name}`);
+         }
+         catch (err) {
+            console.log('An error occurred: ', err);
+         }
+
          await window.loadURL('http://localhost:9080');
+      }
       else {
          const indexPath = path.resolve(__dirname, 'index.html');
          await window.loadFile(indexPath);
@@ -59,10 +70,16 @@ async function createMainWindow () {
    }
 
    window.on('closed', () => {
-      window.removeListener('moved', saveWindowState);
       mainWindow = null;
    });
 
+   window.webContents.on('devtools-opened', () => {
+      window.focus();
+      setImmediate(() => {
+         window.focus();
+      });
+   });
+
    return window;
 }
 
@@ -87,16 +104,11 @@ else {
 
    // create main BrowserWindow when electron is ready
    app.on('ready', async () => {
-      mainWindowState = windowStateKeeper({
-         defaultWidth: 1024,
-         defaultHeight: 800
-      });
-
       mainWindow = await createMainWindow();
       createAppMenu();
 
-      if (isDevelopment)
-         mainWindow.webContents.openDevTools();
+      // if (isDevelopment)
+      //    mainWindow.webContents.openDevTools();
 
       process.on('uncaughtException', error => {
          mainWindow.webContents.send('unhandled-exception', error);
@@ -106,18 +118,10 @@ else {
          mainWindow.webContents.send('unhandled-exception', error);
       });
    });
-
-   app.on('browser-window-created', (event, window) => {
-      if (isDevelopment) {
-         const { antares } = require('../../package.json');
-         const extensionPath = path.resolve(__dirname, `../../misc/${antares.devtoolsId}`);
-         window.webContents.session.loadExtension(extensionPath, { allowFileAccess: true }).catch(console.error);
-      }
-   });
 }
 
 function createAppMenu () {
-   let menu: Electron.Menu = null;
+   let menu = null;
 
    if (isMacOS) {
       menu = Menu.buildFromTemplate([
@@ -156,7 +160,3 @@ function createAppMenu () {
 
    Menu.setApplicationMenu(menu);
 }
-
-function saveWindowState () {
-   mainWindowState.saveState(mainWindow);
-}

src/main/workers/exporter.ts

@@ -1,69 +0,0 @@
-import * as antares from 'common/interfaces/antares';
-import * as fs from 'fs';
-import { MySQLClient } from '../libs/clients/MySQLClient';
-import { PostgreSQLClient } from '../libs/clients/PostgreSQLClient';
-import { ClientsFactory } from '../libs/ClientsFactory';
-import MysqlExporter from '../libs/exporters/sql/MysqlExporter';
-import PostgreSQLExporter from '../libs/exporters/sql/PostgreSQLExporter';
-let exporter: antares.Exporter;
-
-process.on('message', async ({ type, client, tables, options }) => {
-   if (type === 'init') {
-      const connection = await ClientsFactory.getClient({
-         client: client.name,
-         params: client.config,
-         poolSize: 5
-      }) as MySQLClient | PostgreSQLClient;
-      await connection.connect();
-
-      switch (client.name) {
-         case 'mysql':
-         case 'maria':
-            exporter = new MysqlExporter(connection as MySQLClient, tables, options);
-            break;
-         case 'pg':
-            exporter = new PostgreSQLExporter(connection as PostgreSQLClient, tables, options);
-            break;
-         default:
-            process.send({
-               type: 'error',
-               payload: `"${client.name}" exporter not aviable`
-            });
-            return;
-      }
-
-      exporter.once('error', err => {
-         console.error(err);
-         process.send({
-            type: 'error',
-            payload: err.toString()
-         });
-      });
-
-      exporter.once('end', () => {
-         process.send({
-            type: 'end',
-            payload: { cancelled: exporter.isCancelled }
-         });
-         connection.destroy();
-      });
-
-      exporter.once('cancel', () => {
-         fs.unlinkSync(exporter.outputFile);
-         process.send({ type: 'cancel' });
-      });
-
-      exporter.on('progress', state => {
-         process.send({
-            type: 'export-progress',
-            payload: state
-         });
-      });
-
-      exporter.run();
-   }
-   else if (type === 'cancel')
-      exporter.cancel();
-});
-
-process.on('beforeExit', console.log);

src/main/workers/importer.ts

@@ -1,77 +0,0 @@
-import * as antares from 'common/interfaces/antares';
-import * as pg from 'pg';
-import * as mysql from 'mysql2';
-import { MySQLClient } from '../libs/clients/MySQLClient';
-import { PostgreSQLClient } from '../libs/clients/PostgreSQLClient';
-import { ClientsFactory } from '../libs/ClientsFactory';
-import MySQLImporter from '../libs/importers/sql/MySQLlImporter';
-import PostgreSQLImporter from '../libs/importers/sql/PostgreSQLImporter';
-let importer: antares.Importer;
-
-process.on('message', async ({ type, dbConfig, options }) => {
-   if (type === 'init') {
-      const connection = await ClientsFactory.getClient({
-         client: options.type,
-         params: {
-            ...dbConfig,
-            schema: options.schema
-         },
-         poolSize: 1
-      }) as MySQLClient | PostgreSQLClient;
-
-      const pool = await connection.getConnectionPool();
-
-      switch (options.type) {
-         case 'mysql':
-         case 'maria':
-            importer = new MySQLImporter(pool as unknown as mysql.Pool, options);
-            break;
-         case 'pg':
-            importer = new PostgreSQLImporter(pool as unknown as pg.PoolClient, options);
-            break;
-         default:
-            process.send({
-               type: 'error',
-               payload: `"${options.type}" importer not aviable`
-            });
-            return;
-      }
-
-      importer.once('error', err => {
-         console.error(err);
-         process.send({
-            type: 'error',
-            payload: err.toString()
-         });
-      });
-
-      importer.once('end', () => {
-         process.send({
-            type: 'end',
-            payload: { cancelled: importer.isCancelled }
-         });
-      });
-
-      importer.once('cancel', () => {
-         process.send({ type: 'cancel' });
-      });
-
-      importer.on('progress', state => {
-         process.send({
-            type: 'import-progress',
-            payload: state
-         });
-      });
-
-      importer.on('query-error', state => {
-         process.send({
-            type: 'query-error',
-            payload: state
-         });
-      });
-
-      importer.run();
-   }
-   else if (type === 'cancel')
-      importer.cancel();
-});

src/renderer/App.vue

@@ -1,5 +1,5 @@
 <template>
-   <div id="wrapper" :class="[`theme-${applicationTheme}`, !disableBlur || 'no-blur']">
+   <div id="wrapper" :class="`theme-${applicationTheme}`">
       <TheTitleBar />
       <div id="window-content">
          <TheSettingBar />
@@ -10,9 +10,7 @@
                   :key="connection.uid"
                   :connection="connection"
                />
-               <div class="connection-panel-wrapper">
-                  <WorkspaceAddConnectionPanel v-if="selectedWorkspace === 'NEW'" />
-               </div>
+               <WorkspaceAddConnectionPanel v-if="selectedWorkspace === 'NEW'" />
             </div>
             <TheFooter />
             <TheNotificationsBoard />
@@ -25,56 +23,36 @@
 </template>
 
 <script>
-import { defineAsyncComponent } from 'vue';
-import { storeToRefs } from 'pinia';
+import { mapActions, mapGetters } from 'vuex';
 import { ipcRenderer } from 'electron';
 import { Menu, getCurrentWindow } from '@electron/remote';
-import { useApplicationStore } from '@/stores/application';
-import { useConnectionsStore } from '@/stores/connections';
-import { useSettingsStore } from '@/stores/settings';
-import { useWorkspacesStore } from '@/stores/workspaces';
-import TheSettingBar from '@/components/TheSettingBar';
 
 export default {
    name: 'App',
    components: {
-      TheTitleBar: defineAsyncComponent(() => import(/* webpackChunkName: "TheTitleBar" */'@/components/TheTitleBar')),
-      TheSettingBar,
-      TheFooter: defineAsyncComponent(() => import(/* webpackChunkName: "TheFooter" */'@/components/TheFooter')),
-      TheNotificationsBoard: defineAsyncComponent(() => import(/* webpackChunkName: "TheNotificationsBoard" */'@/components/TheNotificationsBoard')),
-      Workspace: defineAsyncComponent(() => import(/* webpackChunkName: "Workspace" */'@/components/Workspace')),
-      WorkspaceAddConnectionPanel: defineAsyncComponent(() => import(/* webpackChunkName: "WorkspaceAddConnectionPanel" */'@/components/WorkspaceAddConnectionPanel')),
-      ModalSettings: defineAsyncComponent(() => import(/* webpackChunkName: "ModalSettings" */'@/components/ModalSettings')),
-      TheScratchpad: defineAsyncComponent(() => import(/* webpackChunkName: "TheScratchpad" */'@/components/TheScratchpad')),
-      BaseTextEditor: defineAsyncComponent(() => import(/* webpackChunkName: "BaseTextEditor" */'@/components/BaseTextEditor'))
+      TheTitleBar: () => import(/* webpackChunkName: "TheTitleBar" */'@/components/TheTitleBar'),
+      TheSettingBar: () => import(/* webpackChunkName: "TheSettingBar" */'@/components/TheSettingBar'),
+      TheFooter: () => import(/* webpackChunkName: "TheFooter" */'@/components/TheFooter'),
+      TheNotificationsBoard: () => import(/* webpackChunkName: "TheNotificationsBoard" */'@/components/TheNotificationsBoard'),
+      Workspace: () => import(/* webpackChunkName: "Workspace" */'@/components/Workspace'),
+      WorkspaceAddConnectionPanel: () => import(/* webpackChunkName: "WorkspaceAddConnectionPanel" */'@/components/WorkspaceAddConnectionPanel'),
+      ModalSettings: () => import(/* webpackChunkName: "ModalSettings" */'@/components/ModalSettings'),
+      TheScratchpad: () => import(/* webpackChunkName: "TheScratchpad" */'@/components/TheScratchpad'),
+      BaseTextEditor: () => import(/* webpackChunkName: "BaseTextEditor" */'@/components/BaseTextEditor')
    },
-   setup () {
-      const applicationStore = useApplicationStore();
-      const connectionsStore = useConnectionsStore();
-      const settingsStore = useSettingsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const {
-         isLoading,
-         isSettingModal,
-         isScratchpad
-      } = storeToRefs(applicationStore);
-      const { connections } = storeToRefs(connectionsStore);
-      const { applicationTheme, disableBlur } = storeToRefs(settingsStore);
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      const { checkVersionUpdate } = applicationStore;
-
-      return {
-         isLoading,
-         isSettingModal,
-         isScratchpad,
-         checkVersionUpdate,
-         connections,
-         applicationTheme,
-         disableBlur,
-         selectedWorkspace
-      };
+   data () {
+      return {};
+   },
+   computed: {
+      ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
+         isLoading: 'application/isLoading',
+         isSettingModal: 'application/isSettingModal',
+         isScratchpad: 'application/isScratchpad',
+         connections: 'connections/getConnections',
+         applicationTheme: 'settings/getApplicationTheme',
+         isUnsavedDiscardModal: 'workspaces/isUnsavedDiscardModal'
+      })
    },
    mounted () {
       ipcRenderer.send('check-for-updates');
@@ -116,6 +94,12 @@ export default {
             node = node.parentNode;
          }
       });
+   },
+   methods: {
+      ...mapActions({
+         showNewConnModal: 'application/showNewConnModal',
+         checkVersionUpdate: 'application/checkVersionUpdate'
+      })
    }
 };
 </script>
@@ -146,15 +130,5 @@ export default {
     > .columns {
       height: calc(100vh - #{$footer-height});
     }
-
-   .connection-panel-wrapper{
-      height: calc(100vh - #{$excluding-size});
-      width: 100%;
-      padding-top: 15vh;
-      display: flex;
-      justify-content: center;
-      align-items: flex-start;
-      overflow: auto;
-   }
   }
 </style>

src/renderer/components/BaseConfirmModal.vue

@@ -1,48 +1,44 @@
 <template>
-   <div class="dummy-wrapper">
-      <Teleport to="#window-content">
-         <div class="modal active" :class="modalSizeClass">
-            <a class="modal-overlay" @click="hideModal" />
-            <div class="modal-container">
-               <div v-if="hasHeader" class="modal-header pl-2">
-                  <div class="modal-title h6">
-                     <slot name="header" />
-                  </div>
-                  <a class="btn btn-clear float-right" @click="hideModal" />
-               </div>
-               <div v-if="hasDefault" class="modal-header">
-                  <div class="modal-title h6">
-                     <slot />
-                  </div>
-                  <a class="btn btn-clear float-right" @click="hideModal" />
-               </div>
-               <div v-if="hasBody" class="modal-body pb-0">
-                  <a
-                     v-if="!hasHeader && !hasDefault"
-                     class="btn btn-clear float-right"
-                     @click="hideModal"
-                  />
-                  <div class="content">
-                     <slot name="body" />
-                  </div>
-               </div>
-               <div v-if="!hideFooter" class="modal-footer">
-                  <button
-                     class="btn btn-primary mr-2"
-                     @click.stop="confirmModal"
-                  >
-                     {{ confirmText || $t('word.confirm') }}
-                  </button>
-                  <button
-                     class="btn btn-link"
-                     @click="hideModal"
-                  >
-                     {{ cancelText || $t('word.cancel') }}
-                  </button>
-               </div>
+   <div class="modal active" :class="modalSizeClass">
+      <a class="modal-overlay" @click="hideModal" />
+      <div class="modal-container">
+         <div v-if="hasHeader" class="modal-header pl-2">
+            <div class="modal-title h6">
+               <slot name="header" />
+            </div>
+            <a class="btn btn-clear float-right" @click="hideModal" />
+         </div>
+         <div v-if="hasDefault" class="modal-header">
+            <div class="modal-title h6">
+               <slot />
+            </div>
+            <a class="btn btn-clear float-right" @click="hideModal" />
+         </div>
+         <div v-if="hasBody" class="modal-body">
+            <a
+               v-if="!hasHeader && !hasDefault"
+               class="btn btn-clear float-right"
+               @click="hideModal"
+            />
+            <div class="content">
+               <slot name="body" />
             </div>
          </div>
-      </Teleport>
+         <div v-if="!hideFooter" class="modal-footer">
+            <button
+               class="btn btn-primary mr-2"
+               @click.stop="confirmModal"
+            >
+               {{ confirmText || $t('word.confirm') }}
+            </button>
+            <button
+               class="btn btn-link"
+               @click="hideModal"
+            >
+               {{ cancelText || $t('word.cancel') }}
+            </button>
+         </div>
+      </div>
    </div>
 </template>
 
@@ -62,7 +58,6 @@ export default {
       confirmText: String,
       cancelText: String
    },
-   emits: ['confirm', 'hide'],
    computed: {
       hasHeader () {
          return !!this.$slots.header;
@@ -86,7 +81,7 @@ export default {
    created () {
       window.addEventListener('keydown', this.onKey);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {
@@ -115,4 +110,5 @@ export default {
 .modal.modal-sm .modal-container {
   padding: 0;
 }
+
 </style>

src/renderer/components/BaseContextMenu.vue

@@ -21,7 +21,6 @@ export default {
    props: {
       contextEvent: MouseEvent
    },
-   emits: ['close-context'],
    data () {
       return {
          contextSize: null,
@@ -62,7 +61,7 @@ export default {
       if (this.$refs.contextContent)
          this.contextSize = this.$refs.contextContent.getBoundingClientRect();
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {

src/renderer/components/BaseMap.vue

@@ -1,108 +0,0 @@
-<template>
-   <div id="map" class="map" />
-</template>
-<script>
-import L from 'leaflet';
-import {
-   point,
-   lineString,
-   polygon
-} from '@turf/helpers';
-import { getArrayDepth } from 'common/libs/getArrayDepth';
-
-export default {
-   name: 'BaseMap',
-   props: {
-      points: [Object, Array],
-      isMultiSpatial: Boolean
-   },
-   data () {
-      return {
-         map: null,
-         markers: [],
-         center: null
-      };
-   },
-   mounted () {
-      if (this.isMultiSpatial) {
-         for (const element of this.points)
-            this.markers.push(this.getMarkers(element));
-      }
-      else {
-         this.markers = this.getMarkers(this.points);
-
-         if (!Array.isArray(this.points))
-            this.center = [this.points.y, this.points.x];
-      }
-
-      this.map = L.map('map', {
-         center: this.center || [0, 0],
-         zoom: 15,
-         minZoom: 1,
-         attributionControl: false
-      });
-
-      L.control.attribution({ prefix: '<b>Leaflet</b>' }).addTo(this.map);
-
-      const geoJsonObj = L.geoJSON(this.markers, {
-         style: function () {
-            return {
-               weight: 2,
-               fillColor: '#ff7800',
-               color: '#ff7800',
-               opacity: 0.8,
-               fillOpacity: 0.4
-            };
-         },
-         pointToLayer: function (feature, latlng) {
-            return L.circleMarker(latlng, {
-               radius: 7,
-               weight: 2,
-               fillColor: '#ff7800',
-               color: '#ff7800',
-               opacity: 0.8,
-               fillOpacity: 0.4
-            });
-         }
-      }).addTo(this.map);
-
-      const southWest = L.latLng(-90, -180);
-      const northEast = L.latLng(90, 180);
-      const bounds = L.latLngBounds(southWest, northEast);
-      this.map.setMaxBounds(bounds);
-
-      if (!this.center) this.map.fitBounds(geoJsonObj.getBounds());
-
-      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-         attribution: '&copy; <b>OpenStreetMap</b>'
-      }).addTo(this.map);
-   },
-   methods: {
-      getMarkers (points) {
-         if (Array.isArray(points)) {
-            if (getArrayDepth(points) === 1)
-               return lineString(points.reduce((acc, curr) => [...acc, [curr.x, curr.y]], []));
-            else
-               return polygon(points.map(arr => arr.reduce((acc, curr) => [...acc, [curr.x, curr.y]], [])));
-         }
-         else
-            return point([points.x, points.y]);
-      }
-   }
-};
-</script>
-
-<style lang="scss">
-.map {
-  height: 400px;
-}
-
-.marker-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: $primary-color;
-  border-radius: 50%;
-  box-shadow: 0 0 5px 1px darken($body-font-color-dark, 40%);
-}
-</style>

src/renderer/components/BaseNotification.vue

@@ -27,7 +27,6 @@ export default {
          default: ''
       }
    },
-   emits: ['close'],
    data () {
       return {
          isExpanded: false

src/renderer/components/BaseTextEditor.vue

@@ -11,15 +11,13 @@
 
 <script>
 import * as ace from 'ace-builds';
-import { storeToRefs } from 'pinia';
 import 'ace-builds/webpack-resolver';
-import { useSettingsStore } from '@/stores/settings';
-import { uidGen } from 'common/libs/uidGen';
+import { mapGetters } from 'vuex';
 
 export default {
    name: 'BaseTextEditor',
    props: {
-      modelValue: String,
+      value: String,
       mode: { type: String, default: 'text' },
       editorClass: { type: String, default: '' },
       autoFocus: { type: Boolean, default: false },
@@ -27,30 +25,20 @@ export default {
       showLineNumbers: { type: Boolean, default: true },
       height: { type: Number, default: 200 }
    },
-   emits: ['update:modelValue'],
-   setup () {
-      const settingsStore = useSettingsStore();
-
-      const {
-         editorTheme,
-         editorFontSize,
-         autoComplete,
-         lineWrap
-      } = storeToRefs(settingsStore);
-
-      return {
-         editorTheme,
-         editorFontSize,
-         autoComplete,
-         lineWrap
-      };
-   },
    data () {
       return {
          editor: null,
-         id: uidGen()
+         id: null
       };
    },
+   computed: {
+      ...mapGetters({
+         editorTheme: 'settings/getEditorTheme',
+         editorFontSize: 'settings/getEditorFontSize',
+         autoComplete: 'settings/getAutoComplete',
+         lineWrap: 'settings/getLineWrap'
+      })
+   },
    watch: {
       mode () {
          if (this.editor)
@@ -88,11 +76,14 @@ export default {
          }
       }
    },
+   created () {
+      this.id = this._uid;
+   },
    mounted () {
       this.editor = ace.edit(`editor-${this.id}`, {
          mode: `ace/mode/${this.mode}`,
          theme: `ace/theme/${this.editorTheme}`,
-         value: this.modelValue || '',
+         value: this.value || '',
          fontSize: '14px',
          printMargin: false,
          readOnly: this.readOnly,
@@ -109,7 +100,7 @@ export default {
 
       this.editor.session.on('change', () => {
          const content = this.editor.getValue();
-         this.$emit('update:modelValue', content);
+         this.$emit('update:value', content);
       });
 
       if (this.autoFocus) {

src/renderer/components/BaseToast.vue

@@ -22,7 +22,6 @@ export default {
          default: ''
       }
    },
-   emits: ['close'],
    data () {
       return {
          isVisible: false

src/renderer/components/BaseUploadInput.vue

@@ -4,10 +4,10 @@
          <i class="mdi mdi-folder-open mr-1" />{{ message }}
       </span>
       <span class="text-ellipsis file-uploader-value">
-         {{ lastPart(modelValue) }}
+         {{ value | lastPart }}
       </span>
       <i
-         v-if="modelValue.length"
+         v-if="value.length"
          class="file-uploader-reset mdi mdi-close"
          @click.prevent="clear"
       />
@@ -25,17 +25,26 @@
 <script>
 export default {
    name: 'BaseUploadInput',
+   filters: {
+      lastPart (string) {
+         if (!string) return '';
+
+         string = string.split(/[/\\]+/).pop();
+         if (string.length >= 19)
+            string = `...${string.slice(-19)}`;
+         return string;
+      }
+   },
    props: {
       message: {
          default: 'Browse',
          type: String
       },
-      modelValue: {
+      value: {
          default: '',
          type: String
       }
    },
-   emits: ['change', 'clear'],
    data () {
       return {
          id: null
@@ -47,14 +56,6 @@ export default {
    methods: {
       clear () {
          this.$emit('clear');
-      },
-      lastPart (string) {
-         if (!string) return '';
-
-         string = string.split(/[/\\]+/).pop();
-         if (string.length >= 19)
-            string = `...${string.slice(-19)}`;
-         return string;
       }
    }
 };
@@ -77,7 +78,6 @@ export default {
 
   .file-uploader-message {
     display: flex;
-    word-break: keep-all;
     border-radius: $border-radius 0 0 $border-radius;
   }
 

src/renderer/components/BaseVirtualScroll.vue

@@ -49,7 +49,7 @@ export default {
    mounted () {
       this.setScrollElement();
    },
-   beforeUnmount () {
+   beforeDestroy () {
       this.localScrollElement.removeEventListener('scroll', this.checkScrollPosition);
    },
    methods: {

src/renderer/components/FakerSelect.vue

@@ -36,8 +36,8 @@
       <ForeignKeySelect
          v-else-if="foreignKeys.includes(field.name)"
          ref="formInput"
-         v-model="selectedValue"
          class="form-select"
+         :value.sync="selectedValue"
          :key-usage="getKeyUsage(field.name)"
          :disabled="!isChecked"
       />
@@ -105,6 +105,7 @@
 </template>
 
 <script>
+import { VueMaskDirective } from 'v-mask';
 import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
 import BaseUploadInput from '@/components/BaseUploadInput';
 import ForeignKeySelect from '@/components/ForeignKeySelect';
@@ -116,6 +117,9 @@ export default {
       ForeignKeySelect,
       BaseUploadInput
    },
+   directives: {
+      mask: VueMaskDirective
+   },
    props: {
       type: String,
       field: Object,
@@ -125,7 +129,6 @@ export default {
       fieldLength: Number,
       fieldObj: Object
    },
-   emits: ['update:modelValue'],
    data () {
       return {
          localType: null,
@@ -241,7 +244,7 @@ export default {
          this.selectedValue = '';
       },
       onChange () {
-         this.$emit('update:modelValue', {
+         this.$emit('update:value', {
             group: this.selectedGroup,
             method: this.selectedMethod,
             params: this.methodParams,

src/renderer/components/ForeignKeySelect.vue

@@ -6,55 +6,53 @@
       @change="onChange"
       @blur="$emit('blur')"
    >
-      <option v-if="!isValidDefault" :value="modelValue">
-         {{ modelValue === null ? 'NULL' : modelValue }}
+      <option v-if="!isValidDefault" :value="value">
+         {{ value }} - {{ $t('message.invalidDefault') }}
       </option>
       <option
          v-for="row in foreignList"
          :key="row.foreign_column"
          :value="row.foreign_column"
-         :selected="row.foreign_column === modelValue"
+         :selected="row.foreign_column === value"
       >
-         {{ row.foreign_column }} {{ cutText('foreign_description' in row ? ` - ${row.foreign_description}` : '') }}
+         {{ row.foreign_column }} {{ 'foreign_description' in row ? ` - ${row.foreign_description}` : '' | cutText }}
       </option>
    </select>
 </template>
 
 <script>
-import { storeToRefs } from 'pinia';
 import Tables from '@/ipc-api/Tables';
-import { useNotificationsStore } from '@/stores/notifications';
-import { useWorkspacesStore } from '@/stores/workspaces';
+import { mapGetters, mapActions } from 'vuex';
 import { TEXT, LONG_TEXT } from 'common/fieldTypes';
 export default {
    name: 'ForeignKeySelect',
+   filters: {
+      cutText (val) {
+         if (typeof val !== 'string') return val;
+         return val.length > 15 ? `${val.substring(0, 15)}...` : val;
+      }
+   },
    props: {
-      modelValue: [String, Number],
+      value: [String, Number],
       keyUsage: Object,
       size: {
          type: String,
          default: ''
       }
    },
-   emits: ['update:modelValue', 'blur'],
-   setup () {
-      const { addNotification } = useNotificationsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      return { addNotification, selectedWorkspace };
-   },
    data () {
       return {
          foreignList: []
       };
    },
    computed: {
+      ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected'
+      }),
       isValidDefault () {
          if (!this.foreignList.length) return true;
-         if (this.modelValue === null) return false;
-         return this.foreignList.some(foreign => foreign.foreign_column.toString() === this.modelValue.toString());
+         if (this.value === null) return false;
+         return this.foreignList.some(foreign => foreign.foreign_column.toString() === this.value.toString());
       }
    },
    async created () {
@@ -95,12 +93,11 @@ export default {
       }
    },
    methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification'
+      }),
       onChange () {
-         this.$emit('update:modelValue', this.$refs.editField.value);
-      },
-      cutText (val) {
-         if (typeof val !== 'string') return val;
-         return val.length > 15 ? `${val.substring(0, 15)}...` : val;
+         this.$emit('update:value', this.$refs.editField.value);
       }
    }
 };

src/renderer/components/ModalAskCredentials.vue

@@ -1,64 +1,61 @@
 <template>
-   <Teleport to="#window-content">
-      <div class="modal active modal-sm">
-         <a class="modal-overlay" />
-         <div class="modal-container p-0">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-key-variant mr-1" /> {{ $t('word.credentials') }}
+   <div class="modal active modal-sm">
+      <a class="modal-overlay" />
+      <div class="modal-container p-0">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-key-variant mr-1" /> {{ $t('word.credentials') }}
+               </div>
+            </div>
+            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+         </div>
+         <div class="modal-body pb-0">
+            <div class="content">
+               <form class="form-horizontal">
+                  <div class="form-group">
+                     <div class="col-3">
+                        <label class="form-label">{{ $t('word.user') }}</label>
+                     </div>
+                     <div class="col-9">
+                        <input
+                           ref="firstInput"
+                           v-model="credentials.user"
+                           class="form-input"
+                           type="text"
+                        >
+                     </div>
                   </div>
-               </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
-            </div>
-            <div class="modal-body pb-0">
-               <div class="content">
-                  <form class="form-horizontal">
-                     <div class="form-group">
-                        <div class="col-3">
-                           <label class="form-label">{{ $t('word.user') }}</label>
-                        </div>
-                        <div class="col-9">
-                           <input
-                              ref="firstInput"
-                              v-model="credentials.user"
-                              class="form-input"
-                              type="text"
-                           >
-                        </div>
+                  <div class="form-group">
+                     <div class="col-3">
+                        <label class="form-label">{{ $t('word.password') }}</label>
                      </div>
-                     <div class="form-group">
-                        <div class="col-3">
-                           <label class="form-label">{{ $t('word.password') }}</label>
-                        </div>
-                        <div class="col-9">
-                           <input
-                              v-model="credentials.password"
-                              class="form-input"
-                              type="password"
-                           >
-                        </div>
+                     <div class="col-9">
+                        <input
+                           v-model="credentials.password"
+                           class="form-input"
+                           type="password"
+                        >
                      </div>
-                  </form>
-               </div>
-            </div>
-            <div class="modal-footer">
-               <button class="btn btn-primary mr-2" @click.stop="sendCredentials">
-                  {{ $t('word.send') }}
-               </button>
-               <button class="btn btn-link" @click.stop="closeModal">
-                  {{ $t('word.close') }}
-               </button>
+                  </div>
+               </form>
             </div>
          </div>
+         <div class="modal-footer">
+            <button class="btn btn-primary mr-2" @click.stop="sendCredentials">
+               {{ $t('word.send') }}
+            </button>
+            <button class="btn btn-link" @click.stop="closeModal">
+               {{ $t('word.close') }}
+            </button>
+         </div>
       </div>
-   </Teleport>
+   </div>
 </template>
 
 <script>
 export default {
    name: 'ModalAskCredentials',
-   emits: ['close-asking', 'credentials'],
    data () {
       return {
          credentials: {

src/renderer/components/ModalAskParameters.vue

@@ -6,13 +6,13 @@
       @confirm="runRoutine"
       @hide="closeModal"
    >
-      <template #header>
+      <template slot="header">
          <div class="d-flex">
             <i class="mdi mdi-24px mdi-play mr-1" />
             <span class="cut-text">{{ $t('word.parameters') }}: {{ localRoutine.name }}</span>
          </div>
       </template>
-      <template #body>
+      <div slot="body">
          <div class="content">
             <form class="form-horizontal">
                <div
@@ -36,14 +36,14 @@
                            class="input-group-addon field-type cut-text"
                            :class="typeClass(parameter.type)"
                         >
-                           {{ parameter.type }} {{ wrapNumber(parameter.length) }}
+                           {{ parameter.type }} {{ parameter.length | wrapNumber }}
                         </span>
                      </div>
                   </div>
                </div>
             </form>
          </div>
-      </template>
+      </div>
    </ConfirmModal>
 </template>
 
@@ -56,11 +56,16 @@ export default {
    components: {
       ConfirmModal
    },
+   filters: {
+      wrapNumber (num) {
+         if (!num) return '';
+         return `(${num})`;
+      }
+   },
    props: {
       localRoutine: Object,
       client: String
    },
-   emits: ['confirm', 'close'],
    data () {
       return {
          values: {}
@@ -78,7 +83,7 @@ export default {
          this.$refs.firstInput[0].focus();
       }, 20);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {
@@ -117,10 +122,6 @@ export default {
          e.stopPropagation();
          if (e.key === 'Escape')
             this.closeModal();
-      },
-      wrapNumber (num) {
-         if (!num) return '';
-         return `(${num})`;
       }
    }
 };

src/renderer/components/ModalDiscardChanges.vue

@@ -5,16 +5,16 @@
       @confirm="$emit('confirm')"
       @hide="$emit('close')"
    >
-      <template #header>
+      <template slot="header">
          <div class="d-flex">
             <i class="mdi mdi-24px mdi-content-save-alert mr-1" /> {{ $t('message.unsavedChanges') }}
          </div>
       </template>
-      <template #body>
+      <div slot="body">
          <div>
             {{ $t('message.discardUnsavedChanges') }}
          </div>
-      </template>
+      </div>
    </ConfirmModal>
 </template>
 
@@ -26,11 +26,10 @@ export default {
    components: {
       ConfirmModal
    },
-   emits: ['confirm', 'close'],
    created () {
       window.addEventListener('keydown', this.onKey);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {

src/renderer/components/ModalEditSchema.vue

@@ -1,76 +1,72 @@
 <template>
-   <Teleport to="#window-content">
-      <div class="modal active">
-         <a class="modal-overlay" @click.stop="closeModal" />
-         <div class="modal-container p-0">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-database-edit mr-1" />
-                     <span class="cut-text">{{ $t('message.editSchema') }}</span>
+   <div class="modal active">
+      <a class="modal-overlay" @click.stop="closeModal" />
+      <div class="modal-container p-0">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-database-edit mr-1" />
+                  <span class="cut-text">{{ $t('message.editSchema') }}</span>
+               </div>
+            </div>
+            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+         </div>
+         <div class="modal-body pb-0">
+            <div class="content">
+               <form class="form-horizontal">
+                  <div class="form-group">
+                     <div class="col-3">
+                        <label class="form-label">{{ $t('word.name') }}</label>
+                     </div>
+                     <div class="col-9">
+                        <input
+                           v-model="database.name"
+                           class="form-input"
+                           type="text"
+                           required
+                           :placeholder="$t('message.schemaName')"
+                           readonly
+                        >
+                     </div>
                   </div>
-               </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
-            </div>
-            <div class="modal-body pb-0">
-               <div class="content">
-                  <form class="form-horizontal">
-                     <div class="form-group">
-                        <div class="col-3">
-                           <label class="form-label">{{ $t('word.name') }}</label>
-                        </div>
-                        <div class="col-9">
-                           <input
-                              v-model="database.name"
-                              class="form-input"
-                              type="text"
-                              required
-                              :placeholder="$t('message.schemaName')"
-                              readonly
-                           >
-                        </div>
+                  <div class="form-group">
+                     <div class="col-3">
+                        <label class="form-label">{{ $t('word.collation') }}</label>
                      </div>
-                     <div class="form-group">
-                        <div class="col-3">
-                           <label class="form-label">{{ $t('word.collation') }}</label>
-                        </div>
-                        <div class="col-9">
-                           <select
-                              ref="firstInput"
-                              v-model="database.collation"
-                              class="form-select"
+                     <div class="col-9">
+                        <select
+                           ref="firstInput"
+                           v-model="database.collation"
+                           class="form-select"
+                        >
+                           <option
+                              v-for="collation in collations"
+                              :key="collation.id"
+                              :value="collation.collation"
                            >
-                              <option
-                                 v-for="collation in collations"
-                                 :key="collation.id"
-                                 :value="collation.collation"
-                              >
-                                 {{ collation.collation }}
-                              </option>
-                           </select>
-                           <small>{{ $t('message.serverDefault') }}: {{ defaultCollation }}</small>
-                        </div>
+                              {{ collation.collation }}
+                           </option>
+                        </select>
+                        <small>{{ $t('message.serverDefault') }}: {{ defaultCollation }}</small>
                      </div>
-                  </form>
-               </div>
-            </div>
-            <div class="modal-footer">
-               <button class="btn btn-primary mr-2" @click.stop="updateSchema">
-                  {{ $t('word.update') }}
-               </button>
-               <button class="btn btn-link" @click.stop="closeModal">
-                  {{ $t('word.close') }}
-               </button>
+                  </div>
+               </form>
             </div>
          </div>
+         <div class="modal-footer">
+            <button class="btn btn-primary mr-2" @click.stop="updateSchema">
+               {{ $t('word.update') }}
+            </button>
+            <button class="btn btn-link" @click.stop="closeModal">
+               {{ $t('word.close') }}
+            </button>
+         </div>
       </div>
-   </Teleport>
+   </div>
 </template>
 
 <script>
-import { storeToRefs } from 'pinia';
-import { useNotificationsStore } from '@/stores/notifications';
-import { useWorkspacesStore } from '@/stores/workspaces';
+import { mapGetters, mapActions } from 'vuex';
 import Schema from '@/ipc-api/Schema';
 
 export default {
@@ -78,22 +74,6 @@ export default {
    props: {
       selectedSchema: String
    },
-   emits: ['close'],
-   setup () {
-      const { addNotification } = useNotificationsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      const { getWorkspace, getDatabaseVariable } = workspacesStore;
-
-      return {
-         addNotification,
-         selectedWorkspace,
-         getWorkspace,
-         getDatabaseVariable
-      };
-   },
    data () {
       return {
          database: {
@@ -104,6 +84,11 @@ export default {
       };
    },
    computed: {
+      ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
+         getWorkspace: 'workspaces/getWorkspace',
+         getDatabaseVariable: 'workspaces/getDatabaseVariable'
+      }),
       collations () {
          return this.getWorkspace(this.selectedWorkspace).collations;
       },
@@ -139,10 +124,13 @@ export default {
          this.$refs.firstInput.focus();
       }, 20);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification'
+      }),
       async updateSchema () {
          if (this.database.collation !== this.database.prevCollation) {
             try {

src/renderer/components/ModalExportSchema.vue

@@ -1,525 +0,0 @@
-<template>
-   <Teleport to="#window-content">
-      <div class="modal active">
-         <a class="modal-overlay" @click.stop="closeModal" />
-         <div class="modal-container p-0">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-database-arrow-down mr-1" />
-                     <span class="cut-text">{{ $t('message.exportSchema') }}</span>
-                  </div>
-               </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
-            </div>
-            <div class="modal-body pb-0">
-               <div class="container">
-                  <div class="columns">
-                     <div class="col-3">
-                        <label class="form-label">{{ $t('message.directoryPath') }}</label>
-                     </div>
-                     <div class="col-9">
-                        <fieldset class="input-group">
-                           <input
-                              v-model="basePath"
-                              class="form-input"
-                              type="text"
-                              required
-                              readonly
-                              :placeholder="$t('message.schemaName')"
-                           >
-                           <button
-                              type="button"
-                              class="btn btn-primary input-group-btn"
-                              @click.prevent="openPathDialog"
-                           >
-                              {{ $t('word.change') }}
-                           </button>
-                        </fieldset>
-                     </div>
-                  </div>
-               </div>
-
-               <div class="columns export-options">
-                  <div class="column col-8 left">
-                     <div class="columns mb-2">
-                        <div class="column col-auto d-flex text-italic ">
-                           <i class="mdi mdi-file-document-outline mr-2" />
-                           {{ filename }}
-                        </div>
-
-                        <div class="column col-auto col-ml-auto ">
-                           <button
-                              class="btn btn-dark btn-sm"
-                              :title="$t('word.refresh')"
-                              @click="refresh"
-                           >
-                              <i class="mdi mdi-database-refresh" />
-                           </button>
-                           <button
-                              class="btn btn-dark btn-sm mx-1"
-                              :title="$t('message.uncheckAllTables')"
-                              :disabled="isRefreshing"
-                              @click="uncheckAllTables"
-                           >
-                              <i class="mdi mdi-file-tree-outline" />
-                           </button>
-                           <button
-                              class="btn btn-dark btn-sm"
-                              :title="$t('message.checkAllTables')"
-                              :disabled="isRefreshing"
-                              @click="checkAllTables"
-                           >
-                              <i class="mdi mdi-file-tree" />
-                           </button>
-                        </div>
-                     </div>
-                     <div class="workspace-query-results">
-                        <div ref="table" class="table table-hover">
-                           <div class="thead">
-                              <div class="tr text-center">
-                                 <div class="th no-border" style="width: 50%;" />
-                                 <div class="th no-border">
-                                    <label
-                                       class="form-checkbox m-0 px-2 form-inline"
-                                       @click.prevent="toggleAllTablesOption('includeStructure')"
-                                    >
-                                       <input
-                                          type="checkbox"
-                                          :indeterminate="includeStructureStatus === 2"
-                                          :checked="!!includeStructureStatus"
-                                       >
-                                       <i class="form-icon" />
-                                    </label>
-                                 </div>
-                                 <div class="th no-border">
-                                    <label
-                                       class="form-checkbox m-0 px-2 form-inline"
-                                       @click.prevent="toggleAllTablesOption('includeContent')"
-                                    >
-                                       <input
-                                          type="checkbox"
-                                          :indeterminate="includeContentStatus === 2"
-                                          :checked="!!includeContentStatus"
-                                       >
-                                       <i class="form-icon" />
-                                    </label>
-                                 </div>
-                                 <div class="th no-border">
-                                    <label
-                                       class="form-checkbox m-0 px-2 form-inline"
-                                       @click.prevent="toggleAllTablesOption('includeDropStatement')"
-                                    >
-                                       <input
-                                          type="checkbox"
-                                          :indeterminate="includeDropStatementStatus === 2"
-                                          :checked="!!includeDropStatementStatus"
-                                       >
-                                       <i class="form-icon" />
-                                    </label>
-                                 </div>
-                              </div>
-                              <div class="tr">
-                                 <div class="th" style="width: 50%;">
-                                    <div class="table-column-title">
-                                       <span>{{ $t('word.table') }}</span>
-                                    </div>
-                                 </div>
-                                 <div class="th text-center">
-                                    <div class="table-column-title">
-                                       <span>{{ $t('word.structure') }}</span>
-                                    </div>
-                                 </div>
-                                 <div class="th text-center">
-                                    <div class="table-column-title">
-                                       <span>{{ $t('word.content') }}</span>
-                                    </div>
-                                 </div>
-                                 <div class="th text-center">
-                                    <div class="table-column-title">
-                                       <span>{{ $t('word.drop') }}</span>
-                                    </div>
-                                 </div>
-                              </div>
-                           </div>
-
-                           <div class="tbody">
-                              <div
-                                 v-for="item in tables"
-                                 :key="item.name"
-                                 class="tr"
-                              >
-                                 <div class="td">
-                                    {{ item.table }}
-                                 </div>
-                                 <div class="td text-center">
-                                    <label class="form-checkbox m-0 px-2 form-inline">
-                                       <input
-                                          v-model="item.includeStructure"
-                                          type="checkbox"
-                                       ><i class="form-icon" />
-                                    </label>
-                                 </div>
-                                 <div class="td text-center">
-                                    <label class="form-checkbox m-0 px-2 form-inline">
-                                       <input
-                                          v-model="item.includeContent"
-                                          type="checkbox"
-                                       ><i class="form-icon" />
-                                    </label>
-                                 </div>
-                                 <div class="td text-center">
-                                    <label class="form-checkbox m-0 px-2 form-inline">
-                                       <input
-                                          v-model="item.includeDropStatement"
-                                          type="checkbox"
-                                       ><i class="form-icon" />
-                                    </label>
-                                 </div>
-                              </div>
-                           </div>
-                        </div>
-                     </div>
-                  </div>
-                  <div class="column col-4">
-                     <h5 class="h5">
-                        {{ $t('word.options') }}
-                     </h5>
-                     <span class="h6">{{ $t('word.includes') }}:</span>
-                     <label
-                        v-for="(_, key) in options.includes"
-                        :key="key"
-                        class="form-checkbox"
-                     >
-                        <input v-model="options.includes[key]" type="checkbox"><i class="form-icon" /> {{ $tc(`word.${key}`, 2) }}
-                     </label>
-                     <div v-if="customizations.exportByChunks">
-                        <div class="h6 mt-4 mb-2">
-                           {{ $t('message.newInserStmtEvery') }}:
-                        </div>
-                        <div class="columns">
-                           <div class="column col-6">
-                              <input
-                                 v-model.number="options.sqlInsertAfter"
-                                 type="number"
-                                 class="form-input"
-                              >
-                           </div>
-                           <div class="column col-6">
-                              <select v-model="options.sqlInsertDivider" class="form-select">
-                                 <option value="bytes">
-                                    KiB
-                                 </option>
-                                 <option value="rows">
-                                    {{ $tc('word.row', 2) }}
-                                 </option>
-                              </select>
-                           </div>
-                        </div>
-                     </div>
-
-                     <div class="h6 mb-2 mt-4">
-                        {{ $t('message.ourputFormat') }}:
-                     </div>
-                     <div class="columns">
-                        <div class="column h5 mb-4">
-                           <select v-model="options.outputFormat" class="form-select">
-                              <option value="sql">
-                                 {{ $t('message.singleFile', {ext: '.sql'}) }}
-                              </option>
-                              <option value="sql.zip">
-                                 {{ $t('message.zipCompressedFile', {ext: '.sql'}) }}
-                              </option>
-                           </select>
-                        </div>
-                     </div>
-                  </div>
-               </div>
-            </div>
-            <div class="modal-footer columns">
-               <div class="column col modal-progress-wrapper text-left">
-                  <div v-if="progressPercentage > 0" class="export-progress">
-                     <span class="progress-status">
-                        {{ progressPercentage }}% - {{ progressStatus }}
-                     </span>
-                     <progress
-                        class="progress d-block"
-                        :value="progressPercentage"
-                        max="100"
-                     />
-                  </div>
-               </div>
-               <div class="column col-auto px-0">
-                  <button class="btn btn-link" @click.stop="closeModal">
-                     {{ $t('word.close') }}
-                  </button>
-                  <button
-                     class="btn btn-primary mr-2"
-                     :class="{'loading': isExporting}"
-                     :disabled="isExporting || isRefreshing"
-                     autofocus
-                     @click.prevent="startExport"
-                  >
-                     {{ $t('word.export') }}
-                  </button>
-               </div>
-            </div>
-         </div>
-      </div>
-   </Teleport>
-</template>
-
-<script>
-import moment from 'moment';
-import { ipcRenderer } from 'electron';
-import { storeToRefs } from 'pinia';
-import { useNotificationsStore } from '@/stores/notifications';
-import { useWorkspacesStore } from '@/stores/workspaces';
-import customizations from 'common/customizations';
-import Application from '@/ipc-api/Application';
-import Schema from '@/ipc-api/Schema';
-
-export default {
-   name: 'ModalExportSchema',
-   props: {
-      selectedSchema: String
-   },
-   emits: ['close'],
-   setup () {
-      const { addNotification } = useNotificationsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      const {
-         getWorkspace,
-         getDatabaseVariable,
-         refreshSchema
-      } = workspacesStore;
-
-      return {
-         addNotification,
-         selectedWorkspace,
-         getWorkspace,
-         getDatabaseVariable,
-         refreshSchema
-      };
-   },
-   data () {
-      return {
-         isExporting: false,
-         isRefreshing: false,
-         progressPercentage: 0,
-         progressStatus: '',
-         tables: [],
-         options: {
-            includes: {},
-            outputFormat: 'sql',
-            sqlInsertAfter: 250,
-            sqlInsertDivider: 'bytes'
-         },
-         basePath: ''
-      };
-   },
-   computed: {
-      currentWorkspace () {
-         return this.getWorkspace(this.selectedWorkspace);
-      },
-      customizations () {
-         return this.currentWorkspace.customizations;
-      },
-      schemaItems () {
-         const db = this.currentWorkspace.structure.find(db => db.name === this.selectedSchema);
-         if (db)
-            return db.tables.filter(table => table.type === 'table');
-
-         return [];
-      },
-      filename () {
-         const date = moment().format('YYYY-MM-DD');
-         return `${this.selectedSchema}_${date}.${this.options.outputFormat}`;
-      },
-      dumpFilePath () {
-         return `${this.basePath}/${this.filename}`;
-      },
-      includeStructureStatus () {
-         if (this.tables.every(item => item.includeStructure)) return 1;
-         else if (this.tables.some(item => item.includeStructure)) return 2;
-         else return 0;
-      },
-      includeContentStatus () {
-         if (this.tables.every(item => item.includeContent)) return 1;
-         else if (this.tables.some(item => item.includeContent)) return 2;
-         else return 0;
-      },
-      includeDropStatementStatus () {
-         if (this.tables.every(item => item.includeDropStatement)) return 1;
-         else if (this.tables.some(item => item.includeDropStatement)) return 2;
-         else return 0;
-      }
-   },
-   async created () {
-      if (!this.schemaItems.length) await this.refresh();
-
-      window.addEventListener('keydown', this.onKey);
-
-      this.basePath = await Application.getDownloadPathDirectory();
-      this.tables = this.schemaItems.map(item => ({
-         table: item.name,
-         includeStructure: true,
-         includeContent: true,
-         includeDropStatement: true
-      }));
-
-      const structure = ['functions', 'views', 'triggers', 'routines', 'schedulers'];
-
-      structure.forEach(feat => {
-         const val = customizations[this.currentWorkspace.client][feat];
-         if (val)
-            this.options.includes[feat] = true;
-      });
-
-      ipcRenderer.on('export-progress', this.updateProgress);
-   },
-   beforeUnmount () {
-      window.removeEventListener('keydown', this.onKey);
-      ipcRenderer.off('export-progress', this.updateProgress);
-   },
-   methods: {
-      async startExport () {
-         this.isExporting = true;
-         const { uid, client } = this.currentWorkspace;
-         const params = {
-            uid,
-            type: client,
-            schema: this.selectedSchema,
-            outputFile: this.dumpFilePath,
-            tables: [...this.tables],
-            ...this.options
-         };
-
-         try {
-            const { status, response } = await Schema.export(params);
-            if (status === 'success')
-               this.progressStatus = response.cancelled ? this.$t('word.aborted') : this.$t('word.completed');
-            else {
-               this.progressStatus = response;
-               this.addNotification({ status: 'error', message: response });
-            }
-         }
-         catch (err) {
-            this.addNotification({ status: 'error', message: err.stack });
-         }
-
-         this.isExporting = false;
-      },
-      updateProgress (event, state) {
-         this.progressPercentage = Number((state.currentItemIndex / state.totalItems * 100).toFixed(1));
-         switch (state.op) {
-            case 'PROCESSING':
-               this.progressStatus = this.$t('message.processingTableExport', { table: state.currentItem });
-               break;
-            case 'FETCH':
-               this.progressStatus = this.$t('message.fechingTableExport', { table: state.currentItem });
-               break;
-            case 'WRITE':
-               this.progressStatus = this.$t('message.writingTableExport', { table: state.currentItem });
-               break;
-         }
-      },
-      async closeModal () {
-         let willClose = true;
-         if (this.isExporting) {
-            willClose = false;
-            const { response } = await Schema.abortExport();
-            willClose = response.willAbort;
-         }
-
-         if (willClose)
-            this.$emit('close');
-      },
-      onKey (e) {
-         e.stopPropagation();
-         if (e.key === 'Escape')
-            this.closeModal();
-      },
-      checkAllTables () {
-         this.tables = this.tables.map(item => ({ ...item, includeStructure: true, includeContent: true, includeDropStatement: true }));
-      },
-      uncheckAllTables () {
-         this.tables = this.tables.map(item => ({ ...item, includeStructure: false, includeContent: false, includeDropStatement: false }));
-      },
-      toggleAllTablesOption (option) {
-         const options = ['includeStructure', 'includeContent', 'includeDropStatement'];
-         if (!options.includes(option)) return;
-
-         if (this[`${option}Status`] !== 1)
-            this.tables = this.tables.map(item => ({ ...item, [option]: true }));
-         else
-            this.tables = this.tables.map(item => ({ ...item, [option]: false }));
-      },
-      async refresh () {
-         this.isRefreshing = true;
-         await this.refreshSchema({ uid: this.currentWorkspace.uid, schema: this.selectedSchema });
-         this.isRefreshing = false;
-      },
-      async openPathDialog () {
-         const result = await Application.showOpenDialog({ properties: ['openDirectory'] });
-         if (result && !result.canceled)
-            this.basePath = result.filePaths[0];
-      }
-   }
-};
-</script>
-
-<style lang="scss" scoped>
-.export-options {
-  flex: 1;
-  overflow: hidden;
-
-  .left {
-     display: flex;
-     flex-direction: column;
-     flex: 1;
-  }
-}
-
-.workspace-query-results {
-   flex: 1 0 1px;
-  .table {
-    width: 100% !important;
-  }
-
-  .form-checkbox {
-    min-height: 0.8rem;
-    padding: 0;
-
-    .form-icon {
-      top: 0.1rem;
-    }
-  }
-}
-
-.modal {
-
-  .modal-container {
-    max-width: 800px;
-  }
-
-    .modal-body {
-      max-height: 60vh;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .modal-footer {
-       display: flex;
-    }
-}
-
-.progress-status {
-   font-style: italic;
-   font-size: 80%;
-}
-
-</style>

src/renderer/components/ModalFakerRows.vue

@@ -1,196 +1,192 @@
 <template>
-   <Teleport to="#window-content">
-      <div class="modal active">
-         <a class="modal-overlay" @click.stop="closeModal" />
-         <div class="modal-container p-0">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-playlist-plus mr-1" />
-                     <span class="cut-text">{{ $tc('message.insertRow', 2) }}</span>
-                  </div>
-               </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
-            </div>
-            <div class="modal-body pb-0">
-               <div class="content">
-                  <form class="form-horizontal">
-                     <fieldset :disabled="isInserting">
-                        <div
-                           v-for="field in fields"
-                           :key="field.name"
-                           class="form-group"
-                        >
-                           <div class="col-3 col-sm-12">
-                              <label class="form-label" :title="field.name">{{ field.name }}</label>
-                           </div>
-                           <div class="column columns col-sm-12">
-                              <FakerSelect
-                                 v-model="localRow[field.name]"
-                                 :type="field.type"
-                                 class="column columns pr-0"
-                                 :is-checked="!fieldsToExclude.includes(field.name)"
-                                 :foreign-keys="foreignKeys"
-                                 :key-usage="keyUsage"
-                                 :field="field"
-                                 :field-length="fieldLength(field)"
-                                 :field-obj="localRow[field.name]"
-                              >
-                                 <span class="input-group-addon field-type" :class="typeClass(field.type)">
-                                    {{ field.type }} {{ wrapNumber(fieldLength(field)) }}
-                                 </span>
-                                 <label class="form-checkbox ml-3" :title="$t('word.insert')">
-                                    <input
-                                       type="checkbox"
-                                       :checked="!fieldsToExclude.includes(field.name)"
-                                       @change.prevent="toggleFields($event, field)"
-                                    ><i class="form-icon" />
-                                 </label>
-                              </FakerSelect>
-                           </div>
-                        </div>
-                     </fieldset>
-                  </form>
+   <div class="modal active">
+      <a class="modal-overlay" @click.stop="closeModal" />
+      <div class="modal-container p-0">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-playlist-plus mr-1" />
+                  <span class="cut-text">{{ $t('message.tableFiller') }}</span>
                </div>
             </div>
-            <div class="modal-footer columns">
-               <div class="column d-flex" :class="hasFakes ? 'col-4' : 'col-2'">
-                  <div class="input-group tooltip tooltip-right" :data-tooltip="$t('message.numberOfInserts')">
-                     <input
-                        v-model="nInserts"
-                        type="number"
-                        class="form-input"
-                        min="1"
-                        :disabled="isInserting"
+            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+         </div>
+         <div class="modal-body pb-0">
+            <div class="content">
+               <form class="form-horizontal">
+                  <fieldset :disabled="isInserting">
+                     <div
+                        v-for="field in fields"
+                        :key="field.name"
+                        class="form-group"
                      >
-                     <span class="input-group-addon">
-                        <i class="mdi mdi-24px mdi-repeat" />
-                     </span>
-                  </div>
-                  <div
-                     v-if="hasFakes"
-                     class="tooltip tooltip-right ml-2"
-                     :data-tooltip="$t('message.fakeDataLanguage')"
+                        <div class="col-3 col-sm-12">
+                           <label class="form-label" :title="field.name">{{ field.name }}</label>
+                        </div>
+                        <div class="column columns col-sm-12">
+                           <FakerSelect
+                              :type="field.type"
+                              class="column columns pr-0"
+                              :is-checked="!fieldsToExclude.includes(field.name)"
+                              :foreign-keys="foreignKeys"
+                              :key-usage="keyUsage"
+                              :field="field"
+                              :field-length="fieldLength(field)"
+                              :field-obj="localRow[field.name]"
+                              :value.sync="localRow[field.name]"
+                           >
+                              <span class="input-group-addon field-type" :class="typeClass(field.type)">
+                                 {{ field.type }} {{ fieldLength(field) | wrapNumber }}
+                              </span>
+                              <label class="form-checkbox ml-3" :title="$t('word.insert')">
+                                 <input
+                                    type="checkbox"
+                                    :checked="!field.autoIncrement"
+                                    @change.prevent="toggleFields($event, field)"
+                                 ><i class="form-icon" />
+                              </label>
+                           </FakerSelect>
+                        </div>
+                     </div>
+                  </fieldset>
+               </form>
+            </div>
+         </div>
+         <div class="modal-footer columns">
+            <div class="column d-flex" :class="hasFakes ? 'col-4' : 'col-2'">
+               <div class="input-group tooltip tooltip-right" :data-tooltip="$t('message.numberOfInserts')">
+                  <input
+                     v-model="nInserts"
+                     type="number"
+                     class="form-input"
+                     min="1"
+                     :disabled="isInserting"
                   >
-                     <select v-model="fakerLocale" class="form-select">
-                        <option value="ar">
-                           Arabic
-                        </option><option value="az">
-                           Azerbaijani
-                        </option><option value="zh_CN">
-                           Chinese
-                        </option><option value="zh_TW">
-                           Chinese (Taiwan)
-                        </option><option value="cz">
-                           Czech
-                        </option><option value="nl">
-                           Dutch
-                        </option><option value="nl_BE">
-                           Dutch (Belgium)
-                        </option><option value="en">
-                           English
-                        </option><option value="en_AU_ocker">
-                           English (Australia Ocker)
-                        </option><option value="en_AU">
-                           English (Australia)
-                        </option><option value="en_BORK">
-                           English (Bork)
-                        </option><option value="en_CA">
-                           English (Canada)
-                        </option><option value="en_GB">
-                           English (Great Britain)
-                        </option><option value="en_IND">
-                           English (India)
-                        </option><option value="en_IE">
-                           English (Ireland)
-                        </option><option value="en_ZA">
-                           English (South Africa)
-                        </option><option value="en_US">
-                           English (United States)
-                        </option><option value="fa">
-                           Farsi
-                        </option><option value="fi">
-                           Finnish
-                        </option><option value="fr">
-                           French
-                        </option><option value="fr_CA">
-                           French (Canada)
-                        </option><option value="fr_CH">
-                           French (Switzerland)
-                        </option><option value="ge">
-                           Georgian
-                        </option><option value="de">
-                           German
-                        </option><option value="de_AT">
-                           German (Austria)
-                        </option><option value="de_CH">
-                           German (Switzerland)
-                        </option><option value="hr">
-                           Hrvatski
-                        </option><option value="id_ID">
-                           Indonesia
-                        </option><option value="it">
-                           Italian
-                        </option><option value="ja">
-                           Japanese
-                        </option><option value="ko">
-                           Korean
-                        </option><option value="nep">
-                           Nepalese
-                        </option><option value="nb_NO">
-                           Norwegian
-                        </option><option value="pl">
-                           Polish
-                        </option><option value="pt_BR">
-                           Portuguese (Brazil)
-                        </option><option value="pt_PT">
-                           Portuguese (Portugal)
-                        </option><option value="ro">
-                           Romanian
-                        </option><option value="ru">
-                           Russian
-                        </option><option value="sk">
-                           Slovakian
-                        </option><option value="es">
-                           Spanish
-                        </option><option value="es_MX">
-                           Spanish (Mexico)
-                        </option><option value="sv">
-                           Swedish
-                        </option><option value="tr">
-                           Turkish
-                        </option><option value="uk">
-                           Ukrainian
-                        </option><option value="vi">
-                           Vietnamese
-                        </option>
-                     </select>
-                  </div>
+                  <span class="input-group-addon">
+                     <i class="mdi mdi-24px mdi-repeat" />
+                  </span>
                </div>
-               <div class="column col-auto">
-                  <button
-                     class="btn btn-primary mr-2"
-                     :class="{'loading': isInserting}"
-                     @click.stop="insertRows"
-                  >
-                     {{ $t('word.insert') }}
-                  </button>
-                  <button class="btn btn-link" @click.stop="closeModal">
-                     {{ $t('word.close') }}
-                  </button>
+               <div
+                  v-if="hasFakes"
+                  class="tooltip tooltip-right ml-2"
+                  :data-tooltip="$t('message.fakeDataLanguage')"
+               >
+                  <select v-model="fakerLocale" class="form-select">
+                     <option value="ar">
+                        Arabic
+                     </option><option value="az">
+                        Azerbaijani
+                     </option><option value="zh_CN">
+                        Chinese
+                     </option><option value="zh_TW">
+                        Chinese (Taiwan)
+                     </option><option value="cz">
+                        Czech
+                     </option><option value="nl">
+                        Dutch
+                     </option><option value="nl_BE">
+                        Dutch (Belgium)
+                     </option><option value="en">
+                        English
+                     </option><option value="en_AU_ocker">
+                        English (Australia Ocker)
+                     </option><option value="en_AU">
+                        English (Australia)
+                     </option><option value="en_BORK">
+                        English (Bork)
+                     </option><option value="en_CA">
+                        English (Canada)
+                     </option><option value="en_GB">
+                        English (Great Britain)
+                     </option><option value="en_IND">
+                        English (India)
+                     </option><option value="en_IE">
+                        English (Ireland)
+                     </option><option value="en_ZA">
+                        English (South Africa)
+                     </option><option value="en_US">
+                        English (United States)
+                     </option><option value="fa">
+                        Farsi
+                     </option><option value="fi">
+                        Finnish
+                     </option><option value="fr">
+                        French
+                     </option><option value="fr_CA">
+                        French (Canada)
+                     </option><option value="fr_CH">
+                        French (Switzerland)
+                     </option><option value="ge">
+                        Georgian
+                     </option><option value="de">
+                        German
+                     </option><option value="de_AT">
+                        German (Austria)
+                     </option><option value="de_CH">
+                        German (Switzerland)
+                     </option><option value="hr">
+                        Hrvatski
+                     </option><option value="id_ID">
+                        Indonesia
+                     </option><option value="it">
+                        Italian
+                     </option><option value="ja">
+                        Japanese
+                     </option><option value="ko">
+                        Korean
+                     </option><option value="nep">
+                        Nepalese
+                     </option><option value="nb_NO">
+                        Norwegian
+                     </option><option value="pl">
+                        Polish
+                     </option><option value="pt_BR">
+                        Portuguese (Brazil)
+                     </option><option value="pt_PT">
+                        Portuguese (Portugal)
+                     </option><option value="ro">
+                        Romanian
+                     </option><option value="ru">
+                        Russian
+                     </option><option value="sk">
+                        Slovakian
+                     </option><option value="es">
+                        Spanish
+                     </option><option value="es_MX">
+                        Spanish (Mexico)
+                     </option><option value="sv">
+                        Swedish
+                     </option><option value="tr">
+                        Turkish
+                     </option><option value="uk">
+                        Ukrainian
+                     </option><option value="vi">
+                        Vietnamese
+                     </option>
+                  </select>
                </div>
             </div>
+            <div class="column col-auto">
+               <button
+                  class="btn btn-primary mr-2"
+                  :class="{'loading': isInserting}"
+                  @click.stop="insertRows"
+               >
+                  {{ $t('word.insert') }}
+               </button>
+               <button class="btn btn-link" @click.stop="closeModal">
+                  {{ $t('word.close') }}
+               </button>
+            </div>
          </div>
       </div>
-   </Teleport>
+   </div>
 </template>
 
 <script>
 import moment from 'moment';
-import { storeToRefs } from 'pinia';
 import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
-import { useNotificationsStore } from '@/stores/notifications';
-import { useWorkspacesStore } from '@/stores/workspaces';
+import { mapGetters, mapActions } from 'vuex';
 import Tables from '@/ipc-api/Tables';
 import FakerSelect from '@/components/FakerSelect';
 
@@ -199,27 +195,17 @@ export default {
    components: {
       FakerSelect
    },
+   filters: {
+      wrapNumber (num) {
+         if (!num) return '';
+         return `(${num})`;
+      }
+   },
    props: {
       tabUid: [String, Number],
       fields: Array,
       keyUsage: Array
    },
-   emits: ['reload', 'hide'],
-   setup () {
-      const { addNotification } = useNotificationsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      const { getWorkspace, getWorkspaceTab } = workspacesStore;
-
-      return {
-         addNotification,
-         selectedWorkspace,
-         getWorkspace,
-         getWorkspaceTab
-      };
-   },
    data () {
       return {
          localRow: {},
@@ -230,6 +216,11 @@ export default {
       };
    },
    computed: {
+      ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
+         getWorkspace: 'workspaces/getWorkspace',
+         getWorkspaceTab: 'workspaces/getWorkspaceTab'
+      }),
       workspace () {
          return this.getWorkspace(this.selectedWorkspace);
       },
@@ -273,7 +264,7 @@ export default {
             else if (BIT.includes(field.type))
                fieldDefault = field.default.replaceAll('\'', '').replaceAll('b', '');
             else if (DATETIME.includes(field.type)) {
-               if (field.default && ['current_timestamp', 'now()'].some(term => field.default.toLowerCase().includes(term))) {
+               if (field.default && ['current_timestamp', 'now()'].includes(field.default.toLowerCase())) {
                   let datePrecision = '';
                   for (let i = 0; i < field.datePrecision; i++)
                      datePrecision += i === 0 ? '.S' : 'S';
@@ -290,16 +281,19 @@ export default {
 
          rowObj[field.name] = { value: fieldDefault };
 
-         if (field.autoIncrement || !!field.onUpdate)// Disable by default auto increment or "on update" fields
+         if (field.autoIncrement)// Disable by default auto increment fields
             this.fieldsToExclude = [...this.fieldsToExclude, field.name];
       }
 
       this.localRow = { ...rowObj };
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification'
+      }),
       typeClass (type) {
          if (type)
             return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
@@ -351,8 +345,8 @@ export default {
       },
       fieldLength (field) {
          if ([...BLOB, ...LONG_TEXT].includes(field.type)) return null;
-         else if (TEXT.includes(field.type)) return Number(field.charLength);
-         return Number(field.length);
+         else if (TEXT.includes(field.type)) return field.charLength;
+         return field.length;
       },
       toggleFields (event, field) {
          if (event.target.checked)
@@ -373,10 +367,6 @@ export default {
          e.stopPropagation();
          if (e.key === 'Escape')
             this.closeModal();
-      },
-      wrapNumber (num) {
-         if (!num) return '';
-         return `(${num})`;
       }
    }
 };

src/renderer/components/ModalHistory.vue

@@ -1,107 +1,103 @@
 <template>
-   <Teleport to="#window-content">
-      <div class="modal active">
-         <a class="modal-overlay" @click.stop="closeModal" />
-         <div class="modal-container p-0 pb-4">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-history mr-1" />
-                     <span class="cut-text">{{ $t('word.history') }}: {{ connectionName }}</span>
-                  </div>
+   <div class="modal active">
+      <a class="modal-overlay" @click.stop="closeModal" />
+      <div class="modal-container p-0 pb-4">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-history mr-1" />
+                  <span class="cut-text">{{ $t('word.history') }}: {{ connectionName }}</span>
                </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
             </div>
-            <div class="modal-body p-0 workspace-query-results">
-               <div
-                  v-if="history.length"
-                  ref="searchForm"
-                  class="form-group has-icon-right p-2 m-0"
+            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+         </div>
+         <div class="modal-body p-0 workspace-query-results">
+            <div
+               v-if="history.length"
+               ref="searchForm"
+               class="form-group has-icon-right p-2 m-0"
+            >
+               <input
+                  v-model="searchTerm"
+                  class="form-input"
+                  type="text"
+                  :placeholder="$t('message.searchForQueries')"
                >
-                  <input
-                     v-model="searchTerm"
-                     class="form-input"
-                     type="text"
-                     :placeholder="$t('message.searchForQueries')"
+               <i v-if="!searchTerm" class="form-icon mdi mdi-magnify mdi-18px pr-4" />
+               <i
+                  v-else
+                  class="form-icon c-hand mdi mdi-backspace mdi-18px pr-4"
+                  @click="searchTerm = ''"
+               />
+            </div>
+            <div
+               v-if="history.length"
+               ref="tableWrapper"
+               class="vscroll px-1 "
+               :style="{'height': resultsSize+'px'}"
+            >
+               <div ref="table">
+                  <BaseVirtualScroll
+                     ref="resultTable"
+                     :items="filteredHistory"
+                     :item-height="66"
+                     :visible-height="resultsSize"
+                     :scroll-element="scrollElement"
                   >
-                  <i v-if="!searchTerm" class="form-icon mdi mdi-magnify mdi-18px pr-4" />
-                  <i
-                     v-else
-                     class="form-icon c-hand mdi mdi-backspace mdi-18px pr-4"
-                     @click="searchTerm = ''"
-                  />
-               </div>
-               <div
-                  v-if="history.length"
-                  ref="tableWrapper"
-                  class="vscroll px-1 "
-                  :style="{'height': resultsSize+'px'}"
-               >
-                  <div ref="table">
-                     <BaseVirtualScroll
-                        ref="resultTable"
-                        :items="filteredHistory"
-                        :item-height="66"
-                        :visible-height="resultsSize"
-                        :scroll-element="scrollElement"
-                     >
-                        <template #default="{ items }">
-                           <div
-                              v-for="query in items"
-                              :key="query.uid"
-                              class="tile my-2"
-                              tabindex="0"
-                           >
-                              <div class="tile-icon">
-                                 <i class="mdi mdi-code-tags pr-1" />
+                     <template slot-scope="{ items }">
+                        <div
+                           v-for="query in items"
+                           :key="query.uid"
+                           class="tile my-2"
+                           tabindex="0"
+                        >
+                           <div class="tile-icon">
+                              <i class="mdi mdi-code-tags pr-1" />
+                           </div>
+                           <div class="tile-content">
+                              <div class="tile-title">
+                                 <code
+                                    class="cut-text"
+                                    :title="query.sql"
+                                    v-html="highlightWord(query.sql)"
+                                 />
                               </div>
-                              <div class="tile-content">
-                                 <div class="tile-title">
-                                    <code
-                                       class="cut-text"
-                                       :title="query.sql"
-                                       v-html="highlightWord(query.sql)"
-                                    />
-                                 </div>
-                                 <div class="tile-bottom-content">
-                                    <small class="tile-subtitle">{{ query.schema }} · {{ formatDate(query.date) }}</small>
-                                    <div class="tile-history-buttons">
-                                       <button class="btn btn-link pl-1" @click.stop="$emit('select-query', query.sql)">
-                                          <i class="mdi mdi-open-in-app pr-1" /> {{ $t('word.select') }}
-                                       </button>
-                                       <button class="btn btn-link pl-1" @click="copyQuery(query.sql)">
-                                          <i class="mdi mdi-content-copy pr-1" /> {{ $t('word.copy') }}
-                                       </button>
-                                       <button class="btn btn-link pl-1" @click="deleteQuery(query)">
-                                          <i class="mdi mdi-delete-forever pr-1" /> {{ $t('word.delete') }}
-                                       </button>
-                                    </div>
+                              <div class="tile-bottom-content">
+                                 <small class="tile-subtitle">{{ query.schema }} · {{ formatDate(query.date) }}</small>
+                                 <div class="tile-history-buttons">
+                                    <button class="btn btn-link pl-1" @click.stop="$emit('select-query', query.sql)">
+                                       <i class="mdi mdi-open-in-app pr-1" /> {{ $t('word.select') }}
+                                    </button>
+                                    <button class="btn btn-link pl-1" @click="copyQuery(query.sql)">
+                                       <i class="mdi mdi-content-copy pr-1" /> {{ $t('word.copy') }}
+                                    </button>
+                                    <button class="btn btn-link pl-1" @click="deleteQuery(query)">
+                                       <i class="mdi mdi-delete-forever pr-1" /> {{ $t('word.delete') }}
+                                    </button>
                                  </div>
                               </div>
                            </div>
-                        </template>
-                     </BaseVirtualScroll>
-                  </div>
+                        </div>
+                     </template>
+                  </BaseVirtualScroll>
                </div>
-               <div v-else class="empty">
-                  <div class="empty-icon">
-                     <i class="mdi mdi-history mdi-48px" />
-                  </div>
-                  <p class="empty-title h5">
-                     {{ $t('message.thereIsNoQueriesYet') }}
-                  </p>
+            </div>
+            <div v-else class="empty">
+               <div class="empty-icon">
+                  <i class="mdi mdi-history mdi-48px" />
                </div>
+               <p class="empty-title h5">
+                  {{ $t('message.thereIsNoQueriesYet') }}
+               </p>
             </div>
          </div>
       </div>
-   </Teleport>
+   </div>
 </template>
 
 <script>
 import moment from 'moment';
-import { useHistoryStore } from '@/stores/history';
-import { useConnectionsStore } from '@/stores/connections';
-import { useNotificationsStore } from '@/stores/notifications';
+import { mapGetters, mapActions } from 'vuex';
 import BaseVirtualScroll from '@/components/BaseVirtualScroll';
 
 export default {
@@ -112,19 +108,6 @@ export default {
    props: {
       connection: Object
    },
-   emits: ['select-query', 'close'],
-   setup () {
-      const { getHistoryByWorkspace, deleteQueryFromHistory } = useHistoryStore();
-      const { getConnectionName } = useConnectionsStore();
-      const { addNotification } = useNotificationsStore();
-
-      return {
-         getHistoryByWorkspace,
-         deleteQueryFromHistory,
-         getConnectionName,
-         addNotification
-      };
-   },
    data () {
       return {
          resultsSize: 1000,
@@ -136,6 +119,10 @@ export default {
       };
    },
    computed: {
+      ...mapGetters({
+         getConnectionName: 'connections/getConnectionName',
+         getHistoryByWorkspace: 'history/getHistoryByWorkspace'
+      }),
       connectionName () {
          return this.getConnectionName(this.connection.uid);
       },
@@ -169,12 +156,16 @@ export default {
       this.resizeResults();
       window.addEventListener('resize', this.resizeResults);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey, { capture: true });
       window.removeEventListener('resize', this.resizeResults);
       clearInterval(this.refreshInterval);
    },
    methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification',
+         deleteQueryFromHistory: 'history/deleteQueryFromHistory'
+      }),
       copyQuery (sql) {
          navigator.clipboard.writeText(sql);
       },

src/renderer/components/ModalImportSchema.vue

@@ -1,194 +0,0 @@
-<template>
-   <Teleport to="#window-content">
-      <div class="modal active">
-         <a class="modal-overlay" @click.stop="closeModal" />
-         <div class="modal-container p-0">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-database-arrow-up mr-1" />
-                     <span class="cut-text">{{ $t('message.importSchema') }}</span>
-                  </div>
-               </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
-            </div>
-            <div class="modal-body pb-0">
-               {{ sqlFile }}
-               <div v-if="queryErrors.length > 0" class="mt-2">
-                  <label>{{ $tc('message.importQueryErrors', queryErrors.length) }}</label>
-                  <textarea
-                     v-model="formattedQueryErrors"
-                     class="form-input"
-                     rows="5"
-                     readonly
-                  />
-               </div>
-            </div>
-            <div class="modal-footer columns">
-               <div class="column col modal-progress-wrapper text-left">
-                  <div class="import-progress">
-                     <span class="progress-status">
-                        {{ progressPercentage }}% - {{ progressStatus }} - {{ $tc('message.executedQueries', queryCount) }}
-                     </span>
-                     <progress
-                        class="progress d-block"
-                        :value="progressPercentage"
-                        max="100"
-                     />
-                  </div>
-               </div>
-               <div class="column col-auto px-0">
-                  <button class="btn btn-link" @click.stop="closeModal">
-                     {{ completed ? $t('word.close') : $t('word.cancel') }}
-                  </button>
-               </div>
-            </div>
-         </div>
-      </div>
-      <Teleport to="#window-content" />
-   </teleport>
-</template>
-
-<script>
-import { ipcRenderer } from 'electron';
-import { useNotificationsStore } from '@/stores/notifications';
-import { useWorkspacesStore } from '@/stores/workspaces';
-import moment from 'moment';
-import Schema from '@/ipc-api/Schema';
-import { storeToRefs } from 'pinia';
-
-export default {
-   name: 'ModalImportSchema',
-
-   props: {
-      selectedSchema: String
-   },
-   emits: ['close'],
-   setup () {
-      const { addNotification } = useNotificationsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      const { getWorkspace, refreshSchema } = workspacesStore;
-
-      return {
-         addNotification,
-         selectedWorkspace,
-         getWorkspace,
-         refreshSchema
-      };
-   },
-   data () {
-      return {
-         sqlFile: '',
-         isImporting: false,
-         progressPercentage: 0,
-         queryCount: 0,
-         completed: false,
-         progressStatus: 'Reading',
-         queryErrors: []
-      };
-   },
-   computed: {
-      currentWorkspace () {
-         return this.getWorkspace(this.selectedWorkspace);
-      },
-      formattedQueryErrors () {
-         return this.queryErrors.map(err =>
-            `Time: ${moment(err.time).format('HH:mm:ss.S')} (${err.time})\nError: ${err.message}`
-         ).join('\n\n');
-      }
-   },
-   async created () {
-      window.addEventListener('keydown', this.onKey);
-
-      ipcRenderer.on('import-progress', this.updateProgress);
-      ipcRenderer.on('query-error', this.handleQueryError);
-   },
-   beforeUnmount () {
-      window.removeEventListener('keydown', this.onKey);
-      ipcRenderer.off('import-progress', this.updateProgress);
-      ipcRenderer.off('query-error', this.handleQueryError);
-   },
-   methods: {
-      async startImport (sqlFile) {
-         this.isImporting = true;
-         this.sqlFile = sqlFile;
-
-         const { uid, client } = this.currentWorkspace;
-         const params = {
-            uid,
-            type: client,
-            schema: this.selectedSchema,
-            file: sqlFile
-         };
-
-         try {
-            this.completed = false;
-            const { status, response } = await Schema.import(params);
-            if (status === 'success')
-               this.progressStatus = response.cancelled ? this.$t('word.aborted') : this.$t('word.completed');
-            else {
-               this.progressStatus = response;
-               this.addNotification({ status: 'error', message: response });
-            }
-            this.refreshSchema({ uid, schema: this.selectedSchema });
-            this.completed = true;
-         }
-         catch (err) {
-            this.addNotification({ status: 'error', message: err.stack });
-         }
-
-         this.isImporting = false;
-      },
-      updateProgress (event, state) {
-         this.progressPercentage = Number(state.percentage).toFixed(1);
-         this.queryCount = Number(state.queryCount);
-      },
-      handleQueryError (event, err) {
-         this.queryErrors.push(err);
-      },
-      async closeModal () {
-         let willClose = true;
-         if (this.isImporting) {
-            willClose = false;
-            const { response } = await Schema.abortImport();
-            willClose = response.willAbort;
-         }
-
-         if (willClose)
-            this.$emit('close');
-      },
-      onKey (e) {
-         e.stopPropagation();
-         if (e.key === 'Escape')
-            this.closeModal();
-      }
-   }
-};
-</script>
-
-<style lang="scss" scoped>
-.modal {
-
-   .modal-container {
-      max-width: 800px;
-   }
-
-   .modal-body {
-      max-height: 60vh;
-      display: flex;
-      flex-direction: column;
-   }
-
-   .modal-footer {
-      display: flex;
-   }
-}
-
-.progress-status {
-   font-style: italic;
-   font-size: 80%;
-}
-</style>

src/renderer/components/ModalNewSchema.vue

@@ -1,96 +1,76 @@
 <template>
-   <Teleport to="#window-content">
-      <div class="modal active">
-         <a class="modal-overlay" @click.stop="closeModal" />
-         <div class="modal-container p-0">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-database-plus mr-1" />
-                     <span class="cut-text">{{ $t('message.createNewSchema') }}</span>
+   <div class="modal active">
+      <a class="modal-overlay" @click.stop="closeModal" />
+      <div class="modal-container p-0">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-database-plus mr-1" />
+                  <span class="cut-text">{{ $t('message.createNewSchema') }}</span>
+               </div>
+            </div>
+            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+         </div>
+         <div class="modal-body pb-0">
+            <div class="content">
+               <form class="form-horizontal" @submit.prevent="createSchema">
+                  <div class="form-group">
+                     <div class="col-3">
+                        <label class="form-label">{{ $t('word.name') }}</label>
+                     </div>
+                     <div class="col-9">
+                        <input
+                           ref="firstInput"
+                           v-model="database.name"
+                           class="form-input"
+                           type="text"
+                           required
+                           :placeholder="$t('message.schemaName')"
+                        >
+                     </div>
                   </div>
-               </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
-            </div>
-            <div class="modal-body pb-0">
-               <div class="content">
-                  <form class="form-horizontal" @submit.prevent="createSchema">
-                     <div class="form-group">
-                        <div class="col-3">
-                           <label class="form-label">{{ $t('word.name') }}</label>
-                        </div>
-                        <div class="col-9">
-                           <input
-                              ref="firstInput"
-                              v-model="database.name"
-                              class="form-input"
-                              type="text"
-                              required
-                              :placeholder="$t('message.schemaName')"
+                  <div v-if="customizations.collations" class="form-group">
+                     <div class="col-3">
+                        <label class="form-label">{{ $t('word.collation') }}</label>
+                     </div>
+                     <div class="col-9">
+                        <select v-model="database.collation" class="form-select">
+                           <option
+                              v-for="collation in collations"
+                              :key="collation.id"
+                              :value="collation.collation"
                            >
-                        </div>
+                              {{ collation.collation }}
+                           </option>
+                        </select>
+                        <small>{{ $t('message.serverDefault') }}: {{ defaultCollation }}</small>
                      </div>
-                     <div v-if="customizations.collations" class="form-group">
-                        <div class="col-3">
-                           <label class="form-label">{{ $t('word.collation') }}</label>
-                        </div>
-                        <div class="col-9">
-                           <select v-model="database.collation" class="form-select">
-                              <option
-                                 v-for="collation in collations"
-                                 :key="collation.id"
-                                 :value="collation.collation"
-                              >
-                                 {{ collation.collation }}
-                              </option>
-                           </select>
-                           <small>{{ $t('message.serverDefault') }}: {{ defaultCollation }}</small>
-                        </div>
-                     </div>
-                  </form>
-               </div>
-            </div>
-            <div class="modal-footer">
-               <button
-                  class="btn btn-primary mr-2"
-                  :class="{'loading': isLoading}"
-                  @click.stop="createSchema"
-               >
-                  {{ $t('word.add') }}
-               </button>
-               <button class="btn btn-link" @click.stop="closeModal">
-                  {{ $t('word.close') }}
-               </button>
+                  </div>
+               </form>
             </div>
          </div>
+         <div class="modal-footer">
+            <button
+               class="btn btn-primary mr-2"
+               :class="{'loading': isLoading}"
+               @click.stop="createSchema"
+            >
+               {{ $t('word.add') }}
+            </button>
+            <button class="btn btn-link" @click.stop="closeModal">
+               {{ $t('word.close') }}
+            </button>
+         </div>
       </div>
-   </Teleport>
+   </div>
 </template>
 
 <script>
-import { useNotificationsStore } from '@/stores/notifications';
-import { useWorkspacesStore } from '@/stores/workspaces';
+import { mapGetters, mapActions } from 'vuex';
 import Schema from '@/ipc-api/Schema';
-import { storeToRefs } from 'pinia';
 
 export default {
    name: 'ModalNewSchema',
-   emits: ['reload', 'close'],
-   setup () {
-      const { addNotification } = useNotificationsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      const { getWorkspace, getDatabaseVariable } = workspacesStore;
-
-      return {
-         addNotification,
-         selectedWorkspace,
-         getWorkspace,
-         getDatabaseVariable
-      };
-   },
    data () {
       return {
          isLoading: false,
@@ -101,6 +81,11 @@ export default {
       };
    },
    computed: {
+      ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
+         getWorkspace: 'workspaces/getWorkspace',
+         getDatabaseVariable: 'workspaces/getDatabaseVariable'
+      }),
       collations () {
          return this.getWorkspace(this.selectedWorkspace).collations;
       },
@@ -118,10 +103,13 @@ export default {
          this.$refs.firstInput.focus();
       }, 20);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification'
+      }),
       async createSchema () {
          this.isLoading = true;
          try {

src/renderer/components/ModalNewTableRow.vue

@@ -1,158 +1,148 @@
 <template>
-   <Teleport to="#window-content">
-      <div class="modal active">
-         <a class="modal-overlay" @click.stop="closeModal" />
-         <div class="modal-container p-0">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-playlist-plus mr-1" />
-                     <span class="cut-text">{{ $t('message.addNewRow') }}</span>
-                  </div>
+   <div class="modal active">
+      <a class="modal-overlay" @click.stop="closeModal" />
+      <div class="modal-container p-0">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-playlist-plus mr-1" />
+                  <span class="cut-text">{{ $t('message.addNewRow') }}</span>
                </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
             </div>
-            <div class="modal-body pb-0">
-               <div class="content">
-                  <form class="form-horizontal">
-                     <fieldset :disabled="isInserting">
-                        <div
-                           v-for="(field, key) in fields"
-                           :key="field.name"
-                           class="form-group"
-                        >
-                           <div class="col-4 col-sm-12">
-                              <label class="form-label" :title="field.name">{{ field.name }}</label>
-                           </div>
-                           <div class="input-group col-8 col-sm-12">
-                              <ForeignKeySelect
-                                 v-if="foreignKeys.includes(field.name)"
-                                 ref="formInput"
-                                 v-model="localRow[field.name]"
-                                 class="form-select"
-                                 :key-usage="getKeyUsage(field.name)"
-                                 :disabled="fieldsToExclude.includes(field.name)"
-                              />
-                              <input
-                                 v-else-if="inputProps(field).mask"
-                                 ref="formInput"
-                                 v-model="localRow[field.name]"
-                                 v-mask="inputProps(field).mask"
-                                 class="form-input"
-                                 :type="inputProps(field).type"
-                                 :disabled="fieldsToExclude.includes(field.name)"
-                                 :tabindex="key+1"
-                              >
-                              <input
-                                 v-else-if="inputProps(field).type === 'file'"
-                                 ref="formInput"
-                                 class="form-input"
-                                 type="file"
-                                 :disabled="fieldsToExclude.includes(field.name)"
-                                 :tabindex="key+1"
-                                 @change="filesChange($event,field.name)"
-                              >
-                              <input
-                                 v-else-if="inputProps(field).type === 'number'"
-                                 ref="formInput"
-                                 v-model="localRow[field.name]"
-                                 class="form-input"
-                                 step="any"
-                                 :type="inputProps(field).type"
-                                 :disabled="fieldsToExclude.includes(field.name)"
-                                 :tabindex="key+1"
-                              >
-                              <input
-                                 v-else
-                                 ref="formInput"
-                                 v-model="localRow[field.name]"
-                                 class="form-input"
-                                 :type="inputProps(field).type"
-                                 :disabled="fieldsToExclude.includes(field.name)"
-                                 :tabindex="key+1"
-                              >
-                              <span class="input-group-addon" :class="typeCLass(field.type)">
-                                 {{ field.type }} {{ wrapNumber(fieldLength(field)) }}
-                              </span>
-                              <label class="form-checkbox ml-3" :title="$t('word.insert')">
-                                 <input
-                                    type="checkbox"
-                                    :checked="!field.autoIncrement"
-                                    @change.prevent="toggleFields($event, field)"
-                                 ><i class="form-icon" />
-                              </label>
-                           </div>
+            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+         </div>
+         <div class="modal-body pb-0">
+            <div class="content">
+               <form class="form-horizontal">
+                  <fieldset :disabled="isInserting">
+                     <div
+                        v-for="(field, key) in fields"
+                        :key="field.name"
+                        class="form-group"
+                     >
+                        <div class="col-4 col-sm-12">
+                           <label class="form-label" :title="field.name">{{ field.name }}</label>
                         </div>
-                     </fieldset>
-                  </form>
-               </div>
+                        <div class="input-group col-8 col-sm-12">
+                           <ForeignKeySelect
+                              v-if="foreignKeys.includes(field.name)"
+                              ref="formInput"
+                              class="form-select"
+                              :value.sync="localRow[field.name]"
+                              :key-usage="getKeyUsage(field.name)"
+                              :disabled="fieldsToExclude.includes(field.name)"
+                           />
+                           <input
+                              v-else-if="inputProps(field).mask"
+                              ref="formInput"
+                              v-model="localRow[field.name]"
+                              v-mask="inputProps(field).mask"
+                              class="form-input"
+                              :type="inputProps(field).type"
+                              :disabled="fieldsToExclude.includes(field.name)"
+                              :tabindex="key+1"
+                           >
+                           <input
+                              v-else-if="inputProps(field).type === 'file'"
+                              ref="formInput"
+                              class="form-input"
+                              type="file"
+                              :disabled="fieldsToExclude.includes(field.name)"
+                              :tabindex="key+1"
+                              @change="filesChange($event,field.name)"
+                           >
+                           <input
+                              v-else-if="inputProps(field).type === 'number'"
+                              ref="formInput"
+                              v-model="localRow[field.name]"
+                              class="form-input"
+                              step="any"
+                              :type="inputProps(field).type"
+                              :disabled="fieldsToExclude.includes(field.name)"
+                              :tabindex="key+1"
+                           >
+                           <input
+                              v-else
+                              ref="formInput"
+                              v-model="localRow[field.name]"
+                              class="form-input"
+                              :type="inputProps(field).type"
+                              :disabled="fieldsToExclude.includes(field.name)"
+                              :tabindex="key+1"
+                           >
+                           <span class="input-group-addon" :class="typeCLass(field.type)">
+                              {{ field.type }} {{ fieldLength(field) | wrapNumber }}
+                           </span>
+                           <label class="form-checkbox ml-3" :title="$t('word.insert')">
+                              <input
+                                 type="checkbox"
+                                 :checked="!field.autoIncrement"
+                                 @change.prevent="toggleFields($event, field)"
+                              ><i class="form-icon" />
+                           </label>
+                        </div>
+                     </div>
+                  </fieldset>
+               </form>
             </div>
-            <div class="modal-footer">
-               <div class="input-group col-3 tooltip tooltip-right" :data-tooltip="$t('message.numberOfInserts')">
-                  <input
-                     v-model="nInserts"
-                     type="number"
-                     class="form-input"
-                     min="1"
-                     :disabled="isInserting"
-                  >
-                  <span class="input-group-addon">
-                     <i class="mdi mdi-24px mdi-repeat" />
-                  </span>
-               </div>
-               <div>
-                  <button
-                     class="btn btn-primary mr-2"
-                     :class="{'loading': isInserting}"
-                     @click.stop="insertRows"
-                  >
-                     {{ $t('word.insert') }}
-                  </button>
-                  <button class="btn btn-link" @click.stop="closeModal">
-                     {{ $t('word.close') }}
-                  </button>
-               </div>
+         </div>
+         <div class="modal-footer">
+            <div class="input-group col-3 tooltip tooltip-right" :data-tooltip="$t('message.numberOfInserts')">
+               <input
+                  v-model="nInserts"
+                  type="number"
+                  class="form-input"
+                  min="1"
+                  :disabled="isInserting"
+               >
+               <span class="input-group-addon">
+                  <i class="mdi mdi-24px mdi-repeat" />
+               </span>
+            </div>
+            <div>
+               <button
+                  class="btn btn-primary mr-2"
+                  :class="{'loading': isInserting}"
+                  @click.stop="insertRows"
+               >
+                  {{ $t('word.insert') }}
+               </button>
+               <button class="btn btn-link" @click.stop="closeModal">
+                  {{ $t('word.close') }}
+               </button>
             </div>
          </div>
       </div>
-   </Teleport>
+   </div>
 </template>
 
 <script>
 import moment from 'moment';
 import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
-import { useNotificationsStore } from '@/stores/notifications';
-import { useWorkspacesStore } from '@/stores/workspaces';
+import { VueMaskDirective } from 'v-mask';
+import { mapGetters, mapActions } from 'vuex';
 import Tables from '@/ipc-api/Tables';
 import ForeignKeySelect from '@/components/ForeignKeySelect';
-import { storeToRefs } from 'pinia';
 
 export default {
    name: 'ModalNewTableRow',
    components: {
       ForeignKeySelect
    },
+   directives: {
+      mask: VueMaskDirective
+   },
+   filters: {
+      wrapNumber (num) {
+         if (!num) return '';
+         return `(${num})`;
+      }
+   },
    props: {
       tabUid: [String, Number],
       fields: Array,
       keyUsage: Array
    },
-   emits: ['reload', 'hide'],
-   setup () {
-      const { addNotification } = useNotificationsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      const { getWorkspace, getWorkspaceTab } = workspacesStore;
-
-      return {
-         addNotification,
-         selectedWorkspace,
-         getWorkspace,
-         getWorkspaceTab
-      };
-   },
    data () {
       return {
          localRow: {},
@@ -162,6 +152,11 @@ export default {
       };
    },
    computed: {
+      ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
+         getWorkspace: 'workspaces/getWorkspace',
+         getWorkspaceTab: 'workspaces/getWorkspaceTab'
+      }),
       workspace () {
          return this.getWorkspace(this.selectedWorkspace);
       },
@@ -221,10 +216,13 @@ export default {
          firstSelectableInput.focus();
       }, 20);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification'
+      }),
       typeClass (type) {
          if (type)
             return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
@@ -333,10 +331,6 @@ export default {
          e.stopPropagation();
          if (e.key === 'Escape')
             this.closeModal();
-      },
-      wrapNumber (num) {
-         if (!num) return '';
-         return `(${num})`;
       }
    }
 };

src/renderer/components/ModalProcessesList.vue

@@ -1,143 +1,140 @@
 <template>
-   <Teleport to="#window-content">
-      <div class="modal active">
-         <ModalProcessesListContext
-            v-if="isContext"
-            :context-event="contextEvent"
-            :selected-row="selectedRow"
-            :selected-cell="selectedCell"
-            @copy-cell="copyCell"
-            @copy-row="copyRow"
-            @kill-process="killProcess"
-            @close-context="closeContext"
-         />
-         <a class="modal-overlay" @click.stop="closeModal" />
-         <div class="modal-container p-0 pb-4">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-memory mr-1" />
-                     <span class="cut-text">{{ $t('message.processesList') }}: {{ connectionName }}</span>
-                  </div>
+   <div class="modal active">
+      <ModalProcessesListContext
+         v-if="isContext"
+         :context-event="contextEvent"
+         :selected-row="selectedRow"
+         :selected-cell="selectedCell"
+         @copy-cell="copyCell"
+         @copy-row="copyRow"
+         @kill-process="killProcess"
+         @close-context="closeContext"
+      />
+      <a class="modal-overlay" @click.stop="closeModal" />
+      <div class="modal-container p-0 pb-4">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-memory mr-1" />
+                  <span class="cut-text">{{ $t('message.processesList') }}: {{ connectionName }}</span>
                </div>
-               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
             </div>
-            <div class="processes-toolbar py-2 px-4">
-               <div class="workspace-query-buttons">
-                  <div class="dropdown pr-1">
-                     <div class="btn-group">
-                        <button
-                           class="btn btn-dark btn-sm mr-0 pr-1 d-flex"
-                           :class="{'loading':isQuering}"
-                           :title="`${$t('word.refresh')} (F5)`"
-                           @click="getProcessesList"
+            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+         </div>
+         <div class="processes-toolbar py-2 px-4">
+            <div class="workspace-query-buttons">
+               <div class="dropdown pr-1">
+                  <div class="btn-group">
+                     <button
+                        class="btn btn-dark btn-sm mr-0 pr-1 d-flex"
+                        :class="{'loading':isQuering}"
+                        :title="`${$t('word.refresh')} (F5)`"
+                        @click="getProcessesList"
+                     >
+                        <i v-if="!+autorefreshTimer" class="mdi mdi-24px mdi-refresh mr-1" />
+                        <i v-else class="mdi mdi-24px mdi-history mdi-flip-h mr-1" />
+                     </button>
+                     <div class="btn btn-dark btn-sm dropdown-toggle pl-0 pr-0" tabindex="0">
+                        <i class="mdi mdi-24px mdi-menu-down" />
+                     </div>
+                     <div class="menu px-3">
+                        <span>{{ $t('word.autoRefresh') }}: <b>{{ +autorefreshTimer ? `${autorefreshTimer}s` : 'OFF' }}</b></span>
+                        <input
+                           v-model="autorefreshTimer"
+                           class="slider no-border"
+                           type="range"
+                           min="0"
+                           max="15"
+                           step="0.5"
+                           @change="setRefreshInterval"
                         >
-                           <i v-if="!+autorefreshTimer" class="mdi mdi-24px mdi-refresh mr-1" />
-                           <i v-else class="mdi mdi-24px mdi-history mdi-flip-h mr-1" />
-                        </button>
-                        <div class="btn btn-dark btn-sm dropdown-toggle pl-0 pr-0" tabindex="0">
-                           <i class="mdi mdi-24px mdi-menu-down" />
-                        </div>
-                        <div class="menu px-3">
-                           <span>{{ $t('word.autoRefresh') }}: <b>{{ +autorefreshTimer ? `${autorefreshTimer}s` : 'OFF' }}</b></span>
-                           <input
-                              v-model="autorefreshTimer"
-                              class="slider no-border"
-                              type="range"
-                              min="0"
-                              max="15"
-                              step="0.5"
-                              @change="setRefreshInterval"
-                           >
-                        </div>
                      </div>
                   </div>
-                  <div class="dropdown table-dropdown">
-                     <button
-                        :disabled="isQuering"
-                        class="btn btn-dark btn-sm dropdown-toggle d-flex mr-0 pr-0"
-                        tabindex="0"
-                     >
-                        <i class="mdi mdi-24px mdi-file-export mr-1" />
-                        <span>{{ $t('word.export') }}</span>
-                        <i class="mdi mdi-24px mdi-menu-down" />
-                     </button>
-                     <ul class="menu text-left">
-                        <li class="menu-item">
-                           <a class="c-hand" @click="downloadTable('json')">JSON</a>
-                        </li>
-                        <li class="menu-item">
-                           <a class="c-hand" @click="downloadTable('csv')">CSV</a>
-                        </li>
-                     </ul>
-                  </div>
                </div>
-               <div class="workspace-query-info">
-                  <div v-if="sortedResults.length">
-                     {{ $t('word.processes') }}: <b>{{ sortedResults.length.toLocaleString() }}</b>
-                  </div>
+               <div class="dropdown table-dropdown">
+                  <button
+                     :disabled="isQuering"
+                     class="btn btn-dark btn-sm dropdown-toggle d-flex mr-0 pr-0"
+                     tabindex="0"
+                  >
+                     <i class="mdi mdi-24px mdi-file-export mr-1" />
+                     <span>{{ $t('word.export') }}</span>
+                     <i class="mdi mdi-24px mdi-menu-down" />
+                  </button>
+                  <ul class="menu text-left">
+                     <li class="menu-item">
+                        <a class="c-hand" @click="downloadTable('json')">JSON</a>
+                     </li>
+                     <li class="menu-item">
+                        <a class="c-hand" @click="downloadTable('csv')">CSV</a>
+                     </li>
+                  </ul>
                </div>
             </div>
-            <div class="modal-body py-0 workspace-query-results">
-               <div
-                  ref="tableWrapper"
-                  class="vscroll"
-                  :style="{'height': resultsSize+'px'}"
-               >
-                  <div ref="table" class="table table-hover">
-                     <div class="thead">
-                        <div class="tr">
-                           <div
-                              v-for="(field, index) in fields"
-                              :key="index"
-                              class="th c-hand"
-                           >
-                              <div ref="columnResize" class="column-resizable">
-                                 <div class="table-column-title" @click="sort(field)">
-                                    <span>{{ field.toUpperCase() }}</span>
-                                    <i
-                                       v-if="currentSort === field"
-                                       class="mdi sort-icon"
-                                       :class="currentSortDir === 'asc' ? 'mdi-sort-ascending':'mdi-sort-descending'"
-                                    />
-                                 </div>
+            <div class="workspace-query-info">
+               <div v-if="sortedResults.length">
+                  {{ $t('word.processes') }}: <b>{{ sortedResults.length.toLocaleString() }}</b>
+               </div>
+            </div>
+         </div>
+         <div class="modal-body py-0 workspace-query-results">
+            <div
+               ref="tableWrapper"
+               class="vscroll"
+               :style="{'height': resultsSize+'px'}"
+            >
+               <div ref="table" class="table table-hover">
+                  <div class="thead">
+                     <div class="tr">
+                        <div
+                           v-for="(field, index) in fields"
+                           :key="index"
+                           class="th c-hand"
+                        >
+                           <div ref="columnResize" class="column-resizable">
+                              <div class="table-column-title" @click="sort(field)">
+                                 <span>{{ field.toUpperCase() }}</span>
+                                 <i
+                                    v-if="currentSort === field"
+                                    class="mdi sort-icon"
+                                    :class="currentSortDir === 'asc' ? 'mdi-sort-ascending':'mdi-sort-descending'"
+                                 />
                               </div>
                            </div>
                         </div>
                      </div>
-                     <BaseVirtualScroll
-                        ref="resultTable"
-                        :items="sortedResults"
-                        :item-height="22"
-                        class="tbody"
-                        :visible-height="resultsSize"
-                        :scroll-element="scrollElement"
-                     >
-                        <template #default="{ items }">
-                           <ModalProcessesListRow
-                              v-for="row in items"
-                              :key="row.id"
-                              class="process-row"
-                              :row="row"
-                              @select-row="selectRow(row.id)"
-                              @contextmenu="contextMenu"
-                              @stop-refresh="stopRefresh"
-                           />
-                        </template>
-                     </BaseVirtualScroll>
                   </div>
+                  <BaseVirtualScroll
+                     ref="resultTable"
+                     :items="sortedResults"
+                     :item-height="22"
+                     class="tbody"
+                     :visible-height="resultsSize"
+                     :scroll-element="scrollElement"
+                  >
+                     <template slot-scope="{ items }">
+                        <ModalProcessesListRow
+                           v-for="row in items"
+                           :key="row.id"
+                           class="process-row"
+                           :row="row"
+                           @select-row="selectRow(row.id)"
+                           @contextmenu="contextMenu"
+                           @stop-refresh="stopRefresh"
+                        />
+                     </template>
+                  </BaseVirtualScroll>
                </div>
             </div>
          </div>
       </div>
-   </Teleport>
+   </div>
 </template>
 
 <script>
+import { mapGetters, mapActions } from 'vuex';
 import arrayToFile from '../libs/arrayToFile';
-import { useNotificationsStore } from '@/stores/notifications';
 import Schema from '@/ipc-api/Schema';
-import { useConnectionsStore } from '@/stores/connections';
 import BaseVirtualScroll from '@/components/BaseVirtualScroll';
 import ModalProcessesListRow from '@/components/ModalProcessesListRow';
 import ModalProcessesListContext from '@/components/ModalProcessesListContext';
@@ -152,13 +149,6 @@ export default {
    props: {
       connection: Object
    },
-   emits: ['close'],
-   setup () {
-      const { addNotification } = useNotificationsStore();
-      const { getConnectionName } = useConnectionsStore();
-
-      return { addNotification, getConnectionName };
-   },
    data () {
       return {
          resultsSize: 1000,
@@ -177,6 +167,9 @@ export default {
       };
    },
    computed: {
+      ...mapGetters({
+         getConnectionName: 'connections/getConnectionName'
+      }),
       connectionName () {
          return this.getConnectionName(this.connection.uid);
       },
@@ -210,12 +203,15 @@ export default {
       this.getProcessesList();
       window.addEventListener('resize', this.resizeResults);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey, { capture: true });
       window.removeEventListener('resize', this.resizeResults);
       clearInterval(this.refreshInterval);
    },
    methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification'
+      }),
       async getProcessesList () {
          this.isQuering = true;
 
@@ -288,14 +284,14 @@ export default {
          this.clearRefresh();
       },
       selectRow (row) {
-         this.selectedRow = Number(row);
+         this.selectedRow = row;
       },
       contextMenu (event, cell) {
          if (event.target.localName === 'input') return;
          this.stopRefresh();
 
          this.selectedCell = cell;
-         this.selectedRow = Number(cell.id);
+         this.selectedRow = cell.id;
          this.contextEvent = event;
          this.isContext = true;
       },

src/renderer/components/ModalProcessesListContext.vue

@@ -52,7 +52,6 @@ export default {
       selectedRow: Number,
       selectedCell: Object
    },
-   emits: ['close-context', 'copy-cell', 'copy-row', 'kill-process'],
    computed: {
    },
    methods: {

src/renderer/components/ModalProcessesListRow.vue

@@ -12,7 +12,7 @@
             class="cell-content"
             :class="`${isNull(col)} type-${typeof col === 'number' ? 'int' : 'varchar'}`"
             @dblclick="dblClick(cKey)"
-         >{{ cutText(col) }}</span>
+         >{{ col | cutText }}</span>
       </div>
       <ConfirmModal
          v-if="isInfoModal"
@@ -22,12 +22,12 @@
          :hide-footer="true"
          @hide="hideInfoModal"
       >
-         <template #header>
+         <template :slot="'header'">
             <div class="d-flex">
                <i class="mdi mdi-24px mdi-information-outline mr-1" /> {{ $t('message.processInfo') }}
             </div>
          </template>
-         <template #body>
+         <div :slot="'body'">
             <div>
                <div>
                   <TextEditor
@@ -38,7 +38,7 @@
                   />
                </div>
             </div>
-         </template>
+         </div>
       </ConfirmModal>
    </div>
 </template>
@@ -53,10 +53,15 @@ export default {
       ConfirmModal,
       TextEditor
    },
+   filters: {
+      cutText (val) {
+         if (typeof val !== 'string') return val;
+         return val.length > 250 ? `${val.substring(0, 250)}[...]` : val;
+      }
+   },
    props: {
       row: Object
    },
-   emits: ['select-row', 'contextmenu', 'stop-refresh'],
    data () {
       return {
          isInlineEditor: {},
@@ -90,10 +95,6 @@ export default {
             this.editingField = null;
             window.removeEventListener('keydown', this.onKey);
          }
-      },
-      cutText (val) {
-         if (typeof val !== 'string') return val;
-         return val.length > 250 ? `${val.substring(0, 250)}[...]` : val;
       }
    }
 };

src/renderer/components/ModalSettings.vue

@@ -1,337 +1,308 @@
 <template>
-   <Teleport to="#window-content">
-      <div id="settings" class="modal active">
-         <a class="modal-overlay c-hand" @click="closeModal" />
-         <div class="modal-container">
-            <div class="modal-header pl-2">
-               <div class="modal-title h6">
-                  <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-cog mr-1" />
-                     <span class="cut-text">{{ $t('word.settings') }}</span>
-                  </div>
+   <div id="settings" class="modal active">
+      <a class="modal-overlay c-hand" @click="closeModal" />
+      <div class="modal-container">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-cog mr-1" />
+                  <span class="cut-text">{{ $t('word.settings') }}</span>
                </div>
-               <a class="btn btn-clear c-hand" @click="closeModal" />
             </div>
-            <div class="modal-body p-0">
-               <div class="panel">
-                  <div class="panel-nav">
-                     <ul class="tab tab-block">
-                        <li
-                           class="tab-item c-hand"
-                           :class="{'active': selectedTab === 'general'}"
-                           @click="selectTab('general')"
-                        >
-                           <a class="tab-link">{{ $t('word.general') }}</a>
-                        </li>
-                        <li
-                           class="tab-item c-hand"
-                           :class="{'active': selectedTab === 'themes'}"
-                           @click="selectTab('themes')"
-                        >
-                           <a class="tab-link">{{ $t('word.themes') }}</a>
-                        </li>
-                        <li
-                           v-if="updateStatus !== 'disabled'"
-                           class="tab-item c-hand"
-                           :class="{'active': selectedTab === 'update'}"
-                           @click="selectTab('update')"
-                        >
-                           <a class="tab-link" :class="{'badge badge-update': hasUpdates}">{{ $t('word.update') }}</a>
-                        </li>
-                        <li
-                           class="tab-item c-hand"
-                           :class="{'active': selectedTab === 'changelog'}"
-                           @click="selectTab('changelog')"
-                        >
-                           <a class="tab-link">{{ $t('word.changelog') }}</a>
-                        </li>
-                        <li
-                           class="tab-item c-hand"
-                           :class="{'active': selectedTab === 'about'}"
-                           @click="selectTab('about')"
-                        >
-                           <a class="tab-link">{{ $t('word.about') }}</a>
-                        </li>
-                     </ul>
-                  </div>
-                  <div v-show="selectedTab === 'general'" class="panel-body py-4">
-                     <div class="container">
-                        <form class="form-horizontal columns">
-                           <div class="column col-12 h6 text-uppercase mb-1">
-                              {{ $t('word.application') }}
-                           </div>
-                           <div class="column col-12 col-sm-12 mb-2 columns">
-                              <div class="form-group column col-12">
-                                 <div class="col-5 col-sm-12">
-                                    <label class="form-label">
-                                       <i class="mdi mdi-18px mdi-translate mr-1" />
-                                       {{ $t('word.language') }}
-                                    </label>
-                                 </div>
-                                 <div class="col-3 col-sm-12">
-                                    <select
-                                       v-model="localLocale"
-                                       class="form-select"
-                                       @change="changeLocale(localLocale)"
-                                    >
-                                       <option
-                                          v-for="(locale, key) in locales"
-                                          :key="key"
-                                          :value="locale.code"
-                                       >
-                                          {{ locale.name }}
-                                       </option>
-                                    </select>
-                                 </div>
-                                 <div class="col-4 col-sm-12 px-2 p-vcentered">
-                                    <small class="d-block" style="line-height:1.1; font-size:70%;">
-                                       {{ $t('message.missingOrIncompleteTranslation') }}<br>
-                                       <a class="text-bold c-hand" @click="openOutside('https://github.com/antares-sql/antares/wiki/Translate-Antares')">{{ $t('message.findOutHowToContribute') }}</a>
-                                    </small>
-                                 </div>
-                              </div>
-                              <div class="form-group column col-12">
-                                 <div class="col-5 col-sm-12">
-                                    <label class="form-label">
-                                       {{ $t('message.dataTabPageSize') }}
-                                    </label>
-                                 </div>
-                                 <div class="col-3 col-sm-12">
-                                    <select
-                                       v-model="localPageSize"
-                                       class="form-select"
-                                       @change="changePageSize(+localPageSize)"
-                                    >
-                                       <option
-                                          v-for="size in pageSizes"
-                                          :key="size"
-                                       >
-                                          {{ size }}
-                                       </option>
-                                    </select>
-                                 </div>
-                              </div>
-                              <div class="form-group column col-12 mb-0">
-                                 <div class="col-5 col-sm-12">
-                                    <label class="form-label">
-                                       {{ $t('message.restorePreviourSession') }}
-                                    </label>
-                                 </div>
-                                 <div class="col-3 col-sm-12">
-                                    <label class="form-switch d-inline-block" @click.prevent="toggleRestoreSession">
-                                       <input type="checkbox" :checked="restoreTabs">
-                                       <i class="form-icon" />
-                                    </label>
-                                 </div>
-                              </div>
-                              <div class="form-group column col-12 mb-0">
-                                 <div class="col-5 col-sm-12">
-                                    <label class="form-label">
-                                       {{ $t('message.disableBlur') }}
-                                    </label>
-                                 </div>
-                                 <div class="col-3 col-sm-12">
-                                    <label class="form-switch d-inline-block" @click.prevent="toggleDisableBlur">
-                                       <input type="checkbox" :checked="disableBlur">
-                                       <i class="form-icon" />
-                                    </label>
-                                 </div>
-                              </div>
-                              <div class="form-group column col-12">
-                                 <div class="col-5 col-sm-12">
-                                    <label class="form-label">
-                                       {{ $t('message.notificationsTimeout') }}
-                                    </label>
-                                 </div>
-                                 <div class="col-3 col-sm-12">
-                                    <div class="input-group">
-                                       <input
-                                          v-model="localTimeout"
-                                          class="form-input"
-                                          type="number"
-                                          min="1"
-                                          @focusout="checkNotificationsTimeout"
-                                       >
-                                       <span class="input-group-addon">{{ $t('word.seconds') }}</span>
-                                    </div>
-                                 </div>
-                              </div>
-                           </div>
-                           <div class="column col-12 h6 mt-4 text-uppercase mb-1">
-                              {{ $t('word.editor') }}
-                           </div>
-                           <div class="column col-12 col-sm-12 columns">
-                              <div class="form-group column col-12 mb-0">
-                                 <div class="col-5 col-sm-12">
-                                    <label class="form-label">
-                                       {{ $t('word.autoCompletion') }}
-                                    </label>
-                                 </div>
-                                 <div class="col-3 col-sm-12">
-                                    <label class="form-switch d-inline-block" @click.prevent="toggleAutoComplete">
-                                       <input type="checkbox" :checked="selectedAutoComplete">
-                                       <i class="form-icon" />
-                                    </label>
-                                 </div>
-                              </div>
-                              <div class="form-group column col-12 mb-0">
-                                 <div class="col-5 col-sm-12">
-                                    <label class="form-label">
-                                       {{ $t('message.wrapLongLines') }}
-                                    </label>
-                                 </div>
-                                 <div class="col-3 col-sm-12">
-                                    <label class="form-switch d-inline-block" @click.prevent="toggleLineWrap">
-                                       <input type="checkbox" :checked="selectedLineWrap">
-                                       <i class="form-icon" />
-                                    </label>
-                                 </div>
-                              </div>
-                           </div>
-                        </form>
-                     </div>
-                  </div>
-
-                  <div v-show="selectedTab === 'themes'" class="panel-body py-4">
-                     <div class="container">
-                        <div class="columns">
-                           <div class="column col-12 h6 text-uppercase mb-2">
-                              {{ $t('message.applicationTheme') }}
-                           </div>
-                           <div
-                              class="column col-6 c-hand theme-block"
-                              :class="{'selected': applicationTheme === 'dark'}"
-                              @click="changeApplicationTheme('dark')"
-                           >
-                              <img src="../images/dark.png" class="img-responsive img-fit-cover s-rounded">
-                              <div class="theme-name text-light">
-                                 <i class="mdi mdi-moon-waning-crescent mdi-48px" />
-                                 <div class="h6 mt-4">
-                                    {{ $t('word.dark') }}
-                                 </div>
-                              </div>
-                           </div>
-                           <div
-                              class="column col-6 c-hand theme-block"
-                              :class="{'selected': applicationTheme === 'light'}"
-                              @click="changeApplicationTheme('light')"
-                           >
-                              <img src="../images/light.png" class="img-responsive img-fit-cover s-rounded">
-                              <div class="theme-name text-dark">
-                                 <i class="mdi mdi-white-balance-sunny mdi-48px" />
-                                 <div class="h6 mt-4">
-                                    {{ $t('word.light') }}
-                                 </div>
-                              </div>
-                           </div>
+            <a class="btn btn-clear c-hand" @click="closeModal" />
+         </div>
+         <div class="modal-body p-0">
+            <div class="panel">
+               <div class="panel-nav">
+                  <ul class="tab tab-block">
+                     <li
+                        class="tab-item c-hand"
+                        :class="{'active': selectedTab === 'general'}"
+                        @click="selectTab('general')"
+                     >
+                        <a class="tab-link">{{ $t('word.general') }}</a>
+                     </li>
+                     <li
+                        class="tab-item c-hand"
+                        :class="{'active': selectedTab === 'themes'}"
+                        @click="selectTab('themes')"
+                     >
+                        <a class="tab-link">{{ $t('word.themes') }}</a>
+                     </li>
+                     <li
+                        v-if="updateStatus !== 'disabled'"
+                        class="tab-item c-hand"
+                        :class="{'active': selectedTab === 'update'}"
+                        @click="selectTab('update')"
+                     >
+                        <a class="tab-link" :class="{'badge badge-update': hasUpdates}">{{ $t('word.update') }}</a>
+                     </li>
+                     <li
+                        class="tab-item c-hand"
+                        :class="{'active': selectedTab === 'changelog'}"
+                        @click="selectTab('changelog')"
+                     >
+                        <a class="tab-link">{{ $t('word.changelog') }}</a>
+                     </li>
+                     <li
+                        class="tab-item c-hand"
+                        :class="{'active': selectedTab === 'about'}"
+                        @click="selectTab('about')"
+                     >
+                        <a class="tab-link">{{ $t('word.about') }}</a>
+                     </li>
+                  </ul>
+               </div>
+               <div v-show="selectedTab === 'general'" class="panel-body py-4">
+                  <div class="container">
+                     <form class="form-horizontal columns">
+                        <div class="column col-12 h6 text-uppercase mb-1">
+                           {{ $t('word.application') }}
                         </div>
-
-                        <div class="columns mt-4">
-                           <div class="column col-12 h6 text-uppercase mb-2 mt-4">
-                              {{ $t('message.editorTheme') }}
-                           </div>
-                           <div class="column col-6 h5 mb-4">
-                              <select
-                                 v-model="localEditorTheme"
-                                 class="form-select"
-                                 @change="changeEditorTheme(localEditorTheme)"
-                              >
-                                 <optgroup
-                                    v-for="group in editorThemes"
-                                    :key="group.group"
-                                    :label="group.group"
+                        <div class="column col-9 col-sm-12 mb-2">
+                           <div class="form-group">
+                              <div class="col-7 col-sm-12">
+                                 <label class="form-label">
+                                    <i class="mdi mdi-18px mdi-translate mr-1" />
+                                    {{ $t('word.language') }}
+                                 </label>
+                              </div>
+                              <div class="col-5 col-sm-12">
+                                 <select
+                                    v-model="localLocale"
+                                    class="form-select"
+                                    @change="changeLocale(localLocale)"
                                  >
                                     <option
-                                       v-for="theme in group.themes"
-                                       :key="theme.name"
-                                       :value="theme.code"
-                                       :selected="editorTheme === theme.code"
+                                       v-for="(locale, key) in locales"
+                                       :key="key"
+                                       :value="locale.code"
                                     >
-                                       {{ theme.name }}
+                                       {{ locale.name }}
                                     </option>
-                                 </optgroup>
-                              </select>
-                           </div>
-                           <div class="column col-6 mb-4">
-                              <div class="btn-group btn-group-block">
-                                 <button
-                                    class="btn btn-dark cut-text"
-                                    :class="{'active': editorFontSize === 'small'}"
-                                    @click="changeEditorFontSize('small')"
-                                 >
-                                    {{ $t('word.small') }}
-                                 </button>
-                                 <button
-                                    class="btn btn-dark cut-text"
-                                    :class="{'active': editorFontSize === 'medium'}"
-                                    @click="changeEditorFontSize('medium')"
-                                 >
-                                    {{ $t('word.medium') }}
-                                 </button>
-                                 <button
-                                    class="btn btn-dark cut-text"
-                                    :class="{'active': editorFontSize === 'large'}"
-                                    @click="changeEditorFontSize('large')"
-                                 >
-                                    {{ $t('word.large') }}
-                                 </button>
+                                 </select>
                               </div>
                            </div>
-                           <div class="column col-12">
-                              <BaseTextEditor
-                                 :model-value="exampleQuery"
-                                 mode="sql"
-                                 :workspace="workspace"
-                                 :read-only="true"
-                                 :height="270"
-                              />
+                           <div class="form-group">
+                              <div class="col-7 col-sm-12">
+                                 <label class="form-label">
+                                    {{ $t('message.dataTabPageSize') }}
+                                 </label>
+                              </div>
+                              <div class="col-5 col-sm-12">
+                                 <select
+                                    v-model="localPageSize"
+                                    class="form-select"
+                                    @change="changePageSize(+localPageSize)"
+                                 >
+                                    <option
+                                       v-for="size in pageSizes"
+                                       :key="size"
+                                    >
+                                       {{ size }}
+                                    </option>
+                                 </select>
+                              </div>
+                           </div>
+                           <div class="form-group mb-0">
+                              <div class="col-7 col-sm-12">
+                                 <label class="form-label">
+                                    {{ $t('message.restorePreviourSession') }}
+                                 </label>
+                              </div>
+                              <div class="col-5 col-sm-12">
+                                 <label class="form-switch d-inline-block" @click.prevent="toggleRestoreSession">
+                                    <input type="checkbox" :checked="restoreTabs">
+                                    <i class="form-icon" />
+                                 </label>
+                              </div>
+                           </div>
+                           <div class="form-group">
+                              <div class="col-7 col-sm-12">
+                                 <label class="form-label">
+                                    {{ $t('message.notificationsTimeout') }}
+                                 </label>
+                              </div>
+                              <div class="col-5 col-sm-12">
+                                 <div class="input-group">
+                                    <input
+                                       v-model="localTimeout"
+                                       class="form-input"
+                                       type="number"
+                                       min="1"
+                                       @focusout="checkNotificationsTimeout"
+                                    >
+                                    <span class="input-group-addon">{{ $t('word.seconds') }}</span>
+                                 </div>
+                              </div>
+                           </div>
+                        </div>
+
+                        <div class="column col-12 h6 mt-4 text-uppercase mb-1">
+                           {{ $t('word.editor') }}
+                        </div>
+                        <div class="column col-9 col-sm-12">
+                           <div class="form-group mb-0">
+                              <div class="col-7 col-sm-12">
+                                 <label class="form-label">
+                                    {{ $t('word.autoCompletion') }}
+                                 </label>
+                              </div>
+                              <div class="col-5 col-sm-12">
+                                 <label class="form-switch d-inline-block" @click.prevent="toggleAutoComplete">
+                                    <input type="checkbox" :checked="selectedAutoComplete">
+                                    <i class="form-icon" />
+                                 </label>
+                              </div>
+                           </div>
+                           <div class="form-group mb-0">
+                              <div class="col-7 col-sm-12">
+                                 <label class="form-label">
+                                    {{ $t('message.wrapLongLines') }}
+                                 </label>
+                              </div>
+                              <div class="col-5 col-sm-12">
+                                 <label class="form-switch d-inline-block" @click.prevent="toggleLineWrap">
+                                    <input type="checkbox" :checked="selectedLineWrap">
+                                    <i class="form-icon" />
+                                 </label>
+                              </div>
+                           </div>
+                        </div>
+                     </form>
+                  </div>
+               </div>
+
+               <div v-show="selectedTab === 'themes'" class="panel-body py-4">
+                  <div class="container">
+                     <div class="columns">
+                        <div class="column col-12 h6 text-uppercase mb-2">
+                           {{ $t('message.applicationTheme') }}
+                        </div>
+                        <div
+                           class="column col-6 c-hand theme-block"
+                           :class="{'selected': applicationTheme === 'dark'}"
+                           @click="changeApplicationTheme('dark')"
+                        >
+                           <img src="../images/dark.png" class="img-responsive img-fit-cover s-rounded">
+                           <div class="theme-name text-light">
+                              <i class="mdi mdi-moon-waning-crescent mdi-48px" />
+                              <div class="h6 mt-4">
+                                 {{ $t('word.dark') }}
+                              </div>
+                           </div>
+                        </div>
+                        <div
+                           class="column col-6 c-hand theme-block"
+                           :class="{'selected': applicationTheme === 'light'}"
+                           @click="changeApplicationTheme('light')"
+                        >
+                           <img src="../images/light.png" class="img-responsive img-fit-cover s-rounded">
+                           <div class="theme-name text-dark">
+                              <i class="mdi mdi-white-balance-sunny mdi-48px" />
+                              <div class="h6 mt-4">
+                                 {{ $t('word.light') }}
+                              </div>
                            </div>
                         </div>
                      </div>
-                  </div>
 
-                  <div v-show="selectedTab === 'update'" class="panel-body py-4">
-                     <ModalSettingsUpdate />
-                  </div>
-                  <div v-show="selectedTab === 'changelog'" class="panel-body py-4">
-                     <ModalSettingsChangelog />
-                  </div>
-
-                  <div v-show="selectedTab === 'about'" class="panel-body py-4">
-                     <div class="text-center">
-                        <img src="../images/logo.svg" width="128">
-                        <h4>{{ appName }}</h4>
-                        <p class="mb-2">
-                           {{ $t('word.version') }} {{ appVersion }}<br>
-                           <a class="c-hand" @click="openOutside('https://github.com/antares-sql/antares')"><i class="mdi mdi-github d-inline" /> GitHub</a> • <a class="c-hand" @click="openOutside('https://twitter.com/AntaresSQL')"><i class="mdi mdi-twitter d-inline" /> Twitter</a> • <a class="c-hand" @click="openOutside('https://antares-sql.app/')"><i class="mdi mdi-web d-inline" /> Website</a><br>
-                           <small>{{ $t('word.author') }} <a class="c-hand" @click="openOutside('https://github.com/Fabio286')">{{ appAuthor }}</a></small><br>
-                        </p>
-                        <div class="mb-2">
-                           <small class="d-block text-uppercase">{{ $t('word.contributors') }}:</small>
-                           <div class="d-block py-1">
-                              <small v-for="(contributor, i) in otherContributors" :key="i">{{ i !== 0 ? ', ' : '' }}{{ contributor }}</small>
+                     <div class="columns mt-4">
+                        <div class="column col-12 h6 text-uppercase mb-2 mt-4">
+                           {{ $t('message.editorTheme') }}
+                        </div>
+                        <div class="column col-6 h5 mb-4">
+                           <select
+                              v-model="localEditorTheme"
+                              class="form-select"
+                              @change="changeEditorTheme(localEditorTheme)"
+                           >
+                              <optgroup
+                                 v-for="group in editorThemes"
+                                 :key="group.group"
+                                 :label="group.group"
+                              >
+                                 <option
+                                    v-for="theme in group.themes"
+                                    :key="theme.name"
+                                    :value="theme.code"
+                                    :selected="editorTheme === theme.code"
+                                 >
+                                    {{ theme.name }}
+                                 </option>
+                              </optgroup>
+                           </select>
+                        </div>
+                        <div class="column col-6 mb-4">
+                           <div class="btn-group btn-group-block">
+                              <button
+                                 class="btn btn-dark cut-text"
+                                 :class="{'active': editorFontSize === 'small'}"
+                                 @click="changeEditorFontSize('small')"
+                              >
+                                 {{ $t('word.small') }}
+                              </button>
+                              <button
+                                 class="btn btn-dark cut-text"
+                                 :class="{'active': editorFontSize === 'medium'}"
+                                 @click="changeEditorFontSize('medium')"
+                              >
+                                 {{ $t('word.medium') }}
+                              </button>
+                              <button
+                                 class="btn btn-dark cut-text"
+                                 :class="{'active': editorFontSize === 'large'}"
+                                 @click="changeEditorFontSize('large')"
+                              >
+                                 {{ $t('word.large') }}
+                              </button>
                            </div>
-                           <small>{{ $t('message.madeWithJS') }}</small>
+                        </div>
+                        <div class="column col-12">
+                           <BaseTextEditor
+                              :value="exampleQuery"
+                              mode="sql"
+                              :workspace="workspace"
+                              :read-only="true"
+                              :height="270"
+                           />
                         </div>
                      </div>
                   </div>
                </div>
+
+               <div v-show="selectedTab === 'update'" class="panel-body py-4">
+                  <ModalSettingsUpdate />
+               </div>
+               <div v-show="selectedTab === 'changelog'" class="panel-body py-4">
+                  <ModalSettingsChangelog />
+               </div>
+
+               <div v-show="selectedTab === 'about'" class="panel-body py-4">
+                  <div class="text-center">
+                     <img src="../images/logo.svg" width="128">
+                     <h4>{{ appName }}</h4>
+                     <p>
+                        {{ $t('word.version') }} {{ appVersion }}<br>
+                        <a class="c-hand" @click="openOutside('https://github.com/Fabio286/antares')"><i class="mdi mdi-github d-inline" /> GitHub</a> • <a class="c-hand" @click="openOutside('https://twitter.com/AntaresSQL')"><i class="mdi mdi-twitter d-inline" /> Twitter</a> • <a class="c-hand" @click="openOutside('https://antares-sql.app/')"><i class="mdi mdi-web d-inline" /> Website</a><br>
+                        <small>{{ $t('word.author') }} <a class="c-hand" @click="openOutside('https://github.com/Fabio286')">Fabio Di Stasio</a></small><br>
+                        <small>{{ $t('message.madeWithJS') }}</small>
+                     </p>
+                  </div>
+               </div>
             </div>
          </div>
       </div>
-   </Teleport>
+   </div>
 </template>
 
 <script>
-import { shell } from 'electron';
-import { storeToRefs } from 'pinia';
-import { useApplicationStore } from '@/stores/application';
-import { useSettingsStore } from '@/stores/settings';
-import { useWorkspacesStore } from '@/stores/workspaces';
+import { mapActions, mapGetters } from 'vuex';
 import localesNames from '@/i18n/supported-locales';
 import ModalSettingsUpdate from '@/components/ModalSettingsUpdate';
 import ModalSettingsChangelog from '@/components/ModalSettingsChangelog';
 import BaseTextEditor from '@/components/BaseTextEditor';
+const { shell } = require('electron');
 
 export default {
    name: 'ModalSettings',
@@ -340,82 +311,8 @@ export default {
       ModalSettingsChangelog,
       BaseTextEditor
    },
-   setup () {
-      const applicationStore = useApplicationStore();
-      const settingsStore = useSettingsStore();
-      const workspacesStore = useWorkspacesStore();
-
-      const {
-         selectedSettingTab,
-         updateStatus
-      } = storeToRefs(applicationStore);
-      const {
-         locale: selectedLocale,
-         dataTabLimit: pageSize,
-         autoComplete: selectedAutoComplete,
-         lineWrap: selectedLineWrap,
-         notificationsTimeout,
-         restoreTabs,
-         disableBlur,
-         applicationTheme,
-         editorTheme,
-         editorFontSize
-      } = storeToRefs(settingsStore);
-
-      const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
-
-      const {
-         changeLocale,
-         changePageSize,
-         changeRestoreTabs,
-         changeDisableBlur,
-         changeAutoComplete,
-         changeLineWrap,
-         changeApplicationTheme,
-         changeEditorTheme,
-         changeEditorFontSize,
-         updateNotificationsTimeout
-      } = settingsStore;
-      const {
-         hideSettingModal,
-         appName,
-         appVersion
-      } = applicationStore;
-      const { getWorkspace } = workspacesStore;
-
-      return {
-         appName,
-         appVersion,
-         selectedSettingTab,
-         updateStatus,
-         closeModal: hideSettingModal,
-         selectedLocale,
-         pageSize,
-         selectedAutoComplete,
-         selectedLineWrap,
-         notificationsTimeout,
-         restoreTabs,
-         disableBlur,
-         applicationTheme,
-         editorTheme,
-         editorFontSize,
-         changeLocale,
-         changePageSize,
-         changeRestoreTabs,
-         changeDisableBlur,
-         changeAutoComplete,
-         changeLineWrap,
-         changeApplicationTheme,
-         changeEditorTheme,
-         changeEditorFontSize,
-         updateNotificationsTimeout,
-         selectedWorkspace,
-         getWorkspace
-      };
-   },
    data () {
       return {
-         appAuthor: 'Fabio Di Stasio',
          localLocale: null,
          localPageSize: null,
          localTimeout: null,
@@ -470,11 +367,27 @@ export default {
                   { code: 'vibrant_ink', name: 'Vibrant Ink' }
                ]
             }
-         ],
-         contributors: process.env.APP_CONTRIBUTORS
+         ]
       };
    },
    computed: {
+      ...mapGetters({
+         appName: 'application/appName',
+         appVersion: 'application/appVersion',
+         selectedSettingTab: 'application/selectedSettingTab',
+         selectedLocale: 'settings/getLocale',
+         pageSize: 'settings/getDataTabLimit',
+         selectedAutoComplete: 'settings/getAutoComplete',
+         selectedLineWrap: 'settings/getLineWrap',
+         notificationsTimeout: 'settings/getNotificationsTimeout',
+         restoreTabs: 'settings/getRestoreTabs',
+         applicationTheme: 'settings/getApplicationTheme',
+         editorTheme: 'settings/getEditorTheme',
+         editorFontSize: 'settings/getEditorFontSize',
+         updateStatus: 'application/getUpdateStatus',
+         selectedWorkspace: 'workspaces/getSelected',
+         getWorkspace: 'workspaces/getWorkspace'
+      }),
       locales () {
          const locales = [];
          for (const locale of this.$i18n.availableLocales)
@@ -504,12 +417,6 @@ GROUP BY
 ORDER BY
     employee.id ASC;
 `;
-      },
-      otherContributors () {
-         return this.contributors
-            .split(',')
-            .filter(c => !c.includes(this.appAuthor))
-            .sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()));
       }
    },
    created () {
@@ -520,10 +427,22 @@ ORDER BY
       this.selectedTab = this.selectedSettingTab;
       window.addEventListener('keydown', this.onKey);
    },
-   beforeUnmount () {
+   beforeDestroy () {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {
+      ...mapActions({
+         closeModal: 'application/hideSettingModal',
+         changeLocale: 'settings/changeLocale',
+         changePageSize: 'settings/changePageSize',
+         changeRestoreTabs: 'settings/changeRestoreTabs',
+         changeAutoComplete: 'settings/changeAutoComplete',
+         changeLineWrap: 'settings/changeLineWrap',
+         changeApplicationTheme: 'settings/changeApplicationTheme',
+         changeEditorTheme: 'settings/changeEditorTheme',
+         changeEditorFontSize: 'settings/changeEditorFontSize',
+         updateNotificationsTimeout: 'settings/updateNotificationsTimeout'
+      }),
       selectTab (tab) {
          this.selectedTab = tab;
       },
@@ -544,9 +463,6 @@ ORDER BY
       toggleRestoreSession () {
          this.changeRestoreTabs(!this.restoreTabs);
       },
-      toggleDisableBlur () {
-         this.changeDisableBlur(!this.disableBlur);
-      },
       toggleAutoComplete () {
          this.changeAutoComplete(!this.selectedAutoComplete);
       },

src/renderer/components/ModalSettingsChangelog.vue

@@ -15,19 +15,15 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
 import { marked } from 'marked';
 import BaseLoader from '@/components/BaseLoader';
-import { useApplicationStore } from '@/stores/application';
 
 export default {
    name: 'ModalSettingsChangelog',
    components: {
       BaseLoader
    },
-   setup () {
-      const { appVersion } = useApplicationStore();
-      return { appVersion };
-   },
    data () {
       return {
          changelog: '',
@@ -36,22 +32,21 @@ export default {
          isError: false
       };
    },
+   computed: {
+      ...mapGetters({ appVersion: 'application/appVersion' })
+   },
    created () {
       this.getChangelog();
    },
    methods: {
       async getChangelog () {
          try {
-            const apiRes = await fetch(`https://api.github.com/repos/antares-sql/antares/releases/tags/v${this.appVersion}`, {
+            const apiRes = await fetch(`https://api.github.com/repos/Fabio286/antares/releases/tags/v${this.appVersion}`, {
                method: 'GET'
             });
 
             const { body } = await apiRes.json();
-            const cutOffset = body.indexOf('### Download');
-            const markdown = cutOffset >= 0
-               ? body.substr(0, cutOffset)
-               : body;
-
+            const markdown = body.substr(0, body.indexOf('### Download'));
             const renderer = {
                link (href, title, text) {
                   return text;