refactor: tslint → eslint

Author: urish

.eslintrc.json

@@ -0,0 +1,25 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "plugins": ["jest", "@typescript-eslint", "prettier", "json"],
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true,
+    "jest/globals": true
+  },
+  "extends": [
+    "plugin:jest/recommended",
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier/@typescript-eslint",
+    "plugin:prettier/recommended"
+  ],
+  "rules": {
+    "prettier/prettier": "error",
+    "@typescript-eslint/explicit-function-return-type": 0
+  }
+}

.vscode/settings.json

@@ -0,0 +1,10 @@
+// Place your settings in this file to overwrite default and user settings.
+{
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    { "language": "typescript", "autoFix": true },
+    { "language": "typescriptreact", "autoFix": true }
+  ],
+  "tslint.enable": false
+}

demo/src/compile.ts

@@ -1,6 +1,6 @@
 const url = 'https://wokwi-hexi-73miufol2q-uc.a.run.app';
 
-export interface IHexiResult {
+export interface HexiResult {
   stdout: string;
   stderr: string;
   hex: string;
@@ -16,5 +16,5 @@ export async function buildHex(source: string) {
     },
     body: JSON.stringify({ sketch: source })
   });
-  return (await resp.json()) as IHexiResult;
+  return (await resp.json()) as HexiResult;
 }

demo/src/index.ts

@@ -6,7 +6,7 @@ import './index.css';
 import { CPUPerformance } from './cpu-performance';
 import { LEDElement } from '@wokwi/elements';
 
-let editor: any;
+let editor: any; // eslint-disable-line @typescript-eslint/no-explicit-any
 const BLINK_CODE = `
 // Green LED connected to LED_BUILTIN,
 // Red LED connected to pin 12. Enjoy!
@@ -25,8 +25,8 @@ void loop() {
 }`.trim();
 
 // Load Editor
-declare var window: any;
-declare var monaco: any;
+declare const window: any; // eslint-disable-line @typescript-eslint/no-explicit-any
+declare const monaco: any; // eslint-disable-line @typescript-eslint/no-explicit-any
 window.require.config({
   paths: { vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.18.0/min/vs' }
 });
@@ -45,6 +45,7 @@ const led12 = document.querySelector<LEDElement>('wokwi-led[color=red]');
 // Set up toolbar
 let runner: AVRRunner;
 
+/* eslint-disable @typescript-eslint/no-use-before-define */
 const runButton = document.querySelector('#run-button');
 runButton.addEventListener('click', compileAndRun);
 const stopButton = document.querySelector('#stop-button');