bump node deps; bump .NET nuget packages; refactor ClientApp javascript/vue files

Author: based-ghost

GhostUI/ClientApp/.browserslistrc

@@ -1,3 +1,3 @@
 > 1%
+last 2 versions
 not dead
-not op_mini all

GhostUI/ClientApp/src/main.ts

@@ -1,14 +1,14 @@
 import Vue from 'vue';
+import App from '@/App.vue';
 import '@/registerServiceWorker';
 import '@/assets/style/scss/main.scss';
-import '@/config/fa.config';
-import App from '@/App.vue';
 import store from '@/store';
 import router from '@/router';
+import Snotify from 'vue-snotify';
 import { vClickOutside } from '@/plugins';
 import { SignalRApi } from '@/api/signalr.service';
 import { AxiosGlobalConfig, snotifyDefaults } from '@/config';
-import Snotify from 'vue-snotify';
+import '@/config/fa.config';
 
 // Install custom plugins/third-party packages
 Vue.use(vClickOutside);

GhostUI/ClientApp/src/plugins/vue-click-outside.ts

@@ -1,4 +1,6 @@
-export default {
+const DEFAULT_EVENTS: string[] = ['click', 'touchstart'];
+
+const vClickOutside = {
   install(Vue) {
     Vue.directive('click-outside', {
       bind: function(el, binding, vNode) {
@@ -10,24 +12,24 @@
 
         const bubble = binding.modifiers.bubble;
 
-        const handler = (e) => {
+        const handlerFn = (e) => {
           if (bubble || (!el.contains(e.target) && el !== e.target)) {
             binding.value(e);
           }
         };
 
-        el.__vueClickOutside__ = handler;
-        document.addEventListener('click', handler, true);
-        document.addEventListener('touchstart', handler, true);
+        el.__vueClickOutside__ = handlerFn;
+        DEFAULT_EVENTS.forEach((type) => document.addEventListener(type, handlerFn));
       },
 
       unbind: function(el) {
-        if (!el.__vueClickOutside__) return;
-
-        document.removeEventListener('click', el.__vueClickOutside__, true);
-        document.removeEventListener('touchstart', el.__vueClickOutside__, true);
-        el.__vueClickOutside__ = null;
+        if (el.__vueClickOutside__) {
+          DEFAULT_EVENTS.forEach((type) => document?.removeEventListener(type, el.__vueClickOutside__));
+          el.__vueClickOutside__ = null;
+        }
       }
     });
   }
 };
+
+export default vClickOutside;

GhostUI/ClientApp/tsconfig.json

@@ -25,7 +25,8 @@
     "lib": [
       "esnext",
       "dom",
-      "dom.iterable"
+      "dom.iterable",
+      "scripthost"
     ]
   },
   "include": [

GhostUI/ClientApp/vue.config.js

@@ -37,7 +37,7 @@ module.exports = {
   },
 
   // https://cli.vuejs.org/guide/webpack.html
-  configureWebpack: (config) => {
+  configureWebpack: () => {
     if (process.env.NODE_ENV !== "production") {
       return {};
     }

GhostUI/Startup.cs

@@ -114,7 +114,7 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
                 settings.DocumentPath = "/docs/api-specification.json";
             });
 
-            app.UseHttpsRedirection();
+            // app.UseHttpsRedirection();
             app.UseStaticFiles();
             app.UseSpaStaticFiles();
             app.UseRouting();

GhostUI/appsettings.json

@@ -33,6 +33,5 @@
     "Webhooks": [],
     "EvaluationTimeOnSeconds": 10,
     "MinimumSecondsBetweenFailureNotifications": 60
-    // "HealthCheckDatabaseConnectionString": "Data Source=[PUT-MY-PATH-HERE]\\healthchecksdb" //-> Optional, default on WebContentRoot
   }
 }