xuyue/ojnext
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

change to vite8
Some checks failed
Deploy / deploy (build, debian, 22, /root/OJDeploy/data/clientnext) (push) Has been cancelled
Details
Deploy / deploy (build:staging, school, 8822, /root/OJ/data/dist) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
yuetsh
2026-07-02 18:28:47 -06:00
parent 5d418a2280
commit dd29f04664
62 changed files with 3033 additions and 1028 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
CLAUDE.md
View File

@@ -4,7 +4,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
## Project Overview ## Project Overview
**ojnext** is the frontend for an Online Judge platform. Built with Vue 3 + TypeScript using Rsbuild (Rust-based bundler), Naive UI component library, Pinia for state management, and Vue Router. **ojnext** is the frontend for an Online Judge platform. Built with Vue 3 + TypeScript using Vite (Rolldown-based bundler), Naive UI component library, Pinia for state management, and Vue Router.
## Commands ## Commands

9
index.html
View File

@@ -9,16 +9,9 @@
<script> <script>
window.localStorage.setItem("maxkbMaskTip", true) window.localStorage.setItem("maxkbMaskTip", true)
</script> </script>
<% if (process.env.PUBLIC_MAXKB_URL) { %>
<script
async
defer
src="<%= process.env.PUBLIC_MAXKB_URL %>"
></script>
<% } %>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

3678
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

35
package.json
View File

@@ -1,12 +1,12 @@
{ {
"name": "oj-next", "name": "oj-next",
"version": "1.8.0", "version": "1.9.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"start": "rsbuild dev", "start": "vite",
"build": "rsbuild build", "build": "vite build",
"build:staging": "rsbuild build --env-mode=staging", "build:staging": "vite build --mode staging",
"build:test": "rsbuild build --env-mode=test", "build:test": "vite build --mode test",
"fmt": "prettier --write src *.ts" "fmt": "prettier --write src *.ts"
}, },
"dependencies": { "dependencies": {
@@ -22,9 +22,9 @@
"@vue-flow/node-toolbar": "^1.1.1", "@vue-flow/node-toolbar": "^1.1.1",
"@vueuse/core": "^14.3.0", "@vueuse/core": "^14.3.0",
"@vueuse/router": "^14.3.0", "@vueuse/router": "^14.3.0",
"@wangeditor-next/editor": "^5.7.12", "@wangeditor-next/editor": "^5.7.13",
"@wangeditor-next/editor-for-vue": "^5.1.14", "@wangeditor-next/editor-for-vue": "^5.1.14",
"axios": "^1.18.0", "axios": "^1.18.1",
"canvas-confetti": "^1.9.4", "canvas-confetti": "^1.9.4",
"chart.js": "^4.5.1", "chart.js": "^4.5.1",
"chartjs-chart-wordcloud": "^4.4.5", "chartjs-chart-wordcloud": "^4.4.5",
@@ -34,15 +34,15 @@
"date-fns": "^4.4.0", "date-fns": "^4.4.0",
"fflate": "^0.8.3", "fflate": "^0.8.3",
"highlight.js": "^11.11.1", "highlight.js": "^11.11.1",
"md-editor-v3": "^6.5.1", "md-editor-v3": "^6.5.3",
"mermaid": "^11.15.0", "mermaid": "^11.16.0",
"mermaid-legacy": "npm:mermaid@^9.1.7", "mermaid-legacy": "npm:mermaid@^9.4.3",
"naive-ui": "^2.44.1", "naive-ui": "^2.44.1",
"nanoid": "^5.1.15", "nanoid": "^5.1.16",
"normalize.css": "^8.0.1", "normalize.css": "^8.0.1",
"pinia": "^3.0.4", "pinia": "^3.0.4",
"skulpt": "^1.2.0", "skulpt": "^1.2.0",
"vue": "^3.5.38", "vue": "^3.5.39",
"vue-chartjs": "^5.3.3", "vue-chartjs": "^5.3.3",
"vue-codemirror": "^6.1.1", "vue-codemirror": "^6.1.1",
"vue-router": "^5.1.0", "vue-router": "^5.1.0",
@@ -52,14 +52,15 @@
}, },
"devDependencies": { "devDependencies": {
"@iconify/vue": "^5.0.1", "@iconify/vue": "^5.0.1",
"@rsbuild/core": "^1.7.5",
"@rsbuild/plugin-vue": "^1.2.9",
"@types/canvas-confetti": "^1.9.0", "@types/canvas-confetti": "^1.9.0",
"@types/node": "^26.0.0", "@types/node": "^26.1.0",
"@vitejs/plugin-legacy": "^8.1.0",
"@vitejs/plugin-vue": "^6.0.7",
"@vue/tsconfig": "^0.9.1", "@vue/tsconfig": "^0.9.1",
"prettier": "^3.8.4", "prettier": "^3.9.4",
"typescript": "^6.0.3", "typescript": "^6.0.3",
"unplugin-auto-import": "^21.0.0", "unplugin-auto-import": "^21.0.0",
"unplugin-vue-components": "^32.1.0" "unplugin-vue-components": "^32.1.0",
"vite": "^8.1.3"
} }
} }

