# This is a combination of 12 commits.

# This is the 1st commit message:

Initial commit
# This is the commit message #2:

added whole syswtem

becuz i forgot to keep up with the github

# This is the commit message #3:

hihi hiha

# This is the commit message #4:

added startServer.sh

# This is the commit message #5:

hihi hiha

# This is the commit message #6:

fixed some packages

# This is the commit message #7:

fixed every bug with the stupid oop

# This is the commit message #8:

Revert "fixed every bug with the stupid oop"

This reverts commit d2255863aa44e2504f9f2cec9e1ae5d1094cb9cd.

# This is the commit message #9:

added prevention of breaking the system by manually filling in the project id

# This is the commit message #10:

fixed bug when adding bot

# This is the commit message #11:

made user-id not just count up from 0

# This is the commit message #12:

fixed the issue where if you load project page it woulnt show the commands until you refresh the page

scripts/bots.js

@@ -0,0 +1,109 @@
+function createNewBot() {
+    Swal.fire({
+        title: 'Create Bot',
+        html:
+            '<label for="name">Name</label>' +
+            '<input id="name" class="swal2-input" placeholder="Project Name">' +
+            '<label for="id">Bot ID</label>' +
+            '<input id="id" class="swal2-input" placeholder="Bot ID">' +
+            '<label for="token">Token</label>' +
+            '<input id="token" class="swal2-input" placeholder="Bot Token">',
+        focusConfirm: false,
+        showCancelButton: true,
+        cancelButtonText: 'Cancel',
+        confirmButtonText: 'Create',
+        preConfirm: () => {
+            const name = Swal.getPopup().querySelector('#name').value;
+            const token = Swal.getPopup().querySelector('#token').value;
+            const clientID = Swal.getPopup().querySelector('#id').value;
+
+            // Check if both name and token are filled
+            if (!name || !token || !clientID) {
+                Swal.showValidationMessage('Please fill in both the Name and Token fields');
+                return false; // Prevent closing the modal
+            }
+
+            // Perform the POST request to /create-bot
+            return fetch('/create-bot', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    name: name,
+                    token: token,
+                    clientId: clientID,
+                }),
+            })
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                return response.json();
+            })
+            .then(data => {
+                console.log(data);
+                Swal.fire('Bot Created!', 'Your bot has been successfully created.', 'success');
+                refreshList();
+            })
+            .catch(error => {
+                console.error('There was a problem with the fetch operation:', error);
+                Swal.fire('Error', 'There was an error creating the bot.', 'error');
+            });
+        },
+    });
+}
+
+
+
+function refreshList() {
+    let xhr = new XMLHttpRequest();
+    xhr.open('GET', '/fetch-bots', true);
+    xhr.send();
+
+    xhr.onload = function () {
+        if (xhr.status == 200) {
+            let jsonResponse = JSON.parse(xhr.responseText);
+
+            const gridContainer = document.getElementById("grid");
+            gridContainer.innerHTML = '';
+
+
+            const specialButton = document.createElement('div');
+            specialButton.classList.add('grid-btn');
+            specialButton.id = 'special-button';
+
+            const button = document.createElement('button');
+            button.innerText = 'NEW BOT';
+            button.id = 'add-bot-button';
+            button.onclick = createNewBot;
+
+            specialButton.appendChild(button);
+            gridContainer.appendChild(specialButton);
+
+            jsonResponse.forEach(bot => {
+                const gridItem = document.createElement('div');
+                gridItem.classList.add('grid-btn');
+
+                const button = document.createElement('button');
+                button.innerText = bot.name;
+                button.dataset.projectID=bot.id;
+                button.addEventListener("click", (event)=>{
+                    window.location.href=`/projects/${event.target.dataset.projectID}/`
+                });
+
+
+                gridItem.appendChild(button);
+                gridContainer.appendChild(gridItem);
+            });
+
+        } else {
+            console.error('Request failed. Status: ' + xhr.status);
+        }
+    };
+}
+
+
+document.addEventListener('DOMContentLoaded', function () {
+    refreshList();
+});