Removes gatsby-plugin-offline, adds offline page + PWA compliant app

Author: thandaanda

gatsby-wordpress-theme-libre/gatsby-ssr.js

@@ -1,20 +1,22 @@
 const React = require("react");
 
 exports.onRenderBody = ({ pathname, setHeadComponents }) => {
-  setHeadComponents([
-    <script
-      type="module"
-      dangerouslySetInnerHTML={{
-        __html: `import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';`,
-      }}
-    ></script>,
-    <style
-      dangerouslySetInnerHTML={{
-        __html: `pwa-update {
+  if (!pathname.includes("/amp/")) {
+    setHeadComponents([
+      <script
+        type="module"
+        dangerouslySetInnerHTML={{
+          __html: `import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';`,
+        }}
+      ></script>,
+      <style
+        dangerouslySetInnerHTML={{
+          __html: `pwa-update {
       display: none;
     }`,
-      }}
-    ></style>,
-    <pwa-update showOfflineToast="false"></pwa-update>,
-  ]);
+        }}
+      ></style>,
+      <pwa-update showOfflineToast="false"></pwa-update>,
+    ]);
+  }
 };

gatsby-wordpress-theme-libre/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbox-co/gatsby-wordpress-theme-libre",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "license": "MIT",
   "resolutions": {
     "sharp": "0.23.4"

gatsby-wordpress-theme-libre/src/pages/offline.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { Link } from "gatsby";
 
-const NotFound = () => {
+const OfflinePage = () => {
   return (
     <div className="error-message-container">
       <div className="error-message">
@@ -17,4 +17,4 @@ const NotFound = () => {
   );
 };
 
-export default NotFound;
+export default OfflinePage;