@edgedev/firebase 1.0.0 → 1.0.2

package/.eslintrc.json

@@ -0,0 +1,16 @@
+{
+  "root": true,
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+      "project": ["./tsconfig.json"]
+    }
+  },
+  "plugins": ["@typescript-eslint"]
+}

package/index.ts

@@ -1,3 +1,50 @@
-export const testNPMPackage = () => {
-    console.log('testNPMPackage');
-}
+import { initializeApp } from "firebase/app";
+import { reactive } from "vue";
+
+import {
+  getFirestore,
+  collection,
+  query,
+  onSnapshot
+} from "firebase/firestore";
+
+const firebaseConfig = {
+  apiKey: process.env.FIREBASE_API_KEY as string,
+  authDomain: process.env.FIREBASE_AUTH_DOMAIN as string,
+  projectId: process.env.FIREBASE_PROJECT_ID as string,
+  storageBucket: process.env.FIREBASE_STORAGE_BUCKET as string,
+  messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID as string,
+  appId: process.env.FIREBASE_APP_ID as string
+};
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+const db = getFirestore(app);
+
+// Simple Store Items (add matching key per firebase collection)
+export const fireStoreData = reactive({});
+export const fireStoreUnsubscibe = reactive({});
+
+// Composable to start snapshot listener and set unsubscribe function
+export const initSnapshot = (collectionName) => {
+  // This first "if" is to prevent multiple listeners on the same collection
+  if (!(fireStoreUnsubscibe[collectionName] instanceof Function)) {
+    const q = query(collection(db, collectionName));
+    const unsubscribe = onSnapshot(q, (querySnapshot) => {
+      const items = {};
+      querySnapshot.forEach((doc) => {
+        items[doc.id] = doc.data();
+      });
+      fireStoreData[collectionName] = items;
+    });
+    fireStoreUnsubscibe[collectionName] = unsubscribe;
+  }
+};
+
+// Composable to stop snapshot listener
+export const stopSnapshot = (collectionName) => {
+  if (fireStoreUnsubscibe[collectionName] instanceof Function) {
+    fireStoreUnsubscibe[collectionName]();
+    fireStoreUnsubscibe[collectionName] = null;
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgedev/firebase",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Composables and stores for firebase",
   "main": "index.ts",
   "author": "Seth Fischer",
@@ -8,6 +8,22 @@
   "publishConfig": {
     "access": "public"
   },
+  "devDependencies": {
+    "@types/node": "^18.11.0",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
+    "eslint": "^8.25.0",
+    "eslint-config-prettier": "^8.5.0",
+    "prettier": "^2.7.1",
+    "typescript": "^4.8.4",
+    "vue": "^3.2.41"
+  },
+  "dependencies": {
+    "firebase": "^9.12.1"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   }