From a62d0aceb44804f186349efa00ccc189f955077b Mon Sep 17 00:00:00 2001
From: N0VA-code <ddoroki36@naver.com>
Date: Tue, 14 Nov 2023 15:20:50 -0600
Subject: [PATCH 1/4] auto generating BoardID

---
 .../src/routes/login/username/+page.svelte    | 80 +++++++++----------
 1 file changed, 37 insertions(+), 43 deletions(-)

diff --git a/scorebored/src/routes/login/username/+page.svelte b/scorebored/src/routes/login/username/+page.svelte
index 0c6f605..5a3bd8e 100644
--- a/scorebored/src/routes/login/username/+page.svelte
+++ b/scorebored/src/routes/login/username/+page.svelte
@@ -15,16 +15,8 @@
   let timeTarget = 0;
   let lastEdited = new Date();
   let Username = ''; // 사용자 컬렉션에 추가할 필드
-  let loading = false;
-  let isAvailable = false;
-  let debounceTimer;
   let currentUser = null;
 
-  const re = /^(?=[a-zA-Z0-9._]{3,16}$)(?!.*[_.]{2})[^_.].*[^_.]$/;
-  $: isValid = BoardID?.length > 2 && BoardID.length < 16 && re.test(BoardID);
-  $: isTouched = BoardID.length > 0;
-  $: isTaken = isValid && !isAvailable && !loading;
-
   onMount(() => {
     const auth = getAuth();
     onAuthStateChanged(auth, (user) => {
@@ -36,16 +28,20 @@
     });
   });
 
-  async function checkAvailability() {
-    isAvailable = false;
-    clearTimeout(debounceTimer);
-    loading = true;
-    debounceTimer = setTimeout(async () => {
-      const ref = doc(db, "user", BoardID);
-      const docSnap = await getDoc(ref);
-      isAvailable = !docSnap.exists();
-      loading = false;
-    }, 500);
+  function generateRandomId(length) {
+    let result = '';
+    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    const charactersLength = characters.length;
+    for (let i = 0; i < length; i++) {
+      result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+    return result;
+  }
+
+  async function isIdUnique(id) {
+    const ref = doc(db, "scoreboard", id);
+    const docSnap = await getDoc(ref);
+    return !docSnap.exists();
   }
 
   async function confirmBoardID() {
@@ -53,6 +49,13 @@
       console.error("User not found");
       return;
     }
+
+    let uniqueIdFound = false;
+    while (!uniqueIdFound) {
+      BoardID = generateRandomId(10);
+      uniqueIdFound = await isIdUnique(BoardID);
+    }
+
     const uid = currentUser.uid;
 
     const batch = writeBatch(db);
@@ -71,36 +74,28 @@
 
     try {
       await batch.commit();
+      // 폼 제출 후 필드 초기화
+      BoardID = '';
+      BoardName = '';
+      datapoints = [];
+      isQuantity = false;
+      X_axis = '';
+      Y_axis = '';
+      numTarget = 0;
+      timeTarget = 0;
+      lastEdited = new Date();
+      Username = '';
     } catch (error) {
       console.error("Error in batch commit:", error);
     }
-
-    BoardID = '';
-    BoardName = '';
-    datapoints = [];
-    isQuantity = false;
-    X_axis = '';
-    Y_axis = '';
-    numTarget = 0;
-    timeTarget = 0;
-    lastEdited = new Date();
-    Username = '';
-    isAvailable = false;
   }
 </script>
 
 <AuthCheck>
   <form class="w-2/5" on:submit|preventDefault={confirmBoardID}>
-    <input
-      type="text"
-      placeholder="BoardID"
-      class="input w-full"
-      bind:value={BoardID}
-      on:input={checkAvailability}
-      class:input-error={(!isValid && isTouched)}
-      class:input-warning={isTaken}
-      class:input-success={isAvailable && isValid && !loading}
-    />
+    <div class="text-lg font-bold my-2">
+      Board ID: {BoardID || 'Generating...'}
+    </div>
     <input
       type="text"
       placeholder="Username"
@@ -113,8 +108,7 @@
       class="input w-full my-2"
       bind:value={BoardName}
     />
-    <!-- datapoints 및 기타 필드를 위한 추가적인 입력 필드가 필요합니다. -->
-    <!-- 예시: <input type="text" placeholder="Data Points" ...> -->
+    <!-- 나머지 입력 필드도 동일하게 유지합니다. -->
     <input
       type="checkbox"
       class="checkbox"
@@ -144,7 +138,7 @@
       class="input w-full my-2"
       bind:value={timeTarget}
     />
-    <button class="btn btn-success" type="submit" disabled={!isValid || !isAvailable || loading}>
+    <button class="btn btn-success" type="submit">
       Confirm BoardID
     </button>
   </form>

From c0204f132da0693ece9118e507a12c917c440be4 Mon Sep 17 00:00:00 2001
From: N0VA-code <ddoroki36@naver.com>
Date: Tue, 14 Nov 2023 17:21:40 -0600
Subject: [PATCH 2/4] new BoardID generating functionality using firebase

---
 .../src/routes/login/username/+page.svelte    | 61 ++++++-------------
 1 file changed, 20 insertions(+), 41 deletions(-)

diff --git a/scorebored/src/routes/login/username/+page.svelte b/scorebored/src/routes/login/username/+page.svelte
index 5a3bd8e..ffdc5f0 100644
--- a/scorebored/src/routes/login/username/+page.svelte
+++ b/scorebored/src/routes/login/username/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import AuthCheck from "$lib/components/AuthCheck.svelte";
   import { db } from "$lib/firebase/firebase";
-  import { doc, getDoc, writeBatch } from "firebase/firestore";
+  import { doc, getDoc, writeBatch,addDoc,collection, setDoc } from "firebase/firestore";
   import { getAuth, onAuthStateChanged } from "firebase/auth";
   import { onMount } from 'svelte';
 
@@ -28,54 +28,33 @@
     });
   });
 
