Ramapara loguear

package.json

@@ -1,21 +1,25 @@
 {
-  "name": "social-network",
+  "name": "petblr",
   "version": "1.0.0",
-  "description": "Social Network @ Laboratoria",
+  "description": "Tumblr para mascotas",
   "main": "src/index.html",
   "keywords": [
     "javascript",
     "firebase",
-    "jest"
+    "jest",
+    "Petblr",
+    "petblr"
   ],
   "license": "MIT",
   "scripts": {
     "htmlhint": "htmlhint dist/*.html ",
     "eslint": "eslint --ext .js src/ test/",
+    "eslintFix": "eslint --ext .js src/ test/ --fix",
     "stylelint": "stylelint --aei src/**/*.css",
-    "pretest": "npm run htmlhint && npm run eslint && npm run stylelint",
-    "test": "jest --coverage",
-    "start": "serve -s src/"
+    "precommit": "npm run htmlhint && npm run eslint && npm run stylelint",
+    "test": "jest --coverage --env=jsdom",
+    "start": "serve -s src/",
+    "deploy": "gh-pages -d src"
   },
   "devDependencies": {
     "@babel/core": "^7.11.4",
@@ -25,10 +29,13 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-jest": "^25.3.0",
+    "gh-pages": "^4.0.0",
     "htmlhint": "^1.0.0",
-    "jest": "^27.0.1",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.3.1",
+    "jsdom": "^20.0.3",
     "regenerator-runtime": "^0.13.1",
-    "serve": "^13.0.2",
+    "serve": "^14.1.2",
     "stylelint": "^14.1.0",
     "stylelint-config-recommended": "^6.0.0"
   },
@@ -39,5 +46,24 @@
     "createdAt": "2022-11-30T16:52:37.204Z",
     "version": "5.5.0",
     "commit": "51e941edf1cc991930aefd7dd9c406a7c43741c1"
+  },
+  "dependencies": {
+    "@firebase/auth": "^0.21.0",
+    "deploy": "^1.0.3",
+    "dotenv": "^16.0.3",
+    "firebase": "^9.15.0"
+  },
+  "jest": {
+    "roots": [
+      "<rootDir>",
+      "Petblr-social-network/../"
+    ],
+    "modulePaths": [
+      "<rootDir>",
+      "Petblr-social-network/../"
+    ],
+    "moduleDirectories": [
+      "node_modules"
+    ]
   }
 }

src/.env

@@ -0,0 +1,6 @@
+apiKey= "AIzaSyCVFwSqmwf3nPLqyBd-_SrnWdKfmv8kRVc",
+authDomain= "petblr-74086.firebaseapp.com",
+projectId= "petblr-74086",
+storageBucket= "petblr-74086.appspot.com",
+messagingSenderId= "431725901053",
+appId= "1:431725901053:web:0804da9ec879761fd6ba94"

src/_redirects

@@ -0,0 +1 @@
+/* /index.html 200

src/app/PswReset.js

@@ -0,0 +1,15 @@
+import { firebaseAuth, sendPasswordResetEmail } from './firebase.js';
+
+
+export const pswReset = async (documentt) =>{
+//e.preventDefault()
+const email = document.getElementById('RecoverPswFormInput').value
+
+  try{
+    await sendPasswordResetEmail(firebaseAuth,email)
+    return Promise.resolve()
+  }catch(error)  {
+    console.log({error});
+    return Promise.reject(error)
+  };
+}

src/app/currentUser.js

@@ -0,0 +1,17 @@
+import { firebaseAuth, onAuthStateChanged } from './firebase.js';
+
+  const currentUser = {};
+  const getCurrentUser = () => {
+    onAuthStateChanged(firebaseAuth, (user) => {
+        if (user) {
+            currentUser.email = user.email;
+            currentUser.uid = user.uid;
+            currentUser.displayName = user.displayName;
+            currentUser.petName = user.petName;
+            currentUser.username = user.username;
+        }
+    })
+  }
+  export {getCurrentUser}
+
+  //https://firebase.google.com/docs/auth/web/manage-users#get_the_currently_signed-in_user

src/app/deletePost.js

@@ -0,0 +1,12 @@
+import { deleteDoc, doc, database, firebaseAuth } from './firebase.js';
+
+// NECESITAMOS IMPORTAR EL CURRENT USER
+
+const deletePost = (uid) => {
+    deleteDoc(doc(database, 'usuarios', firebaseAuth.currentUser.uid, 'userPosts', uid))
+};
+
+export { deletePost }
+
+// va con await
+// https://firebase.google.com/docs/firestore/manage-data/delete-data

src/app/dislikePost.js

@@ -0,0 +1,13 @@
+import { updateDoc, doc, database, firebaseAuth, arrayRemove } from './firebase.js';
+
+// NECESITAMOS IMPORTAR EL CURRENT USER
+
+const dislikePost = (uid, likes, userLike) => {
+    updateDoc(doc(database, 'usuarios', firebaseAuth.currentUser.uid, 'userPosts', uid),
+    { amountLikes: likes, arrayUsersLikes: arrayRemove(userLike) })
+};
+
+export { dislikePost }
+
+// va con await
+// https://firebase.google.com/docs/firestore/manage-data/add-data#update-data

src/app/facebookrg.js

@@ -0,0 +1,39 @@
+/* eslint-disable no-console */
+import {
+  providerFacebookAuth, signInWithPopup, getAuth, FacebookAuthProvider,
+} from './firebase.js';
+
+export function AuthAccountFacebook() {
+  const auth = getAuth();
+  signInWithPopup(auth, providerFacebookAuth)
+    .then((result) => {
+    // The signed-in user info.
+      const user = result.user;
+      console.log(`user${user}`);
+
+      // This gives you a Facebook Access Token. You can use it to access the Facebook API.
+      const credential = FacebookAuthProvider.credentialFromResult(result);
+      console.log(`credential${credential}`);
+
+      const accessToken = credential.accessToken;
+      console.log(`accessToken${accessToken}`);
+
+
+    })
+    .catch((error) => {
+    // Handle Errors here.
+      const errorCode = error.code;
+      console.log(`errorCode${errorCode}`);
+
+      const errorMessage = error.message;
+      console.log(`errorMessage${errorMessage}`);
+
+      // The email of the user's account used.
+      const email = error.customData.email;
+      console.log(`email${email}`);
+
+      // The AuthCredential type that was used.
+      const credential = FacebookAuthProvider.credentialFromError(error);
+      console.log(`credential${credential}`);
+});
+}

