feat: Update loader docs to guard against unexisting Sentry.onLoad() (#8248)

---------

Co-authored-by: Shana Matthews <shana.l.matthews@gmail.com>

Author: mydea

gatsby-ssr.tsx

@@ -53,7 +53,7 @@ function SentryLoaderConfig() {
       key="sentry-loader-config"
       dangerouslySetInnerHTML={{
         __html: `
-Sentry.onLoad(function() {
+  window.Sentry && Sentry.onLoad(function() {
   Sentry.init({
     integrations: [
       new Sentry.Replay({

src/platform-includes/configuration/capture-console/javascript.mdx

@@ -22,11 +22,13 @@ Sentry.init({
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [new Sentry.Integrations.CaptureConsole()],
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [new Sentry.Integrations.CaptureConsole()],
+      });
     });
-  });
 </script>
 ```
 

src/platform-includes/configuration/contextlines/javascript.mdx

@@ -22,11 +22,13 @@ Sentry.init({
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [new Sentry.Integrations.ContextLines()],
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [new Sentry.Integrations.ContextLines()],
+      });
     });
-  });
 </script>
 ```
 

src/platform-includes/configuration/debug/javascript.mdx

@@ -22,11 +22,13 @@ Sentry.init({
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [new Sentry.Integrations.Debug()],
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [new Sentry.Integrations.Debug()],
+      });
     });
-  });
 </script>
 ```
 

src/platform-includes/configuration/dedupe/javascript.mdx

@@ -22,11 +22,13 @@ Sentry.init({
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [new Sentry.Integrations.Dedupe()],
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [new Sentry.Integrations.Dedupe()],
+      });
     });
-  });
 </script>
 ```
 

src/platform-includes/configuration/enable-pluggable-integrations-lazy/javascript.mdx

@@ -23,9 +23,17 @@ Sentry.addIntegration(new ReportingObserver());
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [],
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [],
+      });
+
+      const client = Sentry.getCurrentHub().getClient();
+      if (client) {
+        client.addIntegration(new Sentry.Integrations.ReportingObserver());
+      }
     });
 
     Sentry.addIntegration(new Sentry.Integrations.ReportingObserver());

src/platform-includes/configuration/enable-pluggable-integrations/javascript.mdx

@@ -22,11 +22,13 @@ Sentry.init({
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [new Sentry.Integrations.ReportingObserver()],
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [new Sentry.Integrations.ReportingObserver()],
+      });
     });
-  });
 </script>
 ```
 

src/platform-includes/configuration/extra-error-data/javascript.mdx

@@ -22,11 +22,13 @@ Sentry.init({
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [new Sentry.Integrations.ExtraErrorData()],
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [new Sentry.Integrations.ExtraErrorData()],
+      });
     });
-  });
 </script>
 ```
 

src/platform-includes/configuration/http-client/javascript.mdx

@@ -25,14 +25,16 @@ Sentry.init({
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [new Sentry.Integrations.HttpClient()],
-
-      // This option is required for capturing headers and cookies.
-      sendDefaultPii: true,
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [new Sentry.Integrations.HttpClient()],
+
+        // This option is required for capturing headers and cookies.
+        sendDefaultPii: true,
+      });
     });
-  });
 </script>
 ```
 

src/platform-includes/configuration/module-metadata/javascript.mdx

@@ -16,11 +16,13 @@ Sentry.init({
 ></script>
 
 <script>
-  Sentry.onLoad(function () {
-    Sentry.init({
-      integrations: [new Sentry.Integrations.ModuleMetadata()],
+  // Check for existence of Sentry in case Ad-blockers block the Sentry Loader Script
+  window.Sentry &&
+    Sentry.onLoad(function () {
+      Sentry.init({
+        integrations: [new Sentry.Integrations.ModuleMetadata()],
+      });
     });
-  });
 </script>
 ```