@quasar/app-webpack/lib/modes/pwa/plugin.webpack.pwa-manifest.js

Quasar Framework App CLI with Webpack

const { sources } = require('webpack')
const { readFileSync } = require('node:fs')

const banner = 'PwaManifestPlugin'

function warn(msg) {
  console.warn(msg ? ` [warn] ${banner} ⚠️  ${msg}` : '')
}

module.exports.PwaManifestPlugin = class PwaManifestPlugin {
  #quasarConf

  constructor(cfg = {}) {
    this.#quasarConf = cfg
  }

  #createManifest() {
    const { appPkg } = this.#quasarConf.ctx.pkg

    const id = appPkg.name || 'quasar-pwa'

    let json
    try {
      json = JSON.parse(
        readFileSync(this.#quasarConf.metaConf.pwaManifestFile, 'utf-8')
      )
    } catch {
      warn('Could not compile PWA manifest.json. Please check its syntax.')
      json = {}
    }

    const pwaManifest = {
      id,
      name: appPkg.productName || appPkg.name || 'Quasar App',
      short_name: id,
      description: appPkg.description,
      display: 'standalone',
      start_url: this.#quasarConf.build.publicPath,
      ...json
    }

    if (typeof this.#quasarConf.pwa.extendManifestJson === 'function') {
      this.#quasarConf.pwa.extendManifestJson(pwaManifest)
    }

    return JSON.stringify(
      pwaManifest,
      null,
      this.#quasarConf.build.minify === true ? 2 : null
    )
  }

  apply(compiler) {
    compiler.hooks.thisCompilation.tap('PwaManifestPlugin', compilation => {
      compilation.hooks.processAssets.tap(
        {
          name: 'PwaManifestPlugin',
          stage: compilation.PROCESS_ASSETS_STAGE_ADDITIONS
        },
        () => {
          const pwaManifest = this.#createManifest()

          // we also inject it into htmlVariables
          // because it's later used by injectWebpackHtml()
          // and also it provides a good opportunity to be used in index.html template file
          this.#quasarConf.htmlVariables.pwaManifest = pwaManifest

          compilation.fileDependencies.add(
            this.#quasarConf.metaConf.pwaManifestFile
          )
          compilation.emitAsset(
            this.#quasarConf.pwa.manifestFilename,
            new sources.RawSource(pwaManifest)
          )
        }
      )

      return true
    })
  }
}