@vuepress/plugin-pwa 2.0.0-rc.18 → 2.0.0-rc.20

package/lib/client/composables/index.d.ts

@@ -1,3 +1,4 @@
 export * from './setupPwa.js';
+export * from './setupViewPoint.js';
 export * from './usePwaEvent.js';
 export * from './useRegisterSW.js';

package/lib/client/composables/index.js

@@ -1,3 +1,4 @@
 export * from './setupPwa.js';
+export * from './setupViewPoint.js';
 export * from './usePwaEvent.js';
 export * from './useRegisterSW.js';

package/lib/client/composables/setupViewPoint.d.ts

@@ -0,0 +1 @@
+export declare const setupViewPoint: () => void;

package/lib/client/composables/setupViewPoint.js

@@ -0,0 +1,18 @@
+import { onMounted } from 'vue';
+export const setupViewPoint = () => {
+    onMounted(() => {
+        const isStandAlone = window.matchMedia('(display-mode: standalone)').matches;
+        if (isStandAlone) {
+            const head = document.head.querySelector('meta[name="viewport"]');
+            if (head) {
+                head.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover');
+                return;
+            }
+            const viewportMeta = document.createElement('meta');
+            viewportMeta.name = 'viewport';
+            viewportMeta.content =
+                'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover';
+            document.head.appendChild(viewportMeta);
+        }
+    });
+};

package/lib/node/injectLinksToHead.js

@@ -58,7 +58,5 @@ export const injectLinksToHead = (options, base = '/', head = []) => {
         setMeta('msapplication-TileImage', fallBackIcon);
         setMeta('msapplication-TileColor', options.themeColor || '#46bd87');
     }
-    // Enhance pwa experience
-    setMeta('viewport', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover');
     return head;
 };

package/lib/node/prepareConfigFile.js

@@ -27,6 +27,7 @@ import { PwaReadyPopup as _PwaReadyPopup } from "${options.readyComponent ||
 import { h }  from "vue";
 import { defineClientConfig } from "vuepress/client";
 import { setupPwa } from "${path.join(__dirname, '../client/composables/setupPwa.js')}";
+import { setupViewPoint } from "${path.join(__dirname, '../client/composables/setupViewPoint.js')}";
 ${configImport}
 import "${path.join(__dirname, '../client/styles/vars.css')}";
 
@@ -37,6 +38,7 @@ ${rootComponents.map((item) => `const ${item} = () => h(_${item}, { locales })`)
 export default defineClientConfig({
   setup: () => {
     setupPwa(__SW_PATH__, __SW_FORCE_UPDATE__);
+    setupViewPoint();
   },
   rootComponents: [
 ${rootComponents.map((item) => `    ${item},`).join('\n')}

package/lib/node/pwaPlugin.js

@@ -33,10 +33,7 @@ export const pwaPlugin = (options = {}) => (app) => {
                 'mitt',
                 'register-service-worker',
             ]);
-            addViteSsrNoExternal(bundlerOptions, app, [
-                '@vuepress/helper',
-                'vuepress-shared',
-            ]);
+            addViteSsrNoExternal(bundlerOptions, app, '@vuepress/helper');
             customizeDevServer(bundlerOptions, app, {
                 path: '/manifest.webmanifest',
                 response: async (_, response) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuepress/plugin-pwa",
-  "version": "2.0.0-rc.18",
+  "version": "2.0.0-rc.20",
   "description": "VuePress plugin - progressive web application",
   "keywords": [
     "vuepress-plugin",
@@ -41,7 +41,7 @@
     "style": "sass src:lib --no-source-map"
   },
   "dependencies": {
-    "@vuepress/helper": "~2.0.0-rc.18",
+    "@vuepress/helper": "~2.0.0-rc.19",
     "@vueuse/core": "^10.9.0",
     "mitt": "^3.0.1",
     "register-service-worker": "^1.7.2",
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8bad47f0dbefd1037574255bf95a719bb680f60e"
+  "gitHead": "7042b2665c01b45c39a511efe059aed11b77c6f3"
 }