Merge pull request #40 from JoelBerglund05/Supabase-API

Supabase api
JoelBerglund05 · Nov 8, 2024 · 0986eba · 0986eba
2 parents 10bdade + 6f7f963
commit 0986eba
Show file tree

Hide file tree

Showing 15 changed files with 234 additions and 29 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/README.md b/README.md
@@ -1 +1 @@
-# pwa-quizz-game
+# pwa-quizz-game
diff --git a/index.html b/index.html
@@ -7,6 +7,10 @@
     <title>Document</title>
   </head>
   <body>
-    <script src="js/main.js"></script>
+    <p>hej</p>
+    <button type="submit" id="btnDBRequest">press here</button>
+    <p id="dBData"></p>
+
+    <script type="module" src="./js/main.js"></script>
   </body>
 </html>
diff --git a/js/AnswerButton.js b/js/AnswerButton.js
@@ -1,3 +1 @@
-class AnswerBuron{
-
-}
+class AnswerBuron {}
diff --git a/js/Authentication.js b/js/Authentication.js
@@ -1,3 +1 @@
-class Authentication{
-
-}
+class Authentication {}
diff --git a/js/DataBase.js b/js/DataBase.js
@@ -0,0 +1,27 @@
+import { createClient } from 'https://esm.sh/@supabase/supabase-js@2'
+
+class DataBase {
+  constructor() {
+    this.supabase = createClient(
+      "https://unswumzybkmeifdigbfn.supabase.co",
+      "KEY",
+    );
+
+  }
+  async GetARowFrow(table, idToRow) {
+    try {
+        const { data, error } = await this.supabase
+        .from(table)
+        .select()
+        .eq('id', idToRow);
+        console.log(table, data);
+        return data;
+    }
+    catch (e) {
+        console.log("An Error has occured: " + event);
+    }
+
+  }
+}
+
+export default DataBase;
diff --git a/js/NavigationBar.js b/js/NavigationBar.js
@@ -1 +1 @@
-class NavigationBar{}
+class NavigationBar {}
diff --git a/js/ProfileSettings.js b/js/ProfileSettings.js
@@ -1,3 +1 @@
-class ProfileSettings{
-
-}
+class ProfileSettings {}
diff --git a/js/Question.js b/js/Question.js
@@ -1,3 +1 @@
-class Question{
-
-}
+class Question {}
diff --git a/js/ServiceWorker.js b/js/ServiceWorker.js
@@ -1,4 +1 @@
-class ServiceWorker{
-
-}
-
+class ServiceWorker {}
diff --git a/js/Settings.js b/js/Settings.js
@@ -1 +1 @@
-class Settings{}
+class Settings {}
diff --git a/js/main.js b/js/main.js
@@ -1,12 +1,35 @@
-class Main{
-    RegisterServiceWorker() {
-        if('serviceWorker' in navigator) {
-            navigator.serviceWorker.register('./js/ServiceWorker.js').then((reg) => {
-               console.log('Registration succeeded. Scope is ' + reg.scope);
-            });
-        }
+import DataBase from "./DataBase.js";
+
+class Main {
+  constructor() {
+    this.dataBase = new DataBase();
+    this.btnDBRequest = document.getElementById("btnDBRequest");
+    this.displayData = document.getElementById("dBData");
+  }
+  RegisterServiceWorker() {
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.register("./js/ServiceWorker.js").then((reg) => {
+        console.log("Registration succeeded. Scope is " + reg.scope);
+      });
     }
+  }
+  Main() {
+    this.RegisterServiceWorker();
+
+    this.btnDBRequest.addEventListener("click", async () => {
+      const DBData = await this.dataBase.GetARowFrow('quizz', 1);
+
+      DBData.map(data => {
+        this.displayData.innerHTML = data.questions;
+      });
+    });
+
+  }
 }
 
+
+
+
+
 const main = new Main();
-main.RegisterServiceWorker();
+main.Main();
diff --git a/manifest.json b/manifest.json
@@ -1 +1,25 @@
-{"theme_color":"#26a269","background_color":"#8ff0a4","icons":[{"purpose":"maskable","sizes":"512x512","src":"icon512_maskable.png","type":"image/png"},{"purpose":"any","sizes":"512x512","src":"icon512_rounded.png","type":"image/png"}],"orientation":"any","display":"standalone","dir":"auto","lang":"en-US","name":"Quizz Game","short_name":"QG","start_url":"https://joelberglund05.github.io/pwa-quizz-game/"}
+{
+  "theme_color": "#26a269",
+  "background_color": "#8ff0a4",
+  "icons": [
+    {
+      "purpose": "maskable",
+      "sizes": "512x512",
+      "src": "icon512_maskable.png",
+      "type": "image/png"
+    },
+    {
+      "purpose": "any",
+      "sizes": "512x512",
+      "src": "icon512_rounded.png",
+      "type": "image/png"
+    }
+  ],
+  "orientation": "any",
+  "display": "standalone",
+  "dir": "auto",
+  "lang": "en-US",
+  "name": "Quizz Game",
+  "short_name": "QG",
+  "start_url": "https://joelberglund05.github.io/pwa-quizz-game/"
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
     "prettier": "prettier . --write"
   },
   "dependencies": {
+    "@supabase/supabase-js": "^2.45.6",
     "prettier": "^3.3.3",
     "sass": "^1.80.3"
   }