Dependencies update (#169)

* Updated dependencies
* react 19: JSX namespace changed to React.JSX
* fix usage of render changed since react 18
* fix linter errors
* ported eslint configuration to flat config format
* updated tsconfigs, moved the one for memory window

Removed unused dependencies:
* @types/chai
* @types/mocha
* chai

Full list of updated dependencies:
* @types/node 20.19.4
* @types/react 19.1.8
* @types/react-dom 19.1.6
* @typescript-eslint/eslint-plugin 8.35.1
* @typescript-eslint/parser 8.35.1
* @vscode/vsce 3.6.0
* esbuild 0.25.5
* esbuild-sass-plugin 3.3.1
* eslint 9.30.1
* eslint-config-prettier 10.1.5
* globals 16.3.0
* prettier 3.6.2
* react 19.1.0
* react-dom 19.1.0
* typescript 5.8.3
* typescript-eslint 8.35.1


---------

Signed-off-by: Jens Reinecke <jens.reinecke@arm.com>

Author: jreineckearm

.eslintignore

@@ -1,7 +1,6 @@
 // @ts-check
 const esbuild = require('esbuild');
 const path = require('node:path');
-const os = require('node:os');
 const { sassPlugin } = require('esbuild-sass-plugin');
 
 /** @typedef {import('esbuild').BuildOptions} BuildOptions */

.eslintrc.js

@@ -0,0 +1,75 @@
+// eslint.config.mjs
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import prettier from 'eslint-config-prettier';
+import globals from 'globals';
+
+const jsLanguageOptions = {
+  globals: {
+    // Add any specific globals you need
+    ...globals.node,
+  },
+};
+
+const tsLanguageOptions = {
+  parser: tseslint.parser,
+  parserOptions: {
+    project: './tsconfig.json',
+  },
+  ecmaVersion: 2015,
+  sourceType: 'module',
+  globals: {
+    // Add any specific globals you need
+    ...globals.node,
+  },
+};
+
+export default [
+  {
+    ignores: [
+      // don't ever lint node_modules
+      '**/node_modules/**',
+      // don't lint build output (make sure
+      // it's set to your correct build folder name)
+      'dist/**',
+    ],
+  },
+  {
+    // Javascript files like build and config scripts
+    files: ['**/*.js'],
+    ...js.configs.recommended,
+    languageOptions: jsLanguageOptions,
+  },
+  // Recommended rules config array must only apply
+  // to Typescript files, not plain Javascript, and
+  // should use same language options as
+  ...tseslint.configs.recommended.map((config) => ({
+    files: ['**/*.ts', '**/*.tsx'],
+    ...config,
+    languageOptions: tsLanguageOptions,
+  })),
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: tsLanguageOptions,
+    plugins: {
+      '@typescript-eslint': tseslint.plugin,
+    },
+    rules: {
+      ...prettier.rules,
+      '@typescript-eslint/no-explicit-any': 'off',
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'warn',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_',
+        },
+      ],
+      // For backwards compatibility with older recommended rules
+      // in eslint/typescript-eslint, based on existing "disable"
+      // directives
+      '@typescript-eslint/no-non-null-assertion': 'error',
+    },
+  },
+];

esbuild.js

@@ -784,28 +784,27 @@
   "dependencies": {
     "cdt-amalgamator": "^0.0.11",
     "cdt-gdb-adapter": "^1.0.11",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@types/chai": "^4.3.4",
-    "@types/mocha": "^9.1.0",
-    "@types/node": "~20.14.15",
-    "@types/react": "^17.0.38",
-    "@types/react-dom": "^17.0.11",
+    "@types/node": "^20.19.4",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
     "@types/vscode": "^1.78.0",
-    "@typescript-eslint/eslint-plugin": "^5.54.0",
-    "@typescript-eslint/parser": "^5.54.0",
-    "@vscode/vsce": "^3.2.1",
-    "chai": "^4.3.7",
-    "esbuild": "^0.19.2",
-    "esbuild-sass-plugin": "^2.13.0",
-    "eslint": "^8.35.0",
-    "eslint-config-prettier": "^8.6.0",
+    "@typescript-eslint/eslint-plugin": "^8.35.1",
+    "@typescript-eslint/parser": "^8.35.1",
+    "@vscode/vsce": "^3.6.0",
+    "esbuild": "^0.25.5",
+    "esbuild-sass-plugin": "^3.3.1",
+    "eslint": "^9.30.1",
+    "eslint-config-prettier": "^10.1.5",
     "event-stream": "^4.0.1",
+    "globals": "^16.3.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.8.4",
-    "typescript": "^4.9.5"
+    "prettier": "3.6.2",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.35.1"
   },
   "bundledDependencies": [
     "cdt-gdb-adapter"

eslint.config.mjs

@@ -68,12 +68,12 @@ class ReverseIterator implements Iterator<number> {
   }
 }
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 interface Props {}
 
 interface State {
   memory?: MemoryContents;
-  error?: JSX.Element;
+  error?: React.JSX.Element;
   bytesPerRow: number;
   bytesPerGroup: number;
   endianness: 'le' | 'be';
@@ -252,7 +252,7 @@ export class MemoryBrowser extends React.Component<Props, State> {
     const bytes = this.hex2bytes(this.state.memory.data);
     const address = parseInt(this.state.memory.address, 16);
 
-    const rows: JSX.Element[] = [];
+    const rows: React.JSX.Element[] = [];
 
     for (
       let rowOffset = 0;

package.json

@@ -8,7 +8,8 @@
  * SPDX-License-Identifier: EPL-2.0
  *********************************************************************/
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
 import { MemoryBrowser } from './MemoryBrowser';
 
-ReactDOM.render(<MemoryBrowser />, document.getElementById('app'));
+const container = document.getElementById('app') as ReactDOMClient.Container;
+ReactDOMClient.createRoot(container).render(<MemoryBrowser />);

src/memory/client/MemoryBrowser.tsx

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "composite": true,
+    "outDir": "../../dist/memory",
+    "rootDir": ".",
+    "esModuleInterop": true
+  },
+  "include": ["client/*", "common/*"],
+  "exclude": ["server"]
+}

src/memory/client/index.tsx

@@ -16,6 +16,5 @@
     "sourceMap": true,
     "preserveWatchOutput": true
   },
-  "references": [{ "path": "src/memory/client/tsconfig.json" }],
-  "exclude": ["**/client/*"]
+  "references": [{ "path": "src/memory/tsconfig.json" }],
 }