npm - @sjtdev/koishi-plugin-dota2tracker - Versions diffs - 1.5.2 → 1.5.4 - Mend

@sjtdev/koishi-plugin-dota2tracker 1.5.2 → 1.5.4

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.

Files changed (22) hide show

package/lib/index.js +202 -177
package/package.json +3 -3
package/template/guild_member/guild_member.ejs +6 -1
package/template/hero/hero_1.ejs +6 -1
package/template/images/disconnected.png +0 -0
package/template/images/lane_stomp.svg +1 -1
package/template/images/lane_stomped.svg +1 -1
package/template/images/lane_victory.svg +1 -1
package/template/item/item.ejs +3 -0
package/template/item/itemlist.ejs +6 -0
package/template/match/match_1/item.ejs +11 -0
package/template/match/match_1/main.ejs +35 -0
package/template/match/match_1/player.ejs +154 -0
package/template/match/match_1/style.css +746 -0
package/template/match/match_1.ejs +54 -1044
package/template/match/match_2/original.css +17 -14
package/template/match/match_2/original.ejs +4 -5
package/template/match/match_2+.ejs +3 -0
package/template/match/match_2.ejs +3 -0
package/template/player/player_1.ejs +6 -1
package/template/rank/rank_fun.ejs +6 -1
package/template/report/daily.ejs +6 -1

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@sjtdev/koishi-plugin-dota2tracker",
   "description": "koishi插件-追踪群友的DOTA2对局",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [
@@ -27,12 +27,12 @@
     "dota2"
   ],
   "dependencies": {
-    "dotaconstants": "^9.4.0",
+    "dotaconstants": "^9.5.0",
     "ejs": "^3.1.10",
     "moment": "^2.30.1"
   },
   "peerDependencies": {
-    "koishi": "^4.18.7"
+    "koishi": "^4.18.8"
   },
   "koishi": {
     "description": {

package/template/guild_member/guild_member.ejs CHANGED Viewed

@@ -11,7 +11,6 @@
                 background-color: black;
                 color: white;
                 width: 800px;
-                font-family: 'MiSans', sans-serif;
             }
             p {
                 margin: 0;
@@ -125,6 +124,12 @@
                 width: 32px;
             }
         </style>
+        <% if (fontFamily && fontFamily.length > 0) { %>
+        <%- "<style>" %>
+        <%- `body { font-family: ${fontFamily.map(f => `${f}`).join(", ")}; }` %>
+        <%- "</style>" %>
+        <% } %>
     </head>
     <body>
         <% const users = data;

package/template/hero/hero_1.ejs CHANGED Viewed

@@ -11,7 +11,6 @@
                 background-color: black;
                 color: white;
                 width: 800px;
-                font-family: 'MiSans', sans-serif;
             }
             .wrapper > *:not(.skills) {
@@ -616,6 +615,12 @@
                 color: #aaa;
             }
         </style>
+        <% if (fontFamily && fontFamily.length > 0) { %>
+        <%- "<style>" %>
+        <%- `body { font-family: ${fontFamily.map(f => `${f}`).join(", ")}; }` %>
+        <%- "</style>" %>
+        <% } %>
     </head>
     <body>
         <% let hero = data; %>

package/template/images/disconnected.png ADDED Viewed

Binary file

