@vite-pwa/nuxt 0.3.3 → 0.3.5

package/configuration.d.ts

@@ -1,5 +1,6 @@
 declare module 'virtual:nuxt-pwa-configuration' {
   export const enabled: boolean
+  export const display: 'fullscreen' | 'standalone' | 'minimal-ui' | 'browser'
   export const installPrompt: string | undefined
   export const periodicSyncForUpdates: number
 }

package/dist/module.json

@@ -5,5 +5,5 @@
     "nuxt": "^3.6.5",
     "bridge": false
   },
-  "version": "0.3.3"
+  "version": "0.3.5"
 }

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { defineNuxtModule, createResolver, getNuxtVersion, addPlugin, addCompone
 import { VitePWA } from 'vite-plugin-pwa';
 import { resolve } from 'pathe';
 
-const version = "0.3.3";
+const version = "0.3.5";
 
 function configurePWAOptions(nuxt3_8, options, nuxt, nitroConfig) {
   if (!options.outDir) {
@@ -128,11 +128,6 @@ const module = defineNuxtModule({
         src: resolver.resolve(runtimeDir, "plugins/pwa.client"),
         mode: "client"
       });
-    } else {
-      addPlugin({
-        src: resolver.resolve(runtimeDir, "plugins/pwa.client.stub"),
-        mode: "client"
-      });
     }
     await Promise.all([
       addComponent({
@@ -145,8 +140,7 @@ const module = defineNuxtModule({
       })
     ]);
     nuxt.hook("prepare:types", ({ references }) => {
-      const types = resolver.resolve(runtimeDir, "plugins/types");
-      references.push({ path: resolver.resolve(nuxt.options.buildDir, types) });
+      references.push({ path: resolver.resolve(runtimeDir, "plugins/types") });
       references.push({ types: "@vite-pwa/nuxt/configuration" });
       references.push({ types: "vite-plugin-pwa/vue" });
       references.push({ types: "vite-plugin-pwa/info" });
@@ -198,8 +192,10 @@ const module = defineNuxtModule({
           },
           load(id) {
             if (id === resolvedConfiguration) {
+              const display = typeof options.manifest !== "boolean" ? options.manifest?.display ?? "standalone" : "standalone";
               const installPrompt = typeof client.installPrompt === "undefined" || client.installPrompt === false ? void 0 : client.installPrompt === true || client.installPrompt.trim() === "" ? "vite-pwa:hide-install" : client.installPrompt.trim();
               return `export const enabled = ${client.registerPlugin}
+export const display = '${display}'
 export const installPrompt = ${JSON.stringify(installPrompt)}
 export const periodicSyncForUpdates = ${typeof client.periodicSyncForUpdates === "number" ? client.periodicSyncForUpdates : 0}
 `;

package/dist/runtime/plugins/pwa.client.mjs

@@ -1,6 +1,6 @@
 import { nextTick, reactive, ref } from "vue";
 import { useRegisterSW } from "virtual:pwa-register/vue";
-import { installPrompt, periodicSyncForUpdates } from "virtual:nuxt-pwa-configuration";
+import { display, installPrompt, periodicSyncForUpdates } from "virtual:nuxt-pwa-configuration";
 import { defineNuxtPlugin } from "#imports";
 const plugin = defineNuxtPlugin(() => {
   const registrationError = ref(false);
@@ -9,8 +9,14 @@ const plugin = defineNuxtPlugin(() => {
   const hideInstall = ref(!installPrompt ? true : localStorage.getItem(installPrompt) === "true");
   const ua = navigator.userAgent;
   const ios = ua.match(/iPhone|iPad|iPod/);
-  const standalone = window.matchMedia("(display-mode: standalone)").matches;
-  const isInstalled = !!(standalone || ios && !ua.match(/Safari/));
+  const useDisplay = display === "standalone" || display === "minimal-ui" ? `${display}` : "standalone";
+  const standalone = window.matchMedia(`(display-mode: ${useDisplay})`).matches;
+  const isInstalled = ref(!!(standalone || ios && !ua.match(/Safari/)));
+  const isPWAInstalled = ref(isInstalled.value);
+  window.matchMedia(`(display-mode: ${useDisplay})`).addEventListener("change", (e) => {
+    if (!isPWAInstalled.value && e.matches)
+      isPWAInstalled.value = true;
+  });
   let swRegistration;
   const getSWRegistration = () => swRegistration;
   const registerPeriodicSync = (swUrl, r, timeout) => {
@@ -96,6 +102,7 @@ const plugin = defineNuxtPlugin(() => {
     provide: {
       pwa: reactive({
         isInstalled,
+        isPWAInstalled,
         showInstallPrompt,
         cancelInstall,
         install,

package/dist/runtime/plugins/types.d.ts

@@ -2,7 +2,11 @@ import type { Ref } from 'vue'
 import type { UnwrapNestedRefs } from 'vue'
 
 export interface PwaInjection {
+  /**
+   * @deprecated use `isPWAInstalled` instead
+   */
   isInstalled: boolean
+  isPWAInstalled: Ref<boolean>
   showInstallPrompt: Ref<boolean>
   cancelInstall: () => void
   install: () => Promise<void>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vite-pwa/nuxt",
   "type": "module",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "packageManager": "pnpm@8.11.0",
   "description": "Zero-config PWA for Nuxt 3",
   "author": "antfu <anthonyfu117@hotmail.com>",
@@ -43,7 +43,7 @@
     "dev:generate:netlify": "NITRO_PRESET=netlify nuxi generate playground",
     "dev:generate:vercel": "NITRO_PRESET=vercel nuxi generate playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "dev:preview:build": "nr dev:build && node playground/.output/server/index.mjs",
     "dev:preview:generate": "nr dev:generate && serve playground/dist",
     "release": "bumpp && npm publish",
@@ -97,4 +97,4 @@
   "stackblitz": {
     "startCommand": "nr prepack && nr dev:prepare && nr dev"
   }
-}
+}

package/dist/runtime/plugins/pwa.client.stub.d.ts

@@ -1,7 +0,0 @@
-import type { UnwrapNestedRefs } from 'vue';
-import type { PwaInjection } from './types';
-import type { Plugin } from '#app';
-declare const plugin: Plugin<{
-    pwa?: UnwrapNestedRefs<PwaInjection>;
-}>;
-export default plugin;

package/dist/runtime/plugins/pwa.client.stub.mjs

@@ -1,9 +0,0 @@
-import { defineNuxtPlugin } from "#imports";
-const plugin = defineNuxtPlugin(() => {
-  return {
-    provide: {
-      pwa: void 0
-    }
-  };
-});
-export default plugin;