refactor: migrate to oxlint, oxfmt

.github/labeler.yml

@@ -1,50 +1,50 @@
-"package: api":
+'package: api':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - 'packages/api/**/*'
 
-"package: icon":
+'package: icon':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - 'packages/icon/**/*'
 
-"package: style":
+'package: style':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - 'packages/style/**/*'
 
-"package: ui":
+'package: ui':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - 'packages/ui/**/*'
 
-"eslint":
+'eslint':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - 'tooling/config-eslint/**/*'
               - '.eslintrc*'
               - 'eslint.config.*'
 
-"tsconfig":
+'tsconfig':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - 'tooling/config-typescript/**/*'
               - 'tsconfig.json'
 
-"documentation":
+'documentation':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - 'docs/**/*'
               - 'README.md'
 
-"build":
+'build':
   - any:
       - changed-files:
           - any-glob-to-any-file:
@@ -53,19 +53,19 @@
               - 'packages/*/package.json'
               - 'apps/*/package.json'
 
-"workflows":
+'workflows':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - '.github/workflows/**/*'
 
-"app: spectator":
+'app: spectator':
   - any:
       - changed-files:
           - any-glob-to-any-file:
               - 'apps/spectator/**/*'
 
-"app: manager":
+'app: manager':
   - any:
       - changed-files:
           - any-glob-to-any-file:

.github/workflows/labeler.yml

