upped eslint

Author: ZibanPirate

.gitignore

@@ -27,6 +27,9 @@ web/build
 web/src/_e2e-test/downloads
 web/src/_e2e-test/videos
 web/src/_e2e-test/screenshots
+# Project
+firebase/public
+firebase/data
 
 # mobile
 mobile/.expo

api/package.json

@@ -79,7 +79,7 @@
     "generate:sentry-release": "ts-node ../packages/tooling/sentry-release.ts api dist",
     "lint": "yarn build && yarn lint:alone",
     "lint:alone": "yarn lint:eslint . && yarn lint:prettier --check . && yarn lint:tsc && yarn lint:ts-prune",
-    "lint:eslint": "eslint --config ../packages/tooling/.eslintrc.json --ignore-path ../packages/tooling/.eslintignore --report-unused-disable-directives",
+    "lint:eslint": "eslint --config ../packages/tooling/eslint.config.mjs",
     "lint:fix": "yarn build && yarn lint:fix:alone",
     "lint:fix:alone": "yarn lint:eslint --fix . && yarn lint:prettier --write .",
     "lint:prettier": "prettier  --config ../packages/tooling/.prettierrc --ignore-path ../packages/tooling/.prettierignore --log-level warn",

api/src/app/index.ts

@@ -24,7 +24,7 @@ import { RobotsMiddleware } from "./middlewares/robots";
 import { SecurityMiddleware } from "./middlewares/security";
 
 // Use typedi container
-useContainer(Container);
+useContainer(Container); // eslint-disable-line react-hooks/rules-of-hooks
 
 // Initialize Database
 Container.get(SQLiteService);

api/src/app/middlewares/robots.ts

@@ -1,7 +1,7 @@
 import { RequestHandler } from "express";
 import { ExpressMiddlewareInterface, Middleware } from "routing-controllers";
 import { Service } from "typedi";
-const robots = require("express-robots-txt"); // eslint-disable-line @typescript-eslint/no-var-requires
+const robots = require("express-robots-txt"); // eslint-disable-line @typescript-eslint/no-require-imports
 
 @Service()
 @Middleware({ type: "before", priority: 0 })

api/src/config/types.ts

