chore: add type checking in frontend

Author: luoingly

frontend/package.json

@@ -15,7 +15,8 @@
     "lint": "eslint ./src",
     "lint:fix": "eslint ./src --fix",
     "preview": "vite preview",
-    "start": "npm run dev"
+    "start": "npm run dev",
+    "typecheck": "vue-tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
     "@noble/ciphers": "^2.1.1",
@@ -56,7 +57,8 @@
     "eslint": "^9.39.2",
     "rollup-plugin-visualizer": "^6.0.5",
     "typescript": "^5.9.3",
-    "vite": "7.3.1"
+    "vite": "7.3.1",
+    "vue-tsc": "^3.2.5"
   },
   "browserslist": [
     "> 0.3%",

frontend/src/api/index.ts

@@ -1,4 +1,3 @@
-import type { WebsiteInformation } from '@backend/controllers/utils'
 import type { CourseRole } from '@backend/types'
 import type { CourseEntityEditable, CourseEntityItem, CourseEntityPreview, CourseEntityViewWithRole, CourseMemberView, ProblemEntityItem, SolutionEntity, TagEntity, TagEntityForm, TagEntityItem, TagEntityPreview, TagEntityView } from '@backend/types/entity'
 import type { Enveloped, Paginated } from '@putongoj/shared'
@@ -9,7 +8,7 @@ import { instance } from './instance'
 export * from './instance'
 
 const utils = {
-  getWebsiteInformaton: () => instance.get<WebsiteInformation>('/website'),
+  getWebsiteInformaton: () => instance.get('/website'),
   getTime: () => instance.get<TimeResp>('/servertime'),
   getRanklist: (params: { [key: string]: any }) =>
     instance.get('/ranklist/list', { params }),

frontend/src/api/instance.ts

@@ -1,6 +1,5 @@
 import type { Enveloped } from '@putongoj/shared'
 import type { AxiosRequestConfig, AxiosResponse } from 'axios'
-import { ErrorCode } from '@putongoj/shared'
 import axios from 'axios'
 
 // 设置全局axios默认值
@@ -44,7 +43,7 @@ async function handleRequest<T> (request: Promise<AxiosResponse<Enveloped<T>>>):
     } else {
       return {
         success: false,
-        code: ErrorCode.NetworkError,
+        code: -1,
         message: err.message || 'Network error',
         data: null,
         requestId: 'N/A',

frontend/src/store/index.ts

@@ -1,10 +1,19 @@
-import type { WebsiteInformation } from '@backend/controllers/utils'
+import type { OAuthProvider } from '@putongoj/shared/dist/consts'
 import { defineStore } from 'pinia'
 import vditorInfo from 'vditor/package.json'
 import api from '@/api'
 import { privilege } from '@/utils/constant'
 import { setServerPublicKey } from '@/utils/crypto'
 
+interface WebsiteInformation {
+  title: string
+  buildSHA: string
+  buildTime: number
+  apiPublicKey: string
+  oauthEnabled: Record<OAuthProvider, boolean>
+  helpDocURL?: string
+}
+
 export const useRootStore = defineStore('root', {
   state: () => ({
     currentTime: Date.now(),

frontend/src/types/api.ts

@@ -1,4 +1,4 @@
-import type { Paginated, ProblemBrief, RanklistInfo, RawRanklist } from '.'
+import type { Paginated, ProblemBrief } from '.'
 
 export interface PaginateParams {
   page: number
@@ -15,8 +15,3 @@ export interface FindProblemsResponse {
   list: Paginated<ProblemBrief>
   solved: number[]
 }
-
-export interface RanklistResponse {
-  ranklist: RawRanklist
-  info: RanklistInfo
-}

frontend/tsconfig.json

@@ -8,7 +8,7 @@
     "useDefineForClassFields": true,
     "baseUrl": ".",
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "paths": {
       "@/*": [
         "src/*"

pnpm-lock.yaml

@@ -41,7 +41,7 @@ export type SuccessEnveloped<T = any> = {
 
 export type ErrorEnveloped = {
   success: false
-  code: ErrorCode
+  code: ErrorCode | -1
   message: string
   data: null
   requestId: string