@@ -6,7 +6,7 @@ on:
       - main
       - wip/*
       - release/**
-    types: [ opened, synchronize, reopened ]
+    types: [opened, synchronize, reopened]
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}

.oxfmtrc.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "singleQuote": true,
+  "jsxSingleQuote": false,
+
+  // sort imports
+  "sortImports": {
+    "groups": [
+      "type-import",
+      ["value-builtin", "value-external"],
+      "type-internal",
+      "value-internal",
+      ["type-parent", "type-sibling", "type-index"],
+      ["value-parent", "value-sibling", "value-index"],
+      "unknown"
+    ],
+    "order": "asc"
+  },
+
+  // sort tailwindcss classes
+  "sortTailwindcss": {
+    "stylesheet": "./apps/spectator/src/styles/globals.css",
+    "functions": ["clsx", "cn"],
+    "preserveWhitespace": true
+  },
+
+  // sort package.json fields
+  "sortPackageJson": {
+    "sortScripts": true
+  },
+
+  "ignorePatterns": []
+}

.oxlintrc.json

@@ -0,0 +1,74 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["typescript", "react", "unicorn", "jsx-a11y"],
+  "categories": {
+    "correctness": "warn"
+  },
+  "rules": {
+    "typescript/no-floating-promises": "error",
+    "typescript/no-unsafe-assignment": "warn",
+    "unicorn/prefer-node-protocol": "off",
+    "typescript/no-non-null-assertion": "warn",
+    "eslint/prefer-template": "warn",
+    "typescript/consistent-type-imports": "error",
+    "typescript/consistent-type-exports": "error",
+    "eslint/no-param-reassign": "error",
+    "typescript/prefer-as-const": "error",
+    "eslint/default-param-last": "error",
+    "typescript/prefer-enum-initializers": "error",
+    "react/self-closing-comp": "error",
+    "eslint/one-var": ["error", "never"],
+    "unicorn/prefer-number-properties": "error",
+    "typescript/no-inferrable-types": "error",
+    "eslint/no-else-return": "error",
+    "eslint/dot-notation": "off",
+    "typescript/ban-types": "off",
+    "unicorn/no-array-for-each": "off",
+    "react-hooks/exhaustive-deps": "warn",
+    "typescript/no-unused-vars": [
+      "error",
+      { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_", "caughtErrors": "none" }
+    ],
+    "react/no-danger": "warn",
+    "typescript/no-explicit-any": "warn",
+    "react/no-array-index-key": "warn",
+    "jsx-a11y/button-has-type": "off",
+    "jsx-a11y/click-events-have-key-events": "off",
+    "jsx-a11y/label-has-associated-control": "off",
+    "jsx-a11y/alt-text": "off"
+  },
+  "settings": {
+    "jsx-a11y": {
+      "polymorphicPropName": null,
+      "components": {},
+      "attributes": {}
+    },
+    "next": {
+      "rootDir": []
+    },
+    "react": {
+      "formComponents": [],
+      "linkComponents": [],
+      "version": null,
+      "componentWrapperFunctions": []
+    },
+    "jsdoc": {
+      "ignorePrivate": false,
+      "ignoreInternal": false,
+      "ignoreReplacesDocs": true,
+      "overrideReplacesDocs": true,
+      "augmentsExtendsReplacesDocs": false,
+      "implementsReplacesDocs": false,
+      "exemptDestructuredRootsFromChecks": false,
+      "tagNamePreference": {}
+    },
+    "vitest": {
+      "typecheck": false
+    }
+  },
+  "env": {
+    "builtin": true
+  },
+  "globals": {},
+  "ignorePatterns": []
+}

apps/manager/package.json

@@ -3,18 +3,12 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack --port 11114 --hostname 0.0.0.0",
     "build": "next build",
-    "start": "next start",
-    "lint": "biome lint .",
-    "lint:fix": "biome lint --fix .",
-    "format": "biome format --write ."
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "biome lint --fix",
-      "biome format --write"
-    ]
+    "dev": "next dev --turbopack --port 11114 --hostname 0.0.0.0",
+    "format": "oxfmt",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "start": "next start"
   },
   "dependencies": {
     "@bprogress/next": "^3.2.12",

apps/manager/postcss.config.mjs

@@ -1,5 +1,5 @@
 const config = {
-  plugins: ["@tailwindcss/postcss"],
+  plugins: ['@tailwindcss/postcss'],
 };
 
 export default config;

apps/manager/src/api/mutations/useCreateGames.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { GameStateType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export type GameFormTeamType = {

apps/manager/src/api/mutations/useCreateLeagues.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { LeagueDetailType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export type LeagueFormType = Pick<

apps/manager/src/api/mutations/useCreatePlayers.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { PlayerType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export type PlayerFormType = Pick<PlayerType, 'name' | 'studentNumber'>;

apps/manager/src/api/mutations/useCreateTeams.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { TeamType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export type TeamFormType = Pick<TeamType, 'name' | 'unit' | 'teamColor' | 'teamPlayers'> & {

apps/manager/src/api/mutations/useCreateTimelinePK.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { PkType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export const postTimelinePK = ({ gameId, ...request }: PkType) => {

apps/manager/src/api/mutations/useCreateTimelineReplacement.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { ReplacementType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export const postTimelineReplace = ({ gameId, ...request }: ReplacementType) => {

apps/manager/src/api/mutations/useCreateTimelineScore.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { ScoreType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export const postTimelineScore = ({ gameId, ...request }: ScoreType) => {

apps/manager/src/api/mutations/useCreateTimelineStatus.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { ProgressStateType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export const postTimelineProgress = ({ gameId, ...request }: ProgressStateType) => {

apps/manager/src/api/mutations/useCreateTimelineWarning.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { WarningType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export const postTimelineWarning = ({ gameId, ...request }: WarningType) => {

apps/manager/src/api/mutations/useDeleteLeagues.ts

@@ -1,4 +1,5 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useDeletePlayers.ts

@@ -1,4 +1,5 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useDeleteTeams.ts

@@ -1,4 +1,5 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useDeleteTimeline.ts

@@ -1,4 +1,5 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useUpdateCheerTalkBlock.ts

@@ -1,4 +1,5 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useUpdateCheerTalkUnblock.ts

@@ -1,4 +1,5 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useUpdateGames.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { GameStateType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 export type GameUpdateFormType = {

apps/manager/src/api/mutations/useUpdateLeagueTeams.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { LeagueDetailType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useUpdateLeagues.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { LeagueDetailType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useUpdatePlayers.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { PlayerFormType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/mutations/useUpdateTeams.ts

@@ -1,5 +1,7 @@
 import { fetcher, useMutation, useQueryClient } from '@hcc/api-base';
+
 import type { TeamFormType } from '~/api';
+
 import { queryKeys } from '~/api/queryKey';
 
 type Request = {

apps/manager/src/api/queries/useCheerTalkBlock.ts

@@ -1,5 +1,7 @@
 import { useQuery, useSuspenseQuery } from '@hcc/api-base';
+
 import type { CheerTalkPayload } from '~/api';
+
 import { queryKeys } from '../queryKey';
 
 export const useCheerTalkBlock = (payload: CheerTalkPayload) =>

apps/manager/src/api/queries/useCheerTalkReport.ts

@@ -1,5 +1,7 @@
 import { useQuery, useSuspenseQuery } from '@hcc/api-base';
+
 import type { CheerTalkPayload } from '~/api';
+
 import { queryKeys } from '../queryKey';
 
 export const useCheerTalkReport = (payload: CheerTalkPayload) =>