Merge pull request #661 from Marco-Pagani/external-deps

Convert external dependencies to npm packages

gulpfile.js

@@ -12,14 +12,7 @@ sass.compiler = require("dart-sass");
 
 let eslintConfig = {
   parser: "babel-eslint",
-  globals: [
-    "jQuery",
-    "$",
-    "firebase",
-    "moment",
-    "html2canvas",
-    "ClipboardItem",
-  ],
+  globals: ["firebase", "ClipboardItem"],
   envs: ["es6", "browser", "node"],
   rules: {
     "constructor-super": "error",

package-lock.json

@@ -1777,6 +1777,11 @@
         }
       }
     },
+    "base64-arraybuffer": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.2.0.tgz",
+      "integrity": "sha512-7emyCsu1/xiBXgQZrscw/8KPRT44I4Yq9Pe6EGs3aPRTsWuggML1/1DTuZUuIaJPIm1FTDUVXl4x/yW8s0kQDQ=="
+    },
     "base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -2658,6 +2663,14 @@
         "randomfill": "^1.0.3"
       }
     },
+    "css-line-break": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-1.1.1.tgz",
+      "integrity": "sha512-1feNVaM4Fyzdj4mKPIQNL2n70MmuYzAXZ1aytlROFX1JsOo070OsugwGjj7nl6jnDJWHDM8zRZswkmeYVWZJQA==",
+      "requires": {
+        "base64-arraybuffer": "^0.2.0"
+      }
+    },
     "currently-unhandled": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
@@ -4793,6 +4806,14 @@
       "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
       "dev": true
     },
+    "html2canvas": {
+      "version": "1.0.0-rc.7",
+      "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.0.0-rc.7.tgz",
+      "integrity": "sha512-yvPNZGejB2KOyKleZspjK/NruXVQuowu8NnV2HYG7gW7ytzl+umffbtUI62v2dCHQLDdsK6HIDtyJZ0W3neerA==",
+      "requires": {
+        "css-line-break": "1.1.1"
+      }
+    },
     "htmlescape": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/htmlescape/-/htmlescape-1.1.1.tgz",
@@ -5408,6 +5429,29 @@
       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
       "dev": true
     },
+    "jquery": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
+      "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
+    },
+    "jquery-color": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/jquery-color/-/jquery-color-2.2.0.tgz",
+      "integrity": "sha512-4VoxsLMw860EQGNT/TmP3Lbr7/1OCQlBPS4ILj7bxRApJrPQfpqzdIOTY8Ll9nGY7UHtWqDuzR7cUcS1lcWjVw=="
+    },
+    "jquery-easing": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/jquery-easing/-/jquery-easing-0.0.1.tgz",
+      "integrity": "sha1-s8N1JbVXNNwe4a0JtsM3MYdodxU=",
+      "requires": {
+        "jquery": "*"
+      }
+    },
+    "jquery.cookie": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jquery.cookie/-/jquery.cookie-1.4.1.tgz",
+      "integrity": "sha1-1j3OIJ6raR/mMxbbCMqeR+D5OFs="
+    },
     "js-base64": {
       "version": "2.6.4",
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",

package.json

@@ -11,9 +11,6 @@
     "deploy:live:functions": "npm run build && firebase deploy -P live --only functions",
     "deploy:live": "npm run build && firebase deploy -P live"
   },
-  "engines": {
-    "node": "10"
-  },
   "devDependencies": {
     "@babel/core": "^7.12.3",
     "@babel/plugin-transform-runtime": "^7.12.1",
@@ -45,6 +42,12 @@
     "@babel/runtime": "^7.12.5",
     "chart.js": "^2.9.4",
     "chartjs-plugin-annotation": "^0.5.7",
-    "chartjs-plugin-trendline": "^0.2.2"
+    "chartjs-plugin-trendline": "^0.2.2",
+    "html2canvas": "^1.0.0-rc.7",
+    "jquery": "^3.5.1",
+    "jquery-color": "^2.2.0",
+    "jquery-easing": "0.0.1",
+    "jquery.cookie": "^1.4.1",
+    "moment": "^2.29.1"
   }
 }

