From 053f2c1e66a0c9c1a1b280f67dd72f8c1af2480d Mon Sep 17 00:00:00 2001
From: rift <117926989+Riftriot@users.noreply.github.com>
Date: Wed, 14 Aug 2024 23:33:16 -0500
Subject: [PATCH] Uninstall button

---
 database_back.sqlite                      | Bin 0 -> 16384 bytes
 server.js                                 |  48 ++++++-------
 src/components/catalog/CatalogCard.svelte |  79 ++++++++++++----------
 src/pages/assets/[...package_name].astro  |  78 ++++++++++++++-------
 4 files changed, 123 insertions(+), 82 deletions(-)
 create mode 100644 database_back.sqlite

diff --git a/database_back.sqlite b/database_back.sqlite
new file mode 100644
index 0000000000000000000000000000000000000000..94ffafb447b63e1e61f8036678ced63315135ebf
GIT binary patch
literal 16384
zcmeI(O>g5w7y#gLon4lXt`P?US|Pn;Rk2aJ#`$Wu=>gK#-8Cf6ZsQ=T)hd}JQ^#y#
zr}iX}BbE3Q9QhGk_z`g8z&}9Z#0hcYb=vJZX^U1I7J=STEqn6L=i^bNnW)W2HBSmS
z3c?YWP-Jg1MPVNUFvhOomBQ;;Qt)9p|15UZ{TkE5?^d-xn7aBqySb<RfHz7cKmsH{
z0wh2JBtQZrKmsH{0xw12p?W=?%PEJFcZVW69^&?|9f{+K@O#VI)b4><bxd%oJ2exQ
z%HHw$NUUSc?1@xfNoTXlH@D|)_PFH3z-{v=5;9uMtt_<ISqygIPRHwaz_K0lzIgx-
z53G9i;1E7F524y}8kUW<>!$6jLubr;Pq{1F@gO?jn4de)vaLrg6Jyeo!?O=D*B4PQ
z^v2Q){L_N?8K1~O5T0kf5jJ(6liZCu@JX{_W67xqqh!r4_Uneh#P7EkYb63xuP=i0
z=Ei(B3^-0J9%MYa+4y;1y-;u|`c>J1J(PB=x(Rl}0lQVJVcE&Je`Pqky>dO>$STb9
z`{Jv!mxB`v=K1y_Z9Bi1S8=J`h?m<cUa8lAW;g#_{pF1x@qrQvkN^pg011!)36KB@
zkidUT;Ol8hW7}(PZtcVL8v7`1S-oJS`=UD;avgu`lRobH^e@Kle&V_2Jry7a0_GbV
z@O)?uWyq&qFcfkf{NPIne6Z(@ynlLwrU<7V?i-VBKF(P2ek!w`*`N6SEb}C<8@iD!
zkr+&G))nC>@cB&dMG^Ks5(T4Bx@+9Kn=gS;t{A0Cena2fEI`gMDu(g*(UTjh#x`&B
zT+T|f^3ueg_q7}M3iY_#DvWs;^k)zp%_o1vN5Le5Orl5z2Ds~6p7Ol4_UX`3@^R(?
z7V>--=Uw%Y5Vv(p1c@4LDI%$l#-$ghC|1gaN;$9JD;bwiT#TN)x1zCf>$tU6zs1<v
z*&68cF7M9H*FYihT7(NbEeD(jCN$06hP?-$nFmd)VRIO9KVA<U;v<6yCmBIB@IncZ
z^yZU>ffs?qZLupLn8-c8gS|k_beeF#ad}GgjClKJ3lYhh15ZkP9}@|q8Q>{G=E;V>
zrI!juyg2u&bsKh@%?nGVP$_LyiUobEkiW#|V)R5+G*<ioeXOf}5`z@(zu@o>6pH0a
zp`@3LjY}1lqp#sNTT1(uX}@YeY2V`mB@!S35+DH*AOR8}0TLhq5+DH*Ac2=Ca7*1*
z5~o9nlL$BUuDY3w%@3C5CsFD<YIz=6KId6^TP?mCH@6gsfB#ps-x&T;A^{R00TLhq
e5+DH*AOR8}0TLhq68IkoyrrmFW%2(2Qhx!|CNk*&

literal 0
HcmV?d00001

diff --git a/server.js b/server.js
index 57120fe..35d6bcf 100644
--- a/server.js
+++ b/server.js
@@ -150,31 +150,31 @@ app.use("/scripts/", express.static("./database_assets/scripts"));
 app.use(ssrHandler);
 app.use(express.static(publicPath));
 
-// await catalog_assets.create({
-//   package_name: "com.nebula.cybermonay",
-//   title: "Cyber Monay",
-//   image: "cyber_monay.jpg",
-//   author: "Nebula Services",
-//   version: "1.0.0",
-//   description: 'A parody of the famous "Cyber Monay" hack!',
-//   tags: ["Hacking", "Animated", "Funny"],
-//   payload: "com.nebula.cybermonay.css",
-//   background_video: "cyber_monay_test.mp4",
-//   type: "theme",
-// });
+await catalog_assets.create({
+  package_name: "com.nebula.cybermonay",
+  title: "Cyber Monay",
+  image: "cyber_monay.jpg",
+  author: "Nebula Services",
+  version: "1.0.0",
+  description: 'A parody of the famous "Cyber Monay" hack!',
+  tags: ["Hacking", "Animated", "Funny"],
+  payload: "com.nebula.cybermonay.css",
+  background_video: "cyber_monay_test.mp4",
+  type: "theme",
+});
 
-// await catalog_assets.create({
-//   package_name: "com.nebula.fortnite.jpg",
-//   title: "Fortnite.jpg",
-//   image: "fortnite.jpg",
-//   author: "Nebula Services",
-//   version: "1.0.0",
-//   description: "Like the image in Ultraviolet, now on Nebula!",
-//   tags: ["Image", "Funny"],
-//   payload: "com.nebula.cybermonay.css",
-//   background_image: "fortnite.jpg",
-//   type: "theme",
-// });
+await catalog_assets.create({
+  package_name: "com.nebula.fortnite.jpg",
+  title: "Fortnite.jpg",
+  image: "fortnite.jpg",
+  author: "Nebula Services",
+  version: "1.0.0",
+  description: "Like the image in Ultraviolet, now on Nebula!",
+  tags: ["Image", "Funny"],
+  payload: "com.nebula.cybermonay.css",
+  background_image: "fortnite.jpg",
+  type: "theme",
+});
 
 catalog_assets.sync();
 const server = createServer();
diff --git a/src/components/catalog/CatalogCard.svelte b/src/components/catalog/CatalogCard.svelte
index e4645fa..8892d2d 100644
--- a/src/components/catalog/CatalogCard.svelte
+++ b/src/components/catalog/CatalogCard.svelte
@@ -1,5 +1,6 @@
 <script>
   let assetPromise = get_assets();
+
   async function get_assets() {
     const response = await fetch("/api/catalog-assets");
     const data = await response.json();
@@ -11,42 +12,52 @@
   {#await assetPromise}
     Loading assets...
   {:then assets}
-    <div class="flex flex-row gap-6 flex-wrap">
-      {#each Object.entries(assets) as [key, asset]}
-        <a href={"/assets/" + key}>
-          <div
-            class="bg-navbar-color w-64 rounded-3xl shadow-lg overflow-hidden transition-transform duration-300 hover:scale-105"
-          >
-            <img
-              src={"/images/" + asset.image}
-              alt={asset.title}
-              class="w-full h-40 object-cover"
-            />
-            <div class="p-6 text-sm">
-              <div class="font-semibold text-2xl mb-2">
-                {asset.title}
+    {#if Object.keys(assets).length > 1}
+      <div class="flex flex-row gap-6 flex-wrap">
+        {#each Object.entries(assets) as [key, asset]}
+          <a href={"/assets/" + key}>
+            <div
+              class="bg-navbar-color w-64 rounded-3xl shadow-lg overflow-hidden transition-transform duration-300 hover:scale-105"
+            >
+              <img
+                src={"/images/" + asset.image}
+                alt={asset.title}
+                class="w-full h-40 object-cover"
+              />
+              <div class="p-6 text-sm">
+                <div class="font-semibold text-2xl mb-2">
+                  {asset.title}
+                </div>
+                <div class="mb-4">{asset.description}</div>
+                <div class="flex flex-wrap gap-2 mb-4">
+                  {#each asset.tags as tag}
+                    <div
+                      class="bg-navbar-text-color text-navbar-color font-bold px-3 py-1 rounded-md text-center"
+                    >
+                      {tag}
+                    </div>
+                  {/each}
+                </div>
+                <div>
+                  <strong>Version:</strong>
+                  {asset.version}
+                </div>
+                <div><strong>Type:</strong> {asset.type}</div>
               </div>
-              <div class="mb-4">{asset.description}</div>
-              <div class="flex flex-wrap gap-2 mb-4">
-                {#each asset.tags as tag}
-                  <div
-                    class="bg-navbar-text-color text-navbar-color font-bold px-3 py-1 rounded-md text-center"
-                  >
-                    {tag}
-                  </div>
-                {/each}
-              </div>
-              <div>
-                <strong>Version:</strong>
-                {asset.version}
-              </div>
-              <div><strong>Type:</strong> {asset.type}</div>
             </div>
-          </div>
-        </a>
-      {/each}
-    </div>
+          </a>
+        {/each}
+      </div>
+    {:else}
+      <div class="text-2xl text-center text-text-color mt-6 w-96">
+        No assets available at the moment. The server host's database is empty.
+        Please contact the maintainer of this site if you think this is an
+        error.
+      </div>
+    {/if}
   {:catch someError}
-    System error: {someError.message}.
+    <div class="text-lg text-center text-red-500 mt-6">
+      System error: {someError.message}.
+    </div>
   {/await}
 </div>
diff --git a/src/pages/assets/[...package_name].astro b/src/pages/assets/[...package_name].astro
index 8d25428..2dd9411 100644
--- a/src/pages/assets/[...package_name].astro
+++ b/src/pages/assets/[...package_name].astro
@@ -62,35 +62,65 @@ const assets_json = await response.json();
     }
   </div>
   <script is:inline define:vars={{ assets_json, package_name }}>
+    // determine if this is installed
+    let items = JSON.parse(localStorage.getItem("installed_themes")) || [];
+
+    const packageExists = items.indexOf(package_name) !== -1;
+
+    if (packageExists) {
+      document.getElementById("install").textContent = "Uninstall";
+    }
+
     document.getElementById("install").addEventListener("click", install);
     function install() {
-      let installedThemes = localStorage.getItem("installed_themes");
+      if (packageExists) {
+        const index = items.indexOf(package_name);
+        items.splice(index, 1);
+        localStorage.setItem("installed_themes", JSON.stringify(items));
 
-      if (installedThemes) {
-        // If it exists, append it
-        installedThemes = JSON.parse(installedThemes);
-        installedThemes.push(package_name);
-      } else {
-        // If it doesn't exist, create a new array
-        installedThemes = [package_name];
-      }
-
-      localStorage.setItem("installed_themes", JSON.stringify(installedThemes));
-
-      if (assets_json.background_video) {
-        localStorage.setItem("background_video", assets_json.background_video);
-      } else {
-        localStorage.removeItem("video");
-      }
-      if (assets_json.background_image) {
-        localStorage.setItem("background_image", assets_json.background_image);
-      } else {
+        localStorage.removeItem("background_video");
         localStorage.removeItem("background_image");
+        localStorage.removeItem("stylesheet");
+        location.reload();
+      } else {
+        console.log("Package does not exist in the items array.");
+        let installedThemes = localStorage.getItem("installed_themes");
+
+        if (installedThemes) {
+          // If it exists, append it
+          installedThemes = JSON.parse(installedThemes);
+          installedThemes.push(package_name);
+        } else {
+          // If it doesn't exist, create a new array
+          installedThemes = [package_name];
+        }
+
+        localStorage.setItem(
+          "installed_themes",
+          JSON.stringify(installedThemes)
+        );
+
+        if (assets_json.background_video) {
+          localStorage.setItem(
+            "background_video",
+            assets_json.background_video
+          );
+        } else {
+          localStorage.removeItem("video");
+        }
+        if (assets_json.background_image) {
+          localStorage.setItem(
+            "background_image",
+            assets_json.background_image
+          );
+        } else {
+          localStorage.removeItem("background_image");
+        }
+        if (assets_json.type == "theme") {
+          localStorage.setItem("stylesheet", "/styles/" + assets_json.payload);
+        }
+        location.reload();
       }
-      if (assets_json.type == "theme") {
-        localStorage.setItem("stylesheet", "/styles/" + assets_json.payload);
-      }
-      location.reload();
     }
   </script>
 </Layout>