如何调试

本仓库对开源项目 ICPC-Live v3 提供的前端 overlay 组件进行了样式修改，在调试环境下需要依赖 ICPC-Live v3 的后端模块，以进行配置拉取，以及比赛信息的获取与展示。

cd monorepo
npm install --force

你需要修改项目的.env以配置正确的后端，示例如下。

VITE_WEBSOCKET_URL=ws://localhost:8021/api/overlay
VITE_VISUAL_CONFIG_URL=http://localhost:8021/api/overlay/visualConfig.json

配置完成后，运行项目。

npx vite

默认配置下，你应该可以在本地浏览器上访问到项目，localhost:5173。

如何构建

理论上，你可以将工程拷贝到 ICPC-Live v3 仓库的/src/frontend/overlay下，并运行./gradlew build构建整个项目，但是由于国内网络环境限制，可能的环境配置失误，以及构建项目的耗时，我们选择下面的方法。

cd monorepo
npm run build

由于npm构建完成的文件每次都具有不同的随机字串ID作为文件名，我们需要自己用web服务器提供对其的访问服务，而无法使用 ICPC-Live v3 内部自带的web服务器。按照下面的方式启动。

cd monorepo/dist
npm install -g http-server
http-server . -p 8022

如果你没有添加新的资源文件，加上足够的时间，也可以将构建完成的文件（主要是.js和.css）内容替换到JAR包内的overlay目录下对应的文件，这样可以直接使用其自带web服务器。