src/app/firebase.js

@@ -0,0 +1,71 @@
+/* eslint-disable import/no-unresolved */
+import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js';
+import {
+  getAuth, createUserWithEmailAndPassword, FacebookAuthProvider, signInWithPopup,
+  setPersistence, signInWithRedirect, inMemoryPersistence, GoogleAuthProvider,
+  signInWithEmailAndPassword, signOut, sendPasswordResetEmail, sendEmailVerification
+} from 'https://www.gstatic.com/firebasejs/9.15.0/firebase-auth.js';
+import { getFirestore, collection, getDoc, getDocs, setDoc, doc,
+  onSnapshot, query, where, deleteDoc, updateDoc, arrayRemove, arrayUnion,
+  addDoc 
+} from 'https://www.gstatic.com/firebasejs/9.15.0/firebase-firestore.js'
+import { getStorage, ref } from 'https://www.gstatic.com/firebasejs/9.15.0/firebase-storage.js'
+
+// configuración de la app de firebase
+const firebaseConfig = {
+  apiKey: 'AIzaSyCVFwSqmwf3nPLqyBd-_SrnWdKfmv8kRVc',
+  authDomain: 'petblr-74086.firebaseapp.com',
+  projectId: 'petblr-74086',
+  storageBucket: 'petblr-74086.appspot.com',
+  messagingSenderId: '431725901053',
+  appId: '1:431725901053:web:0804da9ec879761fd6ba94',
+};
+
+// inicialización de firebase
+const firebaseApp = initializeApp(firebaseConfig);
+
+// uso de firebase auth
+const firebaseAuth = getAuth(firebaseApp);
+
+const providerFacebookAuth = new FacebookAuthProvider();
+
+// NUUUUUUUUUUUEEEEEEEEEEEEEEEVOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
+
+const storage = getStorage(firebaseApp);
+const database = getFirestore();
+const storageRef = ref(storage);
+const collectionUserName = collection(database, 'usernames');
+const collectionUserNamesSpanish = collection(database, 'usuarios');
+const collectionPost = collection(database, 'posts');
+const getTask = () => getDocs(collection(database, 'posts'));
+
+
+
+const getOnDatas = (callback) => {
+  const orderQuery = query(collection(database,'posts'));
+  onSnapshot(orderQuery,(callback))};
+
+const getPost = (id) => getDoc(doc(database, 'posts', id));
+const updatePosts = (id, newFields) =>
+  updateDoc(doc(database, 'posts', id), newFields);
+
+ const erasePost = (id) => deleteDoc(doc(database, 'posts', id))
+
+// Guardar username desde el registro
+// const saveDisplayName = (usernameIngresado) => {
+//   return updateProfile(firebaseAuth.currentUser, {displayName: usernameIngresado})
+// };
+
+
+
+export {
+  firebaseApp, firebaseAuth, createUserWithEmailAndPassword,
+  sendPasswordResetEmail, sendEmailVerification,
+  providerFacebookAuth, signInWithPopup, getAuth, FacebookAuthProvider,
+  setPersistence, signInWithRedirect, inMemoryPersistence, GoogleAuthProvider,
+  signInWithEmailAndPassword, signOut, getFirestore, collection, getDoc,
+  getDocs, setDoc, doc, onSnapshot, query, where, deleteDoc,
+  updateDoc, arrayRemove, arrayUnion, getStorage, ref,
+  storage, database, storageRef, collectionUserName, collectionUserNamesSpanish,
+  collectionPost, addDoc, getTask, getOnDatas,getPost, updatePosts, erasePost
+};

