sveltedfire 0.0.1 → 0.0.3

package/README.md

@@ -44,7 +44,16 @@ fetchDocs('pages')('public', '==', true) // fetch all public pages
 fetchDocs('pages')(and(where('published_at', '>=', '2025-01-01'), where('published_at', '<=', '2025-01-31'))) // fetch all pages published in the month of January
 ```
 
-In the case of both `fetchDoc` and `fetchDocs`, the documents are returned as bare objects with the ID field injected into both the `id` and `_id` fields. If your data already defines an `id` field, it will be returned as-is; the `_id` field will always reference the actual ID of the object.
+To listen for the snapshots of an object, use `listenDoc`. This takes the same parameters as `fetchDoc`, but returns a store. This should be used with rune syntax as below:
+```typescript
+const value = listenDoc('pages', 'tester')
+
+{#if $value}
+  {$value.name}
+{/if}
+```
+
+In the case of both `fetchDoc`, `fetchDocs`, and `listenDoc`, the documents are returned as bare objects with the ID field injected into both the `id` and `_id` fields. If your data already defines an `id` field, it will be returned as-is; the `_id` field will always reference the actual ID of the object.
 
 
 --------------

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { fetchDoc } from './sveltedfire/utilities/fetchDoc.js';
 export { fetchDocs } from './sveltedfire/utilities/fetchDocs.js';
 export { signInWithGoogle } from './sveltedfire/auth/signInWithGoogle.js';
 export { signOut } from './sveltedfire/auth/signOut.js';
+export { listenDoc } from './sveltedfire/utilities/listenDoc.js';
 import SignedIn from './sveltedfire/components/SignedIn.svelte';
 import SignedOut from './sveltedfire/components/SignedOut.svelte';
 export { SignedIn, SignedOut };

package/dist/index.js

@@ -4,6 +4,7 @@ export { fetchDoc } from './sveltedfire/utilities/fetchDoc.js';
 export { fetchDocs } from './sveltedfire/utilities/fetchDocs.js';
 export { signInWithGoogle } from './sveltedfire/auth/signInWithGoogle.js';
 export { signOut } from './sveltedfire/auth/signOut.js';
+export { listenDoc } from './sveltedfire/utilities/listenDoc.js';
 import SignedIn from './sveltedfire/components/SignedIn.svelte';
 import SignedOut from './sveltedfire/components/SignedOut.svelte';
 export { SignedIn, SignedOut };

package/dist/sveltedfire/utilities/fetchDoc.js

@@ -3,10 +3,10 @@ export const fetchDoc = async (...docPath) => {
     const db = getFirestore();
     let theRef;
     if (docPath.length > 2) {
-        theRef = doc(collection(db, docPath[0], ...docPath.slice(1, -1)), docPath[-1]);
+        theRef = doc(collection(db, docPath[0], ...docPath.slice(1, -1)), docPath.slice(-1)[0]);
     }
     else {
-        theRef = doc(collection(db, docPath[0]), docPath[-1]);
+        theRef = doc(collection(db, docPath[0]), docPath.slice(-1)[0]);
     }
     const theDoc = await getDoc(theRef);
     if (!theDoc.exists()) {

package/dist/sveltedfire/utilities/listenDoc.d.ts

@@ -0,0 +1,2 @@
+import { type DocumentData } from "firebase/firestore";
+export declare const listenDoc: (...docPath: Array<string>) => import("svelte/store").Readable<DocumentData | null>;

package/dist/sveltedfire/utilities/listenDoc.js

@@ -0,0 +1,25 @@
+import { getFirestore, collection, doc, onSnapshot } from "firebase/firestore";
+import { readable } from 'svelte/store';
+export const listenDoc = (...docPath) => {
+    const db = getFirestore();
+    let theRef;
+    if (docPath.length > 2) {
+        theRef = doc(collection(db, docPath[0], ...docPath.slice(1, -1)), docPath.slice(-1)[0]);
+    }
+    else {
+        theRef = doc(collection(db, docPath[0]), docPath.slice(-1)[0]);
+    }
+    console.log(theRef);
+    const theDoc = readable(null, (set) => {
+        const unsubscribe = onSnapshot(theRef, (val) => {
+            if (!val.exists()) {
+                set(null);
+            }
+            else {
+                set({ id: val.id, ...val.data(), _id: val.id });
+            }
+        });
+        return () => unsubscribe();
+    });
+    return theDoc;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sveltedfire",
-	"version": "0.0.1",
+	"version": "0.0.3",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -21,6 +21,10 @@
 		"!dist/**/*.test.*",
 		"!dist/**/*.spec.*"
 	],
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/cadetstar/sveltedfire.git"
+	},
 	"sideEffects": [
 		"**/*.css"
 	],