package/template/images/lane_stomp.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg viewBox="0 0 24 24" ~~class~~="~~hitagi__sc-1apuy4g-0 hmhZOG~~"~~><path~~ d="M8.05731 22.3674L9.60454 22.8002L11.5974 21.6551L12.043 20.0773L13.5902 20.51L15.583 19.3649L16.0287 17.7871L17.5759 18.2199L19.5687 17.0748L20.0143 15.4969L21.5615 15.9297L23.5544 14.7846L24 13.2068L23.4492 12.2014L7.50651 21.3621L8.05731 22.3674ZM12.1328 3.50265L11.0312 1.49196C10.8798 1.21549 10.5316 1.11811 10.2576 1.27556L0.29345 7.00098C0.0194354 7.15843 -0.0808273 7.51346 0.0706444 7.78993L1.44766 10.3033L11.91 4.29159C12.184 4.13414 12.2843 3.77912 12.1328 3.50265ZM18.3935 8.4063L14.1658 9.60458L12.4221 10.6065C12.2851 10.6853 12.111 10.6366 12.0353 10.4983L11.7599 9.99565C11.6842 9.85742 11.7343 9.6799 11.8713 9.60118L13.615 8.59924L13.0642 7.59389L11.3205 8.59584C11.1835 8.67456 11.0094 8.62587 10.9337 8.48765L10.6583 7.98497C10.5826 7.84673 10.6327 7.66922 10.7697 7.5905L12.5134 6.58855L11.9626 5.58321L1.99846 11.3086L6.9557 20.3567L22.8984 11.196L22.2615 10.0336C21.5024 8.64813 19.9073 7.97847 18.3935 8.4063Z"></path></svg>
1	+ <svg viewBox="0 0 24 24"><path fill="green" d="M8.05731 22.3674L9.60454 22.8002L11.5974 21.6551L12.043 20.0773L13.5902 20.51L15.583 19.3649L16.0287 17.7871L17.5759 18.2199L19.5687 17.0748L20.0143 15.4969L21.5615 15.9297L23.5544 14.7846L24 13.2068L23.4492 12.2014L7.50651 21.3621L8.05731 22.3674ZM12.1328 3.50265L11.0312 1.49196C10.8798 1.21549 10.5316 1.11811 10.2576 1.27556L0.29345 7.00098C0.0194354 7.15843 -0.0808273 7.51346 0.0706444 7.78993L1.44766 10.3033L11.91 4.29159C12.184 4.13414 12.2843 3.77912 12.1328 3.50265ZM18.3935 8.4063L14.1658 9.60458L12.4221 10.6065C12.2851 10.6853 12.111 10.6366 12.0353 10.4983L11.7599 9.99565C11.6842 9.85742 11.7343 9.6799 11.8713 9.60118L13.615 8.59924L13.0642 7.59389L11.3205 8.59584C11.1835 8.67456 11.0094 8.62587 10.9337 8.48765L10.6583 7.98497C10.5826 7.84673 10.6327 7.66922 10.7697 7.5905L12.5134 6.58855L11.9626 5.58321L1.99846 11.3086L6.9557 20.3567L22.8984 11.196L22.2615 10.0336C21.5024 8.64813 19.9073 7.97847 18.3935 8.4063Z"></path></svg>

package/template/images/lane_stomped.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg viewBox="-1 0 19 19"><path d="M16.417 9.579A7.917 7.917 0 1 1 8.5 1.662a7.917 7.917 0 0 1 7.917 7.917zm-2.458 2.96a.396.396 0 0 0-.396-.397h-.667a1.527 1.527 0 0 0-1.249-1.114.777.777 0 0 0 .014-.145V9.378a.794.794 0 0 0-.792-.792H8.201a2.984 2.984 0 0 0-1.682-.516l-.11.002V7.42h2.997a.396.396 0 1 0 0-.792H6.41v-1.3a.396.396 0 0 0-.396-.397H4.891a.396.396 0 0 0 0 .792h.727V8.21a2.997 2.997 0 1 0 3.836 3.466h.71a1.526 1.526 0 1 0 2.732 1.26h.667a.396.396 0 0 0 .396-.397zM8.078 9.507a2.205 2.205 0 1 1-1.559-.646 2.19 2.19 0 0 1 1.559.646zm4.078 3.03a.734.734 0 1 1-.733-.734.735.735 0 0 1 .733.733z"/></svg>
1	+ <svg viewBox="-1 0 19 19"><path fill="red" d="M16.417 9.579A7.917 7.917 0 1 1 8.5 1.662a7.917 7.917 0 0 1 7.917 7.917zm-2.458 2.96a.396.396 0 0 0-.396-.397h-.667a1.527 1.527 0 0 0-1.249-1.114.777.777 0 0 0 .014-.145V9.378a.794.794 0 0 0-.792-.792H8.201a2.984 2.984 0 0 0-1.682-.516l-.11.002V7.42h2.997a.396.396 0 1 0 0-.792H6.41v-1.3a.396.396 0 0 0-.396-.397H4.891a.396.396 0 0 0 0 .792h.727V8.21a2.997 2.997 0 1 0 3.836 3.466h.71a1.526 1.526 0 1 0 2.732 1.26h.667a.396.396 0 0 0 .396-.397zM8.078 9.507a2.205 2.205 0 1 1-1.559-.646 2.19 2.19 0 0 1 1.559.646zm4.078 3.03a.734.734 0 1 1-.733-.734.735.735 0 0 1 .733.733z"/></svg>

