itemservice: make fetching items a lot faster 🚀

src/itemService.js

@@ -28,6 +28,7 @@
 		},
 
 		async getAllItems() {
+			var t=Date.now()
 			var d = deferred();
 			let itemIds = await this.getUserItemIds();
 			itemIds = Object.getOwnPropertyNames(itemIds || {});
@@ -36,19 +37,21 @@
 			if (!itemIds.length) {
 				d.resolve([]);
 			}
-
+			var remoteDb = await window.db.getDb();
 			const items = [];
-			for (let i = 0; i < itemIds.length; i++) {
+			remoteDb
-				const id = itemIds[i];
+				.collection('items')
-				utils.log('Starting to fetch item ', id);
+				.where('createdBy', '==', window.user.uid)
-				this.getItem(id).then(item => {
+				.onSnapshot(function(querySnapshot) {
-					items.push(item);
+					querySnapshot.forEach(function(doc) {
-					// Check if we have all items now.
+						items.push(doc.data());
-					if (itemIds.length === items.length) {
+					});
-						d.resolve(items);
+					utils.log('Items fetched in ', Date.now()-t, 'ms')
-					}
+
+					d.resolve(items);
+				}, function() {
+					d.resolve([])
 				});
-			}
 			return d.promise;
 		},
 

src/script.js

@@ -509,7 +509,7 @@ loginModal, profileModal, profileAvatarImg, profileUserName, openItemsBtn
 		var items = [];
 		if (!window.IS_EXTENSION && window.user) {
 			items = await itemService.getAllItems();
-
+			utils.log('got items')
 			if (shouldSaveGlobally) {
 				items.forEach(item => {
 					savedItems[item.id] = item;