@everymatrix/tournament-card 0.1.0 → 0.1.1

package/client/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@everymatrix/tournament-card",
+  "version": "0.0.2",
+  "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-card.js" }
+  }
+,
+  "files": ["client/", "server/", "wc/"],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "dependencies": {
+  "@everymatrix/tournament-details": "0.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/client/style.css

@@ -0,0 +1 @@
+.svelte-1q5hm0x,.svelte-1q5hm0x:before,.svelte-1q5hm0x:after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit}.CardContainer.svelte-1q5hm0x{display:flex;flex-direction:column;border-radius:6px;background-color:var(--emw-color-bg-secondary, #333232);height:100%;max-width:400px;justify-content:space-between}.CardContainer.svelte-1q5hm0x .ViewDetailsButton:where(.svelte-1q5hm0x){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;transition:background-color .2s ease,transform .15s ease}.CardContainer.svelte-1q5hm0x .ViewDetailsButton:where(.svelte-1q5hm0x):hover{background-color:var(--emw-color-bg-primary, #212121);cursor:pointer}.CardContainer.svelte-1q5hm0x .ViewDetailsButton:where(.svelte-1q5hm0x):active{transform:scale(.9)}.CardContainer.svelte-1q5hm0x .TournamentButtonsWrapper:where(.svelte-1q5hm0x){display:flex;gap:16px;width:100%;padding:0 16px 16px}.CardContainer.svelte-1q5hm0x .TournamentButtonsWrapper:where(.svelte-1q5hm0x) .ButtonPrimary:where(.svelte-1q5hm0x){display:block;width:100%;background-color:var(--emw-color-primary, #FF1D4E);color:var(--emw-color-typography, #ffffff);border-radius:6px;padding:8px 0;border:none;outline:none;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.CardContainer.svelte-1q5hm0x .TournamentButtonsWrapper:where(.svelte-1q5hm0x) .ButtonPrimary:where(.svelte-1q5hm0x):hover{background-color:var(--emw-color-primary-hover, #ff3a65);cursor:pointer}.CardContainer.svelte-1q5hm0x .TournamentButtonsWrapper:where(.svelte-1q5hm0x) .ButtonPrimary:where(.svelte-1q5hm0x):active{transform:scale(.9)}.CardContainer.svelte-1q5hm0x .TournamentButtonsWrapper:where(.svelte-1q5hm0x) .ButtonPrimary:where(.svelte-1q5hm0x).Enrolled{pointer-events:none;filter:saturate(50%)}.CardContainer.svelte-1q5hm0x .TournamentButtonsWrapper:where(.svelte-1q5hm0x) .ButtonSecondary:where(.svelte-1q5hm0x){display:block;width:100%;background-color:transparent;color:var(--emw-color-typography, #ffffff);border:1px solid var(--emw-color-primary, #FF1D4E);border-radius:6px;padding:8px 0;outline:none;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.CardContainer.svelte-1q5hm0x .TournamentButtonsWrapper:where(.svelte-1q5hm0x) .ButtonSecondary:where(.svelte-1q5hm0x):hover{background-color:var(--emw-color-bg-primary, #212121);cursor:pointer}.CardContainer.svelte-1q5hm0x .TournamentButtonsWrapper:where(.svelte-1q5hm0x) .ButtonSecondary:where(.svelte-1q5hm0x):active{transform:scale(.9)}.Spinner.svelte-1q5hm0x{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--emw-color-typography, #ffffff);border-radius:50%;animation:svelte-1q5hm0x-spin .6s linear infinite}@keyframes svelte-1q5hm0x-spin{to{transform:rotate(360deg)}}

package/package.json

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

package/server/index.js

@@ -0,0 +1,102 @@
+import * as $ from "svelte/internal/server";
+import { addMessages, _ } from "svelte-i18n";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import TournamentDetails from "@everymatrix/tournament-details";
+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"
+  },
+  tr: {
+    Unstarted: "Yakında",
+    Running: "Canlı",
+    Closed: "Sona erdi",
+    Closing: "Sona erdi",
+    startDateLabel: "Başlangıç Tarihi:",
+    viewDetailsButton: "Detayları Gör",
+    detailsButton: "Detaylar",
+    loginButton: "Giriş Yap",
+    registerButton: "Kayıt Ol",
+    endsInLabel: "Bitiş:",
+    joinButton: "Join",
+    daysLabel: "Günler",
+    enrolledLabel: "Kayıtlı"
+  }
+};
+dayjs.extend(customParseFormat);
+const isServer = () => typeof window === "undefined";
+function TournamentCard_impl($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    var $$store_subs;
+    const {
+      tournament,
+      isLoggedIn,
+      language,
+      endpoint,
+      session,
+      navigationHref = null,
+      platform,
+      hidden = false
+    } = $$props;
+    let newlyEnrolled = false;
+    Object.keys(TRANSLATIONS).forEach((item) => {
+      addNewMessages(item, TRANSLATIONS[item]);
+    });
+    const isTournamentClosed = () => {
+      return new Date(tournament.endTime) < /* @__PURE__ */ new Date();
+    };
+    $$renderer2.push(`<div class="CardContainer svelte-1q5hm0x"${$.attr_style("", { display: hidden ? "none" : "flex" })}>`);
+    TournamentDetails($$renderer2, {
+      tournament,
+      language,
+      enrolled: tournament.playerEnrolled || newlyEnrolled
+    });
+    $$renderer2.push(`<!----> <div class="TournamentButtonsWrapper svelte-1q5hm0x">`);
+    if (!isLoggedIn) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<button class="ButtonSecondary svelte-1q5hm0x">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("registerButton"))}</button> <button class="ButtonPrimary svelte-1q5hm0x">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("loginButton"))}</button>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      if (isTournamentClosed()) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<button class="ViewDetailsButton svelte-1q5hm0x">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("viewDetailsButton"))}</button>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        if (isServer()) {
+          $$renderer2.push("<!--[-->");
+          $$renderer2.push(`<a class="ButtonSecondary svelte-1q5hm0x"${$.attr("href", `${navigationHref}/${tournament.id}`)}>${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("detailsButton"))}</a>`);
+        } else {
+          $$renderer2.push("<!--[!-->");
+          $$renderer2.push(`<button class="ButtonSecondary svelte-1q5hm0x">${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("detailsButton"))}</button>`);
+        }
+        $$renderer2.push(`<!--]--> <button${$.attr_class(`ButtonPrimary ${tournament.playerEnrolled || newlyEnrolled ? "Enrolled" : ""}`, "svelte-1q5hm0x")}${$.attr("disabled", tournament.playerEnrolled || newlyEnrolled, true)}>`);
+        {
+          $$renderer2.push("<!--[!-->");
+          $$renderer2.push(`${$.escape($.store_get($$store_subs ?? ($$store_subs = {}), "$_", _)("joinButton"))}`);
+        }
+        $$renderer2.push(`<!--]--></button>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div></div>`);
+    if ($$store_subs) $.unsubscribe_stores($$store_subs);
+  });
+}
+export {
+  TournamentCard_impl as default
+};

package/server/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@everymatrix/tournament-card",
+  "version": "0.0.2",
+  "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-card.js" }
+  }
+,
+  "files": ["client/", "server/", "wc/"],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "dependencies": {
+  "@everymatrix/tournament-details": "0.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}