mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
removed serviceworker
This commit is contained in:
Kasper Rynning-Tønnesen
@@ -35,8 +35,8 @@
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
|
||||
<script type="text/javascript" src="/static/dist/lib/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript" src="/static/dist/lib/jquery-ui-1.10.3.min.js"></script>
|
||||
<script type="text/javascript" src="/static/dist/lib/materialize.min.js"></script>
|
||||
<script type="text/javascript" src="//cdn.socket.io/socket.io-1.4.5.js"></script>
|
||||
<script type="text/javascript" src="/static/dist/lib/jquery.lazyload.js"></script>
|
||||
|
||||
4
static/dist/main.min.js
vendored
4
static/dist/main.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -54,9 +54,9 @@ var connection_options = {
|
||||
'force new connection': true
|
||||
};
|
||||
|
||||
|
||||
/*
|
||||
if (navigator.serviceWorker) {
|
||||
navigator.serviceWorker.register('/static/service-worker.js', {scope: '/static/'})
|
||||
navigator.serviceWorker.register('/service-worker.js', {scope: '/'})
|
||||
.then(function (registration) {
|
||||
console.log(registration);
|
||||
})
|
||||
@@ -65,7 +65,7 @@ if (navigator.serviceWorker) {
|
||||
})
|
||||
} else {
|
||||
console.log('Service Worker is not supported in this browser.');
|
||||
}
|
||||
}*/
|
||||
|
||||
$().ready(function(){
|
||||
if(!window.fromFront && window.location.pathname != "/") init();
|
||||
@@ -74,7 +74,7 @@ $().ready(function(){
|
||||
|
||||
function init(){
|
||||
|
||||
chan = window.chan == undefined ? $("#chan").html() : window.chan;
|
||||
chan = $("#chan").html();
|
||||
console.log(chan);
|
||||
mobile_beginning = window.mobilecheck();
|
||||
|
||||
|
||||
@@ -1,63 +1,199 @@
|
||||
importScripts('/static/dist/lib/cache-polyfill.js');
|
||||
//importScripts('/static/dist/lib/cache-polyfill.js');
|
||||
|
||||
var CACHE_VERSION = 'app-v1';
|
||||
var CACHE_VERSION = 'zoff-v1.2';
|
||||
var CACHE_FILES = [
|
||||
'/static/dist/lib/jquery-2.1.3.min.js',
|
||||
'/static/dist/lib/jquery-ui-1.10.3.min.js',
|
||||
'/static/images/favicon.png',
|
||||
'/static/css/style.css',
|
||||
'/static/css/materialize.min.css',
|
||||
'/static/dist/lib/materialize.min.js',
|
||||
'https://cdn.socket.io/socket.io-1.4.5.js'
|
||||
'/static/dist/lib/jquery.lazyload.js',
|
||||
'/static/dist/lib/color-thief.js',
|
||||
'/static/dist/main.min.js'
|
||||
'/static/dist/main.min.js',
|
||||
'/static/images/squareicon_small.png',
|
||||
'/static/images/GitHub_Logo.png',
|
||||
'/static/images/facebook.png',
|
||||
'/static/images/twitter.png'
|
||||
];
|
||||
|
||||
self.addEventListener('install', function (event) {
|
||||
|
||||
console.log("asde");
|
||||
|
||||
self.addEventListener("install", function(event) {
|
||||
console.log('WORKER: install event in progress.');
|
||||
event.waitUntil(
|
||||
caches.open(CACHE_VERSION)
|
||||
.then(function (cache) {
|
||||
console.log('Opened cache');
|
||||
return cache.addAll(CACHE_FILES);
|
||||
})
|
||||
/* The caches built-in is a promise-based API that helps you cache responses,
|
||||
as well as finding and deleting them.
|
||||
*/
|
||||
caches
|
||||
/* You can open a cache by name, and this method returns a promise. We use
|
||||
a versioned cache name here so that we can remove old cache entries in
|
||||
one fell swoop later, when phasing out an older service worker.
|
||||
*/
|
||||
.open(version + 'fundamentals')
|
||||
.then(function(cache) {
|
||||
/* After the cache is opened, we can fill it with the offline fundamentals.
|
||||
The method below will add all resources we've indicated to the cache,
|
||||
after making HTTP requests for each of them.
|
||||
*/
|
||||
return cache.addAll([
|
||||
'/static/dist/lib/jquery-2.1.3.min.js',
|
||||
'/static/dist/lib/jquery-ui-1.10.3.min.js',
|
||||
'/static/images/favicon.png',
|
||||
'/static/css/style.css',
|
||||
'/static/css/materialize.min.css',
|
||||
'/static/dist/lib/materialize.min.js',
|
||||
'https://cdn.socket.io/socket.io-1.4.5.js'
|
||||
'/static/dist/lib/jquery.lazyload.js',
|
||||
'/static/dist/lib/color-thief.js',
|
||||
'/static/dist/main.min.js',
|
||||
'/static/images/squareicon_small.png',
|
||||
'/static/images/GitHub_Logo.png',
|
||||
'/static/images/facebook.png',
|
||||
'/static/images/twitter.png'
|
||||
]);
|
||||
})
|
||||
.then(function() {
|
||||
console.log('WORKER: install completed');
|
||||
})
|
||||
);
|
||||
});
|
||||
|
||||
self.addEventListener('activate', function (event) {
|
||||
self.addEventListener("activate", function(event) {
|
||||
/* Just like with the install event, event.waitUntil blocks activate on a promise.
|
||||
Activation will fail unless the promise is fulfilled.
|
||||
*/
|
||||
console.log('WORKER: activate event in progress.');
|
||||
|
||||
event.waitUntil(
|
||||
caches.keys().then(function(keys){
|
||||
return Promise.all(keys.map(function(key, i){
|
||||
if(key !== CACHE_VERSION){
|
||||
return caches.delete(keys[i]);
|
||||
}
|
||||
}))
|
||||
caches
|
||||
/* This method returns a promise which will resolve to an array of available
|
||||
cache keys.
|
||||
*/
|
||||
.keys()
|
||||
.then(function (keys) {
|
||||
// We return a promise that settles when all outdated caches are deleted.
|
||||
return Promise.all(
|
||||
keys
|
||||
.filter(function (key) {
|
||||
// Filter by keys that don't start with the latest version prefix.
|
||||
return !key.startsWith(version);
|
||||
})
|
||||
.map(function (key) {
|
||||
/* Return a promise that's fulfilled
|
||||
when each outdated cache is deleted.
|
||||
*/
|
||||
return caches.delete(key);
|
||||
})
|
||||
);
|
||||
})
|
||||
)
|
||||
.then(function() {
|
||||
console.log('WORKER: activate completed.');
|
||||
})
|
||||
);
|
||||
});
|
||||
|
||||
self.addEventListener('fetch', function (event) {
|
||||
self.addEventListener("fetch", function(event) {
|
||||
console.log('WORKER: fetch event in progress.');
|
||||
|
||||
/* We should only cache GET requests, and deal with the rest of method in the
|
||||
client-side, by handling failed POST,PUT,PATCH,etc. requests.
|
||||
*/
|
||||
if (event.request.method !== 'GET') {
|
||||
/* If we don't block the event as shown below, then the request will go to
|
||||
the network as usual.
|
||||
*/
|
||||
console.log('WORKER: fetch event ignored.', event.request.method, event.request.url);
|
||||
return;
|
||||
}
|
||||
/* Similar to event.waitUntil in that it blocks the fetch event on a promise.
|
||||
Fulfillment result will be used as the response, and rejection will end in a
|
||||
HTTP response indicating failure.
|
||||
*/
|
||||
event.respondWith(
|
||||
caches.match(event.request).then(function(res){
|
||||
if(res){
|
||||
return res;
|
||||
caches
|
||||
/* This method returns a promise that resolves to a cache entry matching
|
||||
the request. Once the promise is settled, we can then provide a response
|
||||
to the fetch request.
|
||||
*/
|
||||
.match(event.request)
|
||||
.then(function(cached) {
|
||||
/* Even if the response is in our cache, we go to the network as well.
|
||||
This pattern is known for producing "eventually fresh" responses,
|
||||
where we return cached responses immediately, and meanwhile pull
|
||||
a network response and store that in the cache.
|
||||
Read more:
|
||||
https://ponyfoo.com/articles/progressive-networking-serviceworker
|
||||
*/
|
||||
var networked = fetch(event.request)
|
||||
// We handle the network request with success and failure scenarios.
|
||||
.then(fetchedFromNetwork, unableToResolve)
|
||||
// We should catch errors on the fetchedFromNetwork handler as well.
|
||||
.catch(unableToResolve);
|
||||
|
||||
/* We return the cached response immediately if there is one, and fall
|
||||
back to waiting on the network as usual.
|
||||
*/
|
||||
console.log('WORKER: fetch event', cached ? '(cached)' : '(network)', event.request.url);
|
||||
return cached || networked;
|
||||
|
||||
function fetchedFromNetwork(response) {
|
||||
/* We copy the response before replying to the network request.
|
||||
This is the response that will be stored on the ServiceWorker cache.
|
||||
*/
|
||||
var cacheCopy = response.clone();
|
||||
|
||||
console.log('WORKER: fetch response from network.', event.request.url);
|
||||
|
||||
caches
|
||||
// We open a cache to store the response for this request.
|
||||
.open(version + 'pages')
|
||||
.then(function add(cache) {
|
||||
/* We store the response for this request. It'll later become
|
||||
available to caches.match(event.request) calls, when looking
|
||||
for cached responses.
|
||||
*/
|
||||
cache.put(event.request, cacheCopy);
|
||||
})
|
||||
.then(function() {
|
||||
console.log('WORKER: fetch response stored in cache.', event.request.url);
|
||||
});
|
||||
|
||||
// Return the response so that the promise is settled in fulfillment.
|
||||
return response;
|
||||
}
|
||||
|
||||
/* When this method is called, it means we were unable to produce a response
|
||||
from either the cache or the network. This is our opportunity to produce
|
||||
a meaningful response even when all else fails. It's the last chance, so
|
||||
you probably want to display a "Service Unavailable" view or a generic
|
||||
error response.
|
||||
*/
|
||||
function unableToResolve () {
|
||||
/* There's a couple of things we can do here.
|
||||
- Test the Accept header and then return one of the `offlineFundamentals`
|
||||
e.g: `return caches.match('/some/cached/image.png')`
|
||||
- You should also consider the origin. It's easier to decide what
|
||||
"unavailable" means for requests against your origins than for requests
|
||||
against a third party, such as an ad provider
|
||||
- Generate a Response programmaticaly, as shown below, and return that
|
||||
*/
|
||||
|
||||
console.log('WORKER: fetch request failed in both cache and network.');
|
||||
|
||||
/* Here we're creating a response programmatically. The first parameter is the
|
||||
response body, and the second one defines the options for the response.
|
||||
*/
|
||||
return new Response('<h1>Service Unavailable</h1>', {
|
||||
status: 503,
|
||||
statusText: 'Service Unavailable',
|
||||
headers: new Headers({
|
||||
'Content-Type': 'text/html'
|
||||
})
|
||||
});
|
||||
}
|
||||
requestBackend(event);
|
||||
})
|
||||
)
|
||||
);
|
||||
});
|
||||
|
||||
function requestBackend(event){
|
||||
var url = event.request.clone();
|
||||
return fetch(url).then(function(res){
|
||||
//if not a valid response send the error
|
||||
if(!res || res.status !== 200 || res.type !== 'basic'){
|
||||
return res;
|
||||
}
|
||||
|
||||
var response = res.clone();
|
||||
|
||||
caches.open(CACHE_VERSION).then(function(cache){
|
||||
cache.put(event.request, response);
|
||||
});
|
||||
|
||||
return res;
|
||||
})
|
||||
}
|
||||
Reference in New Issue
Block a user