From 54e7cf0c3aa185bd55b0e21c935b518ec0fb728f Mon Sep 17 00:00:00 2001
From: Daniel Baines <daniel.baines@arm.com>
Date: Thu, 20 Jun 2019 15:23:32 +0100
Subject: [PATCH] Add CustomEvent polyfill and fire drop event in load dialog

---
 editor.html                        |  1 +
 python-main.js                     |  7 +++++--
 static/js/custom-event-polyfill.js | 19 +++++++++++++++++++
 3 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 static/js/custom-event-polyfill.js

diff --git a/editor.html b/editor.html
index bbc82448..493f286e 100644
--- a/editor.html
+++ b/editor.html
@@ -254,6 +254,7 @@ <h2><i class="fa fa-unlock-alt"></i> <strong>{{ title }}</strong></h2>
         <script src="static/js/intel-hex.browser.js" type="application/javascript"></script>
         <script src="static/js/ResizeSensor.js"></script>
         <script src="static/js/ElementQueries.js"></script>
+        <script src="static/js/custom-event-polyfill.js"></script>
 	    <script src="lzma/lzma_worker.js"></script>
 	    <script src="base64-js/base64.js"></script>
         <script src="hexlify.js"
diff --git a/python-main.js b/python-main.js
index 7074fc60..7e4f1b9c 100644
--- a/python-main.js
+++ b/python-main.js
@@ -239,11 +239,11 @@ function web_editor(config) {
         }).map(function(f) {
             return encodeURIComponent(f) + "=true";
         }).join("&");
-        helpAnchor.attr("href", helpAnchor.attr("href") + "?" + featureQueryString); 
+        helpAnchor.attr("href", helpAnchor.attr("href") + "?" + featureQueryString);
     }
 
     // Update the docs link to append MicroPython version
-    var docsAnchor = $("#docs-link"); 
+    var docsAnchor = $("#docs-link");
     docsAnchor.attr("href", docsAnchor.attr("href") + "en/" + "v" + UPY_VERSION);
 
     // This function is called to initialise the editor. It sets things up so
@@ -401,6 +401,9 @@ function web_editor(config) {
                     $('#load-drag-target').removeClass('is-dragover');
                 })
                 .on('drop', function(e) {
+                    // Dispatch an event to allow others to listen to it
+                    var event = new CustomEvent("load-drop", { detail: e.originalEvent.dataTransfer.files[0] });
+                    document.dispatchEvent(event);
                     doDrop(e);
                     vex.close();
                     EDITOR.focus();
diff --git a/static/js/custom-event-polyfill.js b/static/js/custom-event-polyfill.js
new file mode 100644
index 00000000..331d61ef
--- /dev/null
+++ b/static/js/custom-event-polyfill.js
@@ -0,0 +1,19 @@
+/*!
+ * CustomEvent Polyfill to support IE
+ * Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/
+ * Source - https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill
+ */
+
+(function () {
+
+  if ( typeof window.CustomEvent === "function" ) return false;
+
+  function CustomEvent ( event, params ) {
+    params = params || { bubbles: false, cancelable: false, detail: null };
+    var evt = document.createEvent( 'CustomEvent' );
+    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+    return evt;
+   }
+
+  window.CustomEvent = CustomEvent;
+})();