https://github.com/psvensson/firestore-components
Very simple Polymer Web Components for accessing the Google Cloud Firestore database
https://github.com/psvensson/firestore-components
firestore polymer2
Last synced: 4 months ago
JSON representation
Very simple Polymer Web Components for accessing the Google Cloud Firestore database
- Host: GitHub
- URL: https://github.com/psvensson/firestore-components
- Owner: psvensson
- License: mit
- Created: 2017-12-17T19:09:54.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-17T20:51:07.000Z (over 8 years ago)
- Last Synced: 2025-05-31T16:26:46.489Z (about 1 year ago)
- Topics: firestore, polymer2
- Language: HTML
- Size: 2.1 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# \
Very simple Polymer Web Components for accessing the Google Cloud Firestore database
## Prerequisites
These components assume that they live in a web-page where firestore has been loaded already, with something like this in the index.html;
What I did was to generate a sample app using the firebase CLI, and then copy-pasted Polymer init stuff from another project.
## firestore-path
``````
Firestore-path gets one specific document from your Firestore database. By changing the 'path'parameter, you change which document is fecthed. The data fo the document (as you would get using doc.data()) is set to the 'data' parameter. If you need to access the raw doc reference, that is accessible through the 'doc' parameter.
To update or delete the reference document from your code, use this.shadowRoot.querySelector('#pathref').setDoc() or this.shadowRoot.querySelector('#pathref').deleteDoc().
When the document referenced gets an update, it will propagate out to this element, which will also trigger to change 'data' and 'doc' proeprties reactively.
## firestore-all
``````
This will get all documents in a collection named in the 'type' proeprty, loop through the references and put the data properties as object in an array accessible in the 'list' property. It can be quite a bit of stuff, but can be usefull in the beginning when debugging.
## firestore-list
``````
Frequently you have stored an array of references on a document, which points to other documents, like an array of movies a user has seen, or somethings like that. List od doc.data()'d things will in the 'list' property.
## firestore-query
``````
Will query you collection using the same logic as foudn in the doucmentation here; https://firebase.google.com/docs/reference/js/firebase.firestore.Query
## firestore-subcollection
``````
Will do the same as firestore-all, but for a subcollections of documents under another docuiment. Here you can use the 'doc' property on firestore-path to provide input.