-  function generateRandomId(length) {
-    let result = '';
-    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-    const charactersLength = characters.length;
-    for (let i = 0; i < length; i++) {
-      result += characters.charAt(Math.floor(Math.random() * charactersLength));
-    }
-    return result;
-  }
-
-  async function isIdUnique(id) {
-    const ref = doc(db, "scoreboard", id);
-    const docSnap = await getDoc(ref);
-    return !docSnap.exists();
-  }
-
   async function confirmBoardID() {
     if (!currentUser) {
       console.error("User not found");
       return;
     }
 
-    let uniqueIdFound = false;
-    while (!uniqueIdFound) {
-      BoardID = generateRandomId(10);
-      uniqueIdFound = await isIdUnique(BoardID);
-    }
+    try {
+      const scoreboardRef = await addDoc(collection(db, "scoreboard"), {
+        uid: currentUser.uid,
+        BoardName,
+        datapoints,
+        isQuantity,
+        X_axis,
+        Y_axis,
+        numTarget,
+        timeTarget,
+        lastEdited: lastEdited.toISOString()
+      });
+      
+      BoardID = scoreboardRef.id; // 자동 생성된 ID를 BoardID로 사용
 
-    const uid = currentUser.uid;
+      await setDoc(doc(db, "user", currentUser.uid), {
+        uid: currentUser.uid,
+        Username: Username
+      });
 
-    const batch = writeBatch(db);
-    batch.set(doc(db, "user", uid), { uid: uid, Username: Username });
-    batch.set(doc(db, "scoreboard", BoardID), {
-      uid,
-      BoardName,
-      datapoints,
-      isQuantity,
-      X_axis,
-      Y_axis,
-      numTarget,
-      timeTarget,
-      lastEdited: lastEdited.toISOString()
-    });
-
-    try {
-      await batch.commit();
       // 폼 제출 후 필드 초기화
-      BoardID = '';
       BoardName = '';
       datapoints = [];
       isQuantity = false;
@@ -86,7 +65,7 @@
       lastEdited = new Date();
       Username = '';
     } catch (error) {
-      console.error("Error in batch commit:", error);
+      console.error("Error in creating scoreboard:", error);
     }
   }
 </script>

From 306438abecd121df6548a983cce99abdb82aac38 Mon Sep 17 00:00:00 2001
From: N0VA-code <ddoroki36@naver.com>
Date: Sun, 26 Nov 2023 02:59:52 -0600
Subject: [PATCH 3/4] implemented nesting features

---
 scorebored/src/lib/firebase/firebase.ts       |   2 +-
 .../src/routes/login/username/+page.svelte    | 237 ++++++++++++------
 2 files changed, 159 insertions(+), 80 deletions(-)

diff --git a/scorebored/src/lib/firebase/firebase.ts b/scorebored/src/lib/firebase/firebase.ts
index c04656a..c9599a7 100644
--- a/scorebored/src/lib/firebase/firebase.ts
+++ b/scorebored/src/lib/firebase/firebase.ts
@@ -6,7 +6,7 @@ import { writable, derived } from "svelte/store";
 
 // Your web app's Firebase configuration (Replace with your actual config)
 const firebaseConfig = {
-  apiKey: import.meta.env.VITE_APIKEY,
+  apiKey: "AIzaSyDGP9glve5aN5Ba0gUM43NnmzxFo5CTEJ4",
   authDomain: "scorebored2-e7ffd.firebaseapp.com",
   databaseURL: "https://scorebored2-e7ffd-default-rtdb.firebaseio.com",
   projectId: "scorebored2-e7ffd",
diff --git a/scorebored/src/routes/login/username/+page.svelte b/scorebored/src/routes/login/username/+page.svelte
index ffdc5f0..d630c1e 100644
--- a/scorebored/src/routes/login/username/+page.svelte
+++ b/scorebored/src/routes/login/username/+page.svelte
@@ -1,21 +1,22 @@
 <script lang="ts">
   import AuthCheck from "$lib/components/AuthCheck.svelte";
   import { db } from "$lib/firebase/firebase";
-  import { doc, getDoc, writeBatch,addDoc,collection, setDoc } from "firebase/firestore";
+  import { doc, getDoc, setDoc, onSnapshot, collection } from "firebase/firestore";
   import { getAuth, onAuthStateChanged } from "firebase/auth";
   import { onMount } from 'svelte';
 
   let BoardID = "";
   let BoardName = '';
-  let datapoints = []; // 예시: [1.0, 2.0, 3.0]
+  let datapoints = [];
   let isQuantity = false;
   let X_axis = '';
   let Y_axis = '';
   let numTarget = 0;
   let timeTarget = 0;
   let lastEdited = new Date();
-  let Username = ''; // 사용자 컬렉션에 추가할 필드
+  let Username = '';
   let currentUser = null;
+  let referenceArray = [];
 
   onMount(() => {
     const auth = getAuth();
@@ -28,97 +29,175 @@
     });
   });
 
