+ add drag and drop

+ add support for recursive directories reading

html/helpers.js

@@ -45,6 +45,28 @@ function upload(input, callback) {
     fr.onload = r => {callback(r.target.result)};
 }
 
+function initDragDrop(dropArea, func) {
+  ['dragenter', 'dragover'].forEach(event => {
+    dropArea.addEventListener(event, (e) => {
+      preventDef(e);
+      dropArea.classList.add('highlight');
+    }, false)
+  });
+
+  ['dragleave', 'drop'].forEach(event => {
+    dropArea.addEventListener(event, (e) => {
+      preventDef(e);
+      dropArea.classList.remove('highlight');
+      if (event === 'drop') func(e.dataTransfer);
+    }, false)
+  });
+}
+
+function preventDef(e) {
+  e.preventDefault();
+  e.stopPropagation();
+}
+
 const cfgSet = (key, val) => {
   if (typeof val != 'string') {
     val = JSON.stringify(val);

html/main.js

@@ -1,14 +1,25 @@
 const DBI = require('switch-dbi');
+const Path = require('path');
+const fs = require('fs');
 
 let dbi;
 let list = {};
 nspDrawList();
+initDragDrop(getEl('main'), ({files}) => {
+  addNsp({files});
+})
 
 async function addNsp(input) {
   await nspStop();
-  console.log(input.files);
-  for (let i =  0; i < input.files.length; i++) {
-    const {name, path, size} = input.files[i];
+  const files = [...input.files];
+
+  for (let i =  0; i < files.length; i++) {
+    const {name, path, size} = files[i];
+    if (fs.statSync(path).isDirectory()) {
+      readDirRecursive(path, files);
+      continue;
+    }
+
     list[name] = {
       name,
       path,
@@ -22,6 +33,27 @@ async function addNsp(input) {
   nspDrawList();
 }
 
+function readDirRecursive(path, files) {
+  for (const f of fs.readdirSync(path)) {
+    const ext = f.split('.').pop();
+    if (!['nsp', 'nsz','xci'].includes(ext)) continue;
+    const file = {
+      name: f,
+      path: Path.join(path, f),
+      size: 0,
+    };
+    const stat = fs.statSync(file.path);
+    if (stat.isDirectory()) {
+      readDirRecursive(file.path, files)
+      continue;
+    }
+
+    file.size = stat.size;
+    files.push(file);
+    console.log({file, files});
+  };
+}
+
 async function nspSend() {
   await nspStop();
   if (!Object.keys(list).length) return status('Add NSP files before');

html/style.css

@@ -19,7 +19,7 @@ hr {
 }
 
 div {
-	/*border: 1px solid #636D81;*/
+	border: 2px solid #2E3038;
 	margin: 10px;
 	padding: 15px;
 	padding-left: 30px;
@@ -140,6 +140,10 @@ tr:nth-child(2n) {
 	text-align: center;
 }
 
+.highlight {
+	background: #2E3038BB;
+	border: 2px dotted #319249;
+}
 
 .close {
 	cursor: pointer;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "NSW-DBI",
-  "version": "1.0.0-b",
+  "version": "1.0.1-b",
   "description": "DBI backend GUI",
   "main": "index.js",
   "scripts": {