@vite-pwa/nuxt 0.3.4 → 0.3.6

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.6"
 }

package/dist/module.mjs

@@ -1,10 +1,12 @@
 import { join } from 'node:path';
-import { writeFile, mkdir } from 'node:fs/promises';
+import { lstat, writeFile, mkdir } from 'node:fs/promises';
 import { defineNuxtModule, createResolver, getNuxtVersion, addPlugin, addComponent, extendWebpackConfig } from '@nuxt/kit';
 import { VitePWA } from 'vite-plugin-pwa';
+import { createHash } from 'node:crypto';
+import { createReadStream } from 'node:fs';
 import { resolve } from 'pathe';
 
-const version = "0.3.4";
+const version = "0.3.6";
 
 function configurePWAOptions(nuxt3_8, options, nuxt, nitroConfig) {
   if (!options.outDir) {
@@ -53,11 +55,11 @@ function configurePWAOptions(nuxt3_8, options, nuxt, nitroConfig) {
     config.globPatterns.push(`${appManifestFolder}**/*.json`);
   }
   if (!nuxt.options.dev && !config.manifestTransforms)
-    config.manifestTransforms = [createManifestTransform(nuxt.options.app.baseURL ?? "/", appManifestFolder)];
+    config.manifestTransforms = [createManifestTransform(nuxt.options.app.baseURL ?? "/", options.outDir, appManifestFolder)];
 }
-function createManifestTransform(base, appManifestFolder) {
+function createManifestTransform(base, publicFolder, appManifestFolder) {
   return async (entries) => {
-    entries.filter((e) => e && e.url.endsWith(".html")).forEach((e) => {
+    entries.filter((e) => e.url.endsWith(".html")).forEach((e) => {
       const url = e.url.startsWith("/") ? e.url.slice(1) : e.url;
       if (url === "index.html") {
         e.url = base;
@@ -69,9 +71,32 @@ function createManifestTransform(base, appManifestFolder) {
     });
     if (appManifestFolder) {
       const regExp = /(\/)?[0-9a-f]{8}\b-[0-9a-f]{4}\b-[0-9a-f]{4}\b-[0-9a-f]{4}\b-[0-9a-f]{12}\.json$/i;
-      entries.filter((e) => e && e.url.startsWith(appManifestFolder) && regExp.test(e.url)).forEach((e) => {
+      entries.filter((e) => e.url.startsWith(appManifestFolder) && regExp.test(e.url)).forEach((e) => {
         e.revision = null;
       });
+      const latest = `${appManifestFolder}latest.json`;
+      const latestJson = resolve(publicFolder, latest);
+      const data = await lstat(latestJson).catch(() => void 0);
+      if (data?.isFile()) {
+        const revision = await new Promise((resolve2, reject) => {
+          const cHash = createHash("MD5");
+          const stream = createReadStream(latestJson);
+          stream.on("error", (err) => {
+            reject(err);
+          });
+          stream.on("data", (chunk) => cHash.update(chunk));
+          stream.on("end", () => {
+            resolve2(cHash.digest("hex"));
+          });
+        });
+        const latestEntry = entries.find((e) => e.url === latest);
+        if (latestEntry)
+          latestEntry.revision = revision;
+        else
+          entries.push({ url: latest, revision, size: data.size });
+      } else {
+        entries = entries.filter((e) => e.url !== latest);
+      }
     }
     return { manifest: entries, warnings: [] };
   };
@@ -192,8 +217,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,8 +1,8 @@
 {
   "name": "@vite-pwa/nuxt",
   "type": "module",
-  "version": "0.3.4",
-  "packageManager": "pnpm@8.11.0",
+  "version": "0.3.6",
+  "packageManager": "pnpm@8.12.1",
   "description": "Zero-config PWA for Nuxt 3",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",