@docusaurus/plugin-pwa 2.4.1 → 3.0.0-alpha.0

package/lib/index.js

@@ -10,11 +10,11 @@ exports.validateOptions = void 0;
 const tslib_1 = require("tslib");
 const path_1 = tslib_1.__importDefault(require("path"));
 const webpack_1 = tslib_1.__importDefault(require("webpack"));
+const webpackbar_1 = tslib_1.__importDefault(require("webpackbar"));
 const terser_webpack_plugin_1 = tslib_1.__importDefault(require("terser-webpack-plugin"));
 const workbox_build_1 = require("workbox-build");
 const utils_1 = require("@docusaurus/utils");
 const utils_2 = require("@docusaurus/core/lib/webpack/utils");
-const LogPlugin_1 = tslib_1.__importDefault(require("@docusaurus/core/lib/webpack/plugins/LogPlugin"));
 const theme_translations_1 = require("@docusaurus/theme-translations");
 const isProd = process.env.NODE_ENV === 'production';
 function getSWBabelLoader() {
@@ -125,7 +125,7 @@ function pluginPWA(context, options) {
                         // Fallback value required with Webpack 5
                         PWA_SW_CUSTOM: swCustom ?? '',
                     }),
-                    new LogPlugin_1.default({
+                    new webpackbar_1.default({
                         name: 'Service Worker',
                         color: 'red',
                     }),

package/lib/registerSw.js

@@ -50,8 +50,15 @@ async function getIsAppInstalledRelatedApps() {
     if (!('getInstalledRelatedApps' in window.navigator)) {
         return false;
     }
-    const relatedApps = await navigator.getInstalledRelatedApps();
-    return relatedApps.some((app) => app.platform === 'webapp');
+    try {
+        const relatedApps = await navigator.getInstalledRelatedApps();
+        return relatedApps.some((app) => app.platform === 'webapp');
+    }
+    catch (e) {
+        // Error might be thrown when Docusaurus is embedded in an iframe:
+        // registerSW failed DOMException: Failed to execute 'getInstalledRelatedApps' on 'Navigator': getInstalledRelatedApps() is only supported in top-level browsing contexts.
+        return false;
+    }
 }
 function isStandaloneDisplayMode() {
     return window.matchMedia('(display-mode: standalone)').matches;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/plugin-pwa",
-  "version": "2.4.1",
+  "version": "3.0.0-alpha.0",
   "description": "Docusaurus Plugin to add PWA support.",
   "main": "lib/index.js",
   "types": "src/plugin-pwa.d.ts",
@@ -20,35 +20,36 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
-    "@docusaurus/core": "2.4.1",
-    "@docusaurus/theme-common": "2.4.1",
-    "@docusaurus/theme-translations": "2.4.1",
-    "@docusaurus/types": "2.4.1",
-    "@docusaurus/utils": "2.4.1",
-    "@docusaurus/utils-validation": "2.4.1",
-    "babel-loader": "^8.2.5",
+    "@babel/core": "^7.20.12",
+    "@babel/preset-env": "^7.20.2",
+    "@docusaurus/core": "3.0.0-alpha.0",
+    "@docusaurus/theme-common": "3.0.0-alpha.0",
+    "@docusaurus/theme-translations": "3.0.0-alpha.0",
+    "@docusaurus/types": "3.0.0-alpha.0",
+    "@docusaurus/utils": "3.0.0-alpha.0",
+    "@docusaurus/utils-validation": "3.0.0-alpha.0",
+    "babel-loader": "^9.1.2",
     "clsx": "^1.2.1",
-    "core-js": "^3.23.3",
-    "terser-webpack-plugin": "^5.3.3",
-    "tslib": "^2.4.0",
-    "webpack": "^5.73.0",
+    "core-js": "^3.29.0",
+    "terser-webpack-plugin": "^5.3.7",
+    "tslib": "^2.5.0",
+    "webpack": "^5.76.0",
     "webpack-merge": "^5.8.0",
-    "workbox-build": "^6.5.3",
-    "workbox-precaching": "^6.5.3",
-    "workbox-window": "^6.5.3"
+    "webpackbar": "^5.0.2",
+    "workbox-build": "^6.5.4",
+    "workbox-precaching": "^6.5.4",
+    "workbox-window": "^6.5.4"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.4.1",
-    "fs-extra": "^10.1.0"
+    "@docusaurus/module-type-aliases": "3.0.0-alpha.0",
+    "fs-extra": "^11.1.0"
   },
   "peerDependencies": {
-    "react": "^16.8.4 || ^17.0.0",
-    "react-dom": "^16.8.4 || ^17.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "engines": {
     "node": ">=16.14"
   },
-  "gitHead": "60e657d8ae5a4a9ed1c2d777f9defd882cc12681"
+  "gitHead": "7327f7ff880ed97ad7855744e59c9c55d467a950"
 }

package/src/index.ts

@@ -7,11 +7,11 @@
 
 import path from 'path';
 import webpack, {type Configuration} from 'webpack';
+import WebpackBar from 'webpackbar';
 import Terser from 'terser-webpack-plugin';
 import {injectManifest} from 'workbox-build';
 import {normalizeUrl} from '@docusaurus/utils';
 import {compile} from '@docusaurus/core/lib/webpack/utils';
-import LogPlugin from '@docusaurus/core/lib/webpack/plugins/LogPlugin';
 import {readDefaultCodeTranslationMessages} from '@docusaurus/theme-translations';
 import type {HtmlTags, LoadContext, Plugin} from '@docusaurus/types';
 import type {PluginOptions} from '@docusaurus/plugin-pwa';
@@ -160,7 +160,7 @@ export default function pluginPWA(
             // Fallback value required with Webpack 5
             PWA_SW_CUSTOM: swCustom ?? '',
           }),
-          new LogPlugin({
+          new WebpackBar({
             name: 'Service Worker',
             color: 'red',
           }),

package/src/registerSw.ts

@@ -72,8 +72,14 @@ async function getIsAppInstalledRelatedApps() {
   if (!('getInstalledRelatedApps' in window.navigator)) {
     return false;
   }
-  const relatedApps = await navigator.getInstalledRelatedApps();
-  return relatedApps.some((app) => app.platform === 'webapp');
+  try {
+    const relatedApps = await navigator.getInstalledRelatedApps();
+    return relatedApps.some((app) => app.platform === 'webapp');
+  } catch (e) {
+    // Error might be thrown when Docusaurus is embedded in an iframe:
+    // registerSW failed DOMException: Failed to execute 'getInstalledRelatedApps' on 'Navigator': getInstalledRelatedApps() is only supported in top-level browsing contexts.
+    return false;
+  }
 }
 function isStandaloneDisplayMode() {
   return window.matchMedia('(display-mode: standalone)').matches;