@xcpcio/core 0.31.1 → 0.33.0

package/dist/index.cjs

@@ -15,6 +15,8 @@ const relativeTime = require('dayjs/plugin/relativeTime');
 const _ = require('lodash');
 const XLSX = require('xlsx-js-style');
 const stringWidth = require('string-width');
+const colorDiff = require('color-diff');
+const chroma = require('chroma-js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
@@ -42,6 +44,7 @@ const relativeTime__default = /*#__PURE__*/_interopDefaultLegacy(relativeTime);
 const ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 const XLSX__namespace = /*#__PURE__*/_interopNamespace(XLSX);
 const stringWidth__default = /*#__PURE__*/_interopDefaultLegacy(stringWidth);
+const chroma__default = /*#__PURE__*/_interopDefaultLegacy(chroma);
 
 function stringToSubmissionStatus(status) {
   status = status.toUpperCase().replace(" ", "_");
@@ -462,6 +465,18 @@ function calcDirt(attemptedNum, solvedNum) {
   return Math.floor((attemptedNum - solvedNum) * 100 / attemptedNum);
 }
 
+function getWhiteOrBlackColor(background) {
+  const [R, G, B] = chroma__default(background).rgb();
+  const color = { R, G, B };
+  const palette = [{ R: 0, G: 0, B: 0 }, { R: 255, G: 255, B: 255 }];
+  const f = colorDiff.furthest(color, palette);
+  if (f.R === 0 && f.G === 0 && f.B === 0) {
+    return "#000";
+  } else {
+    return "#fff";
+  }
+}
+
 class ProblemStatistics {
   constructor() {
     this.acceptedNum = 0;
@@ -496,6 +511,10 @@ class Problem {
     this.label = "";
     this.name = "";
     this.statistics = new ProblemStatistics();
+    this.balloonColor = {
+      background_color: "#a0f0a0",
+      color: "#000"
+    };
   }
 }
 function createProblem(problemJSON) {
@@ -505,20 +524,14 @@ function createProblem(problemJSON) {
   p.name = problemJSON.name ?? "";
   p.timeLimit = problemJSON.time_limit;
   p.memoryLimit = problemJSON.memory_limit;
-  p.balloonColor = problemJSON.balloon_color;
+  if (problemJSON.balloon_color) {
+    p.balloonColor = problemJSON.balloon_color;
+  }
+  p.balloonColor.color = getWhiteOrBlackColor(p.balloonColor.background_color);
   return p;
 }
 function createProblems(problemsJSON) {
-  return problemsJSON.map((pJSON) => {
-    const p = new Problem();
-    p.id = pJSON.id;
-    p.label = pJSON.label;
-    p.name = pJSON.name ?? "";
-    p.timeLimit = pJSON.time_limit;
-    p.memoryLimit = pJSON.memory_limit;
-    p.balloonColor = pJSON.balloon_color;
-    return p;
-  });
+  return problemsJSON.map((pJSON) => createProblem(pJSON));
 }
 function createProblemsByProblemIds(problemIds, balloonColors) {
   const problems = problemIds.map((label, index) => {
@@ -532,6 +545,9 @@ function createProblemsByProblemIds(problemIds, balloonColors) {
       problems[index].balloonColor = balloonColors[index];
     }
   }
+  problems.forEach((p) => {
+    p.balloonColor.color = getWhiteOrBlackColor(p.balloonColor.background_color);
+  });
   return problems;
 }
 class TeamProblemStatistics {
@@ -826,7 +842,13 @@ class Submission {
         return 1;
       }
     }
-    return 0;
+    if (lhs.id < rhs.id) {
+      return -1;
+    } else if (lhs.id === rhs.id) {
+      return 0;
+    } else {
+      return 1;
+    }
   }
 }
 function createSubmission(submissionJSON) {
@@ -865,6 +887,9 @@ class Balloon {
   get key() {
     return `balloon-${this.team.id}-${this.problem.id}`;
   }
+  static compare(lhs, rhs) {
+    return Submission.compare(lhs.submission, rhs.submission);
+  }
 }
 
 class Group {
@@ -1184,6 +1209,7 @@ class RankOptions {
     this.filterOrganizationMap = /* @__PURE__ */ new Map();
     this.filterTeams = [];
     this.filterTeamMap = /* @__PURE__ */ new Map();
+    this.enableAnimatedSubmissions = false;
   }
   setWidth(width, contest) {
     this.width = width;
@@ -1639,6 +1665,7 @@ exports.createTeams = createTeams;
 exports.getImageSource = getImageSource;
 exports.getTimeDiff = getTimeDiff;
 exports.getTimestamp = getTimestamp;
+exports.getWhiteOrBlackColor = getWhiteOrBlackColor;
 exports.isAccepted = isAccepted;
 exports.isNotCalculatedPenaltyStatus = isNotCalculatedPenaltyStatus;
 exports.isPending = isPending;

package/dist/index.d.ts

@@ -47,7 +47,7 @@ declare class Problem {
     name: string;
     timeLimit?: string;
     memoryLimit?: string;
-    balloonColor?: BalloonColor;
+    balloonColor: BalloonColor;
     statistics: ProblemStatistics;
     constructor();
 }
@@ -83,6 +83,8 @@ declare class TeamProblemStatistics {
 
 declare function calcDirt(attemptedNum: number, solvedNum: number): number;
 
+declare function getWhiteOrBlackColor(background: string): "#000" | "#fff";
+
 declare function createDayJS(time?: Date | string | number | undefined): dayjs.Dayjs;
 declare function getTimestamp(time: number | dayjs.Dayjs): number;
 declare function getTimeDiff(seconds: number): string;
@@ -210,6 +212,7 @@ declare class Balloon {
     submission: Submission;
     constructor();
     get key(): string;
+    static compare(lhs: Balloon, rhs: Balloon): number;
 }
 type Balloons = Array<Balloon>;
 
@@ -227,6 +230,7 @@ declare class RankOptions {
     filterOrganizationMap: Map<string, SelectOptionItem>;
     filterTeams: Array<SelectOptionItem>;
     filterTeamMap: Map<string, SelectOptionItem>;
+    enableAnimatedSubmissions: boolean;
     constructor();
     setWidth(width: number, contest: Contest): void;
     disableFilterSubmissionByTimestamp(): void;
@@ -320,4 +324,4 @@ declare function isRejected(status: SubmissionStatus): boolean;
 declare function isPending(status: SubmissionStatus): boolean;
 declare function isNotCalculatedPenaltyStatus(status: SubmissionStatus): boolean;
 
-export { Award, Awards, Balloon, Balloons, CodeforcesGymGhostDATConverter, Contest, ContestIndex, ContestIndexConfig, ContestIndexList, ContestOptions, GeneralExcelConverter, MedalType, PlaceChartPointData, Problem, ProblemStatistics, Problems, Rank, RankOptions, RankStatistics, Resolver, SelectOptionItem, Submission, Submissions, Team, TeamProblemStatistics, Teams, calcDirt, createContest, createContestIndex, createContestIndexList, createDayJS, createProblem, createProblems, createProblemsByProblemIds, createSubmission, createSubmissions, createTeam, createTeams, getImageSource, getTimeDiff, getTimestamp, isAccepted, isNotCalculatedPenaltyStatus, isPending, isRejected, isValidMedalType, stringToSubmissionStatus };
+export { Award, Awards, Balloon, Balloons, CodeforcesGymGhostDATConverter, Contest, ContestIndex, ContestIndexConfig, ContestIndexList, ContestOptions, GeneralExcelConverter, MedalType, PlaceChartPointData, Problem, ProblemStatistics, Problems, Rank, RankOptions, RankStatistics, Resolver, SelectOptionItem, Submission, Submissions, Team, TeamProblemStatistics, Teams, calcDirt, createContest, createContestIndex, createContestIndexList, createDayJS, createProblem, createProblems, createProblemsByProblemIds, createSubmission, createSubmissions, createTeam, createTeams, getImageSource, getTimeDiff, getTimestamp, getWhiteOrBlackColor, isAccepted, isNotCalculatedPenaltyStatus, isPending, isRejected, isValidMedalType, stringToSubmissionStatus };

package/dist/index.mjs

@@ -12,6 +12,8 @@ import relativeTime from 'dayjs/plugin/relativeTime';
 import _ from 'lodash';
 import * as XLSX from 'xlsx-js-style';
 import stringWidth from 'string-width';
+import { furthest } from 'color-diff';
+import chroma from 'chroma-js';
 
 function stringToSubmissionStatus(status) {
   status = status.toUpperCase().replace(" ", "_");
@@ -432,6 +434,18 @@ function calcDirt(attemptedNum, solvedNum) {
   return Math.floor((attemptedNum - solvedNum) * 100 / attemptedNum);
 }
 
+function getWhiteOrBlackColor(background) {
+  const [R, G, B] = chroma(background).rgb();
+  const color = { R, G, B };
+  const palette = [{ R: 0, G: 0, B: 0 }, { R: 255, G: 255, B: 255 }];
+  const f = furthest(color, palette);
+  if (f.R === 0 && f.G === 0 && f.B === 0) {
+    return "#000";
+  } else {
+    return "#fff";
+  }
+}
+
 class ProblemStatistics {
   constructor() {
     this.acceptedNum = 0;
@@ -466,6 +480,10 @@ class Problem {
     this.label = "";
     this.name = "";
     this.statistics = new ProblemStatistics();
+    this.balloonColor = {
+      background_color: "#a0f0a0",
+      color: "#000"
+    };
   }
 }
 function createProblem(problemJSON) {
@@ -475,20 +493,14 @@ function createProblem(problemJSON) {
   p.name = problemJSON.name ?? "";
   p.timeLimit = problemJSON.time_limit;
   p.memoryLimit = problemJSON.memory_limit;
-  p.balloonColor = problemJSON.balloon_color;
+  if (problemJSON.balloon_color) {
+    p.balloonColor = problemJSON.balloon_color;
+  }
+  p.balloonColor.color = getWhiteOrBlackColor(p.balloonColor.background_color);
   return p;
 }
 function createProblems(problemsJSON) {
-  return problemsJSON.map((pJSON) => {
-    const p = new Problem();
-    p.id = pJSON.id;
-    p.label = pJSON.label;
-    p.name = pJSON.name ?? "";
-    p.timeLimit = pJSON.time_limit;
-    p.memoryLimit = pJSON.memory_limit;
-    p.balloonColor = pJSON.balloon_color;
-    return p;
-  });
+  return problemsJSON.map((pJSON) => createProblem(pJSON));
 }
 function createProblemsByProblemIds(problemIds, balloonColors) {
   const problems = problemIds.map((label, index) => {
@@ -502,6 +514,9 @@ function createProblemsByProblemIds(problemIds, balloonColors) {
       problems[index].balloonColor = balloonColors[index];
     }
   }
+  problems.forEach((p) => {
+    p.balloonColor.color = getWhiteOrBlackColor(p.balloonColor.background_color);
+  });
   return problems;
 }
 class TeamProblemStatistics {
@@ -796,7 +811,13 @@ class Submission {
         return 1;
       }
     }
-    return 0;
+    if (lhs.id < rhs.id) {
+      return -1;
+    } else if (lhs.id === rhs.id) {
+      return 0;
+    } else {
+      return 1;
+    }
   }
 }
 function createSubmission(submissionJSON) {
@@ -835,6 +856,9 @@ class Balloon {
   get key() {
     return `balloon-${this.team.id}-${this.problem.id}`;
   }
+  static compare(lhs, rhs) {
+    return Submission.compare(lhs.submission, rhs.submission);
+  }
 }
 
 class Group {
@@ -1154,6 +1178,7 @@ class RankOptions {
     this.filterOrganizationMap = /* @__PURE__ */ new Map();
     this.filterTeams = [];
     this.filterTeamMap = /* @__PURE__ */ new Map();
+    this.enableAnimatedSubmissions = false;
   }
   setWidth(width, contest) {
     this.width = width;
@@ -1574,4 +1599,4 @@ class Resolver extends Rank {
   }
 }
 
-export { Award, Balloon, CodeforcesGymGhostDATConverter, Contest, ContestIndex, ContestIndexConfig, ContestOptions, GeneralExcelConverter, MedalType, PlaceChartPointData, Problem, ProblemStatistics, Rank, RankOptions, RankStatistics, Resolver, Submission, Team, TeamProblemStatistics, calcDirt, createContest, createContestIndex, createContestIndexList, createDayJS, createProblem, createProblems, createProblemsByProblemIds, createSubmission, createSubmissions, createTeam, createTeams, getImageSource, getTimeDiff, getTimestamp, isAccepted, isNotCalculatedPenaltyStatus, isPending, isRejected, isValidMedalType, stringToSubmissionStatus };
+export { Award, Balloon, CodeforcesGymGhostDATConverter, Contest, ContestIndex, ContestIndexConfig, ContestOptions, GeneralExcelConverter, MedalType, PlaceChartPointData, Problem, ProblemStatistics, Rank, RankOptions, RankStatistics, Resolver, Submission, Team, TeamProblemStatistics, calcDirt, createContest, createContestIndex, createContestIndexList, createDayJS, createProblem, createProblems, createProblemsByProblemIds, createSubmission, createSubmissions, createTeam, createTeams, getImageSource, getTimeDiff, getTimestamp, getWhiteOrBlackColor, isAccepted, isNotCalculatedPenaltyStatus, isPending, isRejected, isValidMedalType, stringToSubmissionStatus };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xcpcio/core",
-  "version": "0.31.1",
+  "version": "0.33.0",
   "description": "XCPCIO Core",
   "author": "Dup4 <lyuzhi.pan@gmail.com>",
   "license": "MIT",
@@ -40,14 +40,18 @@
     "dist"
   ],
   "dependencies": {
+    "chroma-js": "^2.4.2",
+    "color-diff": "^1.4.0",
     "dayjs": "^1.11.8",
     "lodash": "^4.17.21",
     "string-width": "^6.1.0",
     "xlsx-js-style": "^1.2.0",
-    "@xcpcio/types": "0.31.1"
+    "@xcpcio/types": "0.33.0"
   },
   "devDependencies": {
     "@babel/types": "^7.22.4",
+    "@types/chroma-js": "^2.4.2",
+    "@types/color-diff": "^1.2.3",
     "@types/lodash": "^4.14.195",
     "@types/node": "^17.0.45",
     "@typescript-eslint/eslint-plugin": "^5.59.9",

package/src/balloon.ts

@@ -16,6 +16,10 @@ export class Balloon {
   get key() {
     return `balloon-${this.team.id}-${this.problem.id}`;
   }
+
+  static compare(lhs: Balloon, rhs: Balloon): number {
+    return Submission.compare(lhs.submission, rhs.submission);
+  }
 }
 
 export type Balloons = Array<Balloon>;

package/src/problem.ts

@@ -1,7 +1,7 @@
 import type { BalloonColor, Problem as IProblem, Problems as IProblems } from "@xcpcio/types";
 
 import type { Submissions } from "./submission";
-import { calcDirt } from "./utils";
+import { calcDirt, getWhiteOrBlackColor } from "./utils";
 
 export class ProblemStatistics {
   acceptedNum: number;
@@ -59,7 +59,7 @@ export class Problem {
   timeLimit?: string;
   memoryLimit?: string;
 
-  balloonColor?: BalloonColor;
+  balloonColor: BalloonColor;
 
   statistics: ProblemStatistics;
 
@@ -70,6 +70,11 @@ export class Problem {
     this.name = "";
 
     this.statistics = new ProblemStatistics();
+
+    this.balloonColor = {
+      background_color: "#a0f0a0",
+      color: "#000",
+    };
   }
 }
 
@@ -86,27 +91,17 @@ export function createProblem(problemJSON: IProblem): Problem {
   p.timeLimit = problemJSON.time_limit;
   p.memoryLimit = problemJSON.memory_limit;
 
-  p.balloonColor = problemJSON.balloon_color;
+  if (problemJSON.balloon_color) {
+    p.balloonColor = problemJSON.balloon_color;
+  }
+
+  p.balloonColor.color = getWhiteOrBlackColor(p.balloonColor.background_color as string);
 
   return p;
 }
 
 export function createProblems(problemsJSON: IProblems): Problems {
-  return problemsJSON.map((pJSON) => {
-    const p = new Problem();
-
-    p.id = pJSON.id;
-    p.label = pJSON.label;
-
-    p.name = pJSON.name ?? "";
-
-    p.timeLimit = pJSON.time_limit;
-    p.memoryLimit = pJSON.memory_limit;
-
-    p.balloonColor = pJSON.balloon_color;
-
-    return p;
-  });
+  return problemsJSON.map(pJSON => createProblem(pJSON));
 }
 
 export function createProblemsByProblemIds(problemIds: string[], balloonColors?: BalloonColor[]): Problems {
@@ -124,6 +119,10 @@ export function createProblemsByProblemIds(problemIds: string[], balloonColors?:
     }
   }
 
+  problems.forEach((p) => {
+    p.balloonColor.color = getWhiteOrBlackColor(p.balloonColor.background_color as string);
+  });
+
   return problems;
 }
 

package/src/rank.ts

@@ -29,6 +29,8 @@ export class RankOptions {
   filterTeams: Array<SelectOptionItem>;
   filterTeamMap: Map<string, SelectOptionItem>;
 
+  enableAnimatedSubmissions: boolean;
+
   constructor() {
     this.enableFilterSubmissionsByTimestamp = false;
     this.width = 0;
@@ -42,6 +44,8 @@ export class RankOptions {
 
     this.filterTeams = [];
     this.filterTeamMap = new Map<string, SelectOptionItem>();
+
+    this.enableAnimatedSubmissions = false;
   }
 
   setWidth(width: number, contest: Contest) {

package/src/submission.ts

@@ -118,7 +118,13 @@ export class Submission {
       }
     }
 
-    return 0;
+    if (lhs.id < rhs.id) {
+      return -1;
+    } else if (lhs.id === rhs.id) {
+      return 0;
+    } else {
+      return 1;
+    }
   }
 }
 

package/src/utils/color.ts

@@ -0,0 +1,16 @@
+import { furthest } from "color-diff";
+import chroma from "chroma-js";
+
+export function getWhiteOrBlackColor(background: string) {
+  const [R, G, B] = chroma(background).rgb();
+  const color = { R, G, B };
+  const palette = [{ R: 0, G: 0, B: 0 }, { R: 255, G: 255, B: 255 }];
+
+  const f = furthest(color, palette);
+
+  if (f.R === 0 && f.G === 0 && f.B === 0) {
+    return "#000";
+  } else {
+    return "#fff";
+  }
+}

package/src/utils/index.ts

@@ -1,2 +1,3 @@
 export * from "./calc";
+export * from "./color";
 export * from "./dayjs";