dracor-org · cmil · Jul 11, 2026 · Jul 11, 2026 · Jul 11, 2026 · Jul 11, 2026
diff --git a/.github/workflows/deployment.yml b/.github/workflows/deployment.yml
@@ -24,7 +24,7 @@ jobs:
         uses: pnpm/action-setup@0ebf47130e4866e96fce0953f49152a61190b271 # v6.0.9
       - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
-          node-version: 22
+          node-version: lts/*
           cache: 'pnpm'
       - name: Restore node_modules
         uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6.1.0

diff --git a/eslint.config.mjs → eslint.config.ts b/eslint.config.mjs → eslint.config.ts
@@ -1,14 +1,18 @@
 import globals from 'globals';
 import pluginJs from '@eslint/js';
 import pluginReact from 'eslint-plugin-react';
+import pluginReactHooks from 'eslint-plugin-react-hooks';
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import tseslint from 'typescript-eslint';
 
-export default [
-  { files: ['**/*.{js,mjs,cjs,jsx}'] },
-  { languageOptions: { globals: globals.browser } },
-  { ignores: ['src/grammar.js', 'grammar.js', 'src/App.test.jsx'] },
+export default tseslint.config(
+  {files: ['**/*.{js,mjs,cjs,jsx,ts,tsx}']},
+  {languageOptions: {globals: {...globals.browser, ...globals.node}}},
+  {ignores: ['src/grammar.js', 'grammar.js', 'build/**']},
   pluginJs.configs.recommended,
+  tseslint.configs.recommended,
   pluginReact.configs.flat['jsx-runtime'],
+  pluginReactHooks.configs.flat['recommended-latest'],
   eslintPluginPrettierRecommended,
   {
     rules: {
@@ -17,5 +21,5 @@ export default [
       'spaced-comment': ['error', 'always'],
       'react/jsx-uses-vars': 1,
     },
-  },
-];
+  }
+);
diff --git a/index.html b/index.html
@@ -12,19 +12,13 @@
       homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="/manifest.json" />
-    <link
-      rel="stylesheet"
-      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
-      integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
-      crossorigin="anonymous"
-    />
     <title>
       Easy Linavis (Simple Network Visualisation for Literary Texts)
     </title>
   </head>
   <body>
     <noscript> You need to enable JavaScript to run this app. </noscript>
     <div id="root">Loading...</div>
-    <script type="module" src="/src/index.jsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ezlinavis",
   "private": true,
-  "version": "2.5.0",
+  "version": "3.0.0-rc.1",
   "description": "Easy Linavis - Simple Network Visualization for Literary Texts",
   "author": "Carsten Milling <cmil@hashtable.de>",
   "license": "MIT",
@@ -10,31 +10,63 @@
     "url": "https://github.com/dlina/ezlinavis.git"
   },
   "dependencies": {
+    "@dracor/react": "^1.2.1",
+    "@fortawesome/fontawesome-svg-core": "^7.3.0",
+    "@fortawesome/free-solid-svg-icons": "^7.3.0",
+    "@fortawesome/react-fontawesome": "^3.4.0",
+    "@headlessui/react": "^2.2.10",
+    "@react-sigma/core": "^5.0.6",
+    "@react-sigma/layout-circular": "^5.0.6",
+    "@react-sigma/layout-force": "^5.0.6",
+    "@react-sigma/layout-forceatlas2": "^5.0.6",
+    "@react-sigma/layout-noverlap": "^5.0.6",
+    "graphology": "^0.26.0",
+    "graphology-layout": "^0.6.1",
+    "graphology-layout-force": "^0.2.4",
+    "graphology-layout-forceatlas2": "^0.10.1",
+    "graphology-layout-noverlap": "^0.4.2",
     "nearley": "^2.20.1",
-    "normalize.css": "^5.0.0",
-    "prop-types": "^15.5.10",
-    "react": "^16.6.0",
-    "react-bootstrap": "^0.31.2",
-    "react-debounce-input": "^3.3.0",
-    "react-dom": "^16.6.0",
-    "react-sigma": "^1.2.17"
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "sigma": "^3"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
+    "@tailwindcss/vite": "^4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/eslint": "^9.6.1",
+    "@types/nearley": "^2.11.5",
+    "@types/node": "^26.1.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.3",
+    "@vitest/ui": "^4.1.10",
     "eslint": "^10.6.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.6",
     "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.7.0",
+    "jiti": "^2.7.0",
+    "jsdom": "^29.1.1",
     "prettier": "^3.9.5",
-    "vite": "^8.1.4"
+    "tailwindcss": "^4",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.63.0",
+    "vite": "^8.1.4",
+    "vitest": "^4.1.10"
   },
   "scripts": {
     "grammar": "nearleyc src/grammar.ne -o src/grammar.js",
     "dev": "pnpm run grammar && vite",
     "build": "pnpm run grammar && vite build",
     "start": "pnpm run dev",
     "lint": "eslint src",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
     "preview": "pnpm run grammar && vite preview"
   },
   "browserslist": {