From 0d10a93bf89820ec34e815417cd93f7b55a8da5a Mon Sep 17 00:00:00 2001
From: Fabio <fabio286@gmail.com>
Date: Thu, 18 Jun 2020 19:01:09 +0200
Subject: [PATCH] Improvements to query table

---
 CHANGELOG.md                                  |   7 +++
 build/icon.png                                | Bin 0 -> 12915 bytes
 package-lock.json                             |   5 ++
 package.json                                  |   4 +-
 src/common/libs/hexToBinary.js                |  40 ++++++++++++
 src/common/libs/utilities.js                  |  56 +++++++++++++++++
 src/main/index.js                             |   9 +++
 src/renderer/components/Workspace.vue         |   1 +
 .../components/WorkspaceQueryTable.vue        |  57 ++++++++++++++----
 src/renderer/scss/_data-types.scss            |  37 +++++++++---
 10 files changed, 194 insertions(+), 22 deletions(-)
 create mode 100644 CHANGELOG.md
 create mode 100644 build/icon.png
 create mode 100644 src/common/libs/hexToBinary.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 00000000..00d5d9dd
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,7 @@
+# Changelog
+
+## [0.0.1-alpha]() - Coming Soon
+
+### Features
+
+- **Initial release:**
diff --git a/build/icon.png b/build/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ce8a7fa4e54da2c47fe5580ec244005f9ad6ad4
GIT binary patch
literal 12915
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
XNG3#l3(Noc4MbU9U9L>VB=CO#0-3D}

literal 0
HcmV?d00001

diff --git a/package-lock.json b/package-lock.json
index 8f10a602..68b99f96 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8475,6 +8475,11 @@
         "minimist": "^1.2.5"
       }
     },
