fix: add in try catch when trying to parse search message

adobe · Feb 14, 2025 · f894ae2 · f894ae2
1 parent 693439c
commit f894ae2
Showing 1 changed file with 21 additions and 16 deletions.
diff --git a/packages/gatsby-theme-aio/src/components/Search/index.js b/packages/gatsby-theme-aio/src/components/Search/index.js
@@ -287,24 +287,29 @@ const Search = ({ algolia, indexAll, indexPrefix, showSearch, setShowSearch, sea
     if (isIFramed) {
 
       window.addEventListener("message", (e) => {
-        const message = JSON.parse(e.data);
-        if (message.localPathName) {
-          let localPathName = message.localPathName;
-          if (localPathName !== "/") {
-            // make sure path name has a slash at start/end to match path-prefix format 
-            if (!localPathName.startsWith('/')) { localPathName = `/${localPathName}` }
-            if (!localPathName.endsWith('/')) { localPathName = `${localPathName}/` }
-            const localProduct = indexAll.find(product => product.productIndices.some(idx => {
-              return localPathName.startsWith(idx.indexPathPrefix);
-            }));
-
-            if (localProduct?.productName) {
-              setSearchIndex([localProduct.productName, ...searchIndex]);
+        try {
+          const message = JSON.parse(e.data);
+          if (message.localPathName) {
+            let localPathName = message.localPathName;
+            if (localPathName !== "/") {
+              // make sure path name has a slash at start/end to match path-prefix format 
+              if (!localPathName.startsWith('/')) { localPathName = `/${localPathName}` }
+              if (!localPathName.endsWith('/')) { localPathName = `${localPathName}/` }
+              const localProduct = indexAll.find(product => product.productIndices.some(idx => {
+                return localPathName.startsWith(idx.indexPathPrefix);
+              }));
+
+              if (localProduct?.productName) {
+                setSearchIndex([localProduct.productName, ...searchIndex]);
+              }
             }
+
+            const reply = JSON.stringify({ received: message.localPathName });
+            parent.postMessage(reply, "*");
           }
-
-          const reply = JSON.stringify({ received: message.localPathName });
-          parent.postMessage(reply, "*");
+        } catch (e) {
+          console.log(`Unable to retrieve message:`);
+          console.log(e);
         }
       });
     };