pre-commit: add tsc and eslint hooks

.pre-commit-config.yaml

@@ -24,3 +24,16 @@ repos:
     rev: v0.3.1
     hooks:
       - id: prevent-literal-http-methods
+
+  - repo: local
+    hooks:
+      - id: eslint
+        name: eslint
+        entry: .pre-commit-eslint.sh
+        language: system
+        types_or: [ts, tsx]
+      - id: typescript
+        name: typescript
+        entry: .pre-commit-tsc.sh
+        language: system
+        types_or: [ts, tsx]

.pre-commit-eslint.sh

@@ -0,0 +1,6 @@
+#!/bin/bash
+cd web > /dev/null
+if [[ -f "./node_modules/.bin/eslint" ]]; then
+	ARGS=("$@")
+	eslint ${ARGS[@]/#web\// }
+fi

.pre-commit-tsc.sh

@@ -0,0 +1,5 @@
+#!/bin/bash
+cd web > /dev/null
+if [[ -f "./node_modules/.bin/tsc" ]]; then
+	tsc --build --noEmit
+fi

web/eslint.config.js

@@ -13,6 +13,9 @@ export default tseslint.config(
 		languageOptions: {
 			ecmaVersion: 2023,
 			globals: globals.browser,
+			parserOptions: {
+				warnOnUnsupportedTypeScriptVersion: false,
+			}
 		},
 		plugins: {
 			"react-hooks": reactHooks,

web/src/util/html.ts

@@ -189,7 +189,7 @@ export const sanitizeHtmlParams: sanitizeHtml.IOptions = {
 		// custom ones first:
 		font: ["color", "data-mx-bg-color", "data-mx-color", "style"], // custom to matrix
 		span: [
-			"data-mx-maths", "data-mx-bg-color", "data-mx-color", "data-mx-spoiler", "style", "title"
+			"data-mx-maths", "data-mx-bg-color", "data-mx-color", "data-mx-spoiler", "style", "title",
 		], // custom to matrix
 		div: ["data-mx-maths"],
 		// eslint-disable-next-line id-length