vue-docs/dist/server/sw.js

vue docs

'use strict';

var _assign = require('babel-runtime/core-js/object/assign');

var _assign2 = _interopRequireDefault(_assign);

var _promise = require('babel-runtime/core-js/promise');

var _promise2 = _interopRequireDefault(_promise);

var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');

var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

// @flow weak
/* eslint-disable no-console */

var DEBUG = false;

// When the user navigates to your site,
// the browser tries to redownload the script file that defined the service
// worker in the background.
// If there is even a byte's difference in the service worker file compared
// to what it currently has, it considers it 'new'.
var assets = global.serviceWorkerOption.assets;


var CACHE_NAME = new Date().toISOString();

var assetsToCache = [].concat((0, _toConsumableArray3.default)(assets));

assetsToCache = assetsToCache.map(function (path) {
    return new URL(path, global.location).toString();
});

// When the service worker is first added to a computer.
self.addEventListener('install', function (event) {
    // Perform install steps.
    if (DEBUG) {
        console.log('[SW] Install event');
    }

    // Add core website files to cache during serviceworker installation.
    event.waitUntil(global.caches.open(CACHE_NAME).then(function (cache) {
        return cache.addAll(assetsToCache);
    }).then(function () {
        if (DEBUG) {
            console.log('Cached assets: main', assetsToCache);
        }
    }).catch(function (error) {
        console.error(error);
        throw error;
    }));
});

// After the install event.
self.addEventListener('activate', function (event) {
    if (DEBUG) {
        console.log('[SW] Activate event');
    }

    // Clean the caches
    event.waitUntil(global.caches.keys().then(function (cacheNames) {
        return _promise2.default.all(cacheNames.map(function (cacheName) {
            // Delete the caches that are not the current one.
            if (cacheName.indexOf(CACHE_NAME) === 0) {
                return null;
            }

            return global.caches.delete(cacheName);
        }));
    }));
});

self.addEventListener('message', function (event) {
    switch (event.data.action) {
        case 'skipWaiting':
            if (self.skipWaiting) {
                self.skipWaiting();
                self.clients.claim();
            }
            break;
        default:
            break;
    }
});

self.addEventListener('fetch', function (event) {
    var request = event.request;

    // Ignore not GET request.
    if (request.method !== 'GET') {
        if (DEBUG) {
            console.log('[SW] Ignore non GET request ' + request.method);
        }
        return;
    }

    var requestUrl = new URL(request.url);

    // Ignore difference origin.
    if (requestUrl.origin !== location.origin) {
        if (DEBUG) {
            console.log('[SW] Ignore difference origin ' + requestUrl.origin);
        }
        return;
    }

    var resource = global.caches.match(request).then(function (response) {
        if (response) {
            if (DEBUG) {
                console.log('[SW] fetch URL ' + requestUrl.href + ' from cache');
            }

            return response;
        }

        // Load and cache known assets.
        return fetch(request).then(function (responseNetwork) {
            if (!responseNetwork || !responseNetwork.ok) {
                if (DEBUG) {
                    console.log('[SW] URL [' + requestUrl.toString() + '] wrong responseNetwork: ' + responseNetwork.status + ' ' + responseNetwork.type);
                }

                return responseNetwork;
            }

            if (DEBUG) {
                console.log('[SW] URL ' + requestUrl.href + ' fetched');
            }

            var responseCache = responseNetwork.clone();

            global.caches.open(CACHE_NAME).then(function (cache) {
                return cache.put(request, responseCache);
            }).then(function () {
                if (DEBUG) {
                    console.log('[SW] Cache asset: ' + requestUrl.href);
                }
            });

            return responseNetwork;
        }).catch(function () {
            // User is landing on our page.
            if (event.request.mode === 'navigate') {
                return global.caches.match('./');
            }

            return null;
        });
    });

    // optimize image of webp
    if (request.headers.get('accept').includes('webp') && /\.jpe?g$|.png$/i.test(request.url)) {
        var url = request.url.replace(/\.[^\.]*?$/, '.webp');
        event.respondWith(fetch(new Request(url, (0, _assign2.default)({}, request))));
    }
    event.respondWith(resource);
});