forked from udacity/mws-restaurant-stage-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sw.js
110 lines (103 loc) · 3.45 KB
/
sw.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
importScripts('/sw-lib/idb.js');
importScripts('config.js');
var CACHE_NAME = 'restaurant-reviews-cache-v1';
var urlsToCache = [
'/',
'index.html',
'restaurant.html',
'css/styles.css',
'dist/index.js',
'dist/restaurant.js',
'svg/star.svg',
'icons/favicon-32x32.png',
'icons/favicon-16x16.png',
'https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css',
'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700',
];
self.addEventListener('install', function (event) {
event.waitUntil(
caches.open(CACHE_NAME).then(function (cache) {
return cache.addAll(urlsToCache);
}).catch(function (error) {
console.log('Error on cache open', error);
})
);
});
self.addEventListener('fetch', function (event) {
/* Map assets */
if (event.request.url.indexOf('reviews') !== -1 ||
event.request.url.indexOf('https://maps.googleapis.com/maps/api/js') === 0 ||
event.request.url.indexOf('mapfiles/') > 0 ||
event.request.url.indexOf('maps/vt') > 0 ||
event.request.url.indexOf('maps-api-v3/api/') > 0) {
event.respondWith(
fetch(event.request).then(function (response) {
return response;
}).catch(function () {
return new Response();
})
)
} else {
event.respondWith(
caches.match(event.request).then(function (cacheResponse) {
return cacheResponse || fetch(event.request).then(function (networkResponse) {
return caches.open(CACHE_NAME).then(function (cache) {
cache.put(event.request, networkResponse.clone());
return networkResponse;
}).catch(function (error) {
console.log('Error on cache open', error);
})
}).catch(function (error) {
console.log('Error on fetch', error);
})
}).catch(function (error) {
console.log('Cache match error', error);
})
);
}
});
/**
* Background sync of review
*
* Made learning this beautiful article about Background Sync
* https://www.twilio.com/blog/2017/02/send-messages-when-youre-back-online-with-service-workers-and-background-sync.html
*/
self.addEventListener('sync', function (event) {
if (event.tag === 'pending-reviews') {
event.waitUntil(addReview());
}
});
function addReview() {
return idb.open('mws-pending-reviews', 1)
.then(function (db) {
var transaction = db.transaction('pending-reviews', 'readonly');
return transaction.objectStore('pending-reviews').getAll();
})
.then(function (reviews) {
return Promise.all(reviews.map(function (review) {
var config = {
method: 'POST',
headers: {
'Content-type': 'application/json',
},
body: JSON.stringify(review),
};
return fetch(self.CONFIG.HOST + 'reviews/', config)
.then(function(response) {
return response.json();
})
.then(function(response) {
console.log('Review added', response);
idb.open('mws-pending-reviews', 1)
.then(function (db) {
console.log('Review removed from IDB', response);
var transaction = db.transaction('pending-reviews', 'readwrite');
return transaction.objectStore('pending-reviews').delete(review.restaurant_id);
})
})
.catch(function(error) {
console.error(error);
});
}));
});
}