package/template/images/lane_victory.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg viewBox="0 0 512 512"><path d="M198.844 64.75c-.985 0-1.974.03-2.97.094-15.915 1.015-32.046 11.534-37.78 26.937-34.072 91.532-51.085 128.865-61.5 222.876 14.633 13.49 31.63 26.45 50.25 38.125l66.406-196.467 17.688 5.968L163.28 362.5c19.51 10.877 40.43 20.234 62 27.28l75.407-201.53 17.5 6.53-74.937 200.282c19.454 5.096 39.205 8.2 58.78 8.875L381.345 225.5l17.094 7.594-75.875 170.656c21.82-1.237 43.205-5.768 63.437-14.28 43.317-53.844 72.633-109.784 84.5-172.69 5.092-26.992-14.762-53.124-54.22-54.81l-6.155-.282-2.188-5.75c-8.45-22.388-19.75-30.093-31.5-32.47-11.75-2.376-25.267 1.535-35.468 7.376l-13.064 7.47-.906-15c-.99-16.396-10.343-29.597-24.313-35.626-13.97-6.03-33.064-5.232-54.812 9.906l-10.438 7.25-3.812-12.125c-6.517-20.766-20.007-27.985-34.78-27.97zM103.28 188.344C71.143 233.448 47.728 299.56 51.407 359.656c27.54 21.84 54.61 33.693 80.063 35.438 14.155.97 27.94-1.085 41.405-6.438-35.445-17.235-67.36-39.533-92.594-63.53l-3.343-3.157.5-4.595c5.794-54.638 13.946-91.5 25.844-129.03z"/></svg>
1	+ <svg viewBox="0 0 512 512"><path fill="lightgreen" d="M198.844 64.75c-.985 0-1.974.03-2.97.094-15.915 1.015-32.046 11.534-37.78 26.937-34.072 91.532-51.085 128.865-61.5 222.876 14.633 13.49 31.63 26.45 50.25 38.125l66.406-196.467 17.688 5.968L163.28 362.5c19.51 10.877 40.43 20.234 62 27.28l75.407-201.53 17.5 6.53-74.937 200.282c19.454 5.096 39.205 8.2 58.78 8.875L381.345 225.5l17.094 7.594-75.875 170.656c21.82-1.237 43.205-5.768 63.437-14.28 43.317-53.844 72.633-109.784 84.5-172.69 5.092-26.992-14.762-53.124-54.22-54.81l-6.155-.282-2.188-5.75c-8.45-22.388-19.75-30.093-31.5-32.47-11.75-2.376-25.267 1.535-35.468 7.376l-13.064 7.47-.906-15c-.99-16.396-10.343-29.597-24.313-35.626-13.97-6.03-33.064-5.232-54.812 9.906l-10.438 7.25-3.812-12.125c-6.517-20.766-20.007-27.985-34.78-27.97zM103.28 188.344C71.143 233.448 47.728 299.56 51.407 359.656c27.54 21.84 54.61 33.693 80.063 35.438 14.155.97 27.94-1.085 41.405-6.438-35.445-17.235-67.36-39.533-92.594-63.53l-3.343-3.157.5-4.595c5.794-54.638 13.946-91.5 25.844-129.03z"/></svg>

package/template/item/item.ejs CHANGED Viewed

