Merge pull request #13 from wimpyprogrammer/feature/upgrade-dependencies

Upgrade all dependencies to latest

Author: wimpyprogrammer

.eslintrc.json

@@ -5,11 +5,11 @@
 		"plugin:jest/recommended",
 		"plugin:@typescript-eslint/eslint-recommended",
 		"plugin:@typescript-eslint/recommended",
-		"prettier",
-		"prettier/@typescript-eslint"
+		"prettier"
 	],
 	"parserOptions": {
-		"ecmaVersion": 2018
+		"ecmaVersion": 2018,
+		"project": ["./**/tsconfig.json", "./**/tsconfig.test.json"]
 	},
 	"rules": {
 		"import/extensions": [
@@ -22,7 +22,7 @@
 		"import/no-extraneous-dependencies": [
 			"error",
 			{
-				"devDependencies": ["**/*.spec.{js,ts}", "**/jest.config.js"]
+				"devDependencies": ["**/*.spec.{js,ts}", "**/*.config.js"]
 			}
 		],
 		"import/no-unresolved": [
@@ -49,7 +49,8 @@
 			"LabeledStatement",
 			"WithStatement"
 		],
-		"@typescript-eslint/explicit-function-return-type": "off"
+		"@typescript-eslint/explicit-function-return-type": "off",
+		"@typescript-eslint/explicit-module-boundary-types": "off"
 	},
 	"settings": {
 		"import/parsers": {

demo/src/components/demo-form.ts

@@ -27,7 +27,9 @@ export default class DemoForm {
 	protected $errorContainer: HTMLDivElement;
 	protected $errorMessage: HTMLPreElement;
 
+	// eslint-disable-next-line @typescript-eslint/no-empty-function
 	public onSubmit: () => void = () => {};
+	// eslint-disable-next-line @typescript-eslint/no-empty-function
 	public onCancel: () => void = () => {};
 
 	private onInputKeydown(event: KeyboardEvent): boolean {

demo/src/components/demo-output.ts

@@ -32,11 +32,11 @@ export default class DemoOutput {
 
 		if (isBlockOutput) {
 			this.$expansions.innerHTML = expansions
-				.map(string => `<div class="alert alert-light">${escape(string)}</div>`)
+				.map((value) => `<div class="alert alert-light">${escape(value)}</div>`)
 				.join('\n');
 		} else {
 			this.$expansions.innerHTML = expansions
-				.map(string => `<span>${escape(string)}</span>`)
+				.map((value) => `<span>${escape(value)}</span>`)
 				.join(delimiter);
 		}
 

demo/src/demo.ts

@@ -11,7 +11,7 @@ import {
 	isCountResult,
 	isExpandResult,
 } from './worker/messages';
-// @ts-ignore Ignore lack of default export.  This is handled by worker-loader.
+// @ts-expect-error Ignore lack of default export.  This is handled by worker-loader.
 import DemoWorker from './worker';
 
 import './demo.scss';
@@ -97,7 +97,7 @@ $form.onCancel = () => {
 	hideWaitingState();
 };
 
-UrlStorage.onChange(newData => {
+UrlStorage.onChange((newData) => {
 	$form.populate(newData);
 	if (!$form.validate()) return;
 

demo/src/utils/auto-expand-field.ts

@@ -1,18 +1,18 @@
 /* eslint no-param-reassign: ["error", { "props": true, "ignorePropertyModificationsFor": ["field"] }] */
 import './auto-expand-field.scss';
 
+type anyFn = (...args: unknown[]) => void;
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * @see https://gist.github.com/fr-ser/ded7690b245223094cd876069456ed6c
  */
-function debounce<F extends Function>(func: F, wait: number): F {
+function debounce<F extends anyFn>(func: F, wait: number): F {
 	let timeoutID: number;
 
 	return (function debounced(this: any, ...args: any[]) {
 		clearTimeout(timeoutID);
-		const context = this;
-
-		timeoutID = window.setTimeout(() => func.apply(context, args), wait);
+		timeoutID = window.setTimeout(() => func.apply(this, args), wait);
 	} as any) as F;
 }
 /* eslint-enable @typescript-eslint/no-explicit-any */

demo/src/utils/dom.ts

@@ -1,3 +1,4 @@
-export function getElement<T extends Element>(selector: string) {
-	return document.querySelector(selector) as T;
+export function getElement<T extends Element>(selector: string): T {
+	// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	return document.querySelector(selector)!;
 }

demo/src/utils/url-storage.ts

@@ -56,7 +56,7 @@ export function write(data: FormInput) {
  * @param fn The function to run and receive the new data
  */
 export function onChange(fn: (newData: StoredInput) => void) {
-	return history.listen(location => {
+	return history.listen((location) => {
 		const newData = parse(location);
 		fn(newData);
 	});

demo/src/worker/index.ts

@@ -9,7 +9,7 @@ import {
 	isExpandRequest,
 	OptimizeResult,
 } from './messages';
-import { expand, toRegExp } from '../../../src/index';
+import { expand, toRegExp } from '../../../src';
 
 function assertNeverRequest(x: never): never {
 	throw new TypeError(`Unexpected message: ${x}`);

demo/src/worker/messages.ts

@@ -1,5 +1,5 @@
-/* eslint-disable no-empty-function, no-useless-constructor, @typescript-eslint/no-parameter-properties */
-import { expand } from '../../../src/index';
+/* eslint-disable max-classes-per-file, no-useless-constructor */
+import { expand } from '../../../src';
 
 interface WorkerMessage {
 	readonly kind: string;

demo/src/worker/polyfills.ts

@@ -13,7 +13,7 @@ const featuresToPolyfill = [
 	'es.symbol.iterator',
 ].join(',');
 
-// @ts-ignore worker-specific function that is unrecognized
+// @ts-expect-error worker-specific function that is unrecognized
 importScripts(
 	`https://polyfill.app/api/polyfill?features=${featuresToPolyfill}&context=worker`
 );