+    "moment": {
+      "version": "2.26.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.26.0.tgz",
+      "integrity": "sha512-oIixUO+OamkUkwjhAVE18rAMfRJNsNe/Stid/gwHSOfHrOtw9EhAY2AHvdKZ/k/MggcYELFCJz/Sn2pL8b8JMw=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
diff --git a/package.json b/package.json
index 86f2d2be..8a99e09e 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
     "dev": "cross-env NODE_ENV=development electron-webpack dev",
     "compile": "electron-webpack",
     "dist": "cross-env NODE_ENV=production npm run compile && electron-builder",
-    "dist:dir": "cross-env NODE_ENV=production npm run dist --dir -c.compression=store -c.mac.identity=null"
+    "dist:dir": "cross-env NODE_ENV=production npm run dist --dir -c.compression=store -c.mac.identity=null",
+    "publish": "build -p always"
   },
   "author": "Fabio Di Stasio <fabio286@gmail.com>",
   "build": {
@@ -33,6 +34,7 @@
     "electron-updater": "^4.3.1",
     "lodash": "^4.17.15",
     "material-design-icons": "^3.0.1",
+    "moment": "^2.26.0",
     "mssql": "^6.2.0",
     "mysql": "^2.18.1",
     "pg": "^8.2.1",
diff --git a/src/common/libs/hexToBinary.js b/src/common/libs/hexToBinary.js
new file mode 100644
index 00000000..38c59e5d
--- /dev/null
+++ b/src/common/libs/hexToBinary.js
@@ -0,0 +1,40 @@
+'use strict';
+
+const lookup = {
+   0: '0000',
+   1: '0001',
+   2: '0010',
+   3: '0011',
+   4: '0100',
+   5: '0101',
+   6: '0110',
+   7: '0111',
+   8: '1000',
+   9: '1001',
+   a: '1010',
+   b: '1011',
+   c: '1100',
+   d: '1101',
+   e: '1110',
+   f: '1111',
+   A: '1010',
+   B: '1011',
+   C: '1100',
+   D: '1101',
+   E: '1110',
+   F: '1111'
+};
+
+/**
+ * Converts hexadecimal string to binary string
+ *
+ * @param {string} hex Hexadecimal string
+ * @returns {string} Binary string
+ */
+export default function hexToBinary (hex) {
+   let binary = '';
+   for (let i = 0, len = hex.length; i < len; i++)
+      binary += lookup[hex[i]];
+
+   return binary;
+}
diff --git a/src/common/libs/utilities.js b/src/common/libs/utilities.js
index 54c27ebb..7742d20b 100644
--- a/src/common/libs/utilities.js
+++ b/src/common/libs/utilities.js
@@ -1,3 +1,59 @@
 export function uidGen () {
    return Math.random().toString(36).substr(2, 9).toUpperCase();
 };
+
+export function mimeFromHex (hex) {
+   switch (hex.substring(0, 4)) { // 2 bytes
+      case '424D':
+         return { ext: 'bmp', mime: 'image/bmp' };
+      case '1F8B':
+         return { ext: 'gz', mime: 'application/gzip' };
+      case '0B77':
+         return { ext: 'ac3', mime: 'audio/vnd.dolby.dd-raw' };
+      case '7801':
+         return { ext: 'dmg', mime: 'application/x-apple-diskimage' };
+      case '4D5A':
+         return { ext: 'exe', mime: 'application/x-msdownload' };
+      case '1FA0':
+      case '1F9D':
+         return { ext: 'Z', mime: 'application/x-compress' };
+      default:
+         switch (hex.substring(0, 6)) { // 3 bytes
+            case 'FFD8FF':
+               return { ext: 'jpj', mime: 'image/jpeg' };
+            case '4949BC':
+               return { ext: 'jxr', mime: 'image/vnd.ms-photo' };
+            case '425A68':
+               return { ext: 'bz2', mime: 'application/x-bzip2' };
+            default:
+               switch (hex) { // 4 bites
+                  case '89504E47':
+                     return { ext: 'png', mime: 'image/png' };
+                  case '47494638':
+                     return { ext: 'gif', mime: 'image/gif' };
+                  case '25504446':
+                     return { ext: 'pdf', mime: 'application/pdf' };
+                  case '504B0304':
+                     return { ext: 'zip', mime: 'application/zip' };
+                  case '425047FB':
+                     return { ext: 'bpg', mime: 'image/bpg' };
+                  case '4D4D002A':
+                     return { ext: 'tif', mime: 'image/tiff' };
+                  default:
+                     return { ext: '???', mime: 'unknown ' + hex };
+               }
+         }
+   }
+};
+
+export function formatBytes (bytes, decimals = 2) {
+   if (bytes === 0) return '0 Bytes';
+
+   const k = 1024;
+   const dm = decimals < 0 ? 0 : decimals;
+   const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+
+   const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+   return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+}
diff --git a/src/main/index.js b/src/main/index.js
index 85988a1a..b87c0cb2 100644
--- a/src/main/index.js
+++ b/src/main/index.js
@@ -94,10 +94,19 @@ app.on('ready', () => {
 });
 
 // auto-updater events
+autoUpdater.on('checking-for-update', () => {
+});
+
 autoUpdater.on('update-available', () => {
    mainWindow.webContents.send('update_available');
 });
 
+autoUpdater.on('update-not-available', () => {
+});
+
+autoUpdater.on('download-progress', (progressObj) => {
+});
+
 autoUpdater.on('update-downloaded', () => {
    mainWindow.webContents.send('update_downloaded');
 });
diff --git a/src/renderer/components/Workspace.vue b/src/renderer/components/Workspace.vue
index fae523ce..52ad4bd8 100644
--- a/src/renderer/components/Workspace.vue
+++ b/src/renderer/components/Workspace.vue
@@ -151,6 +151,7 @@ export default {
             background: $bg-color;
             border: 1px solid;
             border-left: none;
+            border-bottom-width: 2px;
             border-color: $bg-color-light;
             padding: .1rem .4rem;
             font-weight: 700;
diff --git a/src/renderer/components/WorkspaceQueryTable.vue b/src/renderer/components/WorkspaceQueryTable.vue
index 813e04f8..81c43c23 100644
--- a/src/renderer/components/WorkspaceQueryTable.vue
+++ b/src/renderer/components/WorkspaceQueryTable.vue
@@ -38,11 +38,11 @@
                      v-for="(col, cKey) in row"
                      :key="cKey"
                      class="td"
-                     :class="fieldType(col)"
-                     :style="{'display': cKey === '_id'? 'none' : ''}"
+                     :class="`type-${fieldType(cKey)}${isNull(col)}`"
+                     :style="{'display': cKey === '_id' ? 'none' : ''}"
                      tabindex="0"
                   >
-                     {{ col }}
+                     {{ col | typeFormat(fieldType(cKey)) }}
                   </div>
                </div>
             </div>
@@ -52,7 +52,9 @@
 </template>
 
 <script>
-import { uidGen } from 'common/libs/utilities';
+import { uidGen, mimeFromHex, formatBytes } from 'common/libs/utilities';
+import hexToBinary from 'common/libs/hexToBinary';
+import moment from 'moment';
 import BaseVirtualScroll from '@/components/BaseVirtualScroll';
 
 export default {
@@ -60,6 +62,37 @@ export default {
    components: {
       BaseVirtualScroll
    },
+   filters: {
+      typeFormat (val, type) {
+         if (!val) return val;
+
+         switch (type) {
+            case 'char':
+            case 'varchar':
+            case 'text':
+               return val.substring(0, 128);
+            case 'date':
+               return moment(val).format('YYYY-MM-DD');
+            case 'datetime':
+               return moment(val).format('YYYY-MM-DD HH:mm:ss.SSS');
+            case 'blob':
+            case 'mediumblob':
+            case 'longblob': {
+               const buff = Buffer.from(val);
+               if (!buff.length) return '';
+
+               const hex = buff.toString('hex').substring(0, 8).toUpperCase();
+               return `${mimeFromHex(hex).mime} (${formatBytes(buff.length)})`;
+            }
+            case 'bit': {
+               const hex = Buffer.from(val).toString('hex');
+               return hexToBinary(hex);
+            }
+            default:
+               return val;
+         }
+      }
+   },
    props: {
       results: Object,
       fields: Array
@@ -88,14 +121,16 @@ export default {
       window.removeEventListener('resize', this.resizeResults);
    },
    methods: {
-      fieldType (col) { // TODO: get from fields
-         let type = typeof col;
-         if (type === 'object')
-            if (col instanceof Date) type = 'date';
-         if (col instanceof Uint8Array) type = 'blob';
-         if (col === null) type = 'null';
+      fieldType (cKey) {
+         let type = 'unknown';
+         const field = this.fields.filter(field => field.name === cKey)[0];
+         if (field)
+            type = field.type;
 
-         return `type-${type}`;
+         return type;
+      },
+      isNull (col) {
+         return col === null ? ' is-null' : '';
       },
       keyName (key) {
          switch (key) {
diff --git a/src/renderer/scss/_data-types.scss b/src/renderer/scss/_data-types.scss
index dd9bdcec..108af629 100644
--- a/src/renderer/scss/_data-types.scss
+++ b/src/renderer/scss/_data-types.scss
@@ -3,12 +3,6 @@
       .type-#{$type} {
          color: $color;
 
-         @if $type == 'null'{
-            &::after{
-               content: 'NULL';
-            }
-         }
-
          @if $type == 'number'{
             text-align: right;
          }
@@ -17,9 +11,32 @@
 }
 
 @include type-colors((
-   "string": seagreen,
-   "number": cornflowerblue,
+   "char": seagreen,
+   "varchar": seagreen,
+   "text": seagreen,
+
+   "int": cornflowerblue,
+   "tinyint": cornflowerblue,
+   "smallint": cornflowerblue,
+   "mediumint": cornflowerblue,
+   
+   "datetime": coral,
    "date": coral,
+   "time": coral,
+
+   "bit": lightskyblue,
+   
    "blob": darkorchid,
-   "null": gray,
-))
\ No newline at end of file
+   "mediumblob": darkorchid,
+   "longblob": darkorchid,
+   
+   "unknown": gray,
+));
+
+.is-null{
+   color: gray;
+
+   &::after{
+      content: 'NULL';
+   }
+}
\ No newline at end of file