From 713c1148079782d5087bbfff6577ab10e394e704 Mon Sep 17 00:00:00 2001
From: shine <4771718+shinenelson@users.noreply.github.com>
Date: Fri, 5 Jun 2020 14:38:16 +0530
Subject: [PATCH 1/5] unify javascript content delivery networks

currently there are 4 CDNs that are being called for
different javascript libraries. this means that there are
4 different third-party requests being made on each load.
this changeset unifies the multiple CDNs into a single
provider - jsDelivr.net

why do it?
the advantage of unifying all of the libraries from a single
provider is that all of the requests can be served off a
single connection if the connection is made over HTTP/2
essentially making the load times at least 2 times faster.

why jsDelivr?
jsDelivr has a wide network spanning [multiple caching
network providers](https://www.jsdelivr.com/network) whereas
the other providers rely on a single caching network ( unpkg,
cdnjs - cloudflare, github - fastly ). while technically all
the requests could probably be served from the same backend
cache, since the requests are being proxied via different
domains, naturally, they have to go through different
connections. if all the requests are proxied through the same
domain and via HTTP/2, the requests can all be served via the
same connection making the page load faster.

other changes
- synced the library version for `ace/ext-language_tools`
with the loaded `ace.js` library

room for improvement
- `react` and `ace-builds` libraries could be upgraded to the
latest versions. since I wasn't sure whether this would cause
any breakage in the application, I didn't attempt an upgrade.
I just used the already existing version but just changed the
provider URL. Maybe a minor version upgrade ( react ) would
not do much harm? ( I didn't want to take the risk since it
was react )
---
 scripts/build/build-offline-dev.sh |  2 --
 src/_html/index.html               | 10 +++++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/scripts/build/build-offline-dev.sh b/scripts/build/build-offline-dev.sh
index d9a0fa7..5a25616 100755
--- a/scripts/build/build-offline-dev.sh
+++ b/scripts/build/build-offline-dev.sh
@@ -8,9 +8,7 @@ cp -r $ORIGIN_ROOT/vendor $DIST_ROOT;
 # replace online refs using offline-refs (so I can work offline too)
 if [[ $OSTYPE == darwin* ]]; then
   # replace in index.html
-  sed -i'' "s/\/\/cdn.rawgit.com\/jpillora/..\/vendor/g" $DIST_ROOT/index.html
   sed -i'' "s/\/\/cdn.jsdelivr.net/..\/vendor/g" $DIST_ROOT/index.html
-  sed -i'' "s/\/\/cdnjs.cloudflare.com\/ajax\/libs/..\/vendor/g" $DIST_ROOT/index.html
   # replace in spec-runners
   sed -i'' "s/\/\/cdnjs.cloudflare.com\/ajax\/libs/..\/vendor/g" $DIST_ROOT/mocha/spec-runner.html
   sed -i'' "s/\/\/cdnjs.cloudflare.com\/ajax\/libs/..\/vendor/g" $DIST_ROOT/jasmine/spec-runner.html
diff --git a/src/_html/index.html b/src/_html/index.html
index 91eeeef..982a92f 100644
--- a/src/_html/index.html
+++ b/src/_html/index.html
@@ -4,11 +4,11 @@
   <title>No-install TDD environment</title>
   <meta charset="utf-8">
   <link rel="icon" type="image/x-icon" href="favicon.ico" />
-  <script src="//unpkg.com/xdomain@0.8.2/dist/xdomain.min.js" slave="${KATAS_SERVICE_URL}/proxy.html"></script>
-  <script type="text/javascript" src="//ajaxorg.github.io/ace-builds/src-min-noconflict/ace.js" charset="utf-8"></script>
-  <script type="text/javascript" src="//cdn.jsdelivr.net/ace/1.1.9/min/ext-language_tools.js" charset="utf-8"></script>
-  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-with-addons.min.js"></script>
-  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/xdomain@0.8.2/dist/xdomain.min.js" slave="${KATAS_SERVICE_URL}/proxy.html"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/ace/1.2.6/min/ace.js" charset="utf-8"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/ace/1.2.6/min/ext-language_tools.js" charset="utf-8"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/react/15.5.4/react-with-addons.min.js"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/babel-polyfill@6.26.0/dist/polyfill.min.js"></script>
   <link type="text/css" href="style.css" rel="stylesheet"/>
 </head>
 <body>

From 65215bb37e8373d8ce3cc6a7c980a5857b5c10e6 Mon Sep 17 00:00:00 2001
From: shine <4771718+shinenelson@users.noreply.github.com>
Date: Fri, 5 Jun 2020 20:06:23 +0530
Subject: [PATCH 2/5] unify jsdelivr URL path to make offline-dev work

also vendor ace-builds and babel-polyfill for offline-dev
---
 .gitignore                                                  | 1 +
 scripts/build/build-offline-dev.sh                          | 5 ++++-
 src/_html/index.html                                        | 6 +++---
 vendor/ace-builds/1.2.6/src-min-noconflict/ace.js           | 0
 .../1.2.6/src-min-noconflict/ext-language_tools.js          | 0
 vendor/babel-polyfill/6.26.0/dist/polyfill.min.js           | 0
 vendor/react/15.5.4/dist/react-with-addons.min.js           | 1 +
 7 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 vendor/ace-builds/1.2.6/src-min-noconflict/ace.js
 create mode 100644 vendor/ace-builds/1.2.6/src-min-noconflict/ext-language_tools.js
 create mode 100644 vendor/babel-polyfill/6.26.0/dist/polyfill.min.js
 create mode 120000 vendor/react/15.5.4/dist/react-with-addons.min.js

diff --git a/.gitignore b/.gitignore
index e9c2196..bc7384e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 node_modules
 dist
+!vendor/**/dist
 tmp
 npm-debug.log
 coverage
diff --git a/scripts/build/build-offline-dev.sh b/scripts/build/build-offline-dev.sh
index 5a25616..3e98eaf 100755
--- a/scripts/build/build-offline-dev.sh
+++ b/scripts/build/build-offline-dev.sh
@@ -8,7 +8,10 @@ cp -r $ORIGIN_ROOT/vendor $DIST_ROOT;
 # replace online refs using offline-refs (so I can work offline too)
 if [[ $OSTYPE == darwin* ]]; then
   # replace in index.html
-  sed -i'' "s/\/\/cdn.jsdelivr.net/..\/vendor/g" $DIST_ROOT/index.html
+  sed -i'' \
+      -e "s|//cdn.jsdelivr.net/npm|../vendor|g" \
+      -e "s|@|/|g" \
+    $DIST_ROOT/index.html
   # replace in spec-runners
   sed -i'' "s/\/\/cdnjs.cloudflare.com\/ajax\/libs/..\/vendor/g" $DIST_ROOT/mocha/spec-runner.html
   sed -i'' "s/\/\/cdnjs.cloudflare.com\/ajax\/libs/..\/vendor/g" $DIST_ROOT/jasmine/spec-runner.html
diff --git a/src/_html/index.html b/src/_html/index.html
index 982a92f..0fcadd4 100644
--- a/src/_html/index.html
+++ b/src/_html/index.html
@@ -5,9 +5,9 @@
   <meta charset="utf-8">
   <link rel="icon" type="image/x-icon" href="favicon.ico" />
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/xdomain@0.8.2/dist/xdomain.min.js" slave="${KATAS_SERVICE_URL}/proxy.html"></script>
-  <script type="text/javascript" src="//cdn.jsdelivr.net/ace/1.2.6/min/ace.js" charset="utf-8"></script>
-  <script type="text/javascript" src="//cdn.jsdelivr.net/ace/1.2.6/min/ext-language_tools.js" charset="utf-8"></script>
-  <script type="text/javascript" src="//cdn.jsdelivr.net/react/15.5.4/react-with-addons.min.js"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/ace-builds@1.2.6/src-min-noconflict/ace.js" charset="utf-8"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/ace-builds@1.2.6/src-min-noconflict/ext-language_tools.js" charset="utf-8"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/react@15.5.4/dist/react-with-addons.min.js"></script>
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/babel-polyfill@6.26.0/dist/polyfill.min.js"></script>
   <link type="text/css" href="style.css" rel="stylesheet"/>
 </head>
diff --git a/vendor/ace-builds/1.2.6/src-min-noconflict/ace.js b/vendor/ace-builds/1.2.6/src-min-noconflict/ace.js
new file mode 100644
index 0000000..e69de29
diff --git a/vendor/ace-builds/1.2.6/src-min-noconflict/ext-language_tools.js b/vendor/ace-builds/1.2.6/src-min-noconflict/ext-language_tools.js
new file mode 100644
index 0000000..e69de29
diff --git a/vendor/babel-polyfill/6.26.0/dist/polyfill.min.js b/vendor/babel-polyfill/6.26.0/dist/polyfill.min.js
new file mode 100644
index 0000000..e69de29
diff --git a/vendor/react/15.5.4/dist/react-with-addons.min.js b/vendor/react/15.5.4/dist/react-with-addons.min.js
new file mode 120000
index 0000000..b28debd
--- /dev/null
+++ b/vendor/react/15.5.4/dist/react-with-addons.min.js
@@ -0,0 +1 @@
+../react-with-addons.min.js
\ No newline at end of file

From 31fa163e55b5dddce04958aaa98b95b80713bd05 Mon Sep 17 00:00:00 2001
From: shine <4771718+shinenelson@users.noreply.github.com>
Date: Fri, 5 Jun 2020 22:29:59 +0530
Subject: [PATCH 3/5] bump ace to latest version

note : though the required scripts are vendored in for
offline use, they don't really work. I tried different
versions from v1.2.2 to v1.4.11; none of them worked
offline; though all of them worked fine online. I couldn't
figure out how to fix the `Uncaught ReferenceError: ace is
not defined`

The last known good configuration to work is v1.1.9 which
is vendored in the repository, but unavailable in the ace-
builds package cache.
---
 src/_html/index.html                                          | 4 ++--
 vendor/ace-builds/1.4.11/src-min-noconflict/ace.js            | 0
 .../1.4.11/src-min-noconflict/ext-language_tools.js           | 0
 3 files changed, 2 insertions(+), 2 deletions(-)
 create mode 100644 vendor/ace-builds/1.4.11/src-min-noconflict/ace.js
 create mode 100644 vendor/ace-builds/1.4.11/src-min-noconflict/ext-language_tools.js

diff --git a/src/_html/index.html b/src/_html/index.html
index 0fcadd4..17197f4 100644
--- a/src/_html/index.html
+++ b/src/_html/index.html
@@ -5,8 +5,8 @@
   <meta charset="utf-8">
   <link rel="icon" type="image/x-icon" href="favicon.ico" />
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/xdomain@0.8.2/dist/xdomain.min.js" slave="${KATAS_SERVICE_URL}/proxy.html"></script>
-  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/ace-builds@1.2.6/src-min-noconflict/ace.js" charset="utf-8"></script>
-  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/ace-builds@1.2.6/src-min-noconflict/ext-language_tools.js" charset="utf-8"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/ace-builds@1.4.11/src-min-noconflict/ace.js" charset="utf-8"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/ace-builds@1.4.11/src-min-noconflict/ext-language_tools.js" charset="utf-8"></script>
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/react@15.5.4/dist/react-with-addons.min.js"></script>
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/babel-polyfill@6.26.0/dist/polyfill.min.js"></script>
   <link type="text/css" href="style.css" rel="stylesheet"/>
diff --git a/vendor/ace-builds/1.4.11/src-min-noconflict/ace.js b/vendor/ace-builds/1.4.11/src-min-noconflict/ace.js
new file mode 100644
index 0000000..e69de29
diff --git a/vendor/ace-builds/1.4.11/src-min-noconflict/ext-language_tools.js b/vendor/ace-builds/1.4.11/src-min-noconflict/ext-language_tools.js
new file mode 100644
index 0000000..e69de29

From 3043b0ea49e7a999afd229a15546e61c547a8364 Mon Sep 17 00:00:00 2001
From: shine <4771718+shinenelson@users.noreply.github.com>
Date: Fri, 5 Jun 2020 23:21:02 +0530
Subject: [PATCH 4/5] update react to latest version - 16.13.1

npm report : added 1 package, removed 11 packages, updated 2 packages
also : vendored in the script for offline-dev ( tested and validated )
---
 package-lock.json                             | 159 +++++-------------
 package.json                                  |   4 +-
 src/_html/index.html                          |   2 +-
 .../react/16.13.1/umd/react.production.min.js |  32 ++++
 4 files changed, 79 insertions(+), 118 deletions(-)
 create mode 100644 vendor/react/16.13.1/umd/react.production.min.js

diff --git a/package-lock.json b/package-lock.json
index 1f3007f..24a1389 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1184,12 +1184,6 @@
       "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=",
       "dev": true
     },
