From 9850eb69b6d0c9b7742145dd8be481d064d3f82e Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Mon, 21 Mar 2022 20:16:02 -0500
Subject: Add personal vault

---
 src/lib/APITypes.d.ts                       |  3 +-
 src/lib/minecraft/inventory.ts              |  3 +-
 src/lib/sections/Inventories.svelte         | 53 ++++++++++++++++++-----------
 src/routes/player/[player]/[profile].svelte | 14 ++++++--
 4 files changed, 49 insertions(+), 24 deletions(-)

(limited to 'src')

diff --git a/src/lib/APITypes.d.ts b/src/lib/APITypes.d.ts
index 55f4ade..5b14842 100644
--- a/src/lib/APITypes.d.ts
+++ b/src/lib/APITypes.d.ts
@@ -88,7 +88,8 @@ export declare const INVENTORIES: {
 	fishing_bag: string
 	quiver: string
 	trick_or_treat_bag: string
-	wardrobe: string
+	wardrobe: string,
+	personal_vault: string
 }
 export declare type Inventories = {
 	[name in keyof typeof INVENTORIES]: Item[]
diff --git a/src/lib/minecraft/inventory.ts b/src/lib/minecraft/inventory.ts
index 5d648ae..9c78259 100644
--- a/src/lib/minecraft/inventory.ts
+++ b/src/lib/minecraft/inventory.ts
@@ -30,7 +30,8 @@ const INVENTORIES = {
     fishing_bag: 'fishing_bag',
     quiver: 'quiver',
     trick_or_treat_bag: 'candy_inventory_contents',
-    wardrobe: 'wardrobe_contents'
+    wardrobe: 'wardrobe_contents',
+    personal_vault: 'personal_vault_contents'
 }
 
 export type Inventories = { [name in keyof typeof INVENTORIES]: Item[] }
diff --git a/src/lib/sections/Inventories.svelte b/src/lib/sections/Inventories.svelte
index e570cc7..6d5ff71 100644
--- a/src/lib/sections/Inventories.svelte
+++ b/src/lib/sections/Inventories.svelte
@@ -58,28 +58,43 @@
 			},
 			headTexture: 'e50f712e877dfd910c97f3819a200a05d49ee6b83b592686e099b9ecd443f228',
 		},
+		personal_vault: {
+			vanillaId: 'iron_door',
+			display: {
+				lore: [
+					'§7Store your valuable items in a',
+					'§7safe place that only you can',
+					'§7access!',
+					'',
+					'§eClick to view!',
+				],
+				name: '§aPersonal Vault',
+			},
+		},
 	}
 </script>
 
-<div id="inventory-tabs">
-	{#each displayingInventories as inventoryName}
-		<button
-			class="inventory-tab"
-			class:inventory-tab-active={inventoryName === selectedInventoryName}
-			on:click={() => (selectedInventoryName = inventoryName)}
-		>
-			{#if inventoryName in inventoryIconMap}
-				<img
-					class="inventory-tab-icon"
-					loading="lazy"
-					src={skyblockItemToUrl(inventoryIconMap[inventoryName], pack)}
-					alt={cleanId(inventoryName)}
-				/>
-			{/if}
-			<span class="inventory-tab-name">{cleanId(inventoryName)}</span>
-		</button>
-	{/each}
-</div>
+{#if displayingInventories.length > 1}
+	<div id="inventory-tabs">
+		{#each displayingInventories as inventoryName}
+			<button
+				class="inventory-tab"
+				class:inventory-tab-active={inventoryName === selectedInventoryName}
+				on:click={() => (selectedInventoryName = inventoryName)}
+			>
+				{#if inventoryName in inventoryIconMap}
+					<img
+						class="inventory-tab-icon"
+						loading="lazy"
+						src={skyblockItemToUrl(inventoryIconMap[inventoryName], pack)}
+						alt={cleanId(inventoryName)}
+					/>
+				{/if}
+				<span class="inventory-tab-name">{cleanId(inventoryName)}</span>
+			</button>
+		{/each}
+	</div>
+{/if}
 {#each displayingInventories as inventoryName}
 	{#if inventoryName === selectedInventoryName}
 		<div id={inventoryName} class="inventory-content">
diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte
index 4343427..e6d5482 100644
--- a/src/routes/player/[player]/[profile].svelte
+++ b/src/routes/player/[player]/[profile].svelte
@@ -71,6 +71,8 @@
 
 	$: [data, setCategories()]
 	$: backgroundUrl = data.customization?.backgroundUrl ?? chooseDefaultBackground(data.member.uuid)
+	$: showingInventories =
+		data.member.inventories?.inventory || data.member.inventories?.personal_vault
 </script>
 
 {#if backgroundUrl}
@@ -122,14 +124,20 @@
 	<div>
 		<div id="categories">
 			{#if data.member.inventories?.armor}
-				<section id="armor" class:armor-float={data.member.inventories.inventory}>
+				<section id="armor" class:armor-float={showingInventories}>
 					<h2>Armor</h2>
 					<Armor {data} {pack} />
 				</section>
 			{/if}
-			{#if data.member.inventories?.inventory}
+			{#if showingInventories}
 				<section id="inventories">
-					<h2>Inventories</h2>
+					<h2>
+						{#if data.member.inventories?.inventory}
+							Inventories
+						{:else}
+							Personal Vault
+						{/if}
+					</h2>
 					<Inventories {data} {pack} />
 				</section>
 			{/if}
-- 
cgit