Enable and fix type-checked linting

Author: AlexeyMz

eslint.config.mjs

@@ -5,9 +5,19 @@ import react from 'eslint-plugin-react';
 
 export default tseslint.config(
     eslint.configs.recommended,
-    tseslint.configs.recommended,
+    tseslint.configs.recommendedTypeChecked,
     react.configs.flat.recommended,
     react.configs.flat['jsx-runtime'],
+    {
+        languageOptions: {
+            parserOptions: {
+                projectService: {
+                    allowDefaultProject: ['*.js', '*.mjs', 'vitest.config.mts'],
+                },
+                tsconfigRootDir: import.meta.dirname,
+            },
+        },
+    },
     {
         ignores: ['dist/'],
     },
@@ -35,6 +45,9 @@ export default tseslint.config(
             'no-control-regex': 'off',
             'quotes': ['warn', 'single'],
             'semi': ['warn', 'always'],
+            '@typescript-eslint/no-misused-promises': ['warn', {
+                checksVoidReturn: false,
+            }],
             '@typescript-eslint/no-empty-object-type': ['warn', {
                 allowInterfaces: 'with-single-extends',
                 allowWithName: 'Props$',
@@ -46,6 +59,10 @@ export default tseslint.config(
             }],
             '@typescript-eslint/no-unused-vars': 'off',
             '@typescript-eslint/no-var-requires': 'off',
+            '@typescript-eslint/prefer-promise-reject-errors': 'off',
+            '@typescript-eslint/unbound-method': ['warn', {
+                ignoreStatic: true,
+            }],
         },
     },
     {
@@ -69,6 +86,8 @@ export default tseslint.config(
                 SwitchCase: 1,
             }],
             '@typescript-eslint/no-require-imports': 'off',
+            '@typescript-eslint/no-unsafe-assignment': 'off',
+            '@typescript-eslint/no-unsafe-call': 'off',
         },
     }
 );

examples/classicWorkspace.tsx

@@ -28,7 +28,7 @@ function ClassicWorkspaceExample() {
         }
 
         const diagram = tryLoadLayoutFromLocalStorage();
-        model.importLayout({
+        await model.importLayout({
             diagram,
             dataProvider,
             validateLinks: true,

examples/i18n.tsx

@@ -5,7 +5,7 @@ import * as Reactodia from '../src/workspace';
 
 import { ExampleToolbarMenu, mountOnLoad, tryLoadLayoutFromLocalStorage } from './resources/common';
 
-const TURTLE_DATA = require('./resources/orgOntology.ttl');
+const TURTLE_DATA = require('./resources/orgOntology.ttl') as string;
 
 const Layouts = Reactodia.defineLayoutWorker(() => new Worker('layout.worker.js'));
 

examples/resources/common.tsx

@@ -43,7 +43,7 @@ export function ExampleToolbarMenu() {
                     const task = overlay.startTask({title: 'Importing a layout from file'});
                     try {
                         const json = await file.text();
-                        const diagramLayout = JSON.parse(json);
+                        const diagramLayout = JSON.parse(json) as Reactodia.SerializedDiagram;
                         await model.importLayout({
                             dataProvider: model.dataProvider,
                             diagram: diagramLayout,
@@ -136,7 +136,9 @@ export function tryLoadLayoutFromLocalStorage(): Reactodia.SerializedDiagram | u
     if (layoutKey) {
         try {
             const unparsedLayout = localStorage.getItem(layoutKey);
-            const entry = unparsedLayout && JSON.parse(unparsedLayout);
+            const entry = unparsedLayout
+                ? JSON.parse(unparsedLayout) as Reactodia.SerializedDiagram
+                : undefined;
             return entry;
         } catch (e) {
             /* ignore */

examples/resources/exampleMetadata.ts

@@ -233,7 +233,7 @@ type Vocabulary<Keys extends string[]> = {
 };
 
 function vocabulary<const Keys extends string[]>(prefix: string, keys: Keys): Vocabulary<Keys> {
-    const result: { [key: string]: string } = Object.create(null);
+    const result = Object.create(null) as { [key: string]: string };
     for (const key of keys) {
         result[key] = prefix + key;
     }

examples/sparql.tsx

@@ -41,7 +41,7 @@ function SparqlExample() {
                 imagePropertyUris: ['http://xmlns.com/foaf/0.1/img'],
             }, Reactodia.OwlStatsSettings);
 
-            model.importLayout({
+            await model.importLayout({
                 diagram,
                 dataProvider: dataProvider,
                 validateLinks: true,

examples/stressTest.tsx

@@ -53,7 +53,7 @@ function StressTestExample() {
             const canvas = view.findAnyCanvas();
             if (canvas) {
                 canvas.renderingState.syncUpdate();
-                canvas.zoomToFit();
+                await canvas.zoomToFit();
             }
         }
     }, []);

examples/styleCustomization.tsx

@@ -5,9 +5,9 @@ import * as Reactodia from '../src/workspace';
 
 import { ExampleToolbarMenu, mountOnLoad, tryLoadLayoutFromLocalStorage } from './resources/common';
 
-const BOOK_ICON = require('@vscode/codicons/src/icons/book.svg');
-const CERTIFICATE_ICON = require('@vscode/codicons/src/icons/symbol-class.svg');
-const COG_ICON = require('@vscode/codicons/src/icons/gear.svg');
+const BOOK_ICON = require('@vscode/codicons/src/icons/book.svg') as string;
+const CERTIFICATE_ICON = require('@vscode/codicons/src/icons/symbol-class.svg') as string;
+const COG_ICON = require('@vscode/codicons/src/icons/gear.svg') as string;
 
 const EXAMPLE_DIAGRAM = require('./resources/exampleDiagram.json') as Reactodia.SerializedDiagram;
 const TURTLE_DATA = require('./resources/orgOntology.ttl') as string;

examples/wikidata.tsx

@@ -70,10 +70,10 @@ function WikidataExample() {
                         <ExampleToolbarMenu />
                         <Reactodia.ToolbarAction
                             title='Clear locally-cached data previously fetched from Wikidata'
-                            onSelect={() => {
+                            onSelect={async () => {
                                 const {model: {dataProvider}} = getContext();
                                 if (dataProvider instanceof Reactodia.IndexedDbCachedProvider) {
-                                    dataProvider.clearCache();
+                                    await dataProvider.clearCache();
                                 }
                             }}>
                             Clear Wikidata cache

src/coreUtils/events.ts

@@ -135,7 +135,7 @@ export class EventSource<Data> implements Events<Data>, EventTrigger<Data> {
 
         if (this.anyListeners) {
             for (const anyListener of this.anyListeners) {
-                anyListener({[eventKey]: data} as any);
+                anyListener({[eventKey]: data} as unknown as Partial<Data>);
             }
         }
     }