-    "asap": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
-      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
-      "dev": true
-    },
     "asn1.js": {
       "version": "4.10.1",
       "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz",
@@ -2240,15 +2234,6 @@
       "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
       "dev": true
     },
-    "encoding": {
-      "version": "0.1.12",
-      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz",
-      "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=",
-      "dev": true,
-      "requires": {
-        "iconv-lite": "~0.4.13"
-      }
-    },
     "end-of-stream": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz",
@@ -2418,29 +2403,6 @@
         "is-extglob": "^1.0.0"
       }
     },
-    "fbjs": {
-      "version": "0.8.16",
-      "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.16.tgz",
-      "integrity": "sha1-XmdDL1UNxBtXK/VYR7ispk5TN9s=",
-      "dev": true,
-      "requires": {
-        "core-js": "^1.0.0",
-        "isomorphic-fetch": "^2.1.1",
-        "loose-envify": "^1.0.0",
-        "object-assign": "^4.1.0",
-        "promise": "^7.1.1",
-        "setimmediate": "^1.0.5",
-        "ua-parser-js": "^0.7.9"
-      },
-      "dependencies": {
-        "core-js": {
-          "version": "1.2.7",
-          "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
-          "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=",
-          "dev": true
-        }
-      }
-    },
     "filename-regex": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
