Make query with "where" filter in Firestore

See also questions close to this topic

• how to change prettier format for react native

  my code formatting prettier didn't works well for react native, i don't understand where to config it but it works well with flutter

  from this code

        import { View, Text } from 'react-native'
      
      import React from 'react'
      
      export default function App() {
        return (
          <View>
      
      <Text>Apps</Text>   
  </View>
        )
      }
  

  it's formatted to this

  import {
    View,
    Text
  } from 'react-native'
  
  import React from 'react'
  
  export default function App() {
    return ( <
      View >
  
      <
      Text > Apps < /Text>
  
  
      <
      /View>
    )
  }
  
• MarkLogic server-side JavaScript and XQuery

  I am just starting using NoSQL MarkLogic DB and trying to choose for me the best query language to learn and use in future. On server side MarkLogic provides the possibility to use JavaScript API or XQuery API.

  I want to receive an advice. Which language is better to concentrate on and learn? JavaScript or XQuery?
• Popover in chrome extension using js

  My goal is I want to create a chrome extension like Toucan Extension. I want to highlight some paragraphs in random site then translate it to specific language. The problem is I do not have an idea on how to implement a popover in chrome extension like in the picture below.

  
• How can I fixed my problem"FirebaseError: Firebase: Error (auth/invalid-api-key)."

  My environment variable is ok. No comas and name mistakes but they given me error like "FirebaseError: Firebase: Error (auth/invalid-api-key)". How can I fixed it. Please Help me...

  This my .env file

  REACT_APP_apiKey=AIzaSyBWobnhbdeMdNpXXXXXXXXXXXXXXXXXXXX
  REACT_APP_authDomain=XXXXX.firebaseapp.com
  REACT_APP_projectId=XXXX
  REACT_APP_storageBucket=XXXXX.appspot.com
  REACT_APP_messagingSenderId=4997390XXXXX
  REACT_APP_appId=1:4997390XXXXX:web:cc7bc80aa1bdb78fXXXXXX
  REACT_APP_measurementId=G-M1XDXXXXXX
  

  This my firebase config file

  const firebaseConfig = {
    apiKey: process.env.REACT_APP_apiKey,
    authDomain: process.env.REACT_APP_authDomain,
    projectId: process.env.REACT_APP_projectId,
    storageBucket: process.env.REACT_APP_storageBucket,
    messagingSenderId: process.env.REACT_APP_messagingSenderId,
    appId: process.env.REACT_APP_appId,
    measurementId: process.env.REACT_APP_measurementId,
  };
  
  when I debugging firebaseConfig object
  
  console.log(firebaseConfig.apiKey);  ==========> undefined 
  console.log(firebaseConfig.authDomain);  ==========> undefined 
  console.log(firebaseConfig.projectId);  ==========> undefined 
  console.log(firebaseConfig.storageBucket); ==========> undefined 
  console.log(firebaseConfig.measurementId); ==========> undefined 
  console.log(firebaseConfig.appId); ==========> undefined 
  console.log(firebaseConfig.measurementId); ==========> undefined 
  
  

  client side given error this "FirebaseError: Firebase: Error (auth/invalid-api-key)"
• How to order comments in firebase firestore by createdAt

  I have a document in which there is a comments array of objects and each object has createdAt property. I want to sort all the comments that are inside the comments array using the createdAt property, so, a new comment comes to the top.

  I did some research and found that we can do this in firebase's real-time database but I want to do the ordering of data using firestore.

  Here is my code:

  import { useEffect, useRef, useState } from "react"
  // firebase import
  import { doc, onSnapshot, orderBy, query } from "firebase/firestore"
  
  import { db } from "../firebase/config"
  
  export const useDocument = (c, id, o) => {
    const [document, setDocument] = useState(null)
    const [error, setError] = useState(null)
  
    // realtime document data
    useEffect(() => {
      let docRef = doc(db, c, id)
  
      if (o) {
        docRef = query(docRef, orderBy("createdAt", "desc")) // this is not working
      }
  
      const unsubscribe = onSnapshot(
        docRef,
        (snapshot) => {
          // need to make sure the doc exists & has data
          if (snapshot.data()) {
            setDocument({ ...snapshot.data(), id: snapshot.id })
            setError(null)
          } else {
            setError("No such document exists")
          }
        },
        (err) => {
          console.log(err.message)
          setError("failed to get document")
        }
      )
  
      // unsubscribe on unmount
      return () => unsubscribe()
    }, [c, id])
  
    return { document, error }
  }
  
  

  createdAt property:
