{
  "name": ["黄玄", "Hux", "@huxpro"],
  "icons": [{










   }],
  "start_url": "            ",
  "social_network": ["     ", "      ", "    "],
  "work_experience": ["@alibaba", "@wepiao"]
}

// register Service Worker in index.html
if('serviceWorker' in navigator) {
  navigator.serviceWorker
    .register('/sw.js')
    .then( registration => {
      console.log('Service Worker Registered');
    }).catch( error => {
      console.log('Registration failed with' + error);
    })
}

/* sw.js */
self.onfetch = (e) => {
  e.respondWith(new Response('Hello World from SW!'))
}

[SecureContext, Exposed=(Window,Worker)]
interface ServiceWorker : EventTarget {
  readonly attribute USVString scriptURL;
  readonly attribute ServiceWorkerState state;
  void postMessage(any message, optional sequence<object> transfer = []);

  // event
  attribute EventHandler onstatechange;
};
ServiceWorker implements AbstractWorker;

// sw.js
self.oninstall = (e) => {
  e.waitUntil(
    caches.open('installation')
      .then(cache =>  cache.addAll([
        '/styles.css',
        '/script.js'
      ]))
  )
});

self.onfetch = (e) => {
  const fetched = fetch(e.request)
  const cached = caches.match(e.request)
  const sorry = caches.match('offline.html')

  e.respondWith(
    fetched.catch(_ => cached).then(res => res || sorry)
  )
}

self.onfetch = (e) => {
  // chrome would disk-cache any res with no 'cache-control',
  // which broke the assumption here we want 
  // fetching index.html failed on offline
  const fetched = fetch(`${e.request.url}?${Date.now()}`)
  // but would also break revalidation depends on your CDN 
  const cached = caches.match(e.request)
  const sorry = caches.match('offline.html')

  e.respondWith(
    fetched.catch(_ => cached).then(res => res || sorry)
  )
}

interface ExtendableEvent : Event {
  void waitUntil(Promise<any> f);
};

interface FetchEvent : ExtendableEvent {
  [SameObject] readonly attribute Request request;
  void respondWith(Promise<Response> r);
};

[Exposed=ServiceWorker]
interface Clients {
  // Jake: take control of uncontrolled clients
  [NewObject] Promise<void> claim();
};

self.onfetch = (e) => {
  const cached = caches.match(e.request)
  const fallback = caches.match('offline.html')
  const fetched = fetch(`${e.request.url}?${Date.now()}`)


  e.respondWith(
    cached
      .then(res => res || fetched)
      .catch(_ => fallback)
  )
}

self.onfetch = (e) => {
  const cached = caches.match(e.request)
  const fallback = caches.match('offline.html')
  const fetched = fetch(`${e.request.url}?${Date.now()}`)


  e.respondWith(
    Promise.race([fetched.catch(_ => cached), cached])
      .then(resp => resp || fetched)
      .catch(_ => fallback)
  )
}

self.onfetch = (e) => {
  const cached = caches.match(e.request)
  const fallback = caches.match('offline.html')
  const fetched = fetch(`${e.request.url}?${Date.now()}`)
  const fetchedCopy = fetched.then(_ => _.clone())

  e.respondWith(
    cached
      .then(res => res || fetched)
      .catch(_ => fallback)
  )

  e.waitUntil(
    Promise.all([fetchedCopy, caches.open('runtime')])
      .then(([resp, cache]) => resp.ok && cache.put(e.request, resp))
      .catch(_ => {/* swallow */})
  )
}

self.onfetch = (e) => {
  const cached = caches.match(e.request)
  const fallback = caches.match('offline.html')
  const fetched = fetch(`${e.request.url}?${Date.now()}`)
  const fetchedCopy = fetched.then(_ => _.clone())

  e.respondWith(
    Promise.race([fetched.catch(_ => cached), cached])
      .then(resp => resp || fetched)
      .catch(_ => fallback)
  )

  e.waitUntil(
    Promise.all([fetchedCopy, caches.open('runtime')])
      .then(([resp, cache]) => resp.ok && cache.put(e.request, resp))
      .catch(_ => {/* swallow */})
  )
}

interface ServiceWorkerRegistration : EventTarget {
  readonly attribute ServiceWorker? installing;
  readonly attribute ServiceWorker? waiting;
  readonly attribute ServiceWorker? active;
}

self.onactivate = (event) => {
  // delete any caches that aren't in expectedCaches
  event.waitUntil(
    caches.keys().then(keys => Promise.all(
      keys.map(key => {
        if (!expectedCaches.includes(key)) {
          return caches.delete(key);
        }
      })
    )).then(console.log("V2 is ready!");)
  );
});