@@ -2993,16 +2955,6 @@
         "isarray": "1.0.0"
       }
     },
-    "isomorphic-fetch": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
-      "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=",
-      "dev": true,
-      "requires": {
-        "node-fetch": "^1.0.1",
-        "whatwg-fetch": ">=0.10.0"
-      }
-    },
     "js-tokens": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
@@ -3627,16 +3579,6 @@
         }
       }
     },
-    "node-fetch": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
-      "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
-      "dev": true,
-      "requires": {
-        "encoding": "^0.1.11",
-        "is-stream": "^1.0.1"
-      }
-    },
     "node-modules-regexp": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz",
@@ -4028,24 +3970,26 @@
       "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
       "dev": true
     },
-    "promise": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
-      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
-      "dev": true,
-      "requires": {
-        "asap": "~2.0.3"
-      }
-    },
     "prop-types": {
-      "version": "15.6.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.1.tgz",
-      "integrity": "sha512-4ec7bY1Y66LymSUOH/zARVYObB23AT2h8cf6e/O6ZALB/N0sqZFEx7rq6EYPX2MkOdKORuooI/H5k9TlR4q7kQ==",
+      "version": "15.7.2",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
+      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
       "dev": true,
       "requires": {
-        "fbjs": "^0.8.16",
-        "loose-envify": "^1.3.1",
-        "object-assign": "^4.1.1"
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.8.1"
+      },
+      "dependencies": {
+        "loose-envify": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+          "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+          "dev": true,
+          "requires": {
+            "js-tokens": "^3.0.0 || ^4.0.0"
+          }
+        }
       }
     },
     "public-encrypt": {
@@ -4162,41 +4106,34 @@
       }
     },
     "react": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/react/-/react-15.5.4.tgz",
