Add caching to API requests

Release v1.2

Author: sidvishnoi

README.md

@@ -2,7 +2,7 @@
 
 > A Chrome extension that filters through Facebook Dev Circles around the world to get only the interesting posts in your feed.
 
-## [Download the extension (.crx)](https://github.com/sidvishnoi/fb-dev-interest/releases/download/v1.1/Merge.Facebook.Dev.Circles.by.Interests.crx)
+## [Download the extension (.crx)](https://github.com/sidvishnoi/fb-dev-interest/releases/download/v1.2/Merge.Facebook.Dev.Circles.by.Interests.crx)
 
 # How to Install
 

dist/inject.js

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "Merge Facebook Dev Circles by Interests",
   "description": "A Chrome extension that filters through Facebook Dev Circles around the world to get only the interesting posts in your feed.",
-  "version": "1.0",
+  "version": "1.2",
   "icons":
   {
     "16": "icon16.png",

dist/manifest.json

@@ -222,10 +222,22 @@ fbDevInterest.getComments = function(postid, parent) {
   const commentsArea = createCommentArea(postid, parent);
 
   const fetchUrl = self.COMMENTS_API_URL.replace('POSTID', postid);
+
+  let cachedResult = localStorage.getItem(fetchUrl);
+  if (cachedResult) {
+    cachedResult = JSON.parse(cachedResult);
+    const minuteDiff = (new Date() - new Date(cachedResult.last_fetch_time)) / (1000*60);
+    if (minuteDiff < 10) { // 10 min cache
+      return handleJsonResponse(cachedResult);
+    }
+  }
+
   self.requestList.add(fetchUrl);
   fetch(fetchUrl)
     .then(res => res.json())
     .then((json) => {
+      json.last_fetch_time = new Date();
+      localStorage.setItem(fetchUrl, JSON.stringify(json));
       self.requestList.delete(fetchUrl);
       self.showComments(json, commentsArea);
     })
@@ -451,10 +463,22 @@ fbDevInterest.getGroupFeed = function(options) {
     });
     self.showPost(errorPost);
   }
+
+  let cachedResult = localStorage.getItem(fetchUrl);
+  if (cachedResult) {
+    cachedResult = JSON.parse(cachedResult);
+    const minuteDiff = (new Date() - new Date(cachedResult.last_fetch_time)) / (1000*60);
+    if (minuteDiff < 10) { // 10 min cache
+      return handleJsonResponse(cachedResult);
+    }
+  }
+
   self.requestList.add(fetchUrl);
   fetch(fetchUrl)
     .then((res) => res.json())
     .then((json) => {
+      json.last_fetch_time = new Date();
+      localStorage.setItem(fetchUrl, JSON.stringify(json));
       self.requestList.delete(fetchUrl);
       handleJsonResponse(json);
     })

inject.js

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "Merge Facebook Dev Circles by Interests",
   "description": "A Chrome extension that filters through Facebook Dev Circles around the world to get only the interesting posts in your feed.",
-  "version": "1.0",
+  "version": "1.2",
   "icons":
   {
     "16": "icon16.png",