@quasar/app-vite/lib/modes/pwa/vite-plugin.pwa-resources.js

Quasar Framework App CLI with Vite

import { static as serveStatic } from 'express'

import { createHeadTags } from './utils.js'

export function quasarVitePluginPwaResources(quasarConf) {
  let pwaManifest = null
  let headTags
  let manifestContent

  const serviceWorkerDir =
    quasarConf.ctx.appPaths.resolve.entry('service-worker')

  function updateCache() {
    if (quasarConf.htmlVariables.pwaManifest === pwaManifest) return

    pwaManifest = quasarConf.htmlVariables.pwaManifest
    headTags = createHeadTags(quasarConf)
    manifestContent = JSON.stringify(pwaManifest)
  }

  return {
    name: 'quasar:pwa-resources',
    enforce: 'pre',

    transformIndexHtml: {
      handler: html => {
        updateCache()
        return html.replace(/(<\/head>)/i, (_, tag) => `${headTags}${tag}`)
      }
    },

    // runs for dev only to serve manifest and service-worker
    configureServer(server) {
      server.middlewares.use(
        `${quasarConf.build.publicPath}${quasarConf.pwa.manifestFilename}`,
        (_, res) => {
          updateCache()
          res.setHeader('Content-Type', 'application/json')
          res.end(manifestContent)
        }
      )

      server.middlewares.use(
        quasarConf.build.publicPath,
        serveStatic(serviceWorkerDir, { maxAge: 0 })
      )
    }
  }
}