-      "integrity": "sha1-+oPrAVBqsjfNwcjDsc6o3gEr8Ec=",
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.13.1.tgz",
+      "integrity": "sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==",
       "dev": true,
       "requires": {
-        "fbjs": "^0.8.9",
         "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.0",
-        "prop-types": "^15.5.7"
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2"
       }
     },
     "react-dom": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-15.5.4.tgz",
-      "integrity": "sha1-ugwoeG/VLtfk8hNf4CiNRirvk9o=",
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.13.1.tgz",
+      "integrity": "sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==",
       "dev": true,
       "requires": {
-        "fbjs": "^0.8.9",
         "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.0",
-        "prop-types": "~15.5.7"
-      },
-      "dependencies": {
-        "prop-types": {
-          "version": "15.5.10",
-          "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.5.10.tgz",
-          "integrity": "sha1-J5ffwxJhguOpXj37suiT3ddFYVQ=",
-          "dev": true,
-          "requires": {
-            "fbjs": "^0.8.9",
-            "loose-envify": "^1.3.1"
-          }
-        }
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2",
+        "scheduler": "^0.19.1"
       }
     },
+    "react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
     "react-tools": {
       "version": "0.13.3",
       "resolved": "https://registry.npmjs.org/react-tools/-/react-tools-0.13.3.tgz",
@@ -4470,6 +4407,16 @@
       "integrity": "sha512-1HwIYD/8UlOtFS3QO3w7ey+SdSDFE4HRNLZoZRYVQefrOY3l17epswImeB1ijgJFQJodIaHcwkp3r/myBjFVbg==",
       "dev": true
     },
+    "scheduler": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
+      "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1"
+      }
+    },
     "semver": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.0.tgz",
@@ -4482,12 +4429,6 @@
       "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
       "dev": true
     },
-    "setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
-      "dev": true
-    },
     "sha.js": {
       "version": "2.4.11",
       "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
@@ -4893,12 +4834,6 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
-    "ua-parser-js": {
-      "version": "0.7.17",
-      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.17.tgz",
-      "integrity": "sha512-uRdSdu1oA1rncCQL7sCj8vSyZkgtL7faaw9Tc9rZ3mGgraQ7+Pdx7w5mnOSF3gw9ZNG6oc+KXfkon3bKuROm0g==",
-      "dev": true
-    },
     "uglify-js": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.6.0.tgz",
@@ -5050,12 +4985,6 @@
         }
       }
     },
