shadowsocks-manager/plugins/webgui/views/serviceworker.js

A shadowsocks manager tool for multi user and traffic control.

const ONLINE_CACHE_NAME = '2018-11-11 17:32:41 <%= serviceWorkerTime%>';
const isSWOpen = JSON.parse('<%= serviceWorker%>');

const emptyCacheUrl = [];
const onlineCacheUrl = [
  '/',

  '/favicon.png',
  '/libs/angular-material.min.css',
  '/libs/bundle.js',
  '/libs/lib.js',
  '/libs/MaterialIcons-Regular.eot',
  '/libs/MaterialIcons-Regular.ttf',
  '/libs/MaterialIcons-Regular.woff',
  '/libs/MaterialIcons-Regular.woff2',

  '/libs/style.css',
  
  '/public/views/skin/bing.html',
  '/public/views/skin/default.html',
  '/public/views/skin/fs_bing.html',

  '/public/views/home/home.html',
  '/public/views/home/index.html',
  '/public/views/home/login.html',
  '/public/views/home/macLogin.html',
  '/public/views/home/ref.html',
  '/public/views/home/refInput.html',
  '/public/views/home/resetPassword.html',
  '/public/views/home/signup.html',
  '/public/views/home/telegramLogin.html',

  '/public/views/user/account.html',
  '/public/views/user/changePassword.html',
  '/public/views/user/index.html',
  '/public/views/user/order.html',
  '/public/views/user/qrcodeDialog.html',
  '/public/views/user/ref.html',
  '/public/views/user/settings.html',
  '/public/views/user/telegram.html',
  '/public/views/user/user.html',

  '/public/views/admin/account.html',
  '/public/views/admin/accountPage.html',
  '/public/views/admin/accountSetting.html',
  '/public/views/admin/accountSortAndFilterDialog.html',
  '/public/views/admin/addAccount.html',
  '/public/views/admin/addGroup.html',
  '/public/views/admin/addServer.html',
  '/public/views/admin/addUser.html',
  '/public/views/admin/admin.html',
  '/public/views/admin/baseSetting.html',
  '/public/views/admin/changePassword.html',
  '/public/views/admin/editAccount.html',
  '/public/views/admin/editGroup.html',
  '/public/views/admin/editNotice.html',
  '/public/views/admin/editOrder.html',
  '/public/views/admin/editPayment.html',
  '/public/views/admin/editServer.html',
  '/public/views/admin/giftcardBatchDetails.html',
  '/public/views/admin/giftcardBatchList.html',
  '/public/views/admin/groupList.html',
  '/public/views/admin/index.html',
  '/public/views/admin/mailSetting.html',
  '/public/views/admin/newNotice.html',
  '/public/views/admin/newOrder.html',
  '/public/views/admin/notice.html',
  '/public/views/admin/orderFilterDialog.html',
  '/public/views/admin/pay.html',
  '/public/views/admin/paymentList.html',
  '/public/views/admin/paymentSetting.html',
  '/public/views/admin/pickAccount.html',
  '/public/views/admin/pickTime.html',
  '/public/views/admin/previewNotice.html',
  '/public/views/admin/refCodeList.html',
  '/public/views/admin/refSetting.html',
  '/public/views/admin/refUserList.html',
  '/public/views/admin/server.html',
  '/public/views/admin/serverPage.html',
  '/public/views/admin/settings.html',
  '/public/views/admin/telegramSetting.html',
  '/public/views/admin/unfinished.html',
  '/public/views/admin/user.html',
  '/public/views/admin/userPage.html',
  '/public/views/admin/userSortDialog.html',

  '/public/views/dialog/addAccount.html',
  '/public/views/dialog/addGiftCardBatch.html',
  '/public/views/dialog/alert.html',
  '/public/views/dialog/autopop.html',
  '/public/views/dialog/ban.html',
  '/public/views/dialog/changePassword.html',
  '/public/views/dialog/confirm.html',
  '/public/views/dialog/email.html',
  '/public/views/dialog/ip.html',
  '/public/views/dialog/language.html',
  '/public/views/dialog/order.html',
  '/public/views/dialog/pay.html',
  '/public/views/dialog/payByGiftCard.html',
  '/public/views/dialog/serverChart.html',
  '/public/views/dialog/setEmail.html',
  '/public/views/dialog/setUserGroup.html',
  '/public/views/dialog/subscribe.html',
];

self.addEventListener('activate', function(event) {
  const cacheWhitelist = [ONLINE_CACHE_NAME];
  event.waitUntil(
    caches.keys().then(function(keyList) {
      return Promise.all(keyList.map(function(key) {
        if (cacheWhitelist.indexOf(key) === -1) {
          console.log('delete ' + key);
          return caches.delete(key);
        }
      }));
    })
  );
});

self.addEventListener('install', event => {
  event.waitUntil(
    caches.open(ONLINE_CACHE_NAME)
    .then(function(cache) {
      console.log('Opened cache');
      return cache.addAll(isSWOpen ? onlineCacheUrl : emptyCacheUrl);
    })
  );
});

self.addEventListener('fetch', event => {
  const isMatch = () => {
    return (
      event.request.url.match(self.registration.scope + 'user/') ||
      event.request.url.match(self.registration.scope + 'home/') ||
      event.request.url.match(self.registration.scope + 'admin/')
    );
  };
  const isRoot = () => {
    return (event.request.url === self.registration.scope);
  };
  if (isMatch()) {
    event.respondWith(
      fetch(event.request)
      .then(response=> response)
      .catch(err => caches.match(new Request('/')))
      .then(response=> response)
    );
  } else if (isRoot()) {
    event.respondWith(
      fetch(event.request)
      .then(response=> response)
      .catch(err=> caches.match(event.request))
      .then(response => response)
    );
  } else {
    event.respondWith(
      caches.match(event.request)
      .then(response => {
        return response ? response : fetch(event.request);
      })
    );
  }
});

self.addEventListener('push', function (event) {
  // if (!(self.Notification && self.notification.permission === 'granted')) {
  //   return;
  // }
  const data = event.data.json();
  const title = data.title;
  event.waitUntil(
    self.registration.showNotification(title, {
      body: data.options.body,
      icon: '/favicon.png',
    }));
});

self.addEventListener('notificationclick', function(event) {
  event.notification.close();
  event.waitUntil(
    clients.openWindow(self.registration.scope)
  );
});