@trifle/trifle-hub 1.0.158 → 1.0.159

package/dist/{HelpersUtil-CTL0zzpL.js → HelpersUtil-DffXsS4s.js}

@@ -1,5 +1,5 @@
-import { r as g, t as f, v as p, x as m, R as v, U as c, O as u, D as $ } from "./index-BestOUlf.js";
-import { n as h, c as y } from "./index-DfgpBvgd.js";
+import { n as g, r as f, q as p, x as m, R as v, P as c, O as u, y as $ } from "./index-Csp20V_C.js";
+import { n as h, c as y } from "./index-DlHufcDq.js";
 const b = g`
   :host {
     display: flex;

package/dist/{Leaderboard-p6FRl_qo.js → Leaderboard-CdNJ6RpN.js}

@@ -1,11 +1,11 @@
-import { ref as c, inject as L, watch as C, onMounted as S, createElementBlock as a, openBlock as s, createVNode as I, createElementVNode as t, createCommentVNode as y, withCtx as U, createTextVNode as B, normalizeStyle as n, normalizeClass as T, toDisplayString as d, unref as z, Fragment as D, renderList as E } from "vue";
-import { _ as H, l as N } from "./index-BestOUlf.js";
+import { ref as c, inject as C, watch as U, onMounted as S, createElementBlock as a, openBlock as s, createVNode as I, createElementVNode as l, createCommentVNode as w, withCtx as B, createTextVNode as T, normalizeStyle as d, normalizeClass as k, toDisplayString as _, unref as z, Fragment as D, renderList as E } from "vue";
+import { _ as H, l as N } from "./index-Csp20V_C.js";
 import { storeToRefs as V } from "pinia";
 import { H as A } from "./HubPageHeader-VDMilTIN.js";
 import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const R = { class: "_flex-1 _overflow-y-scroll _px-5 _w-full _flex _flex-col" }, j = { class: "_gap-[0.45rem] _mt-4 _grid _grid-cols-2 _text-stroke-2xl _text-lg _tracking-wide" }, M = {
   key: 0,
-  class: "_gap-[0.45rem] _mt-2.5 _grid _grid-cols-2 _text-stroke-2xl _text-mlg _tracking-wide _bg-metallic-linear _rounded-lg _shadow-panel-inset _p-3"
+  class: "_gap-[0.45rem] _mt-2.5 _grid _grid-cols-2 _text-stroke-2xl _text-mlg _tracking-wide _bg-metallic-cone _rounded-lg _shadow-panel-inset _p-3"
 }, Y = {
   key: 1,
   class: "_text-center _py-10 _animate-scaleup-sm"
@@ -15,17 +15,17 @@ const R = { class: "_flex-1 _overflow-y-scroll _px-5 _w-full _flex _flex-col" },
 }, G = {
   key: 3,
   class: "_flex-1 _overflow-y-scroll-masked _no-scrollbar _no-scrollbar _-mx-5 _px-5"
-}, J = { class: "_relative _min-w-[1.4em] _text-center _text-em-xs _opacity-25 _flex-shrink-0" }, K = { class: "_relative _flex _items-center _gap-2.5 _flex-1 _min-w-0" }, O = { class: "_relative _flex-1 _weight-semibold _truncate _min-w-0" }, Q = { class: "_relative _weight-black _whitespace-nowrap _flex _gap-[0.15em]" }, W = { class: "_space-y-2" }, X = ["onClick"], Z = { class: "_min-w-[1.4em] _text-center _text-em-xs _opacity-25 _flex-shrink-0" }, ee = { class: "_flex _items-center _gap-2.5 _flex-1 _min-w-0" }, te = { class: "_flex-1 _weight-semibold _truncate _min-w-0" }, le = { class: "_weight-black _whitespace-nowrap _flex _gap-[0.15em]" }, ae = {
+}, J = { class: "_relative _min-w-[1.4em] _text-center _text-em-xs _opacity-25 _flex-shrink-0" }, K = { class: "_relative _flex _items-center _gap-2.5 _flex-1 _min-w-0" }, O = { class: "_relative _flex-1 _weight-semibold _truncate _min-w-0" }, Q = { class: "_relative _weight-black _whitespace-nowrap _flex _gap-[0.15em]" }, W = { class: "_space-y-2" }, X = ["onClick"], Z = { class: "_min-w-[1.4em] _text-center _text-em-xs _opacity-25 _flex-shrink-0" }, ee = { class: "_flex _items-center _gap-2.5 _flex-1 _min-w-0" }, le = { class: "_flex-1 _weight-semibold _truncate _min-w-0" }, te = { class: "_weight-black _whitespace-nowrap _flex _gap-[0.15em]" }, ae = {
   key: 0,
   class: "_text-center _py-10 _text-gray-500"
 }, se = {
   __name: "Leaderboard",
   setup(re) {
-    const r = c("balls"), u = c("weekly"), v = c([]), i = c(null), p = c(!1), g = c(null), b = L("TrifleHub/store"), { backendUrl: f } = V(b), P = L("hub"), k = (m) => {
+    const r = c("balls"), u = c("weekly"), p = c([]), i = c(null), v = c(!1), g = c(null), b = C("TrifleHub/store"), { backendUrl: f } = V(b), P = C("hub"), h = (m) => {
       b.setProfileUsername(m), P.openHub("profile");
     }, x = async () => {
       var m;
-      p.value = !0, g.value = null, v.value = [], i.value = null;
+      v.value = !0, g.value = null, p.value = [], i.value = null;
       try {
         if (!f.value)
           throw new Error("Backend URL is not configured.");
@@ -45,120 +45,124 @@ const R = { class: "_flex-1 _overflow-y-scroll _px-5 _w-full _flex _flex-col" },
           });
           u.value === "weekly" && o.append("duration", "7d"), e = `${f.value}/balls/leaderboard?${o.toString()}`;
         }
-        const _ = await fetch(e);
-        if (!_.ok) {
-          const o = await _.json().catch(() => ({}));
+        const n = await fetch(e);
+        if (!n.ok) {
+          const o = await n.json().catch(() => ({}));
           throw new Error(
-            `HTTP error! status: ${_.status} - ${o.message || _.statusText}`
+            `HTTP error! status: ${n.status} - ${o.message || n.statusText}`
           );
         }
-        const l = await _.json();
-        v.value = l.data, l.currentUser && (i.value = l.currentUser);
+        const t = await n.json();
+        p.value = t.data, t.currentUser && (i.value = t.currentUser);
       } catch (e) {
         console.error("Error fetching leaderboard:", e), g.value = `Failed to load leaderboard data: ${e.message}`;
       } finally {
-        p.value = !1;
+        v.value = !1;
       }
     };
-    return C(r, x), C(u, x), S(() => {
+    return U(r, x), U(u, x), S(() => {
       x();
     }), (m, e) => {
-      var _;
+      var n;
       return s(), a("div", R, [
         I(A, null, {
-          icon: U(() => e[5] || (e[5] = [
-            t("img", {
+          icon: B(() => e[5] || (e[5] = [
+            l("img", {
               src: H,
               alt: "🏆",
               class: "_h-[1.75em]"
             }, null, -1)
           ])),
-          default: U(() => [
-            e[6] || (e[6] = B(" leaderboard "))
+          default: B(() => [
+            e[6] || (e[6] = T(" leaderboard "))
           ]),
           _: 1
         }),
-        t("nav", j, [
-          t("button", {
-            class: T(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": r.value === "balls" }]),
-            onClick: e[0] || (e[0] = (l) => r.value = "balls"),
-            style: n(r.value === "balls" ? "filter: hue-rotate(-345deg) saturate(2.5)" : "")
-          }, " BALL$ 🪩 ", 6),
-          t("button", {
-            class: T(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": r.value === "airdrop" }]),
-            onClick: e[1] || (e[1] = (l) => r.value = "airdrop"),
-            style: n(r.value === "airdrop" ? "filter: hue-rotate(103deg) saturate(2)" : "")
+        l("nav", j, [
+          l("button", {
+            class: "_bubble-btn _px-4.5 _h-16",
+            onClick: e[0] || (e[0] = (t) => r.value = "balls"),
+            style: d(r.value === "balls" ? "filter: hue-rotate(-345deg) saturate(2.5)" : "")
+          }, " BALL$ 🪩 ", 4),
+          l("button", {
+            class: k(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": r.value === "airdrop" }]),
+            onClick: e[1] || (e[1] = (t) => r.value = "airdrop"),
+            style: d(r.value === "airdrop" ? "filter: hue-rotate(103deg) saturate(2)" : "")
           }, [
-            t("span", {
-              style: n(r.value === "airdrop" ? "filter: hue-rotate(-103deg) saturate(0.5)" : "")
+            l("span", {
+              style: d(r.value === "airdrop" ? "filter: hue-rotate(-103deg) saturate(0.5)" : "")
             }, "Airdrop 🪂", 4)
           ], 6)
         ]),
         r.value === "balls" ? (s(), a("nav", M, [
-          t("button", {
-            class: "_bubble-btn _py-[0.625em]",
-            onClick: e[2] || (e[2] = (l) => u.value = "weekly"),
-            style: n(u.value === "weekly" ? "filter: hue-rotate(-345deg) saturate(2.5)" : "")
-          }, " this week ", 4),
-          t("button", {
-            class: "_bubble-btn _py-[0.625em]",
-            onClick: e[3] || (e[3] = (l) => u.value = "allTime"),
-            style: n(u.value === "allTime" ? "filter: hue-rotate(103deg) saturate(2)" : "")
-          }, " all time ", 4)
-        ])) : y("", !0),
-        p.value ? (s(), a("div", Y, "Loading leaderboard...")) : g.value ? (s(), a("div", q, d(g.value), 1)) : (s(), a("div", G, [
+          l("button", {
+            class: k([
+              "_rounded-lg _py-1.5",
+              u.value === "weekly" ? "_shadow-panel-inset _bg-metallic-linear _animate-wiggle-sm" : "_shadow-panel _bg-metallic-linear"
+            ]),
+            onClick: e[2] || (e[2] = (t) => u.value = "weekly")
+          }, " this week ", 2),
+          l("button", {
+            class: k([
+              "_rounded-lg _py-1.5",
+              u.value === "allTime" ? "_shadow-panel-inset _bg-metallic-linear _animate-wiggle-sm" : "_shadow-panel _bg-metallic-linear"
+            ]),
+            onClick: e[3] || (e[3] = (t) => u.value = "allTime")
+          }, " all time ", 2)
+        ])) : w("", !0),
+        v.value ? (s(), a("div", Y, "Loading leaderboard...")) : g.value ? (s(), a("div", q, _(g.value), 1)) : (s(), a("div", G, [
           r.value === "airdrop" && i.value ? (s(), a("div", {
             key: 0,
-            onClick: e[4] || (e[4] = (l) => k(i.value.username)),
+            onClick: e[4] || (e[4] = (t) => h(i.value.username)),
             class: "_relative _flex _items-center _text-left _gap-2.5 _p-3 _rounded-lg _shadow-panel _text-lg _text-stroke-3xl _max-w-full _min-w-0 _cursor-pointer mouse:hover:_scale-[1.01] _duration-150 _mb-3 _bg-metallic-linear",
             "aria-label": "Your Position"
           }, [
-            e[9] || (e[9] = t("div", {
+            e[9] || (e[9] = l("div", {
               class: "_absolute _top-0 _left-0 _w-full _h-full _rounded-lg _opacity-75",
               style: { background: "linear-gradient(135deg, #d4e5e5 0%, #fed6e3 100%)", "mix-blend-mode": "hue" }
             }, null, -1)),
-            t("div", J, d(i.value.rank), 1),
-            t("div", K, [
+            l("div", J, _(i.value.rank), 1),
+            l("div", K, [
               i.value.avatar ? (s(), a("div", {
                 key: 0,
                 class: "_size-[2em] _-my-0.5 _flex-shrink-0 _rounded-full _bg-zinc-400 _bg-cover _bg-center",
-                style: n([{ backgroundImage: `url(${i.value.avatar})` }, { "box-shadow": `inset 0 1px 2px rgba(0, 0, 0, 0.75),
+                style: d([{ backgroundImage: `url(${i.value.avatar})` }, { "box-shadow": `inset 0 1px 2px rgba(0, 0, 0, 0.75),
                 inset 0 -1px 2px rgba(255, 255, 255, 0.75)` }])
               }, null, 4)) : (s(), a("div", {
                 key: 1,
                 class: "_relative _size-[2em] _-my-0.5 _flex-shrink-0 _rounded-full _bg-cover _bg-center _opacity-40",
                 tabindex: "-1",
-                style: n({ backgroundImage: `url(${z(N)})`, mixBlendMode: "multiply" })
+                style: d({ backgroundImage: `url(${z(N)})`, mixBlendMode: "multiply" })
               }, null, 4)),
