chore: add support for Gatsby v4

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wardpeet/gatsby-plugin-static-site",
-  "version": "0.3.0",
+  "version": "0.4.0-beta.1",
   "description": "A plugin that disables client side routing for gatsby",
   "main": "index.js",
   "author": "Ward Peeters <[email protected]>",
@@ -17,7 +17,7 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "gatsby": "^3.0.0"
+    "gatsby": "^3.0.0 || ^4.0.0"
   },
   "files": [
     "gatsby-browser.js",

src/gatsby-browser.js

@@ -11,6 +11,15 @@ exports.onClientEntry = () => {
   const pagePath = window.pagePath;
   const location = window.location;
 
+  const parsePathComponents = pathAndQuery => {
+    const queryIndex = pathAndQuery.indexOf('?');
+    const path =
+      queryIndex > -1 ? pathAndQuery.substr(0, queryIndex) : pathAndQuery;
+    const query = queryIndex > -1 ? pathAndQuery.substr(queryIndex) : '';
+
+    return { path, query };
+  };
+
   if (
     pagePath &&
     pagePath !== location.pathname &&
@@ -20,10 +29,16 @@ exports.onClientEntry = () => {
     const originalLoadPage = loader.loadPage;
 
     loader.loadPageSync = path => {
+      // with Gatsby v4, 'path' can now be a path component, or path component + query
+      const {
+        path: pathComponent,
+        query: queryComponent,
+      } = parsePathComponents(path);
+
       let pageResources;
       // if the path is the same as our current page we know it's not a prefetch
-      if (path === location.pathname) {
-        pageResources = originalLoadPageSync(pagePath);
+      if (pathComponent === location.pathname) {
+        pageResources = originalLoadPageSync(pagePath + queryComponent);
       } else {
         pageResources = originalLoadPageSync(path);
       }
@@ -36,10 +51,16 @@ exports.onClientEntry = () => {
     };
 
     loader.loadPage = path => {
+      // with Gatsby v4, 'path' can now be a path component, or path component + query
+      const {
+        path: pathComponent,
+        query: queryComponent,
+      } = parsePathComponents(path);
+
       let pageResources;
       // if the path is the same as our current page we know it's not a prefetch
-      if (path === location.pathname) {
-        pageResources = originalLoadPage(pagePath);
+      if (pathComponent === location.pathname) {
+        pageResources = originalLoadPage(pagePath + queryComponent);
       } else {
         pageResources = originalLoadPage(path);
       }