• How to group firebase data in flutter with DateTime?

  I am making a chat application in flutter using firebase. I want to show a header with the date whenever the date changes. How can I group messages in flutter coming from firebase on the basis of date and show a header with the changed date?

  I have tried GroupedListView package but I was not able to retrieve the chatmessages successfully.
• Command failed: xcrun instruments -s

  I want to run my react native app on a real ios device with this line :

  npx react-native run-ios --udid SOME-UDID
  

  but i got this error :

  xcrun: error: sh -c '/Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -sdk /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX.sdk -find instruments 2> /dev/null' failed with exit code 17664: (null) (errno=No such file or directory)
  xcrun: error: unable to find utility "instruments", not a developer tool or in PATH
  error Command failed: xcrun instruments -s
  xcrun: error: sh -c '/Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -sdk /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX.sdk -find instruments 2> /dev/null' failed with exit code 17664: (null) (errno=No such file or directory)
  xcrun: error: unable to find utility "instruments", not a developer tool or in PATH
  

  everything is ok on simulator

  I'm using XCODE 13
• How to maintain global states created dynamically

  I am trying to Display list of items with then name and button to download its respective file Same list are available in different other screens. When I click on download

  1. State info sharing: It should start download and the state/progress of the download should be visible to same item available in different other screens.unique identifier is item id

  2. There can be parallel downloads

  Problem statement:

  1. Unable to share the information for same item if we use state within the same item
  2. On use of redux its solving problem 1 however Parallel download information is getting overwritten as its writing to same reducer state

  Any idea or approach is appreciated. Thanks
• Create Firebase dynamic link inside onCreate of firestore using Firebase Cloud functions

  I was wondering to create a dynamic short link when the item is created on firestore. I want to create a dynamic link when onCreate method of firestore cloud function has been called. How can we call the REST api inside onCreate of firestore cloud functions?

  https://firebase.google.com/docs/dynamic-links/rest

  Overall goal is when ShortLink created then update a field in the firestore. I want to generate dynamic link on server side.

  PS- I already integrated creation of dynamic link on Client side, but it takes little time.
