Download and upload files

Author: murilopolese

preload.js

@@ -72,8 +72,15 @@ const Serial = {
     content = content.replace(//g, ``)
     return board.fs_save(content || ' ', filename)
   },
-  downloadFile: async (serialPath, diskPath) => {
-    return Promise.resolve()
+  uploadFile: async (folder, filename) => {
+    let src = `${folder}/${filename}`
+    let dest = filename
+    return board.fs_put(src, dest)
+  },
+  downloadFile: async (folder, filename) => {
+    let contents = await Serial.loadFile(filename)
+    content = content.replace(//g, ``)
+    return ipcRenderer.invoke('save-file', folder, filename, contents)
   },
   renameFile: async (oldName, newName) => {
     return board.fs_rename(oldName, newName)
@@ -97,9 +104,6 @@ const Disk = {
   saveFileContent: async (folder, file, content) => {
     return ipcRenderer.invoke('save-file', folder, file, content)
   },
-  uploadFile: async () => {
-    return Promise.resolve()
-  },
   renameFile: async (folder, oldName, newName) => {
     return ipcRenderer.invoke('rename-file', folder, oldName, newName)
   }

ui/arduino/components/editor.js

@@ -14,15 +14,14 @@ function Editor(state, emit) {
     fileIcon = 'icons/developer_board.png'
   }
   if (state.isEditingFilename) {
-    function saveFilename(e) {
+    function saveFileName(e) {
       emit('save-filename', e.target.value)
     }
     filename = html`
       <input
         type="text"
         value=${state.selectedFile || 'undefined'}
-        onchange=${saveFilename}
-        onblur=${saveFilename}
+        onchange=${saveFileName}
         />
     `
   }

ui/arduino/components/panel_files.js

@@ -14,15 +14,25 @@ function PanelFiles(state, emit) {
     `
   }
 
+  let uploadEnabled = state.isConnected
+                    && state.diskPath
+                    && state.selectedDevice === 'disk'
+                    && state.selectedFile !== null
+  let downloadEnabled = state.isConnected
+                    && state.diskPath
+                    && state.selectedDevice === 'serial'
+                    && state.selectedFile !== null
   let upload = Button({
     label: 'upload',
     icon: 'icons/left.png',
-    disabled: true
+    onclick: () => emit('upload'),
+    disabled: !uploadEnabled
   })
   let download = Button({
     label: 'download',
     icon: 'icons/right.png',
-    disabled: true
+    onclick: () => emit('download'),
+    disabled: !downloadEnabled
   })
   let remove = Button({
     label: 'remove',

ui/arduino/store.js

@@ -159,13 +159,31 @@ function store(state, emitter) {
     log('update-files')
     if (state.isConnected) {
       await serial.stop()
-      state.serialFiles = await serial.listFiles()
+      try {
+        state.serialFiles = await serial.listFiles()
+      } catch (e) {
+        console.log('error', e)
+      }
     }
     if (state.diskPath) {
-      state.diskFiles = await disk.listFiles(state.diskPath)
+      try {
+        state.diskFiles = await disk.listFiles(state.diskPath)
+      } catch (e) {
+        console.log('error', e)
+      }
     }
     emitter.emit('render')
   })
+  emitter.on('upload', async () => {
+    await serial.uploadFile(state.diskPath, state.selectedFile)
+    emitter.emit('update-files')
+    emitter.emit('render')
+  })
+  emitter.on('download', async () => {
+    await serial.downloadFile(state.diskPath, state.selectedFile)
+    emitter.emit('update-files')
+    emitter.emit('render')
+  })
 
   // PANEL MANAGEMENT
   emitter.on('show-terminal', () => {

ui/arduino/theme.css

@@ -147,7 +147,7 @@ img {
   background: var(--color-4);
 }
 .editor-filename img {
-  max-height: 100%;
+  max-height: 80%;
   margin: 0 0.5rem;
 }