-    "whatwg-fetch": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz",
-      "integrity": "sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==",
-      "dev": true
-    },
     "which": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",
diff --git a/package.json b/package.json
index c49f949..d8721da 100644
--- a/package.json
+++ b/package.json
@@ -66,8 +66,8 @@
     "http-server": "^0.9.0",
     "ip-cli": "^1.0.5",
     "mocha": "^6.1.4",
-    "react": "15.5.4",
-    "react-dom": "15.5.4",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
     "reactify": "^1.1.1",
     "referee": "^1.1.1",
     "should": "^13.2.1",
diff --git a/src/_html/index.html b/src/_html/index.html
index 17197f4..40f8d32 100644
--- a/src/_html/index.html
+++ b/src/_html/index.html
@@ -7,7 +7,7 @@
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/xdomain@0.8.2/dist/xdomain.min.js" slave="${KATAS_SERVICE_URL}/proxy.html"></script>
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/ace-builds@1.4.11/src-min-noconflict/ace.js" charset="utf-8"></script>
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/ace-builds@1.4.11/src-min-noconflict/ext-language_tools.js" charset="utf-8"></script>
-  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/react@15.5.4/dist/react-with-addons.min.js"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/react@16.13.1/umd/react.production.min.js"></script>
   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/babel-polyfill@6.26.0/dist/polyfill.min.js"></script>
   <link type="text/css" href="style.css" rel="stylesheet"/>
 </head>
