@xcpcio/board-app 0.52.1 → 0.53.0

package/src/components/board/ModalMenu.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const props = defineProps<{
-  currentType: string,
-  types: Array<string>,
+  currentType: string;
+  types: Array<string>;
 }>();
 
 const emit = defineEmits(["update:currentType"]);

package/src/components/board/OptionsModal.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
+import type { Rank, RankOptions, SelectOptionItem } from "@xcpcio/core";
 import _ from "lodash";
 import { MultiSelect } from "vue-search-select";
-import type { Rank, RankOptions, SelectOptionItem } from "@xcpcio/core";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  rank: Rank,
-  rankOptions: RankOptions,
+  rank: Rank;
+  rankOptions: RankOptions;
 }>();
 
 const emit = defineEmits([

package/src/components/board/ProblemBlock.vue

@@ -2,8 +2,8 @@
 import type { Problem, Rank } from "@xcpcio/core";
 
 const props = defineProps<{
-  rank: Rank,
-  problem: Problem
+  rank: Rank;
+  problem: Problem;
 }>();
 
 const hiddenModal = ref(true);

package/src/components/board/ProblemInfoModal.vue

@@ -2,10 +2,10 @@
 import type { Problem, Rank } from "@xcpcio/core";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  rank: Rank,
-  problem: Problem
+  rank: Rank;
+  problem: Problem;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/board/Progress.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { ContestState } from "@xcpcio/types";
-import { useRouteQuery } from "@vueuse/router";
 import type { Rank, RankOptions } from "@xcpcio/core";
+import { useRouteQuery } from "@vueuse/router";
 import { createDayJS, getTimeDiff } from "@xcpcio/core";
+import { ContestState } from "@xcpcio/types";
 
 const props = defineProps<{
-  width: number,
-  state: ContestState,
-  needScroll?: boolean,
-  rank?: Rank,
-  rankOptions?: RankOptions,
-  elapsedTime?: string,
+  width: number;
+  state: ContestState;
+  needScroll?: boolean;
+  rank?: Rank;
+  rankOptions?: RankOptions;
+  elapsedTime?: string;
 }>();
 const emit = defineEmits(["update:rank-options"]);
 
@@ -33,7 +33,10 @@ const barClass = computed(() => {
       return "am-progress-bar-danger";
     case ContestState.FINISHED:
       return "am-progress-bar-primary";
+    case ContestState.PAUSED:
+      return "am-progress-bar-danger";
   }
+  return "";
 });
 
 const pauseUpdate = ref(false);
@@ -105,7 +108,7 @@ function startDrag(event: MouseEvent) {
       progressRatio.value = dragWidth.value;
       rankOptions.value?.setWidth(dragWidth.value, props.rank!.contest);
     } else {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // eslint-disable-next-line ts/ban-ts-comment
       // @ts-expect-error
       progressRatio.value = undefined;
       rankOptions.value?.disableFilterSubmissionByTimestamp();

package/src/components/board/SecondLevelMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useRouteQuery } from "@vueuse/router";
 import type { Lang } from "@xcpcio/types";
+import { useRouteQuery } from "@vueuse/router";
 
 export interface Item {
   title?: string;
@@ -21,7 +21,7 @@ const props = defineProps<{
   currentItem: string;
   queryParamName: string;
   reverseOrder?: boolean;
-  // eslint-disable-next-line unused-imports/no-unused-vars
+
   onChange?: (current: string) => void;
 }>();
 

package/src/components/board/Standings.vue

@@ -3,7 +3,7 @@ import type { Rank } from "@xcpcio/core";
 import { GiantsType, Team } from "@xcpcio/core";
 
 const props = defineProps<{
-  rank: Rank,
+  rank: Rank;
 }>();
 
 const { t } = useI18n();
@@ -31,8 +31,8 @@ const filterTeams = computed(() => {
 });
 
 interface GiantTeam {
-  team: Team,
-  giantsType: GiantsType,
+  team: Team;
+  giantsType: GiantsType;
 }
 
 const giantTeams = computed(() => {
@@ -49,7 +49,7 @@ const giantTeams = computed(() => {
     const giantsType = (() => {
       if (
         blueTeam.filterOrganizationMap.has(t.organization)
-     || blueTeam.filterTeamMap.has(t.id)
+        || blueTeam.filterTeamMap.has(t.id)
       ) {
         if (blueCnt >= battleOfGiants.topX) {
           return null;
@@ -61,7 +61,7 @@ const giantTeams = computed(() => {
 
       if (
         redTeam.filterOrganizationMap.has(t.organization)
-     || redTeam.filterTeamMap.has(t.id)
+        || redTeam.filterTeamMap.has(t.id)
       ) {
         if (redCnt >= battleOfGiants.topX) {
           return null;

package/src/components/board/Statistics.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { Chart } from "highcharts-vue";
-
 import type { Rank } from "@xcpcio/core";
 
+import { Chart } from "highcharts-vue";
+
 const props = defineProps<{
-  rank: Rank,
+  rank: Rank;
 }>();
 
 const { t } = useI18n();

package/src/components/board/SubmissionsTable.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { MultiSelect } from "vue-search-select";
-
 import type { Rank, SelectOptionItem, Submissions } from "@xcpcio/core";
-import { Submission } from "@xcpcio/core";
+
 import type { SubmissionReaction, SubmissionStatus } from "@xcpcio/types";
+import { Submission } from "@xcpcio/core";
 import { SubmissionStatusToString } from "@xcpcio/types";
+import { MultiSelect } from "vue-search-select";
 
 import { Pagination } from "~/composables/pagination";
 
@@ -18,18 +18,18 @@ interface FilterOptions {
 }
 
 interface EnableFilterOptions {
-  organization?: boolean,
-  team?: boolean,
-  language?: boolean,
-  status?: boolean,
+  organization?: boolean;
+  team?: boolean;
+  language?: boolean;
+  status?: boolean;
 }
 
 const props = defineProps<{
-  rank: Rank,
-  submissions: Submissions,
-  pageSize?: number,
-  removeBorder?: boolean,
-  enableFilter?: EnableFilterOptions,
+  rank: Rank;
+  submissions: Submissions;
+  pageSize?: number;
+  removeBorder?: boolean;
+  enableFilter?: EnableFilterOptions;
 }>();
 
 const rank = computed(() => props.rank);
@@ -145,9 +145,9 @@ const submissions = computed(() => {
     const o = filterOptions.value;
 
     if (o.orgNames.length === 0
-     && o.teamIds.length === 0
-     && o.languages.length === 0
-     && o.statuses.length === 0
+      && o.teamIds.length === 0
+      && o.languages.length === 0
+      && o.statuses.length === 0
     ) {
       return true;
     }

package/src/components/board/SubmissionsTableModal.vue

@@ -2,11 +2,11 @@
 import type { Rank, Team, TeamProblemStatistics } from "@xcpcio/core";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  rank: Rank,
-  team: Team,
-  p: TeamProblemStatistics,
+  rank: Rank;
+  team: Team;
+  p: TeamProblemStatistics;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/board/TeamAwards.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { MedalType } from "@xcpcio/core";
 import type { Rank, Team } from "@xcpcio/core";
+import { MedalType } from "@xcpcio/core";
 
 const props = defineProps<{
-  team: Team,
-  rank: Rank,
+  team: Team;
+  rank: Rank;
 }>();
 
 const team = computed(() => props.team);

package/src/components/board/TeamInfoModal.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { Chart } from "highcharts-vue";
-
 import type { Rank, Team } from "@xcpcio/core";
 
+import { Chart } from "highcharts-vue";
+
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  rank: Rank,
-  team: Team,
+  rank: Rank;
+  team: Team;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/board/TeamProblemBlock.vue

@@ -2,9 +2,9 @@
 import type { Rank, Team, TeamProblemStatistics } from "@xcpcio/core";
 
 const props = defineProps<{
-  rank: Rank,
-  team: Team,
-  p: TeamProblemStatistics,
+  rank: Rank;
+  team: Team;
+  p: TeamProblemStatistics;
 }>();
 
 const hiddenModal = ref(true);
@@ -40,8 +40,8 @@ function getProblemShow(p: TeamProblemStatistics): string {
   }
 
   if ((p.isSolved && rank.value.contest.statusTimeDisplay.correct)
-                || (p.isPending && rank.value.contest.statusTimeDisplay.pending)
-                || (p.isWrongAnswer && rank.value.contest.statusTimeDisplay.incorrect)) {
+    || (p.isPending && rank.value.contest.statusTimeDisplay.pending)
+    || (p.isWrongAnswer && rank.value.contest.statusTimeDisplay.incorrect)) {
     res += `/${Math.floor(p.lastSubmitTimestamp / 60)}`;
   }
 

package/src/components/board/TeamUI.vue

@@ -3,9 +3,9 @@ import type { Rank, Team } from "@xcpcio/core";
 import { GiantsType, MedalType } from "@xcpcio/core";
 
 const props = defineProps<{
-  ix: number,
-  rank: Rank,
-  team: Team,
+  ix: number;
+  rank: Rank;
+  team: Team;
   isFilter?: boolean;
   giantsType?: GiantsType;
 }>();

package/src/components/flowbite/Tooltip.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { Tooltip } from "flowbite";
 import type { TooltipInterface, TooltipOptions } from "flowbite";
+import { Tooltip } from "flowbite";
 
 import "./Tooltip.css";
 
 const props = defineProps<{
-  placement?: "left" | "right" | "top" | "bottom" | "auto",
+  placement?: "left" | "right" | "top" | "bottom" | "auto";
 }>();
 
 const tooltipTargetEl = ref(null);

package/src/components/rating/Rating.vue

@@ -3,7 +3,7 @@ import { useFetch } from "@vueuse/core";
 import { Rating } from "@xcpcio/core";
 
 const props = defineProps<{
-  id: string
+  id: string;
 }>();
 
 const id = computed(() => props.id);

package/src/components/rating/RatingBadge.vue

@@ -4,7 +4,7 @@ import { RatingLevelToString, RatingUtility } from "@xcpcio/core";
 import "./rating.less";
 
 const props = defineProps<{
-  rating: number
+  rating: number;
 }>();
 
 const rating = computed(() => props.rating);

package/src/components/rating/RatingIndexUI.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { useElementVisibility } from "@vueuse/core";
-
 import type { IRatingIndex } from "@xcpcio/types/index";
 
+import { useElementVisibility } from "@vueuse/core";
+
 const props = defineProps<{
-  ratingIndex: IRatingIndex
+  ratingIndex: IRatingIndex;
 }>();
 
 const ratingIndex = computed(() => props.ratingIndex);

package/src/components/rating/RatingInfoModal.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { Chart } from "highcharts-vue";
-
 import type { RatingUser } from "@xcpcio/core";
 
+import { Chart } from "highcharts-vue";
+
 import "./rating.less";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  ratingUser: RatingUser,
+  ratingUser: RatingUser;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/rating/RatingTable.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { MultiSelect } from "vue-search-select";
-
 import type { Rating, SelectOptionItem } from "@xcpcio/core";
 
+import { MultiSelect } from "vue-search-select";
+
 import { Pagination } from "~/composables/pagination";
 
 interface FilterOptions {
@@ -11,7 +11,7 @@ interface FilterOptions {
 }
 
 const props = defineProps<{
-  rating: Rating,
+  rating: Rating;
   pageSize?: number;
   removeBorder?: boolean;
 }>();
@@ -75,7 +75,7 @@ const users = computed(() => {
     const o = filterOptions.value;
 
     if (o.organizations.length === 0
-    && o.members.length === 0) {
+      && o.members.length === 0) {
       return true;
     }
 

package/src/components/rating/RatingUserUI.vue

@@ -5,8 +5,8 @@ import { RatingUtility } from "@xcpcio/core";
 import "./rating.less";
 
 const props = defineProps<{
-  ix: number,
-  ratingUser: RatingUser,
+  ix: number;
+  ratingUser: RatingUser;
 }>();
 
 const u = computed(() => props.ratingUser);

package/src/components/table/TablePagination.vue

@@ -2,7 +2,7 @@
 import type { Pagination } from "~/composables/pagination";
 
 const props = defineProps<{
-  pagination: Pagination,
+  pagination: Pagination;
 }>();
 const emit = defineEmits(["update:pagination"]);
 

package/src/components.d.ts

@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     AnimatedSubmissionBlock: typeof import('./components/board/AnimatedSubmissionBlock.vue')['default']

package/src/composables/color.ts

@@ -1,7 +1,7 @@
-import { MedalType } from "@xcpcio/core";
 import type { Submission, Team } from "@xcpcio/core";
+import { MedalType } from "@xcpcio/core";
 
-export function getMedalColor(team: Team): { backgroundColor: string, color: string } | undefined {
+export function getMedalColor(team: Team): { backgroundColor: string; color: string } | undefined {
   const color = {
     backgroundColor: "#fff",
     color: "#000",

package/src/composables/logo/index.ts

@@ -1,8 +1,8 @@
 import type { Image } from "@xcpcio/types";
 
-import { GET_LOGO_ICPC } from "./icpc";
 import { GET_LOGO_CCPC } from "./ccpc";
 import { GET_LOGO_HUNAN_CPC } from "./hunan-cpc";
+import { GET_LOGO_ICPC } from "./icpc";
 
 export function getLogoFromPreset(image: Image): Image {
   if (!image.preset) {

package/src/composables/pagination.ts

@@ -56,8 +56,8 @@ export class Pagination {
   }
 
   onPageChange(options: {
-    to?: number,
-    diff?: number,
+    to?: number;
+    diff?: number;
   }) {
     const totalPage = this.totalPage;
 

package/src/composables/rating.ts

@@ -1,5 +1,5 @@
-import { RatingLevelToString, RatingUtility } from "@xcpcio/core";
 import type { RatingUser } from "@xcpcio/core";
+import { RatingLevelToString, RatingUtility } from "@xcpcio/core";
 
 interface RatingGraphData {
   x: number;

package/src/composables/statistics.ts

@@ -1,4 +1,4 @@
-import { type Rank, type Team, getTimeDiff } from "@xcpcio/core";
+import { getTimeDiff, type Rank, type Team } from "@xcpcio/core";
 
 function getChartObj(title: string, xText: string, yText: string, cat: any, series: any, colors: any) {
   return {

package/src/composables/type.ts

@@ -1,10 +1,10 @@
 import type { Problem, Submission, Team } from "@xcpcio/core";
 
 export interface AnimatedSubmissionBlockItem {
-  submission: Submission,
-  team: Team,
-  problem: Problem,
-  displayName: string,
+  submission: Submission;
+  team: Team;
+  problem: Problem;
+  displayName: string;
 }
 
 export enum LastBlockDisplayType {

package/src/composables/useQueryBoardData.ts

@@ -1,5 +1,5 @@
-import { useQuery } from "@tanstack/vue-query";
 import type { Contest, Submissions, Teams } from "@xcpcio/types";
+import { useQuery } from "@tanstack/vue-query";
 import { DATA_REGION } from "./constant";
 
 const RETRY = 3;
@@ -34,7 +34,8 @@ async function fetcher(target: string, timestamp?: number): Promise<BoardData> {
   const p = Promise.all([
     contestResp.json(),
     teamsResp.json(),
-    submissionsResp.json()]).then((res) => {
+    submissionsResp.json(),
+  ]).then((res) => {
     return {
       contest: res[0],
       teams: res[1],

package/src/main.ts

@@ -1,13 +1,13 @@
-import { ViteSSG } from "vite-ssg";
-import { setupLayouts } from "virtual:generated-layouts";
+import type { UserModule } from "./types";
+import { VueQueryPlugin } from "@tanstack/vue-query";
 
 import FloatingVue from "floating-vue";
-import { VueQueryPlugin } from "@tanstack/vue-query";
 
+import { setupLayouts } from "virtual:generated-layouts";
+import { ViteSSG } from "vite-ssg";
+import { routes } from "vue-router/auto-routes";
 // import Previewer from 'virtual:vue-component-preview'
 import App from "./App.vue";
-import type { UserModule } from "./types";
-import generatedRoutes from "~pages";
 
 import "floating-vue/dist/style.css";
 import "vue-search-select/dist/VueSearchSelect.css";
@@ -18,12 +18,13 @@ import "uno.css";
 
 import "./styles/main.css";
 
-const routes = setupLayouts(generatedRoutes);
-
 // https://github.com/antfu/vite-ssg
 export const createApp = ViteSSG(
   App,
-  { routes, base: import.meta.env.BASE_URL },
+  {
+    routes: setupLayouts(routes),
+    base: import.meta.env.BASE_URL,
+  },
   (ctx) => {
     // install all modules under `modules/`
     Object.values(import.meta.glob<{ install: UserModule }>("./modules/*.ts", { eager: true }))

package/src/modules/README.md

@@ -3,7 +3,7 @@
 A custom user module system. Place a `.ts` file with the following template, it will be installed automatically.
 
 ```ts
-import { type UserModule } from "~/types";
+import type { UserModule } from "~/types";
 
 export const install: UserModule = ({ app, router, isClient }) => {
   // do something

package/src/modules/i18n.ts

@@ -1,6 +1,6 @@
 import type { Locale } from "vue-i18n";
 import { createI18n } from "vue-i18n";
-import { type UserModule } from "~/types";
+import type { UserModule } from "~/types";
 
 // Import i18n resources
 // https://vitejs.dev/guide/features.html#glob-import

package/src/modules/nprogress.ts

@@ -1,5 +1,5 @@
 import NProgress from "nprogress";
-import { type UserModule } from "~/types";
+import type { UserModule } from "~/types";
 
 export const install: UserModule = ({ isClient, router }) => {
   if (isClient) {

package/src/modules/pinia.ts

@@ -1,5 +1,5 @@
 import { createPinia } from "pinia";
-import { type UserModule } from "~/types";
+import type { UserModule } from "~/types";
 
 // Setup Pinia
 // https://pinia.vuejs.org/

package/src/modules/pwa.ts

@@ -1,4 +1,4 @@
-import { type UserModule } from "~/types";
+import type { UserModule } from "~/types";
 
 // https://github.com/antfu/vite-plugin-pwa#automatic-reload-when-new-content-available
 export const install: UserModule = ({ isClient, router }) => {

package/src/modules/toast.ts

@@ -1,7 +1,7 @@
 import ToastPlugin from "vue-toast-notification";
-import "vue-toast-notification/dist/theme-sugar.css";
+import type { UserModule } from "~/types";
 
-import { type UserModule } from "~/types";
+import "vue-toast-notification/dist/theme-sugar.css";
 
 export const install: UserModule = ({ app }) => {
   app.use(ToastPlugin, {

package/src/pages/index.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
+import type { ContestIndexList } from "@xcpcio/core";
+
 import { useFetch } from "@vueuse/core";
 import { useRouteQuery } from "@vueuse/router";
-
 import { createContestIndexList } from "@xcpcio/core";
-import type { ContestIndexList } from "@xcpcio/core";
 
-import { TITLE_SUFFIX } from "~/composables/constant";
-import SearchInput from "~/components/SearchInput.vue";
 import ContestIndexUI from "~/components/ContestIndexUI.vue";
+import SearchInput from "~/components/SearchInput.vue";
+import { TITLE_SUFFIX } from "~/composables/constant";
 
 const { t } = useI18n();
 useTitle(TITLE_SUFFIX);
@@ -42,8 +42,8 @@ function onSearch() {
     s.value = searchText.value;
 
     if (c.contest.name.includes(searchText.value)
-        || c.contest.name.toLowerCase().includes(searchText.value.toLowerCase())
-        || c.boardLink.toLocaleLowerCase().includes(searchText.value.toLowerCase())) {
+      || c.contest.name.toLowerCase().includes(searchText.value.toLowerCase())
+      || c.boardLink.toLocaleLowerCase().includes(searchText.value.toLowerCase())) {
       return true;
     }