From c787a546cbdbdeb2f096f019856f4ef374603828 Mon Sep 17 00:00:00 2001
From: Eero Prittinen <eero.prittinen@mountkelvin.com>
Date: Tue, 11 Jul 2023 15:11:05 +0300
Subject: [PATCH 1/2] Add drag and drop SVG/FOLD import

---
 js/importer.js | 98 ++++++++++++++++++++++++++++++--------------------
 1 file changed, 60 insertions(+), 38 deletions(-)

diff --git a/js/importer.js b/js/importer.js
index e950c88..c085152 100755
--- a/js/importer.js
+++ b/js/importer.js
@@ -67,48 +67,11 @@ function initImporter(globals){
         }
     });
 
-    window.addEventListener('message', function(e) {
-        if (!e.data) return;
-        if (e.data.op === 'importFold' && e.data.fold) {
-            globals.filename = e.data.fold.file_title || 'message';
-            globals.extension = 'fold';
-            globals.url = null;
-            globals.pattern.setFoldData(e.data.fold);
-        } else if (e.data.op === 'importSVG' && e.data.svg) {
-            globals.filename = e.data.filename || 'message';
-            globals.extension = 'svg';
-            globals.url = null;
-            if (e.data.vertTol) {
-                globals.vertTol = e.data.vertTol;
-            }
-            if (!globals.includeCurves) {
-                globals.pattern.loadSVG(URL.createObjectURL(new Blob([e.data.svg])));
-            } else {
-                globals.curvedFolding.loadSVG(URL.createObjectURL(new Blob([e.data.svg])));
-            }
-        }
-    });
-    // Tell parent/opening window that we're ready for messages now.
-    var readyMessage = {from: 'OrigamiSimulator', status: 'ready'};
-    if (window.parent && window.parent !== window) {
-        window.parent.postMessage(readyMessage, '*');
-    } else if (window.opener) {
-        window.opener.postMessage(readyMessage, '*');
-    }
-
-    $("#fileSelector").change(function(e) {
-        var files = e.target.files; // FileList object
-        if (files.length < 1) {
-            return;
-        }
-
-        var file = files[0];
+    function openFile(file) {
         var extension = file.name.split(".");
         var name = extension[0];
         extension = extension[extension.length - 1];
 
-        $(e.target).val("");
-
         if (extension == "svg") {
             reader.onload = function () {
                 return function (e) {
@@ -220,7 +183,66 @@ function initImporter(globals){
             globals.warn('Unknown file extension: .' + extension);
             return null;
         }
+    }
 
+    window.addEventListener('drop', function(e) {
+        e.preventDefault();
+        if (e.dataTransfer.items) {
+            for (item of e.dataTransfer.items) {
+                if (item.kind === "file") {
+                    const file = item.getAsFile();
+                    openFile(file)
+                    break;
+                }
+            }
+        } else {
+            for (item of e.dataTransfer.files) {
+                openFile(file)
+                break;
+            }
+        }
+    });
+
+    window.addEventListener('dragover', function(e) {
+        e.preventDefault();
+    }, false);
+
+    window.addEventListener('message', function(e) {
+        if (!e.data) return;
+        if (e.data.op === 'importFold' && e.data.fold) {
+            globals.filename = e.data.fold.file_title || 'message';
+            globals.extension = 'fold';
+            globals.url = null;
+            globals.pattern.setFoldData(e.data.fold);
+        } else if (e.data.op === 'importSVG' && e.data.svg) {
+            globals.filename = e.data.filename || 'message';
+            globals.extension = 'svg';
+            globals.url = null;
+            if (e.data.vertTol) {
+                globals.vertTol = e.data.vertTol;
+            }
+            if (!globals.includeCurves) {
+                globals.pattern.loadSVG(URL.createObjectURL(new Blob([e.data.svg])));
+            } else {
+                globals.curvedFolding.loadSVG(URL.createObjectURL(new Blob([e.data.svg])));
+            }
+        }
+    });
+    // Tell parent/opening window that we're ready for messages now.
+    var readyMessage = {from: 'OrigamiSimulator', status: 'ready'};
+    if (window.parent && window.parent !== window) {
+        window.parent.postMessage(readyMessage, '*');
+    } else if (window.opener) {
+        window.opener.postMessage(readyMessage, '*');
+    }
+
+    $("#fileSelector").change(function(e) {
+        var files = e.target.files; // FileList object
+        if (files.length < 1) {
+            return;
+        }
+        openFile(file)
+        $(e.target).val("");
     });
 
     function makeVector(v){

From 3de17a39cdd43974bee9189654736b41cb958335 Mon Sep 17 00:00:00 2001
From: amandaghassaei <amandaghassaei@gmail.com>
Date: Tue, 1 Aug 2023 11:09:12 -0700
Subject: [PATCH 2/2] small fix

---
 js/importer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/importer.js b/js/importer.js
index c085152..0fa68f8 100755
--- a/js/importer.js
+++ b/js/importer.js
@@ -241,7 +241,7 @@ function initImporter(globals){
         if (files.length < 1) {
             return;
         }
-        openFile(file)
+        openFile(files[0])
         $(e.target).val("");
     });