Spaces:

ameenmarashi
/

test

Running

App Files Files Community

ameenmarashi commited on Jul 26, 2024

Commit

0b2f160

verified ·

1 Parent(s): 97b8f9b

Upload 3 files

Browse files

Files changed (3) hide show

app.js +21 -0
firebase-config.js +13 -0
index.html +29 -111

app.js ADDED Viewed

	@@ -0,0 +1,21 @@

+document.getElementById('googleSignIn').addEventListener('click', function() {
+  var provider = new firebase.auth.GoogleAuthProvider();
+  firebase.auth().signInWithPopup(provider)
+    .then((result) => {
+      // This gives you a Google Access Token. You can use it to access the Google API.
+      var token = result.credential.accessToken;
+      // The signed-in user info.
+      var user = result.user;
+      console.log('User Info:', user);
+      alert(`Hello, ${user.displayName}!`);
+    }).catch((error) => {
+      // Handle Errors here.
+      var errorCode = error.code;
+      var errorMessage = error.message;
+      var email = error.email;
+      var credential = error.credential;
+      console.error('Error during sign in:', error);
+      alert(`Error: ${errorMessage}`);
+    });
+});

firebase-config.js ADDED Viewed

	@@ -0,0 +1,13 @@

+// For Firebase JS SDK v7.20.0 and later, measurementId is optional
+const firebaseConfig = {
+  apiKey: "AIzaSyAej5KwDj-qII5r42nwbpajp6ZhZkAJHgo",
+  authDomain: "mretinaai.firebaseapp.com",
+  projectId: "mretinaai",
+  storageBucket: "mretinaai.appspot.com",
+  messagingSenderId: "190599287976",
+  appId: "1:190599287976:web:8a656d64d9b8692203de9d",
+  measurementId: "G-DSZGWQTYB4"
+};
+// Initialize Firebase
+firebase.initializeApp(firebaseConfig);

index.html CHANGED Viewed

@@ -1,117 +1,35 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>My App</title>
-  <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
-  <script src="https://www.gstatic.com/firebasejs/9.22.1/firebase-app.js"></script>
-  <!-- Add Firebase products that you want to use -->
-  <script src="https://www.gstatic.com/firebasejs/9.22.1/firebase-auth.js"></script>
-  <script src="https://www.gstatic.com/firebasejs/9.22.1/firebase-firestore.js"></script>
 </head>
 <body>
-  <div id="app">
-    <h1>Welcome to My App</h1>
-    <div id="login">
-      <input type="email" id="email" placeholder="Email">
-      <input type="password" id="password" placeholder="Password">
-      <button onclick="login()">Login</button>
-      <button onclick="register()">Register</button>
-    </div>
-    <div id="content" style="display:none;">
-      <h2>Content</h2>
-      <button onclick="promote()">Promote</button>
-      <p id="status"></p>
-    </div>
-  </div>
-  <script>
-    // Ensure the scripts are loaded before accessing Firebase
-    document.addEventListener("DOMContentLoaded", function() {
-      // Your web app's Firebase configuration
-      const firebaseConfig = {
-        apiKey: "AIzaSyAej5KwDj-qII5r42nwbpajp6ZhZkAJHgo",
-        authDomain: "mretinaai.firebaseapp.com",
-        projectId: "mretinaai",
-        storageBucket: "mretinaai.appspot.com",
-        messagingSenderId: "190599287976",
-        appId: "1:190599287976:web:8a656d64d9b8692203de9d",
-        measurementId: "G-DSZGWQTYB4"
-      };
-      // Initialize Firebase
-      const app = firebase.initializeApp(firebaseConfig);
-      const auth = firebase.auth();
-      const db = firebase.firestore();
-      // Register user
-      async function register() {
-        const email = document.getElementById('email').value;
-        const password = document.getElementById('password').value;
-        try {
-          const userCredential = await auth.createUserWithEmailAndPassword(email, password);
-          const user = userCredential.user;
-          await db.collection('users').doc(user.uid).set({ promotes: 0, lastReset: new Date() });
-          console.log('User registered:', user);
-          document.getElementById('login').style.display = 'none';
-          document.getElementById('content').style.display = 'block';
-        } catch (error) {
-          console.error('Error registering user:', error);
-          alert('Error: ' + error.message);
-        }
-      }
-      // Login user
-      async function login() {
-        const email = document.getElementById('email').value;
-        const password = document.getElementById('password').value;
-        try {
-          const userCredential = await auth.signInWithEmailAndPassword(email, password);
-          const user = userCredential.user;
-          document.getElementById('login').style.display = 'none';
-          document.getElementById('content').style.display = 'block';
-          console.log('User logged in:', user);
-        } catch (error) {
-          console.error('Error logging in user:', error);
-          alert('Error: ' + error.message);
-        }
-      }
-      // Promote action
-      async function promote() {
-        const user = auth.currentUser;
-        if (!user) return;
-        const userDoc = db.collection('users').doc(user.uid);
-        const userSnap = await userDoc.get();
-        if (userSnap.exists) {
-          const userData = userSnap.data();
-          const currentPromotes = userData.promotes;
-          const lastReset = userData.lastReset.toDate();
-          const now = new Date();
-          if (now.getMonth() !== lastReset.getMonth() || now.getFullYear() !== lastReset.getFullYear()) {
-            // Reset promotes for new month
-            await userDoc.update({ promotes: 1, lastReset: now });
-            document.getElementById('status').innerText = 'Promotes reset and incremented.';
-            console.log('Promotes reset and incremented.');
-          } else if (currentPromotes < 100) {
-            // Increment promotes
-            await userDoc.update({ promotes: currentPromotes + 1 });
-            document.getElementById('status').innerText = `Promote incremented. Current promotes: ${currentPromotes + 1}`;
-            console.log('Promote incremented.');
-          } else {
-            document.getElementById('status').innerText = 'Promote limit reached.';
-            console.log('Promote limit reached.');
-          }
-        } else {
-          console.log('No such user document!');
-        }
-      }
-      // Attach functions to window object
-      window.register = register;
-      window.login = login;
-      window.promote = promote;
-    });
-  </script>
-</body>
 </html>

 <!DOCTYPE html>
 <html>
 <head>
+  <title>Firebase Google Login on Hugging Face</title>
+  <script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-auth.js"></script>
+  <style>
+    body {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100vh;
+      background-color: #f4f4f9;
+      font-family: Arial, sans-serif;
+    }
+    button {
+      padding: 10px 20px;
+      font-size: 16px;
+      color: white;
+      background-color: #4285F4;
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+    }
+    button:hover {
+      background-color: #357AE8;
+    }
+  </style>
 </head>
 <body>
+  <button id="googleSignIn">Sign in with Google</button>
+  <script src="firebase-config.js"></script>
+  <script src="app.js"></script>
+</body>
 </html>