diff --git a/vendor/react/16.13.1/umd/react.production.min.js b/vendor/react/16.13.1/umd/react.production.min.js
new file mode 100644
index 0000000..a6338f8
--- /dev/null
+++ b/vendor/react/16.13.1/umd/react.production.min.js
@@ -0,0 +1,32 @@
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';(function(d,r){"object"===typeof exports&&"undefined"!==typeof module?r(exports):"function"===typeof define&&define.amd?define(["exports"],r):(d=d||self,r(d.React={}))})(this,function(d){function r(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+function w(a,b,c){this.props=a;this.context=b;this.refs=ba;this.updater=c||ca}function da(){}function L(a,b,c){this.props=a;this.context=b;this.refs=ba;this.updater=c||ca}function ea(a,b,c){var g,e={},fa=null,d=null;if(null!=b)for(g in void 0!==b.ref&&(d=b.ref),void 0!==b.key&&(fa=""+b.key),b)ha.call(b,g)&&!ia.hasOwnProperty(g)&&(e[g]=b[g]);var h=arguments.length-2;if(1===h)e.children=c;else if(1<h){for(var k=Array(h),f=0;f<h;f++)k[f]=arguments[f+2];e.children=k}if(a&&a.defaultProps)for(g in h=a.defaultProps,
+h)void 0===e[g]&&(e[g]=h[g]);return{$$typeof:x,type:a,key:fa,ref:d,props:e,_owner:M.current}}function va(a,b){return{$$typeof:x,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function N(a){return"object"===typeof a&&null!==a&&a.$$typeof===x}function wa(a){var b={"=":"=0",":":"=2"};return"$"+(""+a).replace(/[=:]/g,function(a){return b[a]})}function ja(a,b,c,g){if(C.length){var e=C.pop();e.result=a;e.keyPrefix=b;e.func=c;e.context=g;e.count=0;return e}return{result:a,keyPrefix:b,func:c,
+context:g,count:0}}function ka(a){a.result=null;a.keyPrefix=null;a.func=null;a.context=null;a.count=0;10>C.length&&C.push(a)}function O(a,b,c,g){var e=typeof a;if("undefined"===e||"boolean"===e)a=null;var d=!1;if(null===a)d=!0;else switch(e){case "string":case "number":d=!0;break;case "object":switch(a.$$typeof){case x:case xa:d=!0}}if(d)return c(g,a,""===b?"."+P(a,0):b),1;d=0;b=""===b?".":b+":";if(Array.isArray(a))for(var f=0;f<a.length;f++){e=a[f];var h=b+P(e,f);d+=O(e,h,c,g)}else if(null===a||
+"object"!==typeof a?h=null:(h=la&&a[la]||a["@@iterator"],h="function"===typeof h?h:null),"function"===typeof h)for(a=h.call(a),f=0;!(e=a.next()).done;)e=e.value,h=b+P(e,f++),d+=O(e,h,c,g);else if("object"===e)throw c=""+a,Error(r(31,"[object Object]"===c?"object with keys {"+Object.keys(a).join(", ")+"}":c,""));return d}function Q(a,b,c){return null==a?0:O(a,"",b,c)}function P(a,b){return"object"===typeof a&&null!==a&&null!=a.key?wa(a.key):b.toString(36)}function ya(a,b,c){a.func.call(a.context,b,
+a.count++)}function za(a,b,c){var g=a.result,e=a.keyPrefix;a=a.func.call(a.context,b,a.count++);Array.isArray(a)?R(a,g,c,function(a){return a}):null!=a&&(N(a)&&(a=va(a,e+(!a.key||b&&b.key===a.key?"":(""+a.key).replace(ma,"$&/")+"/")+c)),g.push(a))}function R(a,b,c,g,e){var d="";null!=c&&(d=(""+c).replace(ma,"$&/")+"/");b=ja(b,d,g,e);Q(a,za,b);ka(b)}function t(){var a=na.current;if(null===a)throw Error(r(321));return a}function S(a,b){var c=a.length;a.push(b);a:for(;;){var g=c-1>>>1,e=a[g];if(void 0!==
+e&&0<D(e,b))a[g]=b,a[c]=e,c=g;else break a}}function n(a){a=a[0];return void 0===a?null:a}function E(a){var b=a[0];if(void 0!==b){var c=a.pop();if(c!==b){a[0]=c;a:for(var g=0,e=a.length;g<e;){var d=2*(g+1)-1,f=a[d],h=d+1,k=a[h];if(void 0!==f&&0>D(f,c))void 0!==k&&0>D(k,f)?(a[g]=k,a[h]=c,g=h):(a[g]=f,a[d]=c,g=d);else if(void 0!==k&&0>D(k,c))a[g]=k,a[h]=c,g=h;else break a}}return b}return null}function D(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}function F(a){for(var b=n(u);null!==
+b;){if(null===b.callback)E(u);else if(b.startTime<=a)E(u),b.sortIndex=b.expirationTime,S(p,b);else break;b=n(u)}}function T(a){y=!1;F(a);if(!v)if(null!==n(p))v=!0,z(U);else{var b=n(u);null!==b&&G(T,b.startTime-a)}}function U(a,b){v=!1;y&&(y=!1,V());H=!0;var c=m;try{F(b);for(l=n(p);null!==l&&(!(l.expirationTime>b)||a&&!W());){var g=l.callback;if(null!==g){l.callback=null;m=l.priorityLevel;var e=g(l.expirationTime<=b);b=q();"function"===typeof e?l.callback=e:l===n(p)&&E(p);F(b)}else E(p);l=n(p)}if(null!==
+l)var d=!0;else{var f=n(u);null!==f&&G(T,f.startTime-b);d=!1}return d}finally{l=null,m=c,H=!1}}function oa(a){switch(a){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1E4;default:return 5E3}}var f="function"===typeof Symbol&&Symbol.for,x=f?Symbol.for("react.element"):60103,xa=f?Symbol.for("react.portal"):60106,Aa=f?Symbol.for("react.fragment"):60107,Ba=f?Symbol.for("react.strict_mode"):60108,Ca=f?Symbol.for("react.profiler"):60114,Da=f?Symbol.for("react.provider"):60109,
+Ea=f?Symbol.for("react.context"):60110,Fa=f?Symbol.for("react.forward_ref"):60112,Ga=f?Symbol.for("react.suspense"):60113,Ha=f?Symbol.for("react.memo"):60115,Ia=f?Symbol.for("react.lazy"):60116,la="function"===typeof Symbol&&Symbol.iterator,pa=Object.getOwnPropertySymbols,Ja=Object.prototype.hasOwnProperty,Ka=Object.prototype.propertyIsEnumerable,I=function(){try{if(!Object.assign)return!1;var a=new String("abc");a[5]="de";if("5"===Object.getOwnPropertyNames(a)[0])return!1;var b={};for(a=0;10>a;a++)b["_"+
+String.fromCharCode(a)]=a;if("0123456789"!==Object.getOwnPropertyNames(b).map(function(a){return b[a]}).join(""))return!1;var c={};"abcdefghijklmnopqrst".split("").forEach(function(a){c[a]=a});return"abcdefghijklmnopqrst"!==Object.keys(Object.assign({},c)).join("")?!1:!0}catch(g){return!1}}()?Object.assign:function(a,b){if(null===a||void 0===a)throw new TypeError("Object.assign cannot be called with null or undefined");var c=Object(a);for(var g,e=1;e<arguments.length;e++){var d=Object(arguments[e]);
+for(var f in d)Ja.call(d,f)&&(c[f]=d[f]);if(pa){g=pa(d);for(var h=0;h<g.length;h++)Ka.call(d,g[h])&&(c[g[h]]=d[g[h]])}}return c},ca={isMounted:function(a){return!1},enqueueForceUpdate:function(a,b,c){},enqueueReplaceState:function(a,b,c,d){},enqueueSetState:function(a,b,c,d){}},ba={};w.prototype.isReactComponent={};w.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error(r(85));this.updater.enqueueSetState(this,a,b,"setState")};w.prototype.forceUpdate=
+function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};da.prototype=w.prototype;f=L.prototype=new da;f.constructor=L;I(f,w.prototype);f.isPureReactComponent=!0;var M={current:null},ha=Object.prototype.hasOwnProperty,ia={key:!0,ref:!0,__self:!0,__source:!0},ma=/\/+/g,C=[],na={current:null},X;if("undefined"===typeof window||"function"!==typeof MessageChannel){var A=null,qa=null,ra=function(){if(null!==A)try{var a=q();A(!0,a);A=null}catch(b){throw setTimeout(ra,0),b;}},La=Date.now();var q=
+function(){return Date.now()-La};var z=function(a){null!==A?setTimeout(z,0,a):(A=a,setTimeout(ra,0))};var G=function(a,b){qa=setTimeout(a,b)};var V=function(){clearTimeout(qa)};var W=function(){return!1};f=X=function(){}}else{var Y=window.performance,sa=window.Date,Ma=window.setTimeout,Na=window.clearTimeout;"undefined"!==typeof console&&(f=window.cancelAnimationFrame,"function"!==typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),
+"function"!==typeof f&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));if("object"===typeof Y&&"function"===typeof Y.now)q=function(){return Y.now()};else{var Oa=sa.now();q=function(){return sa.now()-Oa}}var J=!1,K=null,Z=-1,ta=5,ua=0;W=function(){return q()>=ua};f=function(){};X=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):
+ta=0<a?Math.floor(1E3/a):5};var B=new MessageChannel,aa=B.port2;B.port1.onmessage=function(){if(null!==K){var a=q();ua=a+ta;try{K(!0,a)?aa.postMessage(null):(J=!1,K=null)}catch(b){throw aa.postMessage(null),b;}}else J=!1};z=function(a){K=a;J||(J=!0,aa.postMessage(null))};G=function(a,b){Z=Ma(function(){a(q())},b)};V=function(){Na(Z);Z=-1}}var p=[],u=[],Pa=1,l=null,m=3,H=!1,v=!1,y=!1,Qa=0;B={ReactCurrentDispatcher:na,ReactCurrentOwner:M,IsSomeRendererActing:{current:!1},assign:I};I(B,{Scheduler:{__proto__:null,
+unstable_ImmediatePriority:1,unstable_UserBlockingPriority:2,unstable_NormalPriority:3,unstable_IdlePriority:5,unstable_LowPriority:4,unstable_runWithPriority:function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=m;m=a;try{return b()}finally{m=c}},unstable_next:function(a){switch(m){case 1:case 2:case 3:var b=3;break;default:b=m}var c=m;m=b;try{return a()}finally{m=c}},unstable_scheduleCallback:function(a,b,c){var d=q();if("object"===typeof c&&null!==c){var e=c.delay;
+e="number"===typeof e&&0<e?d+e:d;c="number"===typeof c.timeout?c.timeout:oa(a)}else c=oa(a),e=d;c=e+c;a={id:Pa++,callback:b,priorityLevel:a,startTime:e,expirationTime:c,sortIndex:-1};e>d?(a.sortIndex=e,S(u,a),null===n(p)&&a===n(u)&&(y?V():y=!0,G(T,e-d))):(a.sortIndex=c,S(p,a),v||H||(v=!0,z(U)));return a},unstable_cancelCallback:function(a){a.callback=null},unstable_wrapCallback:function(a){var b=m;return function(){var c=m;m=b;try{return a.apply(this,arguments)}finally{m=c}}},unstable_getCurrentPriorityLevel:function(){return m},
+unstable_shouldYield:function(){var a=q();F(a);var b=n(p);return b!==l&&null!==l&&null!==b&&null!==b.callback&&b.startTime<=a&&b.expirationTime<l.expirationTime||W()},unstable_requestPaint:f,unstable_continueExecution:function(){v||H||(v=!0,z(U))},unstable_pauseExecution:function(){},unstable_getFirstCallbackNode:function(){return n(p)},get unstable_now(){return q},get unstable_forceFrameRate(){return X},unstable_Profiling:null},SchedulerTracing:{__proto__:null,__interactionsRef:null,__subscriberRef:null,
+unstable_clear:function(a){return a()},unstable_getCurrent:function(){return null},unstable_getThreadID:function(){return++Qa},unstable_trace:function(a,b,c){return c()},unstable_wrap:function(a){return a},unstable_subscribe:function(a){},unstable_unsubscribe:function(a){}}});d.Children={map:function(a,b,c){if(null==a)return a;var d=[];R(a,d,null,b,c);return d},forEach:function(a,b,c){if(null==a)return a;b=ja(null,null,b,c);Q(a,ya,b);ka(b)},count:function(a){return Q(a,function(){return null},null)},
+toArray:function(a){var b=[];R(a,b,null,function(a){return a});return b},only:function(a){if(!N(a))throw Error(r(143));return a}};d.Component=w;d.Fragment=Aa;d.Profiler=Ca;d.PureComponent=L;d.StrictMode=Ba;d.Suspense=Ga;d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=B;d.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error(r(267,a));var d=I({},a.props),e=a.key,f=a.ref,m=a._owner;if(null!=b){void 0!==b.ref&&(f=b.ref,m=M.current);void 0!==b.key&&(e=""+b.key);if(a.type&&a.type.defaultProps)var h=
+a.type.defaultProps;for(k in b)ha.call(b,k)&&!ia.hasOwnProperty(k)&&(d[k]=void 0===b[k]&&void 0!==h?h[k]:b[k])}var k=arguments.length-2;if(1===k)d.children=c;else if(1<k){h=Array(k);for(var l=0;l<k;l++)h[l]=arguments[l+2];d.children=h}return{$$typeof:x,type:a.type,key:e,ref:f,props:d,_owner:m}};d.createContext=function(a,b){void 0===b&&(b=null);a={$$typeof:Ea,_calculateChangedBits:b,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:Da,_context:a};return a.Consumer=
+a};d.createElement=ea;d.createFactory=function(a){var b=ea.bind(null,a);b.type=a;return b};d.createRef=function(){return{current:null}};d.forwardRef=function(a){return{$$typeof:Fa,render:a}};d.isValidElement=N;d.lazy=function(a){return{$$typeof:Ia,_ctor:a,_status:-1,_result:null}};d.memo=function(a,b){return{$$typeof:Ha,type:a,compare:void 0===b?null:b}};d.useCallback=function(a,b){return t().useCallback(a,b)};d.useContext=function(a,b){return t().useContext(a,b)};d.useDebugValue=function(a,b){};
+d.useEffect=function(a,b){return t().useEffect(a,b)};d.useImperativeHandle=function(a,b,c){return t().useImperativeHandle(a,b,c)};d.useLayoutEffect=function(a,b){return t().useLayoutEffect(a,b)};d.useMemo=function(a,b){return t().useMemo(a,b)};d.useReducer=function(a,b,c){return t().useReducer(a,b,c)};d.useRef=function(a){return t().useRef(a)};d.useState=function(a){return t().useState(a)};d.version="16.13.1"});

