feat: add intercom (#1201)

astro.config.mjs

@@ -30,7 +30,10 @@ export default defineConfig({
     }),
   ],
   site: "https://docs.axelar.dev",
-
+  trailingSlash: "always",
+  devToolbar: {
+    enabled: false,
+  },
   markdown: {
     remarkPlugins: [
       remarkDirective,

src/layouts/MainLayout.astro

@@ -95,6 +95,12 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 
       gtag("config", "G-81ZT0BK1ZB");
     </script>
+    <script>
+      window.intercomSettings = {
+        api_base: "https://api-iam.intercom.io",
+        app_id: "rxsoqwkv",
+      };
+    </script>
     <script src="/src/scripts/index.ts"></script>
     <script is:inline>
       const root = document.documentElement;
@@ -157,7 +163,7 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
       localStorage.setItem("theme", isDark ? "dark" : "light");
       document.documentElement.setAttribute(
         "data-theme",
-        isDark ? "vitesse-dark" : "light-plus",
+        isDark ? "vitesse-dark" : "light-plus"
       );
     };
 

src/scripts/index.ts

@@ -9,4 +9,6 @@ import "./prism.js";
 import "./safelinks";
 import { showToast } from "./toast";
 import "./wrapTables";
+import "./intercom";
+
 window["showToast"] = showToast;

src/scripts/intercom.ts

@@ -0,0 +1,43 @@
+function loadIntercom() {
+  (function () {
+    const w: any = window;
+    const ic = w.Intercom;
+    if (typeof ic === "function") {
+      ic("reattach_activator");
+      ic("update", w.intercomSettings);
+    } else {
+      const d = document;
+      const i = function () {
+        i.c(arguments);
+      };
+      i.q = [];
+      i.c = function (args) {
+        i.q.push(args);
+      };
+      w.Intercom = i;
+      const s = d.createElement("script");
+      s.type = "text/javascript";
+      s.async = true;
+      s.src = "https://widget.intercom.io/widget/rxsoqwkv";
+      const x = d.getElementsByTagName("script")[0];
+      if (x && x.parentNode) {
+        x.parentNode.insertBefore(s, x);
+        console.log("intercom loading.");
+      }
+    }
+  })();
+}
+
+function checkAndLoadIntercom() {
+  if (document.readyState === "complete") {
+    // Wait 15 seconds after document ready and network idle
+    setTimeout(loadIntercom, 15000);
+  }
+}
+
+// Check for document ready and network idle
+if (document.readyState === "complete") {
+  checkAndLoadIntercom();
+} else {
+  window.addEventListener("load", checkAndLoadIntercom, false);
+}