104
rsbuild.config.ts
View File

@@ -1,104 +0,0 @@
import { defineConfig, loadEnv } from "@rsbuild/core"
import { pluginVue } from "@rsbuild/plugin-vue"
import AutoImport from "unplugin-auto-import/rspack"
import Components from "unplugin-vue-components/rspack"
import { NaiveUiResolver } from "unplugin-vue-components/resolvers"
const config: ReturnType<typeof defineConfig> = defineConfig(({ envMode }) => {
const { publicVars, rawPublicVars } = loadEnv({
cwd: process.cwd(),
mode: envMode,
})
const proxyConfig = {
target: rawPublicVars["PUBLIC_OJ_URL"],
changeOrigin: true,
}
const wsProxyConfig = {
target: rawPublicVars["PUBLIC_WS_URL"],
ws: true,
changeOrigin: true,
}
return {
plugins: [pluginVue()],
tools: {
rspack: {
plugins: [
AutoImport({
imports: [
"vue",
"vue-router",
"@vueuse/core",
"pinia",
{
"naive-ui": [
"useDialog",
"useMessage",
"useNotification",
"useLoadingBar",
],
},
{
from: "naive-ui",
imports: [
"DataTableColumn",
"FormRules",
"FormItemRule",
"SelectOption",
"UploadCustomRequestOptions",
"UploadFileInfo",
"MenuOption",
"DropdownDividerOption",
"DropdownOption",
],
type: true,
},
],
dts: "./src/auto-imports.d.ts",
}),
Components({
resolvers: [NaiveUiResolver()],
dts: "./src/components.d.ts",
}),
],
},
},
html: {
template: "./index.html",
},
source: {
entry: {
index: "./src/main.ts",
},
define: publicVars,
},
output: {
polyfill: "usage",
},
performance: {
chunkSplit: {
strategy: "split-by-module",
},
},
resolve: {
alias: {
utils: "./src/utils",
oj: "./src/oj",
admin: "./src/admin",
shared: "./src/shared",
},
},
server: {
port: 5173,
proxy: {
"/api": proxyConfig,
"/public": proxyConfig,
"/ws": wsProxyConfig,
},
},
}
})
export default config

2
src/admin/announcement/detail.vue
View File

