68 lines
1.8 KiB
JavaScript
68 lines
1.8 KiB
JavaScript
import Vue from "vue";
|
|
import firebase from "firebase/app";
|
|
import "firebase/firestore";
|
|
import "firebase/auth";
|
|
|
|
// Initialize Firebase, copied from cloud console
|
|
const firebaseConfig = {
|
|
apiKey: "AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM",
|
|
authDomain: "postwoman-api.firebaseapp.com",
|
|
databaseURL: "https://postwoman-api.firebaseio.com",
|
|
projectId: "postwoman-api",
|
|
storageBucket: "postwoman-api.appspot.com",
|
|
messagingSenderId: "421993993223",
|
|
appId: "1:421993993223:web:ec0baa8ee8c02ffa1fc6a2",
|
|
measurementId: "G-ERJ6025CEB"
|
|
};
|
|
firebase.initializeApp(firebaseConfig);
|
|
|
|
// a reference to the Feeds collection
|
|
const feedsCollection = firebase.firestore().collection("feeds");
|
|
|
|
// the shared state object that any vue component
|
|
// can get access to
|
|
export const store = {
|
|
feedsInFeed: [],
|
|
currentUser: {},
|
|
writeFeed: message => {
|
|
const dt = {
|
|
createdOn: new Date(),
|
|
author: store.currentUser.uid,
|
|
author_name: store.currentUser.displayName,
|
|
author_image: store.currentUser.photoURL,
|
|
message
|
|
};
|
|
return feedsCollection
|
|
.add(dt)
|
|
.catch(e => console.error("error inserting", dt, e));
|
|
},
|
|
deleteFeed: id => {
|
|
return feedsCollection
|
|
.doc(id)
|
|
.delete()
|
|
.catch(e => console.error("error deleting", dt, e));
|
|
}
|
|
};
|
|
|
|
// onSnapshot is executed every time the data
|
|
// in the underlying firestore collection changes
|
|
// It will get passed an array of references to
|
|
// the documents that match your query
|
|
feedsCollection
|
|
.orderBy("createdOn", "desc")
|
|
// .limit(0)
|
|
.onSnapshot(feedsRef => {
|
|
const feeds = [];
|
|
feedsRef.forEach(doc => {
|
|
const feed = doc.data();
|
|
feed.id = doc.id;
|
|
feeds.push(feed);
|
|
});
|
|
store.feedsInFeed = feeds;
|
|
});
|
|
|
|
// When a user logs in or out, save that in the store
|
|
firebase.auth().onAuthStateChanged(user => {
|
|
store.currentUser = user;
|
|
});
|