From 01cd21e4891194bb8ed92f2780881900a9c691ab Mon Sep 17 00:00:00 2001
From: Fathony Luthfillah <x2nie@yahoo.com>
Date: Thu, 23 May 2024 16:00:48 +0700
Subject: [PATCH] bring back GraphQL (#1256)

---
 packages/webamp-modern/snowpack.config.js |  1 +
 packages/webamp-modern/src/index.ts       | 32 +++++++++++------------
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/packages/webamp-modern/snowpack.config.js b/packages/webamp-modern/snowpack.config.js
index 333816654f..e4130f4f33 100644
--- a/packages/webamp-modern/snowpack.config.js
+++ b/packages/webamp-modern/snowpack.config.js
@@ -23,6 +23,7 @@ module.exports = {
   },
   devOptions: {
     /* ... */
+    port: 3001
   },
   buildOptions: {
     /* ... */
diff --git a/packages/webamp-modern/src/index.ts b/packages/webamp-modern/src/index.ts
index 30e5cf503f..801bcaff36 100644
--- a/packages/webamp-modern/src/index.ts
+++ b/packages/webamp-modern/src/index.ts
@@ -75,22 +75,22 @@ async function initializeSkinListMenu() {
   `;
 
   let bankskin1 = [];
-  // try {
-  //   const response = await fetch("https://api.webampskins.org/graphql", {
-  //     method: "POST",
-  //     headers: {
-  //       "Content-Type": "application/json",
-  //       Accept: "application/json",
-  //     },
-  //     mode: "cors",
-  //     credentials: "include",
-  //     body: JSON.stringify({ query, variables: {} }),
-  //   });
-  //   const data = await response.json();
-  //   bankskin1 = data.data.modern_skins.nodes;
-  // } catch (e) {
-  //   console.warn('faile to load skins from api.webampskins.org')
-  // }
+  try {
+    const response = await fetch("https://api.webampskins.org/graphql", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json",
+      },
+      mode: "cors",
+      credentials: "include",
+      body: JSON.stringify({ query, variables: {} }),
+    });
+    const data = await response.json();
+    bankskin1 = data.data.modern_skins.nodes;
+  } catch (e) {
+    console.warn('faile to load skins from api.webampskins.org')
+  }
 
   const select = document.createElement("select");
   select.style.position = "absolute";