@everymatrix/tournament-details 0.1.0 → 0.1.1

package/client/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@everymatrix/tournament-details",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./client/index.js",
+  "module": "./client/index.js",
+  "types": "./client/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./client/index.d.ts",
+      "node": "./server/index.js",
+      "default": "./client/index.js"
+    },
+    "./wc": { "default": "./wc/tournament-details.js" }
+  }
+,
+  "files": ["client/", "server/", "wc/"],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/client/style.css

@@ -0,0 +1 @@
+.svelte-uizvrn,.svelte-uizvrn:before,.svelte-uizvrn:after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit}:host{height:100%}.Hidden.svelte-uizvrn{display:none}.TournamentGamesWrapper.svelte-uizvrn{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.TournamentDetailsWrapper.svelte-uizvrn{background-color:var(--emw-color-bg-secondary, #333232);border-radius:6px;padding:16px 16px 0;height:100%;display:flex;flex-direction:column}.TournamentDetailsWrapper.svelte-uizvrn .TournamentImageWrapper:where(.svelte-uizvrn){position:relative;border-radius:14px;background-color:var(--emw-color-bg-primary, #212121);max-width:370px}.TournamentDetailsWrapper.svelte-uizvrn .TournamentImageWrapper:where(.svelte-uizvrn) .StatusBadgesWrapper:where(.svelte-uizvrn){position:absolute;top:10px;right:10px;display:flex;gap:10px}.TournamentDetailsWrapper.svelte-uizvrn .TournamentImageWrapper:where(.svelte-uizvrn) .StatusBadgesWrapper:where(.svelte-uizvrn) .StatusBadge:where(.svelte-uizvrn){background-color:var(--emw-color-primary, #FF1D4E);color:var(--emw-color-typography, #ffffff);font-size:14px;border-radius:14px;padding:5px 10px;z-index:1}.TournamentDetailsWrapper.svelte-uizvrn .TournamentImageWrapper:where(.svelte-uizvrn) .StatusBadgesWrapper:where(.svelte-uizvrn) .StatusBadge:where(.svelte-uizvrn).Live{background-color:var(--emw-color-green, #2DCB70)}.TournamentDetailsWrapper.svelte-uizvrn .TournamentImageWrapper:where(.svelte-uizvrn) .StatusBadgesWrapper:where(.svelte-uizvrn) .StatusBadge:where(.svelte-uizvrn).Upcoming{background-color:var(--emw-color-green, #5A88D7)}.TournamentDetailsWrapper.svelte-uizvrn .TournamentImageWrapper:where(.svelte-uizvrn) .StatusBadgesWrapper:where(.svelte-uizvrn) .StatusBadge:where(.svelte-uizvrn).Ended{background-color:var(--emw-color-green, #F3514B)}.TournamentDetailsWrapper.svelte-uizvrn .TournamentImageWrapper:where(.svelte-uizvrn) img:where(.svelte-uizvrn){border-radius:6px;width:100%;min-height:200px;height:200px;object-fit:cover}.TournamentDetailsWrapper.svelte-uizvrn .TournamentDetails:where(.svelte-uizvrn){color:var(--emw-color-typography, #ffffff);margin-top:10px;display:flex;flex-direction:column;gap:10px;height:-webkit-fill-available;justify-content:space-between}.TournamentDetailsWrapper.svelte-uizvrn .TournamentDetails:where(.svelte-uizvrn) .TournamentStartDate:where(.svelte-uizvrn){font-size:12px;opacity:70%;font-weight:300}.TournamentDetailsWrapper.svelte-uizvrn .TournamentDetails:where(.svelte-uizvrn) .TournamentTitle:where(.svelte-uizvrn){font-size:20px;font-weight:500;word-wrap:break-word}.TournamentDetailsWrapper.svelte-uizvrn .TournamentDetails:where(.svelte-uizvrn) .TournamentCriteria:where(.svelte-uizvrn){font-size:12px;opacity:70%;font-weight:200;padding:0;margin:0}.TournamentDetailsWrapper.svelte-uizvrn .ViewPrizesContainer:where(.svelte-uizvrn){display:flex;justify-content:space-between;align-items:center;background-color:var(--emw-color-bg-elements, #4A4A4A);color:var(--emw-color-typography, #ffffff);border-radius:6px;width:100%;margin:10px 0;padding:10px}.TournamentDetailsWrapper.svelte-uizvrn .ViewPrizesContainer:where(.svelte-uizvrn) p:where(.svelte-uizvrn){opacity:70%;font-size:14px;font-weight:400}.TournamentDetailsWrapper.svelte-uizvrn .ViewPrizesContainer:where(.svelte-uizvrn) .ViewPrizeButton:where(.svelte-uizvrn){background-color:transparent;border-radius:6px;color:var(--emw-color-typography, #ffffff);border:1px solid var(--emw-color-primary, #FF1D4E);padding:6px 12px;display:flex;align-items:center;font-size:12px;margin-left:6px;transition:background-color .2s ease,transform .15s ease,box-shadow .15s ease}.TournamentDetailsWrapper.svelte-uizvrn .ViewPrizesContainer:where(.svelte-uizvrn) .ViewPrizeButton:where(.svelte-uizvrn):hover{box-shadow:0 0 8px 0 var(--emw-color-primary, #FF1D4E);transform:scale(1.05);cursor:pointer}.TournamentDetailsWrapper.svelte-uizvrn .ViewPrizesContainer:where(.svelte-uizvrn) .ViewPrizeButton:where(.svelte-uizvrn):active{transform:scale(.95)}.TournamentDetailsWrapper.svelte-uizvrn .ViewPrizesContainer:where(.svelte-uizvrn) .ViewPrizeButton:where(.svelte-uizvrn) svg:where(.svelte-uizvrn){margin-left:5px;justify-self:center}.TournamentDetailsWrapper.svelte-uizvrn .TimeSegment:where(.svelte-uizvrn){background-color:var(--emw-color-bg-elements, #4A4A4A);color:var(--emw-color-typography, #ffffff);padding:6px;border-radius:6px}.TournamentDetailsWrapper.svelte-uizvrn .TimeToEndTournament:where(.svelte-uizvrn)>p:where(.svelte-uizvrn){margin-bottom:6px;font-size:12px;font-weight:400;opacity:70%}.TournamentDetailsWrapper.svelte-uizvrn .TimeToEndTournament:where(.svelte-uizvrn){display:flex;flex-direction:column;gap:6px}.TournamentDetailsWrapper.svelte-uizvrn .ViewDetailsButton:where(.svelte-uizvrn){width:100%;background-color:var(--emw-color-bg-elements, #4A4A4A);color:var(--emw-color-typography, #ffffff);border-radius:6px;padding:8px 0;border:none;outline:none}

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "@everymatrix/tournament-details",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
-  "main": "es2015/tournament-details.cjs",
-  "module": "esnext/tournament-details.js",
+  "main": "./client/index.js",
+  "module": "./client/index.js",
+  "types": "./client/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esnext/tournament-details.js",
-      "require": "./es2015/tournament-details.cjs"
+      "types": "./client/index.d.ts",
+      "node": "./server/index.js",
+      "default": "./client/index.js"
     },
-    "./es2015/tournament-details.cjs": "./es2015/tournament-details.cjs",
-    "./es2015/tournament-details.js": "./es2015/tournament-details.js"
+    "./wc": {
+      "default": "./wc/tournament-details.js"
+    }
   },
   "files": [
-    "components/",
-    "es2015/",
-    "stencil",
-    "angular",
-    "esnext/"
+    "client/",
+    "server/",
+    "wc/"
   ],
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/server/index.js

@@ -0,0 +1,108 @@
+import * as $ from "svelte/internal/server";
+import { onDestroy } from "svelte";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import { addMessages, _ } from "svelte-i18n";
+import duration from "dayjs/plugin/duration.js";
+dayjs.extend(customParseFormat);
+const getFormattedDate = (date) => {
+  const formatted = dayjs(date).format("MMMM D, HH:mm");
+  return formatted;
+};
+function addNewMessages(lang, dict) {
+  addMessages(lang, dict);
+}
+const TRANSLATIONS = {
+  en: {
+    Unstarted: "Coming soon",
+    Running: "Live",
+    Closed: "Ended",
+    Closing: "Ended",
+    startDateLabel: "Start Date:",
+    viewDetailsButton: "View Details",
+    detailsButton: "Details",
+    loginButton: "Login",
+    registerButton: "Register",
+    endsInLabel: "Ends in:",
+    joinButton: "Join",
+    daysLabel: "Days",
+    enrolledLabel: "Enrolled",
+    topPrize: "Top prize",
+    viewPrizes: "View Prizes",
+    enrolled: "Enrolled",
+    scoreCriteria: "Score Criteria",
+    BetCount: "Number of Bets",
+    MaxWinStakeRatio: "Max Win per Stake",
+    WinStakeRatio: "Total Win per Stake",
+    MostRounds: "Most Rounds",
+    WinBetCount: "Winnings and Number of Rounds",
+    Stake: "Turnover",
+    Win: "Winnings",
+    minbet: "Min Bet Count"
+  },
+  tr: {
+    Unstarted: "Yakında",
+    Running: "Devam Ediyor",
+    Closed: "Sona Erdi",
+    Closing: "Sona Erdi",
+    startDateLabel: "Başlangıç Tarihi:",
+    viewDetailsButton: "Detayları Görüntüle",
+    detailsButton: "Detaylar",
+    loginButton: "Giriş Yap",
+    registerButton: "Kayıt Ol",
+    endsInLabel: "Bitiş:",
+    joinButton: "Katıl",
+    daysLabel: "Gün",
+    enrolledLabel: "Kayıtlı",
+    topPrize: "Top prize",
+    viewPrizes: "Ödülleri Görüntüle",
+    enrolled: "Kayıtlı",
+    scoreCriteria: "Puan Kriterleri",
+    BetCount: "Bahis Sayısı",
+    MaxWinStakeRatio: "Bahis Başına Maksimum Kazanç",
+    MostRounds: "En Çok Tur",
+    WinStakeRatio: "Bahis Başına Toplam Kazanç",
+    WinBetCount: "Winnings and Number of Rounds",
+    Stake: "Devir",
+    Win: "Winnings",
+    minbet: "Min Bet Count"
+  }
+};
+const placeholderImg = "/assets/placeholder-B9CooiZk.png";
+function TournamentDetails_impl($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    var _a;
+    var $$store_subs;
+    dayjs.extend(duration);
+    const { tournament, language = "en", enrolled } = $$props;
+    let timeRemaining = {};
+    Object.keys(TRANSLATIONS).forEach((item) => {
+      addNewMessages(item, TRANSLATIONS[item]);
+    });
+    const statusCssClassMap = {
+      Unstarted: "Upcoming",
+      Running: "Live",
+      Closed: "Ended",
+      Closing: "Ended"
+    };
+    onDestroy(() => {
+    });
+    $$renderer2.push(`<div class="TournamentDetailsWrapper svelte-uizvrn"><div class="TournamentImageWrapper svelte-uizvrn"><div class="StatusBadgesWrapper svelte-uizvrn"><div${$.attr_class(`StatusBadge ${statusCssClassMap[tournament.state]}`, "svelte-uizvrn")}>${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)(tournament.state))}</div> `);
+    if (enrolled) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div${$.attr_class(`StatusBadge Enrolled`, "svelte-uizvrn")}>${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("enrolled"))}</div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]--></div> <img${$.attr("src", ((_a = tournament == null ? void 0 : tournament.thumbnail) == null ? void 0 : _a.length) > 0 ? tournament == null ? void 0 : tournament.thumbnail : placeholderImg)} alt="TournamentThumbnail"${$.attr_style(tournament.state === "Closed" && "filter: saturate(30%)")} class="svelte-uizvrn"/></div> <div class="TournamentDetails svelte-uizvrn"><p class="TournamentStartDate svelte-uizvrn">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("startDateLabel"))} ${$.escape(getFormattedDate(tournament.startDate))}</p> <p class="TournamentTitle svelte-uizvrn">${$.escape(tournament.nameOrTitle)}</p> <div class="TournamentCriteria svelte-uizvrn"><p class="svelte-uizvrn">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("scoreCriteria"))}: ${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)(`${tournament.scoreCriteria}`))}</p> <p class="svelte-uizvrn">(${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("minbet"))} ${$.escape(tournament.minBetCount)})</p></div> `);
+    {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="TimeToEndTournament svelte-uizvrn"><p class="svelte-uizvrn">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("endsInLabel"))}</p> <div class="svelte-uizvrn"><span${$.attr_class(`TimeSegment ${timeRemaining.days === 0 ? "Hidden" : ""}`, "svelte-uizvrn")}>${$.escape(timeRemaining.days > 0 ? `${timeRemaining.days} ${$.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("daysLabel")}` : null)}</span> <span${$.attr_class($.clsx(timeRemaining.days === 0 ? "Hidden" : ""), "svelte-uizvrn")}>${$.escape(timeRemaining.days > 0 ? " - " : null)}</span> <span class="TimeSegment svelte-uizvrn">${$.escape(timeRemaining.hours)}</span> : <span class="TimeSegment svelte-uizvrn">${$.escape(timeRemaining.minutes)}</span> : <span class="TimeSegment svelte-uizvrn">${$.escape(timeRemaining.seconds)}</span></div></div>`);
+    }
+    $$renderer2.push(`<!--]--> <div class="ViewPrizesContainer svelte-uizvrn"><p class="svelte-uizvrn">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("topPrize"))}: ${$.escape(tournament.prizes[0].name)}</p> <button class="ViewPrizeButton svelte-uizvrn">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("viewPrizes"))} <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-uizvrn"><path d="M0 8.54661L3.70929 4.84143L0 1.13793L1.14214 0L6.00021 4.84143L1.14214 9.68455L0 8.54661Z" fill="white" class="svelte-uizvrn"></path></svg></button></div></div></div>`);
+    if ($$store_subs) $.unsubscribe_stores($$store_subs);
+  });
+}
+export {
+  TournamentDetails_impl as default
+};

package/server/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@everymatrix/tournament-details",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./client/index.js",
+  "module": "./client/index.js",
+  "types": "./client/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./client/index.d.ts",
+      "node": "./server/index.js",
+      "default": "./client/index.js"
+    },
+    "./wc": { "default": "./wc/tournament-details.js" }
+  }
+,
+  "files": ["client/", "server/", "wc/"],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}