simplifying sw api?

sw.js

// before (waitUntil)
self.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open('simple-sw-v1').then(function(cache) {
      return cache.addAll([
        './',
        'style.css',
        'logging.js'
      ])
    })
  )
})

// after (waitUntil)
self.addEventListener('install', caches
  .open('simple-sw-v1')
  .then(cache => cache.addAll([
      './'
    , 'style.css'
    , 'logging.js'
    ])
  ))

// before (respondWith)
self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.match(event.request).then(function(response) {
      return response || fetch(event.request)
    })
  )
})

// after (respondWith)
self.addEventListener('fetch', event => {
  return caches
    .match(event.request)
    .then(response => response || fetch(event.request))
})

// note: it's not fundamentally not possible to use 
// async/await with the waitUntil/respondWith approach
// after - async/await (waitUntil)
self.addEventListener('install', async event => {
  const cache = await caches.open('simple-sw-v1')

  return cache.addAll([
      './'
    , 'style.css'
    , 'logging.js'
    ])
})

// after - async/await (respondWith)
self.addEventListener('fetch', async event => {
  const response = await caches.match(event.request)
  return response || fetch(event.request)
})