@@ -1,6 +1,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import TextEditor from "shared/components/TextEditor.vue" import TextEditor from "shared/components/TextEditor.vue"
import { AnnouncementEdit } from "utils/types" import type { AnnouncementEdit } from "utils/types"
import { createAnnouncement, editAnnouncement, getAnnouncement } from "../api" import { createAnnouncement, editAnnouncement, getAnnouncement } from "../api"
interface Props { interface Props {

2
src/admin/announcement/list.vue
View File

@@ -2,7 +2,7 @@
import { NSwitch } from "naive-ui" import { NSwitch } from "naive-ui"
import Pagination from "shared/components/Pagination.vue" import Pagination from "shared/components/Pagination.vue"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { Announcement } from "utils/types" import type { Announcement } from "utils/types"
import { editAnnouncement, getAnnouncementList } from "../api" import { editAnnouncement, getAnnouncementList } from "../api"
import Actions from "./components/Actions.vue" import Actions from "./components/Actions.vue"

2
src/admin/communication/comments.vue
View File

@@ -20,7 +20,7 @@
import { NButton } from "naive-ui" import { NButton } from "naive-ui"
import Pagination from "shared/components/Pagination.vue" import Pagination from "shared/components/Pagination.vue"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { Comment } from "utils/types" import type { Comment } from "utils/types"
import { getCommentList } from "../api" import { getCommentList } from "../api"
import CommentActions from "./components/CommentActions.vue" import CommentActions from "./components/CommentActions.vue"

2
src/admin/contest/components/Actions.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import { Contest } from "utils/types" import type { Contest } from "utils/types"
import { cloneContest } from "../../api" import { cloneContest } from "../../api"
interface Props { interface Props {

2
src/admin/problemset/components/BadgeManagement.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { h } from "vue" import { h } from "vue"
import { ProblemSetBadge } from "utils/types" import type { ProblemSetBadge } from "utils/types"
import { NButton, NImage } from "naive-ui" import { NButton, NImage } from "naive-ui"
interface Props { interface Props {

2
src/admin/problemset/components/EditBadgeModal.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ProblemSetBadge } from "utils/types" import type { ProblemSetBadge } from "utils/types"
interface Props { interface Props {
show: boolean show: boolean

2
src/admin/problemset/components/EditProblemModal.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ProblemSetProblem } from "utils/types" import type { ProblemSetProblem } from "utils/types"
interface Props { interface Props {
show: boolean show: boolean

2
src/admin/problemset/components/ProblemManagement.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { h } from "vue" import { h } from "vue"
import { NDataTable, NButton, NFlex } from "naive-ui" import { NDataTable, NButton, NFlex } from "naive-ui"
import { ProblemSetProblem } from "utils/types" import type { ProblemSetProblem } from "utils/types"
interface Props { interface Props {
problems: ProblemSetProblem[] problems: ProblemSetProblem[]

2
src/admin/problemset/components/ProblemSetInfo.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { ProblemSet } from "utils/types" import type { ProblemSet } from "utils/types"
interface Props { interface Props {
problemSet: ProblemSet problemSet: ProblemSet

2
src/admin/problemset/components/ProgressManagement.vue
View File

@@ -2,7 +2,7 @@
import { h } from "vue" import { h } from "vue"
import { NDataTable, NButton, NFlex } from "naive-ui" import { NDataTable, NButton, NFlex } from "naive-ui"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { ProblemSetProgress } from "utils/types" import type { ProblemSetProgress } from "utils/types"
interface Props { interface Props {
progress: ProblemSetProgress[] progress: ProblemSetProgress[]

2
src/admin/problemset/detail.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { NTabPane, NTabs, NButton, NFlex } from "naive-ui" import { NTabPane, NTabs, NButton, NFlex } from "naive-ui"
import { import type {
ProblemSet, ProblemSet,
ProblemSetProblem, ProblemSetProblem,
ProblemSetBadge, ProblemSetBadge,

2
src/admin/problemset/edit.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { CreateProblemSetData, EditProblemSetData } from "utils/types" import type { CreateProblemSetData, EditProblemSetData } from "utils/types"
import { getProblemSetDetail, createProblemSet, editProblemSet } from "../api" import { getProblemSetDetail, createProblemSet, editProblemSet } from "../api"
const route = useRoute() const route = useRoute()

2
src/admin/setting/config.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { NButton, NTag } from "naive-ui" import { NButton, NTag } from "naive-ui"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { Server } from "utils/types" import type { Server } from "utils/types"
import { useConfigStore } from "shared/store/config" import { useConfigStore } from "shared/store/config"
import { useConfigWebSocket } from "shared/composables/websocket" import { useConfigWebSocket } from "shared/composables/websocket"
import { import {

2
src/admin/setting/home.vue
View File

@@ -6,7 +6,7 @@ import { getRank } from "oj/api"
import Pagination from "shared/components/Pagination.vue" import Pagination from "shared/components/Pagination.vue"
import { useUserStore } from "shared/store/user" import { useUserStore } from "shared/store/user"
import { getACRate } from "utils/functions" import { getACRate } from "utils/functions"
import { Rank } from "utils/types" import type { Rank } from "utils/types"
import { getBaseInfo, randomUser10 } from "../api" import { getBaseInfo, randomUser10 } from "../api"
const userCount = ref(0) const userCount = ref(0)

2
src/admin/tutorial/components/ExerciseManager.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { import type {
Exercise, Exercise,
ExerciseType, ExerciseType,
ExerciseMcqData, ExerciseMcqData,

2
src/admin/tutorial/detail.vue
View File

@@ -1,7 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import CodeEditor from "shared/components/CodeEditor.vue" import CodeEditor from "shared/components/CodeEditor.vue"
import MarkdownEditor from "shared/components/MarkdownEditor.vue" import MarkdownEditor from "shared/components/MarkdownEditor.vue"
import { Tutorial } from "utils/types" import type { Tutorial } from "utils/types"
import { createTutorial, getTutorial, updateTutorial } from "../api" import { createTutorial, getTutorial, updateTutorial } from "../api"
import ExerciseManager from "./components/ExerciseManager.vue" import ExerciseManager from "./components/ExerciseManager.vue"

2
src/admin/tutorial/list.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { NSwitch } from "naive-ui" import { NSwitch } from "naive-ui"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { Tutorial } from "utils/types" import type { Tutorial } from "utils/types"
import { getTutorialList, setTutorialVisibility } from "../api" import { getTutorialList, setTutorialVisibility } from "../api"
import Actions from "./components/Actions.vue" import Actions from "./components/Actions.vue"

2
src/admin/user/components/Name.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { PROBLEM_PERMISSION, USER_TYPE } from "utils/constants" import { PROBLEM_PERMISSION, USER_TYPE } from "utils/constants"
import { getUserRole } from "utils/functions" import { getUserRole } from "utils/functions"
import { User } from "utils/types" import type { User } from "utils/types"
import TextCopy from "shared/components/TextCopy.vue" import TextCopy from "shared/components/TextCopy.vue"
interface Props { interface Props {

2
src/admin/user/list.vue
View File

@@ -3,7 +3,7 @@ import { DataTableRowKey, SelectOption } from "naive-ui"
import Pagination from "shared/components/Pagination.vue" import Pagination from "shared/components/Pagination.vue"
import { usePagination } from "shared/composables/pagination" import { usePagination } from "shared/composables/pagination"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { User } from "utils/types" import type { User } from "utils/types"
import { import {
deleteUsers, deleteUsers,
editUser, editUser,

10
src/env.d.ts vendored
View File

@@ -1,4 +1,4 @@
/// <reference types="@rsbuild/core/types" /> /// <reference types="vite/client" />
interface ImportMetaEnv { interface ImportMetaEnv {
readonly PUBLIC_ENV: string readonly PUBLIC_ENV: string
@@ -14,11 +14,3 @@ interface ImportMetaEnv {
interface ImportMeta { interface ImportMeta {
readonly env: ImportMetaEnv readonly env: ImportMetaEnv
} }
interface Document {
startViewTransition?: (callback: () => void | Promise<void>) => {
ready: Promise<void>
finished: Promise<void>
updateCallbackDone: Promise<void>
}
}

2
src/oj/ai/components/SolvedTable.vue
View File

@@ -36,7 +36,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { NButton, NTooltip } from "naive-ui" import { NButton, NTooltip } from "naive-ui"
import TagTitle from "./TagTitle.vue" import TagTitle from "./TagTitle.vue"
import { FlowchartSummary, SolvedProblem } from "utils/types" import type { FlowchartSummary, SolvedProblem } from "utils/types"
import { useAIStore } from "oj/store/ai" import { useAIStore } from "oj/store/ai"
import { useBreakpoints } from "shared/composables/breakpoints" import { useBreakpoints } from "shared/composables/breakpoints"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"

2
src/oj/announcement/list.vue
View File

@@ -5,7 +5,7 @@ import Pagination from "shared/components/Pagination.vue"
import { useBreakpoints } from "shared/composables/breakpoints" import { useBreakpoints } from "shared/composables/breakpoints"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { renderTableTitle } from "utils/renders" import { renderTableTitle } from "utils/renders"
import { Announcement } from "utils/types" import type { Announcement } from "utils/types"
import TitleWithTag from "./components/TitleWithTag.vue" import TitleWithTag from "./components/TitleWithTag.vue"
const total = ref(0) const total = ref(0)

2
src/oj/contest/components/AcAndSubmission.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ContestRank } from "utils/types" import type { ContestRank } from "utils/types"
interface Props { interface Props {
rank: ContestRank rank: ContestRank

2
src/oj/contest/components/LineChart.vue
View File

@@ -15,7 +15,7 @@ import {
Tooltip, Tooltip,
Legend, Legend,
} from "chart.js" } from "chart.js"
import { ContestRank } from "utils/types" import type { ContestRank } from "utils/types"
ChartJS.register( ChartJS.register(
CategoryScale, CategoryScale,

2
src/oj/contest/pages/problems.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ProblemFiltered } from "utils/types" import type { ProblemFiltered } from "utils/types"
import ProblemStatus from "oj/problem/components/ProblemStatus.vue" import ProblemStatus from "oj/problem/components/ProblemStatus.vue"
import { useContestStore } from "oj/store/contest" import { useContestStore } from "oj/store/contest"
import { renderTableTitle } from "utils/renders" import { renderTableTitle } from "utils/renders"

2
src/oj/learn/components/ExerciseDebug.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { Exercise, ExerciseDebugData } from "utils/types" import type { Exercise, ExerciseDebugData } from "utils/types"
import { highlightLines } from "../composables/useCodeHighlight" import { highlightLines } from "../composables/useCodeHighlight"
import "./exercise-highlight.css" import "./exercise-highlight.css"

2
src/oj/learn/components/ExerciseGroup.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { Exercise, ExerciseGroupData } from "utils/types" import type { Exercise, ExerciseGroupData } from "utils/types"
const props = defineProps<{ exercise: Exercise; lang?: string }>() const props = defineProps<{ exercise: Exercise; lang?: string }>()
const data = computed(() => props.exercise.data as ExerciseGroupData) const data = computed(() => props.exercise.data as ExerciseGroupData)

2
src/oj/learn/components/ExerciseMatch.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { Exercise, ExerciseMatchData } from "utils/types" import type { Exercise, ExerciseMatchData } from "utils/types"
const props = defineProps<{ exercise: Exercise; lang?: string }>() const props = defineProps<{ exercise: Exercise; lang?: string }>()
const data = computed(() => props.exercise.data as ExerciseMatchData) const data = computed(() => props.exercise.data as ExerciseMatchData)

2
src/oj/learn/components/ExerciseMcq.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { Exercise, ExerciseMcqData } from "utils/types" import type { Exercise, ExerciseMcqData } from "utils/types"
const props = defineProps<{ exercise: Exercise }>() const props = defineProps<{ exercise: Exercise }>()
const data = computed(() => props.exercise.data as ExerciseMcqData) const data = computed(() => props.exercise.data as ExerciseMcqData)

2
src/oj/learn/components/ExercisePredict.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { Exercise, ExercisePredictData } from "utils/types" import type { Exercise, ExercisePredictData } from "utils/types"
import { highlight } from "../composables/useCodeHighlight" import { highlight } from "../composables/useCodeHighlight"
import "./exercise-highlight.css" import "./exercise-highlight.css"

2
src/oj/learn/components/ExerciseSort.vue
View File

@@ -2,7 +2,7 @@
import hljs from "highlight.js/lib/core" import hljs from "highlight.js/lib/core"
import python from "highlight.js/lib/languages/python" import python from "highlight.js/lib/languages/python"
import c from "highlight.js/lib/languages/c" import c from "highlight.js/lib/languages/c"
import { Exercise, ExerciseSortData } from "utils/types" import type { Exercise, ExerciseSortData } from "utils/types"
hljs.registerLanguage("python", python) hljs.registerLanguage("python", python)
hljs.registerLanguage("c", c) hljs.registerLanguage("c", c)

2
src/oj/learn/components/ExerciseWidget.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { Exercise } from "utils/types" import type { Exercise } from "utils/types"
const ExerciseMcq = defineAsyncComponent(() => import("./ExerciseMcq.vue")) const ExerciseMcq = defineAsyncComponent(() => import("./ExerciseMcq.vue"))
const ExerciseSort = defineAsyncComponent(() => import("./ExerciseSort.vue")) const ExerciseSort = defineAsyncComponent(() => import("./ExerciseSort.vue"))

2
src/oj/learn/composables/useExerciseParse.ts
View File

@@ -1,4 +1,4 @@
import { Exercise } from "utils/types" import type { Exercise } from "utils/types"
type Segment = type Segment =
| { type: "md"; content: string } | { type: "md"; content: string }

2
src/oj/problem/components/ContestEditor.vue
View File

@@ -7,7 +7,7 @@ import CodeEditor from "shared/components/CodeEditor.vue"
import { useBreakpoints } from "shared/composables/breakpoints" import { useBreakpoints } from "shared/composables/breakpoints"
import { provideSyncStatus } from "oj/composables/syncStatus" import { provideSyncStatus } from "oj/composables/syncStatus"
import storage from "utils/storage" import storage from "utils/storage"
import { LANGUAGE } from "utils/types" import type { LANGUAGE } from "utils/types"
import Form from "./Form.vue" import Form from "./Form.vue"
const route = useRoute() const route = useRoute()

2
src/oj/problem/components/Form.vue
View File

@@ -15,7 +15,7 @@ import {
import { useBreakpoints } from "shared/composables/breakpoints" import { useBreakpoints } from "shared/composables/breakpoints"
import { useUserStore } from "shared/store/user" import { useUserStore } from "shared/store/user"
import storage from "utils/storage" import storage from "utils/storage"
import { LANGUAGE } from "utils/types" import type { LANGUAGE } from "utils/types"
import StatisticsPanel from "shared/components/StatisticsPanel.vue" import StatisticsPanel from "shared/components/StatisticsPanel.vue"
import IconButton from "shared/components/IconButton.vue" import IconButton from "shared/components/IconButton.vue"
import { Icon } from "@iconify/vue" import { Icon } from "@iconify/vue"

2
src/oj/problemset/components/ProblemSetHeader.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { Icon } from "@iconify/vue" import { Icon } from "@iconify/vue"
import { ProblemSet, UserBadge as UserBadgeType } from "utils/types" import type { ProblemSet, UserBadge as UserBadgeType } from "utils/types"
import UserBadge from "shared/components/UserBadge.vue" import UserBadge from "shared/components/UserBadge.vue"
import { useUserStore } from "shared/store/user" import { useUserStore } from "shared/store/user"

2
src/oj/problemset/components/ProblemSetProblemsList.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { Icon } from "@iconify/vue" import { Icon } from "@iconify/vue"
import { ProblemSetProblem } from "utils/types" import type { ProblemSetProblem } from "utils/types"
import { DIFFICULTY } from "utils/constants" import { DIFFICULTY } from "utils/constants"
import { getTagColor } from "utils/functions" import { getTagColor } from "utils/functions"
import { useBreakpoints } from "shared/composables/breakpoints" import { useBreakpoints } from "shared/composables/breakpoints"

2
src/oj/problemset/components/UserProgressView.vue
View File

@@ -2,7 +2,7 @@
import { h, computed, ref, onMounted, watch } from "vue" import { h, computed, ref, onMounted, watch } from "vue"
import { watchDebounced } from "@vueuse/core" import { watchDebounced } from "@vueuse/core"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { ProblemSetProgress } from "utils/types" import type { ProblemSetProgress } from "utils/types"
import { getProblemSetUserProgress } from "../../api" import { getProblemSetUserProgress } from "../../api"
import { NFlex, NTag } from "naive-ui" import { NFlex, NTag } from "naive-ui"
import { usePagination } from "shared/composables/pagination" import { usePagination } from "shared/composables/pagination"

2
src/oj/problemset/detail.vue
View File

@@ -5,7 +5,7 @@ import {
joinProblemSet, joinProblemSet,
getUserBadges, getUserBadges,
} from "../api" } from "../api"
import { import type {
ProblemSet, ProblemSet,
ProblemSetProblem, ProblemSetProblem,
UserBadge as UserBadgeType, UserBadge as UserBadgeType,

2
src/oj/rank/components/Chart.vue
View File

@@ -11,7 +11,7 @@ import {
Colors, Colors,
} from "chart.js" } from "chart.js"
import { ChartType } from "utils/constants" import { ChartType } from "utils/constants"
import { Rank } from "utils/types" import type { Rank } from "utils/types"
// 仅注册柱状图所需的 Chart.js 组件 // 仅注册柱状图所需的 Chart.js 组件
ChartJS.register( ChartJS.register(

2
src/oj/store/ai.ts
View File

@@ -1,4 +1,4 @@
import { DetailsData, DurationData } from "utils/types" import type { DetailsData, DurationData } from "utils/types"
import { consumeJSONEventStream } from "utils/stream" import { consumeJSONEventStream } from "utils/stream"
import { import {
getAIDetailData, getAIDetailData,

2
src/oj/store/code.ts
View File

@@ -1,7 +1,7 @@
import { defineStore } from "pinia" import { defineStore } from "pinia"
import { STORAGE_KEY } from "utils/constants" import { STORAGE_KEY } from "utils/constants"
import storage from "utils/storage" import storage from "utils/storage"
import { Code, LANGUAGE } from "utils/types" import type { Code, LANGUAGE } from "utils/types"
/** /**
* 代码编辑器状态管理 Store * 代码编辑器状态管理 Store

2
src/oj/store/contest.ts
View File

@@ -2,7 +2,7 @@ import { formatISO, getTime, parseISO } from "date-fns"
import { useUserStore } from "shared/store/user" import { useUserStore } from "shared/store/user"
import { ContestStatus, ContestType } from "utils/constants" import { ContestStatus, ContestType } from "utils/constants"
import { duration } from "utils/functions" import { duration } from "utils/functions"
import { Contest, Problem } from "utils/types" import type { Contest, Problem } from "utils/types"
import { import {
checkContestPassword, checkContestPassword,
getContest, getContest,

2
src/oj/submission/components/FlowchartScoreDetail.vue
View File

@@ -109,7 +109,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { Icon } from "@iconify/vue" import { Icon } from "@iconify/vue"
import { FlowchartSubmission } from "utils/types" import type { FlowchartSubmission } from "utils/types"
import { useMermaid } from "shared/composables/useMermaid" import { useMermaid } from "shared/composables/useMermaid"
interface Props { interface Props {

2
src/oj/submission/components/Grade.vue
View File

@@ -5,7 +5,7 @@
</n-text> </n-text>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { Grade } from "utils/types" import type { Grade } from "utils/types"
defineProps<{ defineProps<{
score: number score: number
grade: Grade grade: Grade

2
src/oj/submission/detail.vue
View File

@@ -11,7 +11,7 @@ import {
submissionTimeFormat, submissionTimeFormat,
utoa, utoa,
} from "utils/functions" } from "utils/functions"
import { Submission } from "utils/types" import type { Submission } from "utils/types"
import SubmissionResultTag from "shared/components/SubmissionResultTag.vue" import SubmissionResultTag from "shared/components/SubmissionResultTag.vue"
import { useBreakpoints } from "shared/composables/breakpoints" import { useBreakpoints } from "shared/composables/breakpoints"
import { useCodeStore } from "oj/store/code" import { useCodeStore } from "oj/store/code"

2
src/oj/user/message.vue
View File

@@ -48,7 +48,7 @@ import { JUDGE_STATUS, LANGUAGE_FORMAT_VALUE } from "utils/constants"
import Copy from "shared/components/Copy.vue" import Copy from "shared/components/Copy.vue"
import Pagination from "shared/components/Pagination.vue" import Pagination from "shared/components/Pagination.vue"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
import { Message } from "utils/types" import type { Message } from "utils/types"
const router = useRouter() const router = useRouter()
const messages = ref<Message[]>([]) const messages = ref<Message[]>([])

2
src/shared/api.ts
View File

@@ -1,5 +1,5 @@
import http from "utils/http" import http from "utils/http"
import { Profile, Tag } from "utils/types" import type { Profile, Tag } from "utils/types"
export function login(data: { username: string; password: string }) { export function login(data: { username: string; password: string }) {
return http.post("login", data) return http.post("login", data)

2
src/shared/components/ContestTitle.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { Icon } from "@iconify/vue" import { Icon } from "@iconify/vue"
import { ContestType } from "utils/constants" import { ContestType } from "utils/constants"
import { Contest } from "utils/types" import type { Contest } from "utils/types"
defineProps<{ contest: Contest }>() defineProps<{ contest: Contest }>()
</script> </script>

2
src/shared/components/ContestType.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { ContestType } from "utils/constants" import { ContestType } from "utils/constants"
import { Contest } from "utils/types" import type { Contest } from "utils/types"
interface Props { interface Props {
contest: Contest contest: Contest

2
src/shared/components/SubmissionResultTag.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { JUDGE_STATUS } from "utils/constants" import { JUDGE_STATUS } from "utils/constants"
import { SUBMISSION_RESULT } from "utils/types" import type { SUBMISSION_RESULT } from "utils/types"
interface Props { interface Props {
result: SUBMISSION_RESULT result: SUBMISSION_RESULT

2
src/shared/components/UserBadge.vue
View File

@@ -23,7 +23,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { UserBadge } from "utils/types" import type { UserBadge } from "utils/types"
import { parseTime } from "utils/functions" import { parseTime } from "utils/functions"
interface Props { interface Props {
badge: UserBadge badge: UserBadge

2
src/shared/store/config.ts
View File

@@ -1,5 +1,5 @@
import { getWebsiteConfig } from "oj/api" import { getWebsiteConfig } from "oj/api"
import { WebsiteConfig } from "utils/types" import type { WebsiteConfig } from "utils/types"
export const useConfigStore = defineStore("config", () => { export const useConfigStore = defineStore("config", () => {
const config = ref<WebsiteConfig>({ const config = ref<WebsiteConfig>({

2
src/shared/store/user.ts
View File

@@ -1,6 +1,6 @@
import { PROBLEM_PERMISSION, STORAGE_KEY, USER_TYPE } from "utils/constants" import { PROBLEM_PERMISSION, STORAGE_KEY, USER_TYPE } from "utils/constants"
import storage from "utils/storage" import storage from "utils/storage"
import { Profile, User } from "utils/types" import type { Profile, User } from "utils/types"
import { getProfile } from "../api" import { getProfile } from "../api"
import { useConfigStore } from "./config" import { useConfigStore } from "./config"

3
tsconfig.app.json
View File

@@ -2,6 +2,9 @@
"extends": "@vue/tsconfig/tsconfig.dom.json", "extends": "@vue/tsconfig/tsconfig.dom.json",
"compilerOptions": { "compilerOptions": {
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
// Vite(oxc) 遵守 verbatimModuleSyntax，会保留未写 type 的纯类型导入导致构建报错；
// 关掉以让转换器自动消除类型导入（与原 Rsbuild 行为一致）
"verbatimModuleSyntax": false,
"paths": { "paths": {
"utils/*": ["./src/utils/*"], "utils/*": ["./src/utils/*"],
"oj/*": ["./src/oj/*"], "oj/*": ["./src/oj/*"],

2
tsconfig.node.json
View File

@@ -20,5 +20,5 @@
"noFallthroughCasesInSwitch": true, "noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true "noUncheckedSideEffectImports": true
}, },
"include": ["rsbuild.config.ts"] "include": ["vite.config.ts"]
} }

112
vite.config.ts Normal file
View File

@@ -0,0 +1,112 @@
import { fileURLToPath, URL } from "node:url"
import { defineConfig, loadEnv, type Plugin } from "vite"
import vue from "@vitejs/plugin-vue"
import legacy from "@vitejs/plugin-legacy"
import AutoImport from "unplugin-auto-import/vite"
import Components from "unplugin-vue-components/vite"
import { NaiveUiResolver } from "unplugin-vue-components/resolvers"
// index.html 里按需注入 MaxKB 脚本（原 Rsbuild EJS 模板的等价实现）
function injectMaxkb(maxkbUrl: string | undefined): Plugin {
return {
name: "inject-maxkb",
transformIndexHtml(html) {
if (!maxkbUrl) return html
return {
html,
tags: [
{
tag: "script",
attrs: { async: true, defer: true, src: maxkbUrl },
injectTo: "head",
},
],
}
},
}
}
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd(), "PUBLIC_")
const proxyConfig = {
target: env["PUBLIC_OJ_URL"],
changeOrigin: true,
}
const wsProxyConfig = {
target: env["PUBLIC_WS_URL"],
ws: true,
changeOrigin: true,
}
return {
plugins: [
vue(),
// 机房存在 Chrome 91 等旧浏览器：不做 SystemJS 双构建，
// 只按使用情况给现代产物注入 core-js API polyfill（Array.at 等）
legacy({
renderLegacyChunks: false,
modernTargets: "chrome>=90",
modernPolyfills: true,
}),
AutoImport({
imports: [
"vue",
"vue-router",
"@vueuse/core",
"pinia",
{
"naive-ui": [
"useDialog",
"useMessage",
"useNotification",
"useLoadingBar",
],
},
{
from: "naive-ui",
imports: [
"DataTableColumn",
"FormRules",
"FormItemRule",
"SelectOption",
"UploadCustomRequestOptions",
"UploadFileInfo",
"MenuOption",
"DropdownDividerOption",
"DropdownOption",
],
type: true,
},
],
dts: "./src/auto-imports.d.ts",
}),
Components({
resolvers: [NaiveUiResolver()],
dts: "./src/components.d.ts",
}),
injectMaxkb(env["PUBLIC_MAXKB_URL"]),
],
envPrefix: "PUBLIC_",
resolve: {
alias: {
// mermaid-legacy (mermaid@9) 写死了 UMD 路径，新版 cytoscape 的 exports
// 不允许 import 条件访问它，转到 ESM 产物
"cytoscape/dist/cytoscape.umd.js": "cytoscape/dist/cytoscape.esm.mjs",
utils: fileURLToPath(new URL("./src/utils", import.meta.url)),
oj: fileURLToPath(new URL("./src/oj", import.meta.url)),
admin: fileURLToPath(new URL("./src/admin", import.meta.url)),
shared: fileURLToPath(new URL("./src/shared", import.meta.url)),
},
},
server: {
port: 5173,
proxy: {
"/api": proxyConfig,
"/public": proxyConfig,
"/ws": wsProxyConfig,
},
},
}
})