converted moment to external dependency

gulpfile.js

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

package.json

@@ -12,7 +12,7 @@
     "deploy:live": "npm run build && firebase deploy -P live"
   },
   "engines": {
-    "node": "10"
+    "node": ">=10"
   },
   "devDependencies": {
     "@babel/core": "^7.12.3",
@@ -45,6 +45,7 @@
     "@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",
+    "moment": "^2.29.1"
   }
 }

src/js/global-dependencies.js

@@ -1,9 +1,11 @@
-//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 Chart from "chart.js";
 import chartTrendline from "chartjs-plugin-trendline";
 import chartAnnotation from "chartjs-plugin-annotation";
 
+import moment from "moment";
+
 Chart.plugins.register(chartTrendline);
 Chart.plugins.register(chartAnnotation);
 

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>
@@ -3430,7 +3432,6 @@
   <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>