chore(homepage-legacy): setup linting

apps/homepage-legacy/.eslintrc.cjs

@@ -3,11 +3,19 @@ module.exports = {
   env: { browser: true, es2020: true },
   extends: [
     'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
     'plugin:react-hooks/recommended',
+    'plugin:@typescript-eslint/recommended-type-checked',
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'public'],
   parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+  },
   plugins: ['react-refresh'],
   rules: {
     'react-refresh/only-export-components': [

apps/homepage-legacy/README.md

@@ -1,30 +1,3 @@
-# React + TypeScript + Vite
+# Simple Pie: Homepage-legacy
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+Read [here](../../README.md)

apps/homepage-legacy/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "tsc",
+    "lint": "tsc && eslint .",
     "lint-legacy": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
@@ -20,21 +20,13 @@
   "devDependencies": {
     "@types/react": "18.2.64",
     "@types/react-dom": "18.2.21",
-    "@typescript-eslint/eslint-plugin": "7.1.1",
+    "@typescript-eslint/eslint-plugin": "7.9.0",
     "@typescript-eslint/parser": "7.1.1",
     "@vitejs/plugin-react": "4.2.1",
-    "eslint": "8.56.0",
+    "eslint-plugin-react": "7.34.1",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-react-refresh": "0.4.5",
     "typescript": "5.3.3",
     "vite": "5.2.8"
-  },
-  "eslintConfig": {
-    "extends": [
-      "eslint:recommended",
-      "plugin:react/recommended",
-      "plugin:react-hooks/recommended",
-      "plugin:@typescript-eslint/recommended"
-    ]
   }
 }

apps/homepage-legacy/src/components/NetworkUseCase.tsx

@@ -60,6 +60,7 @@ export const NetworkUseCase = memo(function NetworkUseCase(
       },
     ]);
 
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     const edges = new DataSet([
       { from: 1, to: 2 },
@@ -83,8 +84,10 @@ export const NetworkUseCase = memo(function NetworkUseCase(
     };
     const options = {};
 
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     new Network(container, data, options);
+    // eslint-disable-next-line
   }, []);
 
   return <div id="network-container" className="network-container"></div>;