From 9410fd25add3394a13b87d41f5a7f84b23678ef5 Mon Sep 17 00:00:00 2001
From: shine <4771718+shinenelson@users.noreply.github.com>
Date: Fri, 5 Jun 2020 23:25:24 +0530
Subject: [PATCH 5/5] remove check for non-macs in scripts/build-offline-dev

works fine on ubuntu 20.04 LTS and debian 10 ( buster )
---
 scripts/build/build-offline-dev.sh | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/scripts/build/build-offline-dev.sh b/scripts/build/build-offline-dev.sh
index 3e98eaf..d08a65e 100755
--- a/scripts/build/build-offline-dev.sh
+++ b/scripts/build/build-offline-dev.sh
@@ -6,7 +6,6 @@ DIST_ROOT="$ORIGIN_ROOT/dist"
 cp -r $ORIGIN_ROOT/vendor $DIST_ROOT;
 
 # replace online refs using offline-refs (so I can work offline too)
-if [[ $OSTYPE == darwin* ]]; then
   # replace in index.html
   sed -i'' \
       -e "s|//cdn.jsdelivr.net/npm|../vendor|g" \
@@ -15,7 +14,3 @@ if [[ $OSTYPE == darwin* ]]; then
   # replace in spec-runners
   sed -i'' "s/\/\/cdnjs.cloudflare.com\/ajax\/libs/..\/vendor/g" $DIST_ROOT/mocha/spec-runner.html
   sed -i'' "s/\/\/cdnjs.cloudflare.com\/ajax\/libs/..\/vendor/g" $DIST_ROOT/jasmine/spec-runner.html
-else
-  echo "To do: make '$0' work on non-Macs";
-  exit 1;
-fi;