add final sw and app

build/sw.js

@@ -1,4 +1,6 @@
-const cacheVersion = 'cache-10';
+const cacheVersion = 'cache-100';
+const cacheContentImages = 'pokedex-content-imgs';
+
 self.addEventListener('install', function (event) {
   event.waitUntil(
     caches.open(cacheVersion).then(function (cache) {
@@ -24,7 +26,7 @@ self.addEventListener('activate', function (event) {
       return Promise.all(
         cacheNames.filter(function (cacheName) {
           return cacheName.startsWith('cache-') &&
-            cacheName != cacheVersion;
+            !cacheName.includes([cacheVersion, cacheContentImages]);
         }).map(function (cacheName) {
           return caches.delete(cacheName);
         })
@@ -33,9 +35,30 @@ self.addEventListener('activate', function (event) {
   );
 });
 self.addEventListener('fetch', function (event) {
+
+  if(event.request.url.startsWith('https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/')){
+    event.respondWith(serveAvatar(event.request));
+    return;
+  }
+
   event.respondWith(
     caches.match(event.request).then(function (response) {
       return response || fetch(event.request);
     })
   );
-});
+});
+
+ function serveAvatar(request) {
+  var storageUrl = request.url
+
+  return caches.open(cacheContentImages).then(function(cache) {
+    return cache.match(storageUrl).then(function(response) {
+      if (response) return response;
+
+      return fetch(request).then(function(networkResponse) {
+        cache.put(storageUrl, networkResponse.clone());
+        return networkResponse;
+      });
+    });
+  });
+}

entry.js

@@ -5,6 +5,7 @@ import { createLogger } from 'redux-logger'
 import Rx from 'rxjs'
 import Typography from 'typography'
 import { Scrollbars } from 'react-custom-scrollbars'
+import idb from 'idb'
 
 window.React = React
 window.ReactDOM = ReactDOM
@@ -17,4 +18,5 @@ window.Rx = Rx
 window.R = require('ramda')
 window.Typography = Typography
 window.ReactScrollbars = Scrollbars
+window.idb = idb
 

package.json

@@ -42,9 +42,7 @@
     "webpack-stream": "^4.0.0"
   },
   "dependencies": {
-    "@researchgate/react-intersection-observer": "^0.5.0",
-    "gulp-rename": "^1.2.2",
-    "intersection-observer": "^0.4.3",
+    "idb": "^2.0.4",
     "ramda": "^0.25.0",
     "react": "^16.1.1",
     "react-custom-scrollbars": "^4.2.1",