From b60574261cc75d85ec56b0e761b75817e785eff8 Mon Sep 17 00:00:00 2001
From: mike-000 <49240900+mike-000@users.noreply.github.com>
Date: Thu, 17 Sep 2020 22:09:31 +0100
Subject: [PATCH 1/2] Fix binary data, ./ relative path syntax, and IE

---
 examples/resources/common.js | 73 +++++++++++++++++++-----------------
 1 file changed, 39 insertions(+), 34 deletions(-)

diff --git a/examples/resources/common.js b/examples/resources/common.js
index d5231bc304..9346ecc8f3 100644
--- a/examples/resources/common.js
+++ b/examples/resources/common.js
@@ -2,39 +2,31 @@
 
   function compress(json) {
     return LZString.compressToBase64(JSON.stringify(json))
-      .replace(/\+/g, `-`)
-      .replace(/\//g, `_`)
-      .replace(/=+$/, ``);
+      .replace(/\+/g, '-')
+      .replace(/\//g, '_')
+      .replace(/=+$/, '');
   }
 
   function fetchResource(resource) {
-    return new Promise((resolve, reject) => {
+    return new Promise(function (resolve, reject) {
       const isImage = /\.(png|jpe?g|gif|tiff)$/.test(resource);
-      const xhr = new XMLHttpRequest();
-      xhr.open('GET', resource);
       if (isImage) {
-        xhr.responseType = 'blob';
+        resolve ({
+          isBinary: true,
+          content: new URL(resource, window.location.href).href
+        });
       } else {
+        const xhr = new XMLHttpRequest();
+        xhr.open('GET', resource);
         xhr.responseType = 'text';
-      }
-      xhr.addEventListener('load', () => {
-        if (isImage) {
-          const a = new FileReader();
-          a.addEventListener('load', e => {
-            resolve ({
-              isBinary: true,
-              content: e.target.result
-            })
-          });
-          a.readAsDataURL(xhr.response);
-        } else {
+        xhr.addEventListener('load', function () {
           resolve ({
             content: xhr.response
-          })
-        }
-      });
-      xhr.addEventListener('error', reject);
-      xhr.send();
+          });
+        });
+        xhr.addEventListener('error', reject);
+        xhr.send();
+      }
     })
   }
 
@@ -42,7 +34,7 @@
   if (codepenButton) {
     const form = document.getElementById('codepen-form');
     codepenButton.href = form.action;
-    codepenButton.addEventListener('click', function(event) {
+    codepenButton.addEventListener('click', function (event) {
       event.preventDefault();
       const html = document.getElementById('example-html-source').innerText;
       const js = document.getElementById('example-js-source').innerText;
@@ -51,15 +43,27 @@
       const pkgJson = document.getElementById('example-pkg-source').innerText;
 
       const unique = new Set();
-      const localResources = (js.match(/'data\/[^']*/g) || [])
-        .concat(js.match(/'resources\/[^']*/g) || [])
-        .map(f => f.slice(1))
-        .filter(f => unique.has(f) ? false : unique.add(f));
+      const localResources = (js.match(/'(\.\/)?data\/[^']*/g) || [])
+        .concat(js.match(/'(\.\/)?resources\/[^']*/g) || [])
+        .map(
+          function (f) {
+            return f.replace(/^'(\.\/)?/, '');
+          }
+        )
+        .filter(
+          function (f) {
+            return unique.has(f) ? false : (unique.add(f) || unique);
+          }
+        );
 
-      const promises = localResources.map(resource => fetchResource(resource));
+      const promises = localResources.map(
+        function (resource) {
+          return fetchResource(resource);
+        }
+      );
 
-      Promise.all(promises)
-        .then(results => {
+      Promise.all(promises).then(
+        function (results) {
           const files = {
             'index.html': {
               content: html
@@ -67,7 +71,7 @@
             'main.js': {
               content: js
             },
-            "package.json": {
+            'package.json': {
               content: pkgJson
             },
             'sandbox.config.json': {
@@ -89,7 +93,8 @@
 
           form.parameters.value = compress(data);
           form.submit();
-        });
+        }
+      );
     });
   }
 })();

From c3378466feb00197a374befbe5e1efabafae5c51 Mon Sep 17 00:00:00 2001
From: mike-000 <49240900+mike-000@users.noreply.github.com>
Date: Tue, 22 Sep 2020 12:14:19 +0100
Subject: [PATCH 2/2] in IE use textContent instead of innerText

---
 examples/resources/common.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/examples/resources/common.js b/examples/resources/common.js
index 9346ecc8f3..0889de7e34 100644
--- a/examples/resources/common.js
+++ b/examples/resources/common.js
@@ -36,11 +36,12 @@
     codepenButton.href = form.action;
     codepenButton.addEventListener('click', function (event) {
       event.preventDefault();
-      const html = document.getElementById('example-html-source').innerText;
-      const js = document.getElementById('example-js-source').innerText;
+      const innerText = document.documentMode ? 'textContent' : 'innerText';
+      const html = document.getElementById('example-html-source')[innerText];
+      const js = document.getElementById('example-js-source')[innerText];
       const workerContainer = document.getElementById('example-worker-source');
-      const worker = workerContainer ? workerContainer.innerText : undefined;
-      const pkgJson = document.getElementById('example-pkg-source').innerText;
+      const worker = workerContainer ? workerContainer[innerText] : undefined;
+      const pkgJson = document.getElementById('example-pkg-source')[innerText];
 
       const unique = new Set();
       const localResources = (js.match(/'(\.\/)?data\/[^']*/g) || [])