src/js/global-dependencies.js

@@ -1,12 +1,19 @@
-//this file should be concatenated at the top of the legacy js files
+// this file should be concatenated at the top of the legacy js files
+
+import $ from "jquery";
+import "jquery-color";
+import "jquery-easing";
+import "jquery.cookie";
 
 import Chart from "chart.js";
 import chartTrendline from "chartjs-plugin-trendline";
 import chartAnnotation from "chartjs-plugin-annotation";
-
 Chart.plugins.register(chartTrendline);
 Chart.plugins.register(chartAnnotation);
 
+import moment from "moment";
+import html2canvas from "html2canvas";
+
 import {
   db_getSnapshot,
   db_setSnapshot,

src/js/script.js

@@ -4821,6 +4821,7 @@ if (firebase.app().options.projectId === "monkey-type-dev-67af4") {
 if (window.location.hostname === "localhost") {
   window.onerror = function (error) {
     Misc.showNotification(error, 3000);
+
   };
   $("#top .logo .top").text("localhost");
   $("head title").text($("head title").text() + " (localhost)");

static/index.html

@@ -947,7 +947,9 @@
               <div id="caret" class="default size15"></div>
               <div id="paceCaret" class="default size15 hidden"></div>
               <input id="wordsInput" class="" tabindex="0" autocomplete="off" />
-              <div id="timerNumber"><div>60</div></div>
+              <div id="timerNumber">
+                <div>60</div>
+              </div>
               <div id="miniTimerAndLiveWpm">
                 <div class="time hidden">1:00</div>
                 <div class="wpm">60</div>
@@ -3483,15 +3485,11 @@
 
   <!-- Initialize Firebase -->
   <script src="/__/firebase/init.js"></script>
+
+  <!-- Add in our js-->
+  <script src="js/monkeytype.js"></script>
   <script
     src="https://kit.fontawesome.com/f3f87d89b4.js"
     crossorigin="anonymous"
   ></script>
-  <script src="js/jquery-3.5.1.min.js"></script>
-  <script src="js/jquery.color.min.js"></script>
-  <script src="js/easing.js"></script>
-  <script src="js/jquery.cookie-1.4.1.min.js"></script>
-  <script src="js/moment.min.js"></script>
-  <script src="js/html2canvas.min.js"></script>
-  <script src="js/monkeytype.js"></script>
 </html>

static/js/easing.js

@@ -1,250 +0,0 @@
-/*
- * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
- *
- * Uses the built in easing capabilities added In jQuery 1.1
- * to offer multiple easing options
- *
- * TERMS OF USE - jQuery Easing
- *
- * Open source under the BSD License.
- *
- * Copyright © 2008 George McGinley Smith
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
- */
-
-// t: current time, b: begInnIng value, c: change In value, d: duration
-jQuery.easing["jswing"] = jQuery.easing["swing"];
-
-jQuery.extend(jQuery.easing, {
-  def: "easeOutQuad",
-  swing: function (x, t, b, c, d) {
-    //alert(jQuery.easing.default);
-    return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
-  },
-  easeInQuad: function (x, t, b, c, d) {
-    return c * (t /= d) * t + b;
-  },
-  easeOutQuad: function (x, t, b, c, d) {
-    return -c * (t /= d) * (t - 2) + b;
-  },
-  easeInOutQuad: function (x, t, b, c, d) {
-    if ((t /= d / 2) < 1) return (c / 2) * t * t + b;
-    return (-c / 2) * (--t * (t - 2) - 1) + b;
-  },
-  easeInCubic: function (x, t, b, c, d) {
-    return c * (t /= d) * t * t + b;
-  },
-  easeOutCubic: function (x, t, b, c, d) {
-    return c * ((t = t / d - 1) * t * t + 1) + b;
-  },
-  easeInOutCubic: function (x, t, b, c, d) {
-    if ((t /= d / 2) < 1) return (c / 2) * t * t * t + b;
-    return (c / 2) * ((t -= 2) * t * t + 2) + b;
-  },
-  easeInQuart: function (x, t, b, c, d) {
-    return c * (t /= d) * t * t * t + b;
-  },
-  easeOutQuart: function (x, t, b, c, d) {
-    return -c * ((t = t / d - 1) * t * t * t - 1) + b;
-  },
-  easeInOutQuart: function (x, t, b, c, d) {
-    if ((t /= d / 2) < 1) return (c / 2) * t * t * t * t + b;
-    return (-c / 2) * ((t -= 2) * t * t * t - 2) + b;
-  },
-  easeInQuint: function (x, t, b, c, d) {
-    return c * (t /= d) * t * t * t * t + b;
-  },
-  easeOutQuint: function (x, t, b, c, d) {
-    return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
-  },
-  easeInOutQuint: function (x, t, b, c, d) {
-    if ((t /= d / 2) < 1) return (c / 2) * t * t * t * t * t + b;
-    return (c / 2) * ((t -= 2) * t * t * t * t + 2) + b;
-  },
-  easeInSine: function (x, t, b, c, d) {
-    return -c * Math.cos((t / d) * (Math.PI / 2)) + c + b;
-  },
-  easeOutSine: function (x, t, b, c, d) {
-    return c * Math.sin((t / d) * (Math.PI / 2)) + b;
-  },
-  easeInOutSine: function (x, t, b, c, d) {
-    return (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b;
-  },
-  easeInExpo: function (x, t, b, c, d) {
-    return t == 0 ? b : c * Math.pow(2, 10 * (t / d - 1)) + b;
-  },
-  easeOutExpo: function (x, t, b, c, d) {
-    return t == d ? b + c : c * (-Math.pow(2, (-10 * t) / d) + 1) + b;
-  },
-  easeInOutExpo: function (x, t, b, c, d) {
-    if (t == 0) return b;
-    if (t == d) return b + c;
-    if ((t /= d / 2) < 1) return (c / 2) * Math.pow(2, 10 * (t - 1)) + b;
-    return (c / 2) * (-Math.pow(2, -10 * --t) + 2) + b;
-  },
-  easeInCirc: function (x, t, b, c, d) {
-    return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;
-  },
-  easeOutCirc: function (x, t, b, c, d) {
-    return c * Math.sqrt(1 - (t = t / d - 1) * t) + b;
-  },
-  easeInOutCirc: function (x, t, b, c, d) {
-    if ((t /= d / 2) < 1) return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b;
-    return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
-  },
-  easeInElastic: function (x, t, b, c, d) {
-    var s = 1.70158;
-    var p = 0;
-    var a = c;
-    if (t == 0) return b;
-    if ((t /= d) == 1) return b + c;
-    if (!p) p = d * 0.3;
-    if (a < Math.abs(c)) {
-      a = c;
-      var s = p / 4;
-    } else var s = (p / (2 * Math.PI)) * Math.asin(c / a);
-    return (
-      -(
-        a *
-        Math.pow(2, 10 * (t -= 1)) *
-        Math.sin(((t * d - s) * (2 * Math.PI)) / p)
-      ) + b
-    );
-  },
-  easeOutElastic: function (x, t, b, c, d) {
-    var s = 1.70158;
-    var p = 0;
-    var a = c;
-    if (t == 0) return b;
-    if ((t /= d) == 1) return b + c;
-    if (!p) p = d * 0.3;
-    if (a < Math.abs(c)) {
-      a = c;
-      var s = p / 4;
-    } else var s = (p / (2 * Math.PI)) * Math.asin(c / a);
-    return (
-      a * Math.pow(2, -10 * t) * Math.sin(((t * d - s) * (2 * Math.PI)) / p) +
-      c +
-      b
-    );
-  },
-  easeInOutElastic: function (x, t, b, c, d) {
-    var s = 1.70158;
-    var p = 0;
-    var a = c;
-    if (t == 0) return b;
-    if ((t /= d / 2) == 2) return b + c;
-    if (!p) p = d * (0.3 * 1.5);
-    if (a < Math.abs(c)) {
-      a = c;
-      var s = p / 4;
-    } else var s = (p / (2 * Math.PI)) * Math.asin(c / a);
-    if (t < 1)
-      return (
-        -0.5 *
-          (a *
-            Math.pow(2, 10 * (t -= 1)) *
-            Math.sin(((t * d - s) * (2 * Math.PI)) / p)) +
-        b
-      );
-    return (
-      a *
-        Math.pow(2, -10 * (t -= 1)) *
-        Math.sin(((t * d - s) * (2 * Math.PI)) / p) *
-        0.5 +
-      c +
-      b
-    );
-  },
-  easeInBack: function (x, t, b, c, d, s) {
-    if (s == undefined) s = 1.70158;
-    return c * (t /= d) * t * ((s + 1) * t - s) + b;
-  },
-  easeOutBack: function (x, t, b, c, d, s) {
-    if (s == undefined) s = 1.70158;
-    return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
-  },
-  easeInOutBack: function (x, t, b, c, d, s) {
-    if (s == undefined) s = 1.70158;
-    if ((t /= d / 2) < 1)
-      return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b;
-    return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b;
-  },
-  easeInBounce: function (x, t, b, c, d) {
-    return c - jQuery.easing.easeOutBounce(x, d - t, 0, c, d) + b;
-  },
-  easeOutBounce: function (x, t, b, c, d) {
-    if ((t /= d) < 1 / 2.75) {
-      return c * (7.5625 * t * t) + b;
-    } else if (t < 2 / 2.75) {
-      return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;
-    } else if (t < 2.5 / 2.75) {
-      return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;
-    } else {
-      return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;
-    }
-  },
-  easeInOutBounce: function (x, t, b, c, d) {
-    if (t < d / 2)
-      return jQuery.easing.easeInBounce(x, t * 2, 0, c, d) * 0.5 + b;
-    return (
-      jQuery.easing.easeOutBounce(x, t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b
-    );
-  },
-});
-
-/*
- *
- * TERMS OF USE - EASING EQUATIONS
- *
- * Open source under the BSD License.
- *
- * Copyright © 2001 Robert Penner
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
- */

static/js/jquery.cookie-1.4.1.min.js

@@ -1,2 +0,0 @@
-/*! jquery.cookie v1.4.1 | MIT */
-!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?a(require("jquery")):a(jQuery)}(function(a){function b(a){return h.raw?a:encodeURIComponent(a)}function c(a){return h.raw?a:decodeURIComponent(a)}function d(a){return b(h.json?JSON.stringify(a):String(a))}function e(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return a=decodeURIComponent(a.replace(g," ")),h.json?JSON.parse(a):a}catch(b){}}function f(b,c){var d=h.raw?b:e(b);return a.isFunction(c)?c(d):d}var g=/\+/g,h=a.cookie=function(e,g,i){if(void 0!==g&&!a.isFunction(g)){if(i=a.extend({},h.defaults,i),"number"==typeof i.expires){var j=i.expires,k=i.expires=new Date;k.setTime(+k+864e5*j)}return document.cookie=[b(e),"=",d(g),i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}for(var l=e?void 0:{},m=document.cookie?document.cookie.split("; "):[],n=0,o=m.length;o>n;n++){var p=m[n].split("="),q=c(p.shift()),r=p.join("=");if(e&&e===q){l=f(r,g);break}e||void 0===(r=f(r))||(l[q]=r)}return l};h.defaults={},a.removeCookie=function(b,c){return void 0===a.cookie(b)?!1:(a.cookie(b,"",a.extend({},c,{expires:-1})),!a.cookie(b))}});