Update

src/renderer/components/Home.vue

@@ -1,8 +1,7 @@
 <template>
   <div id="wrapper"
     @click="onClickHome"
-    @dragover="$platform !== 'win32' && showDrag()"
-    @dragleave="$platform !== 'win32' && hideDrag()"
+    @dragover="showDrag"
     @drop="dropFile">
     <!-- layouts -->
     <sidebar :rootFs="rootFs"/>

src/renderer/store/modules/config/actions.js

@@ -10,6 +10,7 @@ const uniqid = require('uniqid')
 const remote = require('electron').remote
 
 let logger = null
+let dragOverTimer = null
 
 function registerForSqlReady (context) {
   ipcRenderer.on('sql_ready', function (event, data) {
@@ -37,7 +38,7 @@ export default {
         table: 'user'
       }
     })
-    const dateISOString = new Date().toISOString()
+    const dateISOString = new Date().toISOString().replace(/:/g, '_')
     const logPath = nodePath.join(
       remote.app.getPath('logs'),
       'dbfs_explorer',
@@ -180,10 +181,19 @@ export default {
   closeDialog: function (context, { name }) {
     context.commit('setInertDialog', { name })
   },
-  showDrag: function (context, ev) {
+  showDrag: function (context, e) {
+    e && e.preventDefault()
+    if (dragOverTimer) {
+      clearInterval(dragOverTimer)
+      dragOverTimer = null
+    }
     context.commit('setDragActive')
+    dragOverTimer = setInterval(() => {
+      context.dispatch('hideDrag')
+    }, 200)
   },
-  hideDrag: function (context) {
+  hideDrag: function (context, e) {
+    e && e.preventDefault()
     context.commit('setDragInert')
   },
   dropFile: function (context, event) {

src/renderer/store/modules/navigator/actions.js

@@ -5,7 +5,6 @@ import TransferActivity from '@/threads/TransferActivity'
 
 let transferActivity = null
 
-const fs = require('fs')
 const nodePath = require('path')
 const base64 = require('file-base64')
 
@@ -223,7 +222,6 @@ export default {
               }
               // Convert base64 string into small chunks
               const chunks = base64String.match(new RegExp('.{1,' + 256000 + '}', 'g'))
-              fs.writeFileSync('/Users/kksai/Test/base64_decode/upload', chunks.toString())
               // Add new thread worker or job into thread pool
               // NOTE: By default 2 threads will be spawned. User can configure this any time.
               // Threads will be created based on CPU cores

src/renderer/threads/TransferActivity.js

@@ -100,7 +100,6 @@ AddBlock.prototype.cancelJob = function ({ transferId }) {
 
 function uploadHandler ({ url, token, transferId, handle, chunks, endpoint }, done, progress) {
   console.log('on entry uploadHandler', transferId)
-  const fs = this.require('fs')
   const axios = this.require('axios')
   const forEach = this.require('async-foreach').forEach
   const chunksLength = chunks.length - 1
@@ -133,7 +132,6 @@ function uploadHandler ({ url, token, transferId, handle, chunks, endpoint }, do
     })
   }, function () {
     console.log('all done')
-    fs.writeFileSync('/Users/kksai/Test/base64_decode/stream', uploadStream.toString())
     // Close handle
     axios.post(
       `${url}/api/2.0/dbfs/close`,
@@ -159,7 +157,6 @@ function uploadHandler ({ url, token, transferId, handle, chunks, endpoint }, do
 function downloadHandler ({ url, token, transferId, endpoint, file, targetPath }, done, progress) {
   console.log('on entry downloadHandler')
   console.log('thread entry id', transferId, file, endpoint, url, token, targetPath)
-  const fs = this.require('fs')
   const base64 = this.require('file-base64')
   const EventEmitter = this.require('events')
   const axios = this.require('axios')
@@ -215,7 +212,6 @@ function downloadHandler ({ url, token, transferId, endpoint, file, targetPath }
     } else {
       console.log('totalSizeBytes', totalSizeBytes)
       console.log('finishedSizeBytes', finishedSizeBytes)
-      fs.writeFileSync('/Users/kksai/Test/base64_decode/download', base64String.toString())
       // Decode base64 file
       base64.decode(`${base64String.toString()}`, targetPath, function (err) {
         if (!err) {