@@ -2,8 +2,7 @@ import { Environment, environments } from "@dzcode.io/utils/dist/config/environm
 import { IsOptional, IsString, Matches } from "class-validator";
 import { readFileSync } from "fs-extra";
 
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-let bundleInfo = { version: require("../../package.json").version };
+let bundleInfo = { version: require("../../package.json").version }; // eslint-disable-line @typescript-eslint/no-require-imports
 try {
   bundleInfo = JSON.parse(readFileSync(".bundle-info.json").toString());
 } catch (error) {

api/src/github/service.ts

@@ -39,7 +39,7 @@ export class GithubService {
       {
         headers: this.githubToken ? { Authorization: `Token ${this.githubToken}` } : {},
         // @TODO-ZM: add pagination
-        params: { sort: "updated", per_page: 100 }, // eslint-disable-line camelcase
+        params: { sort: "updated", per_page: 100 },
       },
     );
 
@@ -65,7 +65,7 @@ export class GithubService {
       `${this.apiURL}/repos/${owner}/${repository}/contributors`,
       {
         headers: this.githubToken ? { Authorization: `Token ${this.githubToken}` } : {},
-        params: { state: "all", per_page: 100 }, // eslint-disable-line camelcase
+        params: { state: "all", per_page: 100 },
       },
     );
 
@@ -96,7 +96,7 @@ export class GithubService {
       `${this.apiURL}/repos/${owner}/${repository}/milestones`,
       {
         headers: this.githubToken ? { Authorization: `Token ${this.githubToken}` } : {},
-        params: { state: "all", per_page: 100 }, // eslint-disable-line camelcase
+        params: { state: "all", per_page: 100 },
       },
     );
     return milestones;

data/package.json

@@ -46,7 +46,7 @@
     "clean:alone": "rimraf dist coverage",
     "lint": "yarn build && yarn lint:alone",
     "lint:alone": "yarn lint:eslint . && yarn lint:prettier --check . && yarn lint:tsc && yarn lint:ts-prune",
-    "lint:eslint": "eslint --config ../packages/tooling/.eslintrc.json --ignore-path ../packages/tooling/.eslintignore --report-unused-disable-directives",
+    "lint:eslint": "eslint --config ../packages/tooling/eslint.config.mjs",
     "lint:fix": "yarn build && yarn lint:fix:alone",
     "lint:fix:alone": "yarn lint:eslint --fix . && yarn lint:prettier --write .",
     "lint:prettier": "prettier  --config ../packages/tooling/.prettierrc --ignore-path ../packages/tooling/.prettierignore --log-level warn",

package.json

@@ -2,22 +2,25 @@
   "name": "@dzcode.io/root",
   "dependencies": {},
   "devDependencies": {
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "^9.10.0",
     "@prettier/plugin-pug": "^3.1.0",
     "@sentry/cli": "^2.36.0",
     "@types/jest": "^29.5.0",
     "@types/node": "^20",
     "@types/semver": "^7.3.9",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
-    "@typescript-eslint/parser": "^5.48.1",
     "cross-env": "^7.0.3",
-    "eslint": "^8.3.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
-    "eslint-plugin-unicorn": "^39.0.0",
+    "eslint": "^9.10.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.35.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-unicorn": "^55.0.0",
+    "globals": "^15.9.0",
     "husky": "^7.0.4",
     "jest": "^29.5.0",
     "jest-mock-extended": "^2.0.7",
+    "jiti": "^1.21.6",
     "lerna": "^4.0.0",
     "lint-staged": "^12.1.2",
     "nodemon": "^2.0.15",
@@ -33,6 +36,7 @@
     "ts-patch": "^3.2.1",
     "ts-prune": "^0.10.3",
     "typescript": "5.5.3",
+    "typescript-eslint": "^8.5.0",
     "typescript-transform-paths": "^3.5.0"
   },
   "lint-staged": {

packages/models/package.json

@@ -31,7 +31,7 @@
     "clean:alone": "rimraf dist coverage",
     "lint": "yarn build && yarn lint:alone",
     "lint:alone": "yarn lint:eslint . && yarn lint:prettier --check .",
-    "lint:eslint": "eslint --config ../tooling/.eslintrc.json --ignore-path ../tooling/.eslintignore --report-unused-disable-directives",
+    "lint:eslint": "eslint --config ../tooling/eslint.config.mjs",
     "lint:fix": "yarn build && yarn lint:fix:alone",
     "lint:fix:alone": "yarn lint:eslint --fix . && yarn lint:prettier --write .",
     "lint:prettier": "prettier  --config ../tooling/.prettierrc --ignore-path ../tooling/.prettierignore --log-level warn",

packages/tooling/.eslintignore

@@ -0,0 +1,30 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+import { includeIgnoreFile, fixupPluginRules } from "@eslint/compat";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import reactHooks from "eslint-plugin-react-hooks";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const gitignorePath = path.resolve(__dirname, "../../.gitignore");
+
+export default [
+  includeIgnoreFile(gitignorePath),
+  { linterOptions: { reportUnusedDisableDirectives: "error" } },
+  { languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+  {
+    plugins: { "react-hooks": fixupPluginRules(reactHooks) },
+    rules: { ...reactHooks.configs.recommended.rules },
+  },
+  {
+    rules: {
+      "react/prop-types": "off",
+    },
+  },
+];

packages/tooling/.eslintrc.json

@@ -18,7 +18,7 @@
   "scripts": {
     "lint": "yarn lint:alone",
     "lint:alone": "yarn lint:eslint . && yarn lint:prettier --check .",
-    "lint:eslint": "eslint --config .eslintrc.json --ignore-path .eslintignore --report-unused-disable-directives",
+    "lint:eslint": "eslint --config eslint.config.mjs",
     "lint:fix": "yarn lint:fix:alone",
     "lint:fix:alone": "yarn lint:eslint --fix . && yarn lint:prettier --write .",
     "lint:prettier": "prettier  --config .prettierrc --ignore-path .prettierignore --log-level warn"

packages/tooling/eslint.config.mjs

@@ -26,7 +26,7 @@ const modifiedFilePaths: string[] = [];
 dependencies.forEach(({ location }) => {
   const packageJsonPath = join(location, "package.json");
   if (existsSync(packageJsonPath)) {
-    const packageJsonContent = require(packageJsonPath); // eslint-disable-line @typescript-eslint/no-var-requires
+    const packageJsonContent = require(packageJsonPath); // eslint-disable-line @typescript-eslint/no-require-imports
     packageJsonContent.version = cleanVersion;
     writeFileSync(packageJsonPath, JSON.stringify(packageJsonContent, null, 2));
     console.log(`Applied version ${version} to ${packageJsonPath}`);
@@ -35,7 +35,7 @@ dependencies.forEach(({ location }) => {
 
   const appJsonPath = join(location, "app.json");
   if (existsSync(appJsonPath)) {
-    const appJsonContent = require(appJsonPath); // eslint-disable-line @typescript-eslint/no-var-requires
+    const appJsonContent = require(appJsonPath); // eslint-disable-line @typescript-eslint/no-require-imports
     appJsonContent.expo.version = cleanVersion;
     appJsonContent.expo.ios.buildNumber = cleanVersion;
     appJsonContent.expo.android.versionCode = Number(cleanVersion.replace(/\D/g, ""));

packages/tooling/package.json

@@ -28,7 +28,7 @@
     "clean:alone": "rimraf dist coverage",
     "lint": "yarn build && yarn lint:alone",
     "lint:alone": "yarn lint:eslint . && yarn lint:prettier --check .",
-    "lint:eslint": "eslint --config ../tooling/.eslintrc.json --ignore-path ../tooling/.eslintignore --report-unused-disable-directives",
+    "lint:eslint": "eslint --config ../tooling/eslint.config.mjs",
     "lint:fix": "yarn build && yarn lint:fix:alone",
     "lint:fix:alone": "yarn lint:eslint --fix . && yarn lint:prettier --write .",
     "lint:prettier": "prettier  --config ../tooling/.prettierrc --ignore-path ../tooling/.prettierignore --log-level warn",

packages/tooling/version-apply.ts

@@ -70,7 +70,7 @@
     "generate:sitemap": "cross-env TS_NODE_SKIP_PROJECT=true ts-node --compilerOptions \"{\\\"baseUrl\\\": \\\".\\\"}\" src/_build/sitemap.ts",
     "lint": "yarn build && yarn lint:alone",
     "lint:alone": "yarn lint:eslint . && yarn lint:prettier --check . && yarn lint:tsc && yarn lint:ts-prune",
-    "lint:eslint": "eslint --config ../packages/tooling/.eslintrc.json --ignore-path ../packages/tooling/.eslintignore --report-unused-disable-directives",
+    "lint:eslint": "eslint --config ../packages/tooling/eslint.config.mjs",
     "lint:fix": "yarn build && yarn lint:fix:alone",
     "lint:fix:alone": "yarn lint:eslint --fix . && yarn lint:prettier --write .",
     "lint:prettier": "prettier  --config ../packages/tooling/.prettierrc --ignore-path ../packages/tooling/.prettierignore --log-level warn",

packages/utils/package.json

@@ -11,7 +11,7 @@ if (!environments.includes(stage)) {
 }
 
 let bundleInfo: { version: string } = {
-  version: `v${require("./package.json").version as string}`, // eslint-disable-line @typescript-eslint/no-var-requires
+  version: `v${require("./package.json").version as string}`, // eslint-disable-line @typescript-eslint/no-require-imports
 };
 try {
   bundleInfo = JSON.parse(readFileSync(".bundle-info.json").toString()) as typeof bundleInfo;

web/eslint.config.mjs

@@ -1,4 +1,3 @@
-import { getCollection } from "@dzcode.io/data/dist/collection";
 import { allLanguages } from "@dzcode.io/models/dist/language";
 import { createWriteStream } from "fs";
 import { join } from "path";

web/package.json

@@ -8,6 +8,7 @@ import { Languages } from "src/components/locale/languages";
 import { TopBar, TopBarProps } from "src/components/top-bar";
 import { StoreProvider } from "src/redux/store";
 import { getInitialLanguageCode } from "src/utils/website-language";
+import React from "react";
 
 let routes: Array<
   RouteProps & {

web/rsbuild.config.ts

@@ -1,6 +1,7 @@
 import logoSquare from "src/assets/svg/logo-square.svg";
 import { Image } from "src/components/image";
 import { Link } from "src/components/link";
+import React from "react";
 
 import { Locale } from "./locale";
 import { DictionaryKeys } from "./locale/dictionary";

web/src/_build/sitemap.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ImgHTMLAttributes } from "react";
 
 type ImageProps = ImgHTMLAttributes<HTMLImageElement>;

web/src/_entry/app.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import type { PropsWithChildren } from "react";
 import type { LinkProps as RRLinkProps } from "react-router-dom";
 import { Link as RRLink } from "react-router-dom";

web/src/components/footer.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import loadableFactory from "@loadable/component";
 import { Loading } from "src/components/loading";
 

web/src/components/image.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import logoSquare from "src/assets/svg/logo-square.svg";
 
 import { Image } from "./image";

web/src/components/link.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { PartialWithOneRequiredKey } from "@dzcode.io/utils/dist/ts";
 import type { FC } from "react";
 import { useSelector } from "react-redux";

web/src/components/loadable.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import ReactMarkdown from "react-markdown";
 import { Link } from "src/components/link";
 

web/src/components/loading.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { useMemo } from "react";
 import { useLocation } from "react-router-dom";
 import logoWide from "src/assets/svg/logo-wide.svg";

web/src/components/locale/factory.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 interface TryAgainProps {
   error: string;
   action: string;

web/src/components/markdown.tsx

@@ -1,6 +1,7 @@
 // Sentry initialization should be imported first!
 import "src/utils/setup-sentry";
 
+import React from "react";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 

web/src/components/top-bar.tsx

@@ -8,6 +8,7 @@ import { TryAgain } from "src/components/try-again";
 import { fetchContributionsListAction } from "src/redux/actions/contributions";
 import { useAppDispatch, useAppSelector } from "src/redux/store";
 import { getElapsedTime } from "src/utils/elapsed-time";
+import React from "react";
 
 // ts-prune-ignore-next
 export default function Page(): JSX.Element {

web/src/components/try-again.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { Helmet } from "react-helmet-async";
 import { Locale, useLocale } from "src/components/locale";
 import { Markdown } from "src/components/markdown";