-              t("div", O, [
-                B(d(i.value.username || "N/A") + " ", 1),
-                e[7] || (e[7] = t("span", { class: "_opacity-50 _text-sm" }, "(you)", -1))
+              l("div", O, [
+                T(_(i.value.username || "N/A") + " ", 1),
+                e[7] || (e[7] = l("span", { class: "_opacity-50 _text-sm" }, "(you)", -1))
               ])
             ]),
-            t("div", Q, [
-              t("div", null, d(((_ = i.value.totalBalls) == null ? void 0 : _.toLocaleString("en-us")) ?? "0"), 1),
-              e[8] || (e[8] = t("div", null, "🪂", -1))
+            l("div", Q, [
+              l("div", null, _(((n = i.value.totalBalls) == null ? void 0 : n.toLocaleString("en-us")) ?? "0"), 1),
+              e[8] || (e[8] = l("div", null, "🪂", -1))
             ])
-          ])) : y("", !0),
-          t("ol", W, [
-            (s(!0), a(D, null, E(v.value, (l, o) => {
-              var w, h;
+          ])) : w("", !0),
+          l("ol", W, [
+            (s(!0), a(D, null, E(p.value, (t, o) => {
+              var y, $;
               return s(), a("li", {
-                key: l.UserId || l.id || o,
+                key: t.UserId || t.id || o,
                 onClick: (oe) => {
-                  var $;
-                  return k((($ = l.User) == null ? void 0 : $.username) || l.username);
+                  var L;
+                  return h(((L = t.User) == null ? void 0 : L.username) || t.username);
                 },
                 class: "_flex _items-center _text-left _gap-2.5 _p-3 _rounded-lg _bg-metallic-linear _shadow-panel _text-lg _text-stroke-3xl _max-w-full _min-w-0 _cursor-pointer mouse:hover:_scale-[1.01] _duration-150 _cursor-pointer",
                 "aria-label": "View Profile"
               }, [
-                t("div", Z, d(o + 1), 1),
-                t("div", ee, [
-                  l.avatar ? (s(), a("div", {
+                l("div", Z, _(o + 1), 1),
+                l("div", ee, [
+                  t.avatar ? (s(), a("div", {
                     key: 0,
                     class: "_size-[2em] _-my-0.5 _flex-shrink-0 _rounded-full _bg-zinc-400 _bg-cover _bg-center",
-                    style: n([{
-                      backgroundImage: `url(${l.avatar})`
+                    style: d([{
+                      backgroundImage: `url(${t.avatar})`
                     }, { "box-shadow": `inset 0 1px 2px rgba(0, 0, 0, 0.75),
                   inset 0 -1px 2px rgba(255, 255, 255, 0.75)` }])
                   }, null, 4)) : (s(), a("div", {
@@ -166,26 +170,26 @@ const R = { class: "_flex-1 _overflow-y-scroll _px-5 _w-full _flex _flex-col" },
                     alt: "smiley face with dashed outline",
                     class: "_size-[2em] _-my-0.5 _flex-shrink-0 _rounded-full _bg-cover _bg-center _scale-[0.95]ff _opacity-40",
                     tabindex: "-1",
-                    style: n({
+                    style: d({
                       backgroundImage: `url(${z(N)})`,
                       mixBlendMode: "multiply"
                     })
                   }, null, 4)),
-                  t("div", te, d(((w = l.User) == null ? void 0 : w.displayName) || l.username || "N/A"), 1)
+                  l("div", le, _(((y = t.User) == null ? void 0 : y.displayName) || t.username || "N/A"), 1)
                 ]),
-                t("div", le, [
-                  t("div", null, d(((h = l.totalBalls) == null ? void 0 : h.toLocaleString("en-us")) ?? "0"), 1),
-                  t("div", null, d(r.value === "airdrop" ? "🪂" : "🪩"), 1)
+                l("div", te, [
+                  l("div", null, _((($ = t.totalBalls) == null ? void 0 : $.toLocaleString("en-us")) ?? "0"), 1),
+                  l("div", null, _(r.value === "airdrop" ? "🪂" : "🪩"), 1)
                 ])
               ], 8, X);
             }), 128)),
-            !v.value.length && !p.value ? (s(), a("div", ae, " No data available for this period. ")) : y("", !0)
+            !p.value.length && !v.value ? (s(), a("div", ae, " No data available for this period. ")) : w("", !0)
           ])
         ]))
       ]);
     };
   }
-}, ce = /* @__PURE__ */ F(se, [["__scopeId", "data-v-4235ecd9"]]);
+}, ce = /* @__PURE__ */ F(se, [["__scopeId", "data-v-4d4366c5"]]);
 export {
   ce as default
 };