Updates tooling

.github/workflows/README.md

@@ -10,8 +10,8 @@ Whenever someone pushes to the `deploy` branch, this script will build Hydrant f
 
 This runs two checks:
 
-- Prettier for formatting
-- ESLint linting + TypeScript typechecking (bundled as a single check)
+- Oxfmt for formatting
+- Oxlint for linting + TypeScript typechecking (bundled as a single check)
 
 This pipeline does NOT trigger on pull requests or commits that only affect backend-related code, documentation, or JSON/TOML data.
 

.github/workflows/ci-frontend.yml

@@ -22,7 +22,7 @@ on:
 
 jobs:
   prettier:
-    name: Prettier
+    name: Format
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v7
@@ -33,8 +33,8 @@ jobs:
           cache: "npm"
       - name: Install node dependencies
         run: npm ci
-      - name: Run Prettier
-        run: npm run ci-prettier
+      - name: Run Format
+        run: npm run format:check
   lint:
     name: Lint + Typecheck
     runs-on: ubuntu-latest
@@ -47,10 +47,8 @@ jobs:
           cache: "npm"
       - name: Install node dependencies
         run: npm ci
-      - name: Check types
-        run: npm run typecheck
-      - name: Run ESLint
-        run: npm run ci-eslint
+      - name: Run Lint + Typecheck
+        run: npm run lint
   test:
     name: Unit tests
     runs-on: ubuntu-latest

.github/workflows/gh-pages.yml

@@ -42,8 +42,6 @@ jobs:
           pip install .
       - name: Run scrapers
         run: python3 -m scrapers
-      - name: Check/generate types
-        run: npm run typecheck
       - name: Build
         run: npm run build
         env:

.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["vitest.explorer", "ms-python.python"]
+  "recommendations": ["vitest.explorer", "ms-python.python", "oxc.oxc-vscode"]
 }

oxfmt.config.ts

@@ -0,0 +1,27 @@
+import { defineConfig } from "oxfmt";
+
+// uses .editorconfig by default, no need to customize much
+export default defineConfig({
+  ignorePatterns: ["public/*"],
+  sortImports: {
+    newlinesBetween: true,
+    customGroups: [
+      {
+        groupName: "react-libs",
+        elementNamePattern: ["react", "react-**"],
+      },
+    ],
+    groups: [
+      "react-libs",
+      "type-import",
+      ["value-builtin", "value-external"],
+      "type-internal",
+      "value-internal",
+      ["type-parent", "type-sibling", "type-index"],
+      ["value-parent", "value-sibling", "value-index"],
+      "style",
+      "unknown",
+    ],
+  },
+  sortPackageJson: { sortScripts: true },
+});

oxlint.config.ts

@@ -0,0 +1,55 @@
+import { defineConfig } from "oxlint";
+
+export default defineConfig({
+  plugins: ["typescript", "react", "unicorn", "import", "react-perf"],
+  categories: {
+    correctness: "error",
+    suspicious: "warn",
+  },
+  options: {
+    typeAware: true,
+    typeCheck: true,
+    reportUnusedDisableDirectives: "error",
+  },
+  env: {
+    builtin: true,
+    es2023: true,
+    browser: true,
+  },
+  ignorePatterns: ["src/components/ui/**", "src/emotion/**"],
+  rules: {
+    "react-in-jsx-scope": "off",
+    "no-unassigned-import": [
+      "error",
+      { allow: ["**/*.css", "temporal-polyfill/global"] },
+    ],
+    "react/only-export-components": [
+      "warn",
+      {
+        allowConstantExport: true,
+        allowExportNames: [
+          "middleware",
+          "clientMiddleware",
+          "loader",
+          "clientLoader",
+          "action",
+          "clientAction",
+          "headers",
+          "handle",
+          "links",
+          "meta",
+          "shouldRevalidate",
+        ],
+      },
+    ],
+    "react/rules-of-hooks": "error",
+  },
+  overrides: [
+    {
+      files: ["tests/**"],
+      env: { vitest: true },
+
+      plugins: ["vitest"],
+    },
+  ],
+});