@four-leaf-studios/rl-overlay 1.0.3 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +13 -6
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +13 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/types/ScoreboardSeriesBox.d.ts +2 -1
- package/package.json +1 -1
- package/src/Scoreboard.tsx +2 -1
- package/src/ScoreboardSeriesBox.tsx +5 -4
- package/src/TargetPlayer.tsx +14 -3
- package/test-overlay/public/mock-css.css +75 -112
package/dist/index.esm.js
CHANGED
|
@@ -10351,9 +10351,9 @@ var ScoreboardSeriesBoxComponent = function (_a) {
|
|
|
10351
10351
|
var teamSeriesScore = Number(team.series_score) || 0;
|
|
10352
10352
|
var pointsCount = Math.ceil(bestOf / 2);
|
|
10353
10353
|
var points = Array.from({ length: pointsCount }, function (_, index) { return index; });
|
|
10354
|
-
var
|
|
10355
|
-
var modifier =
|
|
10356
|
-
var teamColor = ((_b = team.color) === null || _b === void 0 ? void 0 : _b.primary_color) || (
|
|
10354
|
+
var isLeftTeam = team.id === "0";
|
|
10355
|
+
var modifier = isLeftTeam ? "left" : "right";
|
|
10356
|
+
var teamColor = ((_b = team.color) === null || _b === void 0 ? void 0 : _b.primary_color) || (isLeftTeam ? "#0052cc" : "#ff6600");
|
|
10357
10357
|
return (React__default.createElement("div", { className: "series_box ".concat(modifier, "_series_box"), style: { "--team-color": teamColor } }, points.map(function (index) {
|
|
10358
10358
|
var pointClass = index < teamSeriesScore
|
|
10359
10359
|
? "series_score_box_point ".concat(modifier, "_series_score_box_point")
|
|
@@ -10509,13 +10509,20 @@ var useTargetPlayer = function () {
|
|
|
10509
10509
|
return targetPlayer;
|
|
10510
10510
|
};
|
|
10511
10511
|
|
|
10512
|
+
// src/components/TargetPlayer.tsx
|
|
10512
10513
|
var TargetPlayer = function () {
|
|
10513
|
-
var _a;
|
|
10514
|
+
var _a, _b;
|
|
10514
10515
|
var broadcast = useBroadcast();
|
|
10515
10516
|
var targetPlayer = useTargetPlayer();
|
|
10516
|
-
|
|
10517
|
+
// Safeguard conditions
|
|
10518
|
+
if (!targetPlayer ||
|
|
10519
|
+
!broadcast ||
|
|
10520
|
+
!broadcast.teams ||
|
|
10521
|
+
!broadcast.teams[targetPlayer.team]) {
|
|
10517
10522
|
return null;
|
|
10518
|
-
|
|
10523
|
+
}
|
|
10524
|
+
var teamData = broadcast.teams[targetPlayer.team];
|
|
10525
|
+
var teamColor = (_b = (_a = teamData === null || teamData === void 0 ? void 0 : teamData.color) === null || _a === void 0 ? void 0 : _a.primary_color) !== null && _b !== void 0 ? _b : "#ffffff";
|
|
10519
10526
|
var modifier = targetPlayer.team === 0 ? "left" : "right";
|
|
10520
10527
|
return (React__default.createElement(AnimatePresence, { mode: "wait" },
|
|
10521
10528
|
React__default.createElement(motion.div, { key: targetPlayer.id, className: "stat_box ".concat(modifier, "_stat_box"), style: { "--team-color": teamColor }, initial: { x: modifier === "left" ? -300 : 300, opacity: 0 }, animate: { x: 0, opacity: 1 }, exit: { x: modifier === "left" ? -300 : 300, opacity: 0 }, transition: { duration: 0.8, ease: [0.77, 0, 0.175, 1] } },
|