+  async function loadBoardData() {
+    if (!BoardID) {
+      console.error("No BoardID provided");
+      return;
+    }
+
+    try {
+      const boardRef = doc(db, "scoreboard", BoardID);
+      const boardSnap = await getDoc(boardRef);
+
+      if (boardSnap.exists()) {
+        const boardData = boardSnap.data();
+        BoardName = boardData.BoardName;
+        datapoints = boardData.datapoints;
+        isQuantity = boardData.isQuantity;
+        X_axis = boardData.X_axis;
+        Y_axis = boardData.Y_axis;
+        numTarget = boardData.numTarget;
+        timeTarget = boardData.timeTarget;
+        referenceArray = boardData.referenceArray || [];
+        await initializeDatapoints();
+        monitorChildBoards();
+      } else {
+        console.error("No such document!");
+      }
+    } catch (error) {
+      console.error("Error loading board data:", error);
+    }
+  }
+
+  async function initializeDatapoints() {
+    if (!isQuantity) {
+      await Promise.all(referenceArray.map(async (childBoardID, index) => {
+        if (childBoardID) {
+          const childBoardRef = doc(db, "scoreboard", childBoardID);
+          const childBoardSnap = await getDoc(childBoardRef);
+          if (childBoardSnap.exists()) {
+            const childBoardData = childBoardSnap.data();
+            datapoints[index] = childBoardData.isCompleted;
+          }
+        }
+      }));
+      // 강제 업데이트를 위해 Svelte의 상태를 업데이트
+      datapoints = [...datapoints];
+    }
+  }
+
+  function addDatapoint() {
+    datapoints.push(isQuantity ? 0 : false);
+    if (!isQuantity) {
+      referenceArray.push('');
+    }
+  }
+
+  function removeDatapoint(index) {
+    datapoints.splice(index, 1);
+    if (!isQuantity) {
+      referenceArray.splice(index, 1);
+    }
+  }
+
+  function updateDatapoint(value, index) {
+    datapoints[index] = isQuantity ? parseFloat(value) : value === 'true';
+  }
+
+  function monitorChildBoards() {
+    if (!isQuantity) {
+      referenceArray.forEach((childBoardID, index) => {
+        if (childBoardID) {
+          const childBoardRef = doc(db, "scoreboard", childBoardID);
+          onSnapshot(childBoardRef, (doc) => {
+            const childBoardData = doc.data();
+            if (childBoardData && childBoardData.isCompleted !== undefined) {
+              datapoints[index] = childBoardData.isCompleted;
+              // 강제 업데이트를 위해 Svelte의 상태를 업데이트
+              datapoints = [...datapoints];
+            }
+          });
+        }
+      });
+    }
+  }
+
   async function confirmBoardID() {
     if (!currentUser) {
       console.error("User not found");
       return;
     }
 
-    try {
-      const scoreboardRef = await addDoc(collection(db, "scoreboard"), {
-        uid: currentUser.uid,
-        BoardName,
-        datapoints,
-        isQuantity,
-        X_axis,
-        Y_axis,
-        numTarget,
-        timeTarget,
-        lastEdited: lastEdited.toISOString()
-      });
-      
-      BoardID = scoreboardRef.id; // 자동 생성된 ID를 BoardID로 사용
+    let isCompleted = isQuantity ? datapoints.reduce((sum, value) => sum + value, 0) >= numTarget : datapoints.every(value => value === true);
 
-      await setDoc(doc(db, "user", currentUser.uid), {
-        uid: currentUser.uid,
-        Username: Username
-      });
+    const scoreboardRef = BoardID ? doc(db, "scoreboard", BoardID) : doc(collection(db, "scoreboard"));
 
-      // 폼 제출 후 필드 초기화
-      BoardName = '';
-      datapoints = [];
-      isQuantity = false;
-      X_axis = '';
-      Y_axis = '';
-      numTarget = 0;
-      timeTarget = 0;
-      lastEdited = new Date();
-      Username = '';
-    } catch (error) {
-      console.error("Error in creating scoreboard:", error);
+    await setDoc(scoreboardRef, {
+      uid: currentUser.uid,
+      BoardName,
+      datapoints,
+      isQuantity,
+      X_axis,
+      Y_axis,
+      numTarget,
+      timeTarget,
+      isCompleted,
+      lastEdited: lastEdited.toISOString(),
+      referenceArray
+    });
+
+    if (!BoardID) {
+      BoardID = scoreboardRef.id;
     }
+
+    await setDoc(doc(db, "user", currentUser.uid), {
+      uid: currentUser.uid,
+      Username: Username
+    });
+
+    BoardName = '';
+    datapoints = [];
+    isQuantity = false;
+    X_axis = '';
+    Y_axis = '';
+    numTarget = 0;
+    timeTarget = 0;
+    lastEdited = new Date();
+    Username = '';
   }
 </script>
 
 <AuthCheck>
   <form class="w-2/5" on:submit|preventDefault={confirmBoardID}>
     <div class="text-lg font-bold my-2">
-      Board ID: {BoardID || 'Generating...'}
+      Board ID: 
+      <input type="text" class="input w-full my-2" bind:value={BoardID} />
+      <button class="btn btn-primary" type="button" on:click={loadBoardData}>Load Board Data</button>
     </div>
-    <input
-      type="text"
-      placeholder="Username"
-      class="input w-full my-2"
-      bind:value={Username}
-    />
-    <input
-      type="text"
-      placeholder="Board Name"
-      class="input w-full my-2"
-      bind:value={BoardName}
-    />
-    <!-- 나머지 입력 필드도 동일하게 유지합니다. -->
-    <input
-      type="checkbox"
-      class="checkbox"
-      bind:checked={isQuantity}
-    /> Is Quantity?
-    <input
-      type="text"
-      placeholder="X Axis"
-      class="input w-full my-2"
-      bind:value={X_axis}
-    />
-    <input
-      type="text"
-      placeholder="Y Axis"
-      class="input w-full my-2"
-      bind:value={Y_axis}
-    />
-    <input
-      type="number"
-      placeholder="Number Target"
-      class="input w-full my-2"
-      bind:value={numTarget}
-    />
-    <input
-      type="number"
-      placeholder="Time Target"
-      class="input w-full my-2"
-      bind:value={timeTarget}
-    />
-    <button class="btn btn-success" type="submit">
-      Confirm BoardID
-    </button>
+    <input type="text" placeholder="Board Name" class="input w-full my-2" bind:value={BoardName} />
+    <input type="checkbox" class="checkbox" bind:checked={isQuantity} /> Is Quantity?
+    <input type="text" placeholder="X Axis" class="input w-full my-2" bind:value={X_axis} />
+    <input type="text" placeholder="Y Axis" class="input w-full my-2" bind:value={Y_axis} />
+    <input type="number" placeholder="Number Target" class="input w-full my-2" bind:value={numTarget} />
+    <input type="number" placeholder="Time Target" class="input w-full my-2" bind:value={timeTarget} />
+    
+    <div>
+      <button type="button" on:click={addDatapoint}>Add Datapoint</button>
+      {#each datapoints as datapoint, index}
+        <div class="flex items-center my-2">
+          {#if isQuantity}
+            <input
+              type="number"
+              class="input"
+              bind:value={datapoints[index]}
+            />
+          {:else}
+            <input
+              type="text"
+              class="input"
+              placeholder="Child Board ID"
+              bind:value={referenceArray[index]}
+            />
+            <select bind:value={datapoints[index]} on:change={(event) => updateDatapoint(event.target.value, index)}>
+              <option value="true" selected={datapoint === true}>True</option>
+              <option value="false" selected={datapoint === false}>False</option>
+            </select>
+          {/if}
+          <button type="button" on:click={() => removeDatapoint(index)}>Remove</button>
+        </div>
+      {/each}
+    </div>
+
+    <button class="btn btn-success" type="submit">Confirm BoardID</button>
   </form>
 </AuthCheck>

From e2d492e59bffec402fd7bb957b1fb360b772e636 Mon Sep 17 00:00:00 2001
From: N0VA-code <ddoroki36@naver.com>
Date: Sun, 26 Nov 2023 03:07:30 -0600
Subject: [PATCH 4/4] nested features

---
 scorebored/src/lib/firebase/firebase.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scorebored/src/lib/firebase/firebase.ts b/scorebored/src/lib/firebase/firebase.ts
index c9599a7..0f56d61 100644
--- a/scorebored/src/lib/firebase/firebase.ts
+++ b/scorebored/src/lib/firebase/firebase.ts
@@ -6,7 +6,7 @@ import { writable, derived } from "svelte/store";
 
 // Your web app's Firebase configuration (Replace with your actual config)
 const firebaseConfig = {
-  apiKey: "AIzaSyDGP9glve5aN5Ba0gUM43NnmzxFo5CTEJ4",
+  apiKey: import.meta.env.VITE_API_KEY,
   authDomain: "scorebored2-e7ffd.firebaseapp.com",
   databaseURL: "https://scorebored2-e7ffd-default-rtdb.firebaseio.com",
   projectId: "scorebored2-e7ffd",