PWA

[ghostdevv]

Would be awesome of npmx was a simple PWA, no need for anything fancy!

[ghostdevv]

cc: @userquin :p

[okineadev]

I want to do it right now

[shuuji3]

We can use this package: @vite-pwa/nuxt · Nuxt Modules - https://nuxt.com/modules/vite-pwa-nuxt

The latest version 1.1.1 was just released yesterday by @userquin 🙂

[okineadev]

I'm working on this now, but the problem is that because of that disable: true manifest.webmanifest is not injected, and if I change the value to true - then sw.js is generated, which is not needed

export default defineNuxtConfig({
  ...
  pwa: {
    // Disable service worker
    disable: true,
    pwaAssets: {
      config: false,
    },
    manifest: {
      name: 'npmx',
      short_name: 'npmx',
      description: 'A fast, modern browser for the npm registry',
      theme_color: '#0a0a0a',
      background_color: '#0a0a0a',
      icons: [
        {
          src: 'pwa-64x64.png',
          sizes: '64x64',
          type: 'image/png',
        },
        {
          src: 'pwa-192x192.png',
          sizes: '192x192',
          type: 'image/png',
        },
        {
          src: 'pwa-512x512.png',
          sizes: '512x512',
          type: 'image/png',
          purpose: 'any',
        },
        {
          src: 'maskable-icon-512x512.png',
          sizes: '512x512',
          type: 'image/png',
          purpose: 'maskable',
        },
      ],
    },
  },
})

[userquin]

Add injectRegister: false below disable: false and disable nuxt pwa plugin:

pwa: {
  disable: false,
  injectRegister: false,
  client: {
     registerPlugin: false,
  },
  /* manifest options */
}

Previous configuration should prevent installing the generated sw.

[gameroman]

Probably related to #2982