Fix deprecated 'substr' method call and linting errors

Author: billy-briggs-dev

libs/mf-tools/src/lib/web-components/router-utils.ts

@@ -23,14 +23,14 @@ export function endsWith(prefix: string): UrlMatcher {
 export function connectRouter(router: Router, useHash = false): void {
     let url: string;
     if (!useHash) {
-        url = `${location.pathname.substr(1)}${location.search}`;
+        url = `${location.pathname.substring(1)}${location.search}`;
         router.navigateByUrl(url);
         window.addEventListener('popstate', () => {
             router.navigateByUrl(url);
         });
     }
     else {
-        url = `${location.hash.substr(1)}${location.search}`;
+        url = `${location.hash.substring(1)}${location.search}`;
         router.navigateByUrl(url);
         window.addEventListener('hashchange', () => {
             router.navigateByUrl(url);

libs/mf-tools/src/lib/web-components/web-component-wrapper.ts

@@ -7,6 +7,7 @@ export type WebComponentWrapperOptions = LoadRemoteModuleOptions & {
 };
 
 @Component({
+  // eslint-disable-next-line @angular-eslint/component-selector
   selector: 'mft-wc-wrapper',
   template: '<div #vc></div>',
 })

libs/mf/src/server/colors.ts

@@ -1,6 +1,6 @@
-const crypt = require("crypto");
-const chalk = require("chalk");
-const wordWrap = require("word-wrap");
+import crypt = require("crypto");
+import chalk = require("chalk");
+import wordWrap = require("word-wrap");
 
 function correctColor(color: string): string {
     let result = '';
@@ -31,12 +31,12 @@ export function print(prefix: string, prefixSize: number, message: string, error
         .update(prefix)
         .digest("hex");
 
-    const color = '#' + correctColor(hash.substr(6,6));
+    const color = '#' + correctColor(hash.substring(6,6));
 
     prefix = prefix.padEnd(prefixSize);
 
     if (message.endsWith('\n')) {
-        message = message.substr(0, message.length-1);
+        message = message.substring(0, message.length-1);
     }
 
     const coloredPrefix = chalk.hex(color)(prefix) + ' | ';

libs/mf/src/server/task-queue.ts

@@ -1,7 +1,7 @@
 export type DoneFn = () => void;
 export type Task = (done: DoneFn) => void;
 
-let queue: Task[] = [];
+const queue: Task[] = [];
 
 // tslint:disable-next-line: no-shadowed-variable
 function peek<T>(queue: Array<T>): T {