• TypeError: doc is not a function at addSubCollectionDocument

  I'm trying to add a new document to a non-existing sub-collection in a document(solutionsCollection/docID/commentsSubCollection). But I'm getting this error message when I add a document to the sub-collection:

  TypeError: doc is not a function at addSubCollectionDocument

  Code to add a new document to a comments sub-collection:

    const addSubCollectionDocument = async (docID, doc) => {
      dispatch({ type: "IS_PENDING" })
      try {
        const docRef = doc(db, c, docID)
        const colRef = collection(docRef, "comments")
        const addedDocument = await addDoc(colRef, doc)
        dispatchIfNotCancelled({ type: "ADDED_DOCUMENT", payload: addedDocument })
        return addedDocument
      } catch (error) {
        console.log(error)
        dispatchIfNotCancelled({ type: "ERROR", payload: error })
        return null
      }
    }
  

  handleSubmit function:

  const handleSubmit = async (e) => {
      e.preventDefault()
  
      try {
        const commentToAdd = {
          id: Math.floor(Math.random() * 10000),
          content: newComment.trim(),
          reactions: [],
          user: {
            userID: user.uid,
            avatarURL: user.photoURL,
            displayName: user.displayName,
            username: user.reloadUserInfo.screenName,
          },
          replies: [],
          createdAt: new Date(),
        }
        await addSubCollectionDocument(id, commentToAdd)
        setNewComment("")
        if (response) {
          console.log(response.error)
        }
      } catch (error) {
        console.log(error)
      }
    }
  

  useFirestore hook code:

  import { useEffect, useReducer, useState } from "react"
  import {
    addDoc,
    collection,
    deleteDoc,
    doc,
    serverTimestamp,
    updateDoc,
  } from "firebase/firestore"
  
  import { db } from "../firebase/config"
  
  export const useFirestore = (c) => {
    const [response, dispatch] = useReducer(firestoreReducer, initialState)
    const [isCancelled, setIsCancelled] = useState(false)
  
    // only dispatch is not cancelled
    const dispatchIfNotCancelled = (action) => {
      if (!isCancelled) {
        dispatch(action)
      }
    }
  
    // add a document
    const addDocument = async (doc) => {
      dispatch({ type: "IS_PENDING" })
  
      try {
        const createdAt = serverTimestamp()
        const addedDocument = await addDoc(collection(db, c), {
          ...doc,
          createdAt,
        })
        dispatchIfNotCancelled({ type: "ADDED_DOCUMENT", payload: addedDocument })
      } catch (err) {
        dispatchIfNotCancelled({ type: "ERROR", payload: err.message })
      }
    }
  
    // Add document to sub collection
    const addSubCollectionDocument = async (docID, doc) => {
      dispatch({ type: "IS_PENDING" })
      try {
        const docRef = doc(db, c, docID)
        const colRef = collection(docRef, "comments")
        const addedDocument = await addDoc(colRef, doc)
        dispatchIfNotCancelled({ type: "ADDED_DOCUMENT", payload: addedDocument })
        return addedDocument
      } catch (error) {
        console.log(error)
        dispatchIfNotCancelled({ type: "ERROR", payload: error })
        return null
      }
    }
  
  
    useEffect(() => {
      return () => setIsCancelled(true)
    }, [])
  
    return {
      addDocument,
      addSubCollectionDocument,
      response,
    }
  }
  

  File where I'm importing addSubCollectionDocument hook:

  import { useFirestore } from "../../hooks/useFirestore"
  import { useAuthContext } from "../../hooks/useAuthContext"
  
  const SolutionComments = ({ solution }) => {
    const [newComment, setNewComment] = useState("")
    const { user } = useAuthContext()
    const { id } = useParams()
    const { addSubCollectionDocument, response } = useFirestore("solutions")
  
    const handleSubmit = async (e) => {
      e.preventDefault()
  
      try {
        const commentToAdd = {
          id: Math.floor(Math.random() * 10000),
          content: newComment.trim(),
          reactions: [],
          user: {
            userID: user.uid,
            avatarURL: user.photoURL,
            displayName: user.displayName,
            username: user.reloadUserInfo.screenName,
          },
          replies: [],
          createdAt: new Date(),
        }
        await addSubCollectionDocument(id, commentToAdd)
        setNewComment("")
        if (response) {
          console.log(response.error)
        }
      } catch (error) {
        console.log(error)
      }
    }
  
    return (...)}
  

  Package.json gist: https://gist.github.com/rishipurwar1/57fbf348cd9755a940e7e3f218de570f

  Firebase rules:

  rules_version = '2';
  service cloud.firestore {
    match /databases/{database}/documents {
          match /challenges/{challenge}{
          allow read: if true
      }
      match /resources/{resource}{
          allow read: if true
      }
      match /solutions/{solution}{
        allow read: if true
        allow create: if request.auth.uid != null;
        allow update, delete: if request.auth.uid == resource.data.userID;
      }
      match /users/{userId}{
          allow create: if true
        allow read: if true
      }
    }
  }