Fix tsconfigs, use d3-force instead of full d3

packages/backend/package.json

@@ -23,9 +23,9 @@
     "@protocol-beat/types": "*",
     "@types/basic-auth": "^1.1.3",
     "@types/koa": "^2.13.4",
+    "@types/koa__router": "^8.0.11",
     "@types/koa-conditional-get": "^2.0.0",
     "@types/koa-etag": "^3.0.0",
-    "@types/koa__router": "^8.0.11",
     "@types/lodash": "^4.14.184",
     "@types/node-fetch": "^2.6.2",
     "@types/pg": "^8.6.5",
@@ -46,7 +46,6 @@
     "zod": "^3.20.2"
   },
   "devDependencies": {
-    "@types/node": "^20.10.4",
     "@types/supertest": "^2.0.12",
     "supertest": "^6.2.3"
   }

packages/frontend/package.json

@@ -23,14 +23,14 @@
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "classnames": "^2.3.2",
-    "d3": "^7.8.5",
+    "d3-force": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "zod": "^3.20.2",
     "zustand": "^4.3.2"
   },
   "devDependencies": {
-    "@types/d3": "^7.4.3",
+    "@types/d3-force": "^3.0.9",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "autoprefixer": "^10.4.13",
     "postcss": "^8.4.21",

packages/frontend/src/view/AutoLayoutButton.tsx

@@ -5,7 +5,7 @@ import {
   forceSimulation,
   SimulationLinkDatum,
   SimulationNodeDatum,
-} from 'd3'
+} from 'd3-force'
 import { useEffect, useState } from 'react'
 
 import { Node } from '../store/State'

packages/types/package.json

@@ -21,7 +21,6 @@
     "zod": "^3.20.2"
   },
   "devDependencies": {
-    "@types/node": "^20.10.4",
     "earljs": "^0.2.3"
   }
 }

tsconfig.json

@@ -1,10 +1,11 @@
 {
   "compilerOptions": {
     "target": "es2020",
-    "lib": ["DOM", "es2020"],
+    "lib": ["es2020"],
     "module": "CommonJS",
     "sourceMap": true,
     "strict": true,
+    "skipLibCheck": true,
     "esModuleInterop": true,
     "moduleResolution": "node",
     "resolveJsonModule": true,