@vite-pwa/nuxt 0.3.4 → 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.4"
+  "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.4";
+const version = "0.3.5";
 
 function configurePWAOptions(nuxt3_8, options, nuxt, nitroConfig) {
   if (!options.outDir) {
@@ -192,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.4",
+  "version": "0.3.5",
   "packageManager": "pnpm@8.11.0",
   "description": "Zero-config PWA for Nuxt 3",
   "author": "antfu <anthonyfu117@hotmail.com>",
@@ -97,4 +97,4 @@
   "stackblitz": {
     "startCommand": "nr prepack && nr dev:prepare && nr dev"
   }
-}
+}