From 489906992a6805b4c081156b364310ac133cad28 Mon Sep 17 00:00:00 2001
From: Zickles <zicklesistaken@gmail.com>
Date: Sat, 20 Jul 2024 14:31:42 -0400
Subject: [PATCH] mb for not commiting this for like 4 years :)

---
 src/lib/constants/NotEnoughUpdates-REPO     |   2 +-
 src/lib/sections/stats/Bestiary.svelte      |  40 +++++
 src/lib/sections/stats/Collections.svelte   |  36 ++++
 src/lib/sections/stats/CrimsonIsle.svelte   |  44 +++++
 src/lib/sections/stats/Minions.svelte       |  40 +++++
 src/lib/sections/stats/Miscellaneous.svelte | 178 ++++++++++++++++++++
 src/lib/sections/stats/Rift.svelte          |  57 +++++++
 7 files changed, 396 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/sections/stats/Bestiary.svelte
 create mode 100644 src/lib/sections/stats/Collections.svelte
 create mode 100644 src/lib/sections/stats/CrimsonIsle.svelte
 create mode 100644 src/lib/sections/stats/Minions.svelte
 create mode 100644 src/lib/sections/stats/Miscellaneous.svelte
 create mode 100644 src/lib/sections/stats/Rift.svelte

diff --git a/src/lib/constants/NotEnoughUpdates-REPO b/src/lib/constants/NotEnoughUpdates-REPO
index 9ab22630..62564084 160000
--- a/src/lib/constants/NotEnoughUpdates-REPO
+++ b/src/lib/constants/NotEnoughUpdates-REPO
@@ -1 +1 @@
-Subproject commit 9ab226302fe724f91ad60eeafe915f47f5e60264
+Subproject commit 62564084c5a630ce19e4ed71e639a819500769a9
diff --git a/src/lib/sections/stats/Bestiary.svelte b/src/lib/sections/stats/Bestiary.svelte
new file mode 100644
index 00000000..f6bbc672
--- /dev/null
+++ b/src/lib/sections/stats/Bestiary.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+  import AdditionStat from "$lib/components/AdditionStat.svelte";
+  import Chip from "$lib/components/Chip.svelte";
+  import Items from "$lib/layouts/stats/Items.svelte";
+  import type { Stats as StatsType } from "$types/stats";
+  import { getContext } from "svelte";
+
+  const profile = getContext<StatsType>("profile");
+
+  const bestiary = profile.bestiary;
+</script>
+
+<Items title="Bestiary">
+  <div slot="text">
+    <AdditionStat text="Bestiary Level" data={`${bestiary.milestone / 10} / ${bestiary.maxMilestone / 10}`} />
+    <AdditionStat text="Families Unlocked" data={`${bestiary.familiesUnlocked} / ${bestiary.totalFamilies}`} />
+    <AdditionStat text="Families Completed" data={`${bestiary.familiesMaxed} / ${bestiary.totalFamilies}`} />
+  </div>
+
+  {#each Object.entries(bestiary.categories) as [_, category]}
+    {@const max = category.mobsMaxed === category.mobs.length ? "MAX!" : `(${category.mobsMaxed} / ${category.mobs.length} MAX)`}
+    <Items subtitle={category.name + " " + max}>
+      {#each category.mobs as mob}
+        <Chip name={mob.name} tier={mob.tier ?? 0} texture={mob.texture} extra={[["Kills", mob.kills]]}>
+          {#if mob.kills >= mob.maxKills}
+            <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+              <p>Progress: max!</p>
+            </div>
+          {:else}
+            <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+              <p>Progress to Tier {mob.tier}: {mob.kills} / {mob.nextTierKills}</p>
+              <p />
+              <p>Overall Progress: {mob.kills} / {mob.maxKills}</p>
+            </div>
+          {/if}
+        </Chip>
+      {/each}
+    </Items>
+  {/each}
+</Items>
diff --git a/src/lib/sections/stats/Collections.svelte b/src/lib/sections/stats/Collections.svelte
new file mode 100644
index 00000000..02361bf5
--- /dev/null
+++ b/src/lib/sections/stats/Collections.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+  import AdditionStat from "$lib/components/AdditionStat.svelte";
+  import Chip from "$lib/components/Chip.svelte";
+  import Items from "$lib/layouts/stats/Items.svelte";
+  import { formatNumber } from "$lib/tools";
+  import type { Stats as StatsType } from "$types/stats";
+  import { format } from "numerable";
+  import { getContext } from "svelte";
+
+  const profile = getContext<StatsType>("profile");
+
+  const collections = profile.collections;
+</script>
+
+<Items title="Collections">
+  <div slot="text">
+    <AdditionStat text="Maxed Collections" data={`${collections.maxedCollections} / ${collections.totalCollections}`} />
+  </div>
+
+  {#each Object.entries(collections.categories) as [_, category]}
+    {@const max = category.maxTiers === category.totalTiers ? "MAX!" : `(${category.totalTiers} / ${category.maxTiers} MAX)`}
+    <Items subtitle={category.name + " " + max}>
+      {#each category.items as collection}
+        <Chip name={collection.name} tier={collection.tier ?? 0} texture={collection.texture} extra={[["Amount", formatNumber(collection.amount)]]}>
+          <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+            {#each collection.amounts as amount}
+              <p>{amount.username}: {format(amount.amount)}</p>
+            {/each}
+            <p />
+            <p>Total Amount: {format(collection.totalAmount)}</p>
+          </div>
+        </Chip>
+      {/each}
+    </Items>
+  {/each}
+</Items>
diff --git a/src/lib/sections/stats/CrimsonIsle.svelte b/src/lib/sections/stats/CrimsonIsle.svelte
new file mode 100644
index 00000000..37aa6906
--- /dev/null
+++ b/src/lib/sections/stats/CrimsonIsle.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+  import AdditionStat from "$lib/components/AdditionStat.svelte";
+  import Chip from "$lib/components/Chip.svelte";
+  import Items from "$lib/layouts/stats/Items.svelte";
+  import type { Stats as StatsType } from "$types/stats";
+  import { getContext } from "svelte";
+
+  const profile = getContext<StatsType>("profile");
+
+  const isle = profile.crimson_isle;
+</script>
+
+<Items title="Crimson Isle">
+  <div slot="text">
+    <AdditionStat text="Selected Faction" data={`${isle.factions.selectedFaction}`} />
+    <AdditionStat text="Mage Reputation" data={`${isle.factions.magesReputation}`} />
+    <AdditionStat text="Barbarian Reputation" data={`${isle.factions.barbariansReputation}`} />
+  </div>
+
+  <Items subtitle="Kuudra Completions">
+    <div slot="text">
+      <AdditionStat text="Total Completions" data={`${isle.kuudra.totalKills}`} />
+    </div>
+    {#each isle.kuudra.tiers as type}
+      <Chip name={type.name} texture={type.head} extra={[["Kills", type.kills]]} noHover={true} />
+    {/each}
+  </Items>
+  <Items subtitle="Dojo Completions">
+    <div slot="text">
+      <AdditionStat text="Total Points" data={`${isle.dojo.totalPoints}`} />
+    </div>
+    {#each isle.dojo.challenges as challenge}
+      <Chip
+        name={challenge.name}
+        texture={challenge.texture}
+        extra={[
+          ["Points", challenge.points],
+          ["Rank", challenge.rank],
+          ["Time", challenge.time / 1000 + " Seconds"]
+        ]}
+        noHover={true} />
+    {/each}
+  </Items>
+</Items>
diff --git a/src/lib/sections/stats/Minions.svelte b/src/lib/sections/stats/Minions.svelte
new file mode 100644
index 00000000..802067b2
--- /dev/null
+++ b/src/lib/sections/stats/Minions.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+  import AdditionStat from "$lib/components/AdditionStat.svelte";
+  import Chip from "$lib/components/Chip.svelte";
+  import Items from "$lib/layouts/stats/Items.svelte";
+  import type { Stats as StatsType } from "$types/stats";
+  import { getContext } from "svelte";
+  //import {romanize } from "$lib/helper";
+
+  const profile = getContext<StatsType>("profile");
+
+  const minions = profile.minions;
+</script>
+
+<Items title="Minions">
+  <div slot="text">
+    <AdditionStat text="Unique Minions" data={`${minions.maxedTiers} / ${minions.totalTiers} (${Math.round((minions.maxedTiers / minions.totalTiers) * 100)}%)`} />
+    <AdditionStat text="Minion Slots" data={`${minions.minionsSlots.current} (${minions.minionsSlots.next} to next slot)`} />
+    <AdditionStat text="Bonus Minion Slots" data={`${minions.minionsSlots.bonusSlots} / 5`} />
+    <AdditionStat text="Maxed Minions" data={`${minions.maxedMinions} / ${minions.totalMinions}`} />
+  </div>
+
+  {#each Object.entries(minions.minions) as [name, category]}
+    {@const max = category.maxedMinions === category.totalMinions ? "MAX!" : `(${category.maxedMinions} / ${category.totalMinions} MAX)`}
+    <Items subtitle={name + " " + max}>
+      {#each category.minions as minion}
+        <Chip name={minion.name} tier={minion.tiers.at(-1) ?? 0} texture={minion.texture}>
+          <div class="flex items-center gap-2 text-lg font-bold text-text/60">
+            {#each Array.from({ length: minion.maxTier }, (_, index) => index + 1) as tier}
+              {#if minion.tiers.at(tier - 1) !== undefined}
+                <p class="text-icon/90">{tier}</p>
+              {:else}
+                <p>{tier}</p>
+              {/if}
+            {/each}
+          </div>
+        </Chip>
+      {/each}
+    </Items>
+  {/each}
+</Items>
diff --git a/src/lib/sections/stats/Miscellaneous.svelte b/src/lib/sections/stats/Miscellaneous.svelte
new file mode 100644
index 00000000..99f94e00
--- /dev/null
+++ b/src/lib/sections/stats/Miscellaneous.svelte
@@ -0,0 +1,178 @@
+<script lang="ts">
+  import AdditionStat from "$lib/components/AdditionStat.svelte";
+  import Chip from "$lib/components/Chip.svelte";
+  import Items from "$lib/layouts/stats/Items.svelte";
+  import { formatNumber } from "$lib/tools";
+  import type { Stats as StatsType } from "$types/stats";
+  import { Collapsible } from "bits-ui";
+  import { format } from "numerable";
+  import { getContext } from "svelte";
+
+  const profile = getContext<StatsType>("profile");
+
+  const misc = profile.misc;
+</script>
+
+<Items title="Miscellaneous">
+  <Items subtitle="Essence">
+    {#each misc.essence as essence}
+      <Chip name={essence.name} texture={essence.texture} extra={[["Amount", format(essence.amount)]]} noHover={true} />
+    {/each}
+    <!-- TODO essence shop -->
+    <!-- <Collapsible.Root>
+      <Collapsible.Trigger><p>Essence Shop</p></Collapsible.Trigger>
+      <Collapsible.Content>
+        TODO Essence Shop is not in api yet i dont think.
+      </Collapsible.Content>
+    </Collapsible.Root> -->
+  </Items>
+  <div>
+    <!-- TODO kills can't be done till my next pr where i make the component for it -->
+    <!-- TODO races same reason as above ^ -->
+    <Items subtitle="Gifts">
+      <div slot="text">
+        <AdditionStat text="Gifts Given" data={`${format(misc.gifts.given)}`} />
+        <AdditionStat text="Gifts Received" data={`${format(misc.gifts.received)}`} />
+      </div>
+    </Items>
+    <Items subtitle="Season of Jerry">
+      <div slot="text">
+        <AdditionStat text="Most Winter Snowballs Hit" data={`${misc.season_of_jerry.most_snowballs_hit}`} />
+        <AdditionStat text="Most Winter Damage Dealt" data={`${misc.season_of_jerry.most_damage_dealt}`} />
+        <AdditionStat text="Most Winter Magma Damage Dealt" data={`${misc.season_of_jerry.most_magma_damage_dealt}`} />
+        <AdditionStat text="Most Winter Cannonballs Hit" data={`${misc.season_of_jerry.most_cannonballs_hit}`} />
+      </div>
+    </Items>
+    <Items subtitle="Dragons">
+      <div slot="text">
+        <AdditionStat text="Most Damage" data={`${format(misc.dragons.most_damage.best.toFixed(2))}`} asterisk={true}>
+          <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+            {#each Object.entries(misc.dragons.most_damage) as [dragon, dmg]}
+              {#if dragon !== "best"}
+                <p class="capitalize">{dragon}: {format(dmg.toFixed(2))}</p>
+              {/if}
+            {/each}
+          </div>
+        </AdditionStat>
+        <!-- TODO format time -->
+        <AdditionStat text="Fastest Kill" data={`${misc.dragons.fastest_kill.best}`} asterisk={true}>
+          <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+            {#each Object.entries(misc.dragons.fastest_kill) as [dragon, time]}
+              {#if dragon !== "best"}
+                <p class="capitalize">{dragon}: {time}</p>
+              {/if}
+            {/each}
+          </div>
+        </AdditionStat>
+        <AdditionStat text="Last Hits" data={``} />
+        <AdditionStat text="Deaths" data={`${misc.dragons.deaths.total}`} asterisk={true}>
+          <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+            {#each Object.entries(misc.dragons.fastest_kill) as [dragon, death]}
+              {#if dragon !== "total"}
+                <p class="capitalize">{dragon}: {format(death)}</p>
+              {/if}
+            {/each}
+          </div>
+        </AdditionStat>
+      </div>
+    </Items>
+    <Items subtitle="Endstone Protector">
+      <div slot="text">
+        <AdditionStat text="Kills" data={format(misc.endstone_protector.kills)} />
+        <AdditionStat text="Deaths" data={format(misc.endstone_protector.deaths)} />
+      </div>
+    </Items>
+    <Items subtitle="Damage">
+      <div slot="text">
+        <AdditionStat text="Highest Critical Damage" data={format(misc.damage.highest_critical_damage.toFixed(2))} />
+      </div>
+    </Items>
+    <Items subtitle="Pet Milestones">
+      <!-- TODO add color -->
+      <div slot="text">
+        <AdditionStat text="Sea Creatures Killed" data={format(misc.pet_milestones.sea_creatures_killed.amount)} asterisk={true}>
+          <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+            <p class="capitalize">Pet: {misc.pet_milestones.sea_creatures_killed.rarity}</p>
+            <p class="capitalize">Progress: {misc.pet_milestones.sea_creatures_killed.progress === "100.00" ? "maxed!" : misc.pet_milestones.sea_creatures_killed.progress}</p>
+          </div>
+        </AdditionStat>
+        <AdditionStat text="Ores Mined" data={format(misc.pet_milestones.ores_mined.amount)} asterisk={true}>
+          <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+            <p class="capitalize">Pet: {misc.pet_milestones.ores_mined.rarity}</p>
+            <p class="capitalize">Progress: {misc.pet_milestones.ores_mined.progress === "100.00" ? "maxed!" : misc.pet_milestones.ores_mined.progress}</p>
+          </div>
+        </AdditionStat>
+      </div>
+    </Items>
+    <!-- TODO Mythological Event  -->
+    <Items subtitle="Potions">
+      <div slot="text">
+        {#if misc.effects.active.length > 0}
+          <!-- TODO fix this shit -->
+          <AdditionStat text="Active Potion Effects" data={`${misc.effects.active.length}`} asterisk={true}>
+            <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+              <p>Active Potion Effects:</p>
+              {#each misc.effects.active as effect}
+                <p class="capitalize">{effect.effect}</p>
+              {/each}
+            </div>
+          </AdditionStat>
+        {/if}
+        {#if misc.effects.disabled.length > 0}
+          <AdditionStat text="Disabled Potion Effects" data={`${misc.effects.disabled.length}`} asterisk={true}>
+            <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+              <p>Disabled Potion Effects:</p>
+              {#each misc.effects.disabled as effect}
+                <p class="capitalize">{effect}</p>
+              {/each}
+            </div>
+          </AdditionStat>
+        {/if}
+        {#if misc.effects.paused.length > 0}
+          <AdditionStat text="Disabled Potion Effects" data={`${misc.effects.paused.length}`} asterisk={true}>
+            <div class="flex flex-col gap-2 text-lg font-bold text-text/60">
+              <p>Paused Potion Effects:</p>
+              {#each misc.effects.paused as effect}
+                <p class="capitalize">{effect}</p>
+              {/each}
+            </div>
+          </AdditionStat>
+        {/if}
+      </div>
+    </Items>
+    <Items subtitle="Profile Upgrades">
+      <div slot="text">
+        <AdditionStat text="Island Size" data={`${misc.profile_upgrades.island_size}`} />
+        <AdditionStat text="Minion Slots" data={`${misc.profile_upgrades.minion_slots}`} />
+        <AdditionStat text="Guests Count" data={`${misc.profile_upgrades.guests_count}`} />
+        <AdditionStat text="Coop Slot" data={`${misc.profile_upgrades.coop_slots}`} />
+        <AdditionStat text="Coins Allowance" data={`${misc.profile_upgrades.coins_allowance}`} />
+      </div>
+    </Items>
+    <Items subtitle="Auctions Sold">
+      <div slot="text">
+        <AdditionStat text="Fees" data={format(misc.auctions.fees)} />
+        <AdditionStat text="Coins Earned" data={format(misc.auctions.gold_earned)} />
+        <AdditionStat text="Items Sold" data={format(misc.auctions.total_sold.total)} />
+      </div>
+    </Items>
+    <Items subtitle="Auctions Bought">
+      <div slot="text">
+        <AdditionStat text="Bids" data={format(misc.auctions.bids)} />
+        <AdditionStat text="Highest Bid" data={format(misc.auctions.highest_bid)} />
+        <AdditionStat text="Won" data={format(misc.auctions.won)} />
+        <AdditionStat text="Coins Spent" data={format(misc.auctions.gold_spent)} />
+        <AdditionStat text="Items Bought" data={format(misc.auctions.total_bought.total)} />
+      </div>
+    </Items>
+    <Items subtitle="Uncategorized">
+      <div slot="text">
+        <AdditionStat text="Soulflow" data={formatNumber(misc.uncategorized.soulflow.toString())} />
+        <AdditionStat text="Teleporter Pill Consumed" data={misc.uncategorized.teleporter_pill_consumed === true ? "Yes" : "No"} />
+        <AdditionStat text="Reaper Peppers Eaten" data={`${misc.uncategorized.reaper_peppers_eaten}`} />
+        <AdditionStat text="Bank Cooldown" data={`${misc.uncategorized.personal_bank}`} />
+      </div>
+    </Items>
+  </div>
+  <!-- TODO claimed items -->
+</Items>
diff --git a/src/lib/sections/stats/Rift.svelte b/src/lib/sections/stats/Rift.svelte
new file mode 100644
index 00000000..5e30e6e5
--- /dev/null
+++ b/src/lib/sections/stats/Rift.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+  import AdditionStat from "$lib/components/AdditionStat.svelte";
+  import Chip from "$lib/components/Chip.svelte";
+  import Items from "$lib/layouts/stats/Items.svelte";
+  import type { Stats as StatsType } from "$types/stats";
+  import { format } from "numerable";
+  import { getContext } from "svelte";
+
+  const profile = getContext<StatsType>("profile");
+
+  const rift = profile.rift;
+</script>
+
+<Items title="Rift">
+  <div slot="text">
+    <AdditionStat text="Motes" data={`${format(Math.floor(rift.motes.purse))}`} asterisk={true}>
+      <div class="font-bold">
+        <div>
+          <h3 class="text-text/85">Lifetime Motes: {format(Math.floor(rift.motes.lifetime))}</h3>
+          <p class="font-medium italic text-text/80">Total Motes earned in Rift.</p>
+        </div>
+        <div>
+          <h3 class="text-text/85">Mote Orbs: {format(rift.motes.orbs)}</h3>
+          <p class="font-medium italic text-text/80">Amount of Mote Orbs player has picked up inside of the Rift.</p>
+        </div>
+      </div>
+    </AdditionStat>
+    <AdditionStat text="Enigma Souls" data={`${rift.enigma.souls} / ${rift.enigma.totalSouls}`} asterisk={true}>
+      <div class="font-bold">
+        <h3 class="text-text/85">Progress: 100.00%</h3>
+        <p class="font-medium italic text-text/80">Precent of Enigma Souls found.</p>
+      </div>
+    </AdditionStat>
+    <AdditionStat text="McGrubber's Burgers" data={`${rift.castle.grubberStacks} / ${rift.castle.maxBurgers}`} />
+  </div>
+
+  <Items subtitle="Porhtal">
+    <div slot="text">
+      <AdditionStat text="Eyes Unlocked" data={`${rift.porhtal.porhtalsFound}`} />
+    </div>
+    {#each rift.porhtal.porhtals as porhtal}
+      <Chip name={porhtal.name} texture={porhtal.texture} noHover={true} />
+    {/each}
+  </Items>
+  <Items subtitle="Timecharms">
+    <div slot="text">
+      <AdditionStat text="Timecharms Obatained" data={`${rift.timecharms.timecharmsFound}`} />
+    </div>
+    {#each rift.timecharms.timecharms as timecharm}
+      {#if timecharm.unlocked === true}
+        <Chip name={timecharm.name} texture={timecharm.texture} extra={[["Obtained", timecharm.unlockedAt]]} noHover={true} />
+      {:else}
+        <Chip name={timecharm.name} texture={timecharm.texture} extra={[["Not Obtained!", undefined]]} noHover={true} />
+      {/if}
+    {/each}
+  </Items>
+</Items>