Attempting to fix Firebase connection

Author: StefTzor

.github/workflows/deploy.yml

@@ -15,7 +15,11 @@ jobs:
       - name: Generate Firebase Config File
         run: |
           echo "Generating firebase-config.js..."
-          cat <<EOF > firebase-config.js
+          cat <<EOF > scripts/firebase-config.js
+          import { initializeApp } from "https://www.gstatic.com/firebasejs/11.3.1/firebase-app.js";
+          import { getAuth } from "https://www.gstatic.com/firebasejs/11.3.1/firebase-auth.js";
+          import { getFirestore } from "https://www.gstatic.com/firebasejs/11.3.1/firebase-firestore.js";
+
           const firebaseConfig = {
             apiKey: "${{ secrets.FIREBASE_API_KEY }}",
             authDomain: "${{ secrets.FIREBASE_AUTH_DOMAIN }}",
@@ -24,7 +28,12 @@ jobs:
             messagingSenderId: "${{ secrets.FIREBASE_MESSAGING_SENDER_ID }}",
             appId: "${{ secrets.FIREBASE_APP_ID }}"
           };
-          window.firebaseConfig = firebaseConfig;
+
+          const app = initializeApp(firebaseConfig);
+          const auth = getAuth(app);
+          const db = getFirestore(app);
+
+          export { auth, db };
           EOF
 
       - name: Install Dependencies

scripts/auth.js

@@ -9,6 +9,7 @@ import { doc, getDoc, setDoc, updateDoc } from "https://www.gstatic.com/firebase
 
 // Wait for DOM to load
 document.addEventListener("DOMContentLoaded", () => {
+  console.log("DOM fully loaded and parsed");
   onAuthStateChanged(auth, handleAuthStateChanged);
 
   // Set up event listeners
@@ -46,11 +47,13 @@ async function handleLogin(e) {
   try {
     const userCredential = await signInWithEmailAndPassword(auth, email, password);
     const user = userCredential.user;
+    console.log("User logged in:", user);
 
     // Get user status using the modular syntax
     const userDoc = await getDoc(doc(db, "users", user.uid));
     if (userDoc.exists()) {
       const userData = userDoc.data();
+      console.log("User data:", userData);
       if (userData.status !== "approved") {
         await signOut(auth);
         if (errorMsg) {
@@ -89,6 +92,7 @@ async function handleRegister(e) {
   try {
     const userCredential = await createUserWithEmailAndPassword(auth, email, password);
     const user = userCredential.user;
+    console.log("User registered:", user);
 
     // Store user status in Firestore as "pending"
     await setDoc(doc(db, "users", user.uid), {
@@ -123,6 +127,7 @@ function handleLogout(e) {
 
   signOut(auth)
     .then(() => {
+      console.log("User logged out");
       window.location.href = "index.html";
     })
     .catch((error) => {
@@ -186,6 +191,7 @@ async function handleApproveUser(e) {
     await updateDoc(doc(db, "users", userId), {
       status: "approved",
     });
+    console.log("User approved:", userId);
 
     // Show success message
     const message = document.getElementById("message");

scripts/firebase-config.js

@@ -18,5 +18,7 @@ const app = initializeApp(firebaseConfig);
 const auth = getAuth(app);
 const db = getFirestore(app);
 
+console.log("Firebase initialized with the following config:", firebaseConfig);
+
 // Export the initialized instances so other scripts can use them
 export { auth, db };