index.js

const { logger, fs, path } = require('@vuepress/shared-utils')

module.exports = (options, context) => ({
  ready () {
    options = Object.assign({
      serviceWorker: true,
      popupComponent: 'SWUpdatePopup'
    }, options)
  },

  alias: {
    '@sw-event': path.resolve(__dirname, 'lib/event.js')
  },

  define () {
    const { serviceWorker, updatePopup } = options
    const base = context.base || '/'
    return {
      SW_BASE_URL: base,
      SW_ENABLED: !!serviceWorker,
      SW_UPDATE_POPUP: updatePopup || false
    }
  },

  // TODO support components option
  // components: [
  //   { name: 'SWUpdatePopup', path: path.resolve(__dirname, 'lib/SWUpdatePopup.vue') }
  // ],

  globalUIComponents: options.updatePopup ? options.popupComponent : undefined,

  enhanceAppFiles: path.resolve(__dirname, 'lib/enhanceAppFile.js'),

  async generated () {
    const { serviceWorker } = options
    const { outDir } = context
    const swFilePath = path.resolve(outDir, 'service-worker.js')
    if (serviceWorker) {
      logger.wait('Generating service worker...')
      const wbb = require('workbox-build')
      await wbb.generateSW({
        swDest: swFilePath,
        globDirectory: outDir,
        globPatterns: ['**\/*.{js,css,html,png,jpg,jpeg,gif,svg,woff,woff2,eot,ttf,otf}'],
        ...(options.generateSWConfig || {})
      })
      await fs.writeFile(
        swFilePath,
        await fs.readFile(path.resolve(__dirname, 'lib/skip-waiting.js'), 'utf8'),
        { flag: 'a' }
      )
    }
  }
})