mitigate breaking changes:

* update formatters test because "00:00:00" is now the standard representation for the start of a day in a 24-hour clock

* migrate to eslint.config.js usage

Author: Cristian-Vogel

clients/web/.eslintignore

@@ -0,0 +1,55 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import solid from "eslint-plugin-solid";
+import prettierConfig from "eslint-config-prettier";
+
+export default tseslint.config(
+  {
+    ignores: ["src/lib/proto/**/*", "dist/**/*"],
+  },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  solid.configs["flat/recommended"],
+  prettierConfig,
+  {
+    rules: {
+      "no-unassigned-vars": "off",
+    },
+  },
+  {
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        ecmaVersion: "latest",
+        sourceType: "module",
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.es2021,
+      },
+    },
+    plugins: {
+      "@typescript-eslint": tseslint.plugin,
+    },
+    rules: {
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          caughtErrorsIgnorePattern: "^_",
+        },
+      ],
+    },
+  },
+  {
+    files: ["**/*.js", "**/*.cjs", "**/*.mjs"],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+  },
+);

clients/web/.eslintrc.json

@@ -13,8 +13,8 @@
     "build": "pnpm proto && vite build",
     "preview": "pnpm proto && vite preview",
     "format": "prettier --write --cache .",
-    "lint": "eslint . --ext .ts,.tsx",
-    "lint:fix": "eslint . --fix --ext .ts,.tsx",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "test": "cross-env TZ=UTC pnpm proto && vitest",
     "prepare": "cd ../.. && husky clients/web/.husky"
   },
@@ -23,6 +23,7 @@
     "*.{ts,tsx}": "pnpm lint"
   },
   "devDependencies": {
+    "@eslint/js": "^10.0.1",
     "@protobuf-ts/protoc": "^2.11.1",
     "@shikijs/transformers": "^1.29.2",
     "@solidjs/testing-library": "^0.8.10",
@@ -34,15 +35,17 @@
     "cross-env": "^7.0.3",
     "csp-header": "^5.2.1",
     "eslint": "^9.35",
-    "eslint-config-prettier": "^9.1",
-    "eslint-plugin-solid": "^0.14",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-solid": "^0.14.5",
+    "globals": "^17.4.0",
     "husky": "^9.1.7",
     "jsdom": "^28.1",
     "lint-staged": "^15.5.2",
     "postcss": "^8.5.8",
     "prettier": "^3.8.1",
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.1",
     "vite": "^7.3",
     "vite-plugin-solid": "^2.11",
     "vite-plugin-static-copy": "^3.2",

clients/web/eslint.config.js

@@ -21,11 +21,11 @@ describe("formatters", () => {
   it("should formatTimestamp", () => {
     expect(
       formatTimestamp(new Date("2019-08-19T00:00:00")),
-    ).toMatchInlineSnapshot('"24:00:00:000"');
+    ).toMatchInlineSnapshot(`"00:00:00:000"`);
   });
   it("should getTime", () => {
     expect(getTime(new Date("2019-08-19T00:00:00"))).toMatchInlineSnapshot(
-      '"24:00:00"',
+      `"00:00:00"`,
     );
   });
   it("should timestampToDate", () => {