src/app/getDoc.js

@@ -0,0 +1,46 @@
+import { database, addDoc, collection, getDocs } from './firebase.js';
+
+const saveTask = (description) => {
+  return addDoc(collection(database , 'posts'), {description});
+
+};
+
+// const taskForm = document.getElementById("taskForm") Buscando poder organizar las vistas de los post y poderla mostrar
+// const taskContainer = document.getElementById('postsContainer')
+
+// // const getPosts = ( ) => {
+// //   getDocs(collection(database , 'posts'))
+// // }
+
+// document.addEventListener("DOMContentLoaded", async () => {
+//   const querySnapshot = await getDocs(collection(database, "posts"));
+//   let html =''
+
+//   querySnapshot.forEach((doc) => {
+//     //const posts =posts.database()
+//     html += `¨
+//             <di>
+//                 <h3>${posts.database}</h3>
+//             </di>`
+//     // doc.data() is never undefined for query doc snapshots
+//     console.log(doc.id, " => ", doc.data());
+//     console.log(postsContainer)
+//   })
+//   // vamos a mostrar el contenido de los posts en html
+
+//    taskContainer.innerHTML= ''
+
+// })
+
+
+
+
+//   //   console.log(description)
+
+//   //   saveTask(description.value)
+//   //   taskForm.reset()
+//   // })
+// // })
+
+export { saveTask } 
+

src/app/likePosts.js

@@ -0,0 +1,13 @@
+import { updateDoc, doc, database, firebaseAuth, arrayUnion } from './firebase.js';
+
+// NECESITAMOS IMPORTAR EL CURRENT USER
+
+const likePost = (uid, likes, userLike) => {
+    updateDoc(doc(database, 'usuarios', firebaseAuth.currentUser.uid, 'userPosts', uid),
+    { amountLikes: likes, arrayUsersLikes: arrayUnion(userLike) })
+};
+
+export { likePost }
+
+// va con await
+// https://firebase.google.com/docs/firestore/manage-data/add-data#update-data

src/app/register.js

@@ -0,0 +1,25 @@
+/* eslint-disable no-unused-expressions */
+/* eslint-disable import/no-unresolved */
+import { firebaseAuth, createUserWithEmailAndPassword, sendEmailVerification } from './firebase.js';
+
+
+export const registrar = async (registerForm) => {
+  const email = registerForm.registerFormPetEmailInput.value;
+  const psw = registerForm.registerFormPasswordInput.value;
+  const repeatPsw = registerForm.registerFormRepeatPasswordInput.value;
+
+  try {
+    if (psw.length >=6 && psw === repeatPsw) {
+      /[A-Z]/.test(psw) && /[a-z]/.test(psw) && /[0-9]/.test(psw);
+      await createUserWithEmailAndPassword(firebaseAuth, email, psw);
+      await sendEmailVerification(firebaseAuth.currentUser);
+      return Promise.resolve()
+    } else if (psw !== repeatPsw) {
+      return Promise.reject("wrong password")
+    } else {
+      return Promise.reject("generic_failure")
+    }
+  } catch (error) {
+    return Promise.reject(error)
+  }
+};

src/app/setDoc.js

@@ -0,0 +1,10 @@
+import { doc, setDoc, collection } from './firebase.js'
+
+// const postCollectionRef = collection(db, 'posts')
+const createPost = async ()=>{
+    await setDoc(doc(db, 'posts', ), {
+        name: "Los Angeles",
+        state: "CA",
+        country: "USA"
+    });
+}

src/app/setPersistence.js

@@ -0,0 +1,14 @@
+import { firebaseAuth, setPersistence, signInWithRedirect, inMemoryPersistence, GoogleAuthProvider } from './firebase.js';
+//Este será el archivo para el comportamiento de persistencia. lo que hace es que nos permite
+//“saber que pasa cierra sesión o qué pasa sí sólo cierra la pestaña”
+export const setPersistenceFun = async (e)=>{
+    e.preventDefault();
+    try {
+      await setPersistence(firebaseAuth, inMemoryPersistence)
+      const provider = new GoogleAuthProvider();
+      const signInWithRedirectFun = await signInWithRedirect(firebaseAuth, provider);
+      return signInWithRedirectFun
+    } catch (error) {
+      return Promise.reject(error)
+    }
+  }

src/app/signIn.js

@@ -0,0 +1,13 @@
+import { firebaseAuth, signInWithEmailAndPassword } from './firebase.js';
+
+export const signInAccount = async (email,password) => {
+  try {
+    const userCredential = await signInWithEmailAndPassword(firebaseAuth, email, password)
+    const user = userCredential.user;
+    console.log({user})
+    return Promise.resolve(userCredential)
+  } catch (error) {
+    return Promise.reject(error)
+  }
+}
+ export {signInWithEmailAndPassword,firebaseAuth}