@@ -35,6 +35,9 @@ const valueMap = item.special_values.reduce((map, val) => {
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <%- `<style>` %>
     <%- include('./item/style.css') %>
+    <% if (fontFamily && fontFamily.length > 0) { %>
+    <%- `body { font-family: ${fontFamily.map(f => `${f}`).join(", ")}; }` %>
+    <% } %>
   <%- `</style>` %>
 </head>
 <body>

package/template/item/itemlist.ejs CHANGED Viewed

@@ -76,6 +76,12 @@ function calculateFontSize(text) {
         min-height: 12px;
       }
     </style>
+    <% if (fontFamily && fontFamily.length > 0) { %>
+    <%- "<style>" %>
+    <%- `body { font-family: ${fontFamily.map(f => `${f}`).join(", ")}; }` %>
+    <%- "</style>" %>
+    <% } %>
   </head>
   <body>
     <% const items = data; %>

package/template/match/match_1/item.ejs ADDED Viewed

@@ -0,0 +1,11 @@
+<% const isRecipe = item?.isRecipe ? ` style="background-image: url('${utils.getImageUrl("recipe", ImageType.Items)}');"` : ''; %>
+<div class="relative <%= style %>"<%- isRecipe %>>
+<% if (item) { %>
+  <% if (!isNeutral) { %>
+    <img class="w-full h-full object-cover <%= item.isRecipe ? "opacity-75 scale-[0.6] origin-top-right" : '' %>" src="<%= utils.getImageUrl(item.name, ImageType.Items) %>">
+    <p class="absolute w-full text-[#ccc] text-center bottom-0 leading-[1] text-xs bg-stone-700/50"><%= utils.sec2time(item.time) %></p>
+  <% } else { %>
+    <img class="w-full h-full object-contain" src="<%= utils.getImageUrl(dotaconstants.item_ids[player.neutral0Id], ImageType.Items) %>">
+  <% } %>
+<% } %>
+</div>

package/template/match/match_1/main.ejs ADDED Viewed

@@ -0,0 +1,35 @@
+<div class="w-[790px] h-[100px] flex justify-between box m-[5px]">
+  <div class="flag w-[100px] h-full flex justify-center items-end bg-cover <%= !match.didRadiantWin ? 'grayscale' : "" %>" style="background-image: url('<%= utils.getImageUrl("flag_radiant") %>')"><%= match.didRadiantWin ? $t("dota2tracker.template.won") : "" %></div>
+  <div class="details grow relative flex-col flex">
+    <p class="w-full flex justify-around">
+      <span><%= $t("dota2tracker.template.match_id_") %><%= match.id %></span>
+      <span><%= $t("dota2tracker.template.game_mode_") %><%= $t("dota2tracker.template.lobby_types." + match.lobbyType) || match.lobbyType %> / <%= $t("dota2tracker.template.game_modes." + match.gameMode) || match.gameMode %></span>
+      <span><%= $t("dota2tracker.template.region_") %><%= $t("dota2tracker.template.regions." + match.regionId) %></span>
+    </p>
+    <p class="w-full flex justify-around">
+      <span><%= $t("dota2tracker.template.start_time_") %><%= moment(new Date(match.startDateTime * 1000)).format("YYYY-MM-DD HH:mm:ss").slice(2) %></span>
+      <span><%= $t("dota2tracker.template.end_time_") %><%= moment(new Date(match.endDateTime * 1000)).format("YYYY-MM-DD HH:mm:ss").slice(2) %></span>
+    </p>
+    <p class="w-full grow score flex justify-evenly items-end">
+      <span class="score radiant text-3xl"><%= match.radiant.killsCount %></span>
+      <span class="time text-sm"><%= utils.sec2time(match.durationSeconds) %></span>
+      <span class="score dire text-3xl"><%= match.dire.killsCount %></span>
+    </p>
+    <img class="star absolute w-[64px] bottom-[10px] left-1/2 -translate-x-1/2" src="<%= utils.getImageUrl('star_' + (match.rank ? match.rank.toString().split('')[1] : '')) %>">
+    <img class="medal absolute w-[64px] bottom-[10px] left-1/2 -translate-x-1/2" src="<%= utils.getImageUrl('medal_' + (match.rank ? match.rank.toString().split('')[0] : '')) %>">
+  </div>
+  <div class="flag w-[100px] h-full flex justify-center items-end bg-cover <%= match.didRadiantWin ? 'grayscale' : "" %>" style="background-image: url('<%= utils.getImageUrl("flag_dire") %>')"><%= !match.didRadiantWin ? $t("dota2tracker.template.won") : "" %></div>
+</div>
+<div class="w-[790px] grid grid-cols-2 gap-[5px] mx-[5px]">
+  <% for( let index = 0; index < match.players.length; index++ ) { %>
+  <%- include(`./player.ejs`, { match, player: match.players[index], kcndcStyle, laneSVG, facetColor, partyColor }) %>
+  <% } %>
+</div>
+<div class="ban_list box m-[5px] flex flex-wrap">
+  <% for (const hero of (match.pickBans ?? []).filter(x => !x.isPick)) { %>
+  <div class="ban_hero relative w-[10%]">
+    <i class="absolute w-full h-full z-1" style="background-image: linear-gradient(to bottom left, transparent calc(50% - 1px), red calc(50% - 1px), black calc(50% + 1px), transparent calc(50% + 1px));"></i>
+    <img class="grayscale" src="<%= utils.getImageUrl(/^npc_dota_hero_(?<name>.+)$/.exec(dotaconstants.heroes[hero.bannedHeroId].name)[1], ImageType.Heroes) %>" alt="" />
+  </div>
+  <% } %>
+</div>

package/template/match/match_1/player.ejs ADDED Viewed

@@ -0,0 +1,154 @@
+<div class="box h-[320px] flex flex-col gap-[4px] rounded-[5px]" <%- `style="grid-column: ${!player.isRadiant+1};grid-row: ${player.position?.slice(-1)%5}" ` %>>
+  <section class="grid grid-cols-[112px_1fr_100px] grid-rows-[63px_24px]">
+    <div class="avatar relative h-full relative row-1 col-1 text-[10px] text-shadow-[-1px_1px_2px_#000,1px_-1px_2px_#000,-1px_1px_2px_#000,1px_1px_2px_#000]">
+      <% if (player.leaverStatus != "NONE" && player.leaverStatus != "DISCONNECTED") { %>
+      <img class="leaver absolute w-full h-full object-contain" src="<%= utils.getImageUrl("disconnected") %>" />
+      <% } %>
+      <div class="party contents">
+        <i class="party_line absolute w-full h-[2px]" <%- `style="background-color:${partyColor[player.partyId]};"` %>></i>
+        <b class="party_mark absolute leading-[1.5] w-[16px] top-[3px] left-[2px] bg-black/80 text-center" <%- `style="color:${partyColor[player.partyId]};"` %>><%= match.party[player.partyId] %></b>
+      </div>
+      <div class="hero_info absolute top-[3px] right-0 text-right leading-[1.25]">
+        <p class="order" <%- `style="color: ${['red', 'yellow', 'green'][Math.floor(player.order / 4)]};"` %>><%- player.isRandom ? $t("dota2tracker.template.random") : $t("dota2tracker.template.pick_order",[`${player.order == null ? "?" : player.order + 1}`]) %></p>
+        <p class="position"><%= $t("dota2tracker.template.position_" + player.position?.slice(-1))??'' %></p>
+      </div>
+      <p class="level absolute bottom-0 right-0 text-xs px-[2px]"><%= player.level %></p>
+      <img class="h-full" src="<%= utils.getImageUrl(player.hero.shortName, ImageType.Heroes) %>" />
+    </div>
+    <div class="player_profile mx-[10px] row-1 col-2 w-auto h-full overflow-hidden text-center flex flex-col justify-around leading-[1]">
+      <p class="player_name truncate max-w-full"><%= player.steamAccount.name %></p>
+      <p class="flex gap-[12px] justify-center">
+        <span class="kda"><%= player.kills %>/<%= player.deaths %>/<%= player.assists %></span>
+        <span class="kc" <%- `style="color:${kcndcStyle.kc(player.killContribution * 100)}"` %>><%= Math.floor(player.killContribution * 100) %>%</span>
+        <span class="dc" <%- `style="color:${kcndcStyle.dc(player.deathContribution * 100)}"` %>><%= Math.floor(player.deathContribution * 100) %>%</span>
+      </p>
+      <p class="flex gap-[16px] justify-center">
+        <span class="networth text-[rgb(203,176,42)]"><%= player.networth %></span>
+        <span class="score"><%= (player.heroDamage / player.networth)?.toFixed(2) %></span>
+      </p>
+    </div>
+    <div class="lane_rank row-1 col-3 flex w-full h-full justify-between">
+      <div class="lane w-[44px] h-full">
+        <p class="text-[10px] text-center"><%= $t("dota2tracker.template.lane_" + player.laneResult) %></p>
+        <div class="h-[44px] w-[44px]"><%- laneSVG[player.laneResult] %></div>
+      </div>
+      <div class="rank_plus w-[36px] h-full relative text-[10px] leading-[1.15] text-shadow-[-1px_1px_0_#000,1px_-1px_0_#000,-1px_1px_0_#000,1px_1px_0_#000]">
+        <div class="rank absolute top-0 size-[36px] z-2">
+          <img class="medal absolute inset-0" src="<%= utils.getImageUrl('medal_' + (player.rank.inTop100 ?? player.rank.medal)) %>"/>
+          <img class="stars absolute inset-0" src="<%= utils.getImageUrl('star_' + player.rank.star) %>" />
+          <p class="leader absolute bottom-0 text-center w-full"><%= player.steamAccount?.seasonLeaderboardRank ?? "" %></p>
+        </div>
+        <% if (player.dotaPlus) { %>
+        <div class="plus absolute bottom-0 size-[36px] z-1">
+          <img class="" src="<%= utils.getImageUrl("hero_badge_" + (player.dotaPlus ? Math.ceil((player.dotaPlus?.level + 1) / 6) : 1)) %>">
+          <p class="level absolute bottom-0 text-center w-full"><%= player.dotaPlus?.level %></p>
+        </div>
+        <% } %>
+      </div>
+    </div>
+    <div class="facet row-2 col-1 w-full h-full flex bg-linear-to-r
+    <%- facetColor[player.facet?.color ?? 'Black'] %>">
+      <% if (player.facet) { %>
+      <div class="w-[24px] h-[24px] flex items-center justify-center bg-[#4444]">
+        <img class="h-[18px]" src="<%= utils.getImageUrl(player.facet?.icon, ImageType.IconsFacets) %>" />
+      </div>
+      <% } %>
+      <div class="facet_name grow text-sm flex justify-center items-center"><%= player.facet?.name ?? "?" %></div>
+    </div>
+    <div class="titles row-2 col-start-2 col-end-3 w-full flex items-center pl-[12px] gap-[6px]">
+    <% for (let item of player.titles) { %>
+      <% const [title, color] = $t(item).split("-"); %>
+      <span <%- `style="color:${color};"` %>><%= title %></span>
+    <% } %>
+    </div>
+  </section>
+  <% if (player.hero.id != 80) { %>
+  <section class="items w-full grid grid-cols-[repeat(3,3fr)_2fr_3fr] grid-rows-2">
+    <div class="items_main contents">
+      <% for( let i = 0; i < 6; i++ ) { %>
+      <%- include("./item.ejs", {item: player.items[i], style: `col-${i%3+1}`, isNeutral: false}) %>
+      <% } %>
+    </div>
+    <div class="items_backpack grayscale col-4 row-start-1 row-span-2 flex flex-col">
+      <% for( let i = 0; i < 3; i++ ) { %>
+      <%- include("./item.ejs", {item: player.backpacks[i], style: "", isNeutral: false}) %>
+      <% } %>
+    </div>
+    <div class="items_neutral contents"><%- include("./item.ejs", {item: player.neutral0Id, style: "row-start-1 row-span-2 col-5 flex items-center h-full", isNeutral: true}) %></div>
+  </section>
+  <% } else { %>
+  <section class="items w-full grid grid-cols-[repeat(6,3fr)_10fr] grid-rows-4">
+    <div class="items_hero contents">
+      <div class="items_main contents">
+        <% for( let i = 0; i < 6; i++ ) { %>
+        <%- include("./item.ejs", {item: player.items[i], style: `row-1 col-${i+1}`, isNeutral: false}) %>
+        <% } %>
+      </div>
+      <div class="items_backpack grayscale contents">
+        <% for( let i = 0; i < 3; i++ ) { %>
+        <%- include("./item.ejs", {item: player.backpacks[i], style: `row-2 col-${i+1}`, isNeutral: false}) %>
+        <% } %>
+      </div>
+      <div class="items_neutral contents">
+        <%- include("./item.ejs", {item: player.neutral0Id, style: "row-2 col-6", isNeutral: true}) %>
+      </div>
+    </div>
+    <div class="items_unit contents">
+      <div class="items_main contents">
+        <% for( let i = 0; i < 6; i++ ) { %>
+        <%- include("./item.ejs", {item: player.unitItems[i], style: `row-3 col-${i+1}`, isNeutral: false}) %>
+        <% } %>
+      </div>
+      <div class="items_backpack grayscale contents">
+        <% for( let i = 0; i < 3; i++ ) { %>
+        <%- include("./item.ejs", {item: player.unitBackpacks[i], style: `row-4 col-${i+1}`, isNeutral: false}) %>
+        <% } %>
+      </div>
+      <div class="items_neutral contents">
+        <%- include("./item.ejs", {item: player.additionalUnit.neutral0Id, style: "row-4 col-6", isNeutral: true}) %>
+      </div>
+    </div>
+  </section>
+  <% } %>
+  <section class="buffs_supports w-full h-[24px] flex justify-between">
+    <div class="buffs flex h-[24px]">
+      <% for (const buff of player.buffs) { %>
+      <div class="relative">
+        <img class="w-[33px] h-[24px]" src="<%= utils.getImageUrl(dotaconstants[`${buff.type}_ids`][buff.id], ImageType[buff.type === "ability" ? "Abilities" : "Items"]) %>" />
+        <p class="count absolute w-full bottom-0 leading-[1] text-center bg-stone-700/50 text-[10px]"><%= buff.stackCount || "" %></p>
+      </div>
+      <% } %>
+    </div>
+    <div class="supports flex h-[24px]">
+      <% for (const supportItem of player.supportItemsCount){ %>
+      <div class="relative">
+        <img class="w-[33px] h-[24px]" src="<%= utils.getImageUrl(supportItem.name, ImageType.Items) %>" />
+        <p class="count absolute w-full bottom-0 leading-[1] text-center bg-stone-700/50 text-[10px]"><%= supportItem.count || "" %></p>
+      </div>
+      <% } %>
+    </div>
+  </section>
+  <section class="player-stat h-full flex flex-col justify-around text-[13px] leading-[24px] whitespace-nowrap">
+    <p class="w-full flex justify-around">
+      <span><%= $t("dota2tracker.template.hero_damage_") %><span class="hero_damage"><%= player.heroDamage %></span></span>
+      <span><%= $t("dota2tracker.template.building_damage_") %><span class="building_damage"><%= player.towerDamage %></span></span>
+      <span><%= $t("dota2tracker.template.damage_received_") %><span class="tak">
+        <%= (player.stats?.heroDamageReport?.receivedTotal.physicalDamage || 0) +
+        (player.stats?.heroDamageReport?.receivedTotal.magicalDamage || 0) +
+        (player.stats?.heroDamageReport?.receivedTotal.pureDamage || 0) %>
+      </span>
+      </span>
+    </p>
+    <p class="w-full flex justify-around">
+      <span><%= $t("dota2tracker.template.lasthit_") %><span class="lh"><%= player.numLastHits %></span>/<span class="dn"><%= player.numDenies %></span></span>
+      <span><%= $t("dota2tracker.template.GPM/XPM_") %><span class="gpm"><%= player.goldPerMinute %></span>/<span class="xpm"><%= player.experiencePerMinute %></span></span>
+      <span><%= $t("dota2tracker.template.heal_") %><span class="heal"><%= player.heroHealing %></span></span>
+    </p>
+    <p class="w-full flex justify-center">
+      <span><%= $t("dota2tracker.template.crowd_control_duration_") %></span>
+      <span><%= ((player.stats?.heroDamageReport?.dealtTotal.stunDuration || 0) / 100).toFixed(2) + "/" %></span>
+      <span><%= ((player.stats?.heroDamageReport?.dealtTotal.slowDuration || 0) / 100).toFixed(2) + "/" %></span>
+      <span><%= ((player.stats?.heroDamageReport?.dealtTotal.disableDuration || 0) / 100).toFixed(2) %></span>s
+    </p>
+  </section>
+</div>