feat: add intercom with lazy loading

axelarnetwork · Oct 15, 2024 · b035965 · b035965
1 parent a670b52
commit b035965
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 2 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -19,6 +19,9 @@ export default defineConfig({
   integrations: [react(), mdx(), sitemap()],
   site: "https://docs.axelar.dev",
   trailingSlash: "always",
+  devToolbar: {
+    enabled: false,
+  },
   markdown: {
     remarkPlugins: [
       setDefaultLayout,

diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
@@ -73,8 +73,15 @@ const canonicalURL = new URL(Astro.url.pathname, 'https://docs.axelar.dev');
         }
         </script>
 
-   </script>
-    <script src="/src/scripts/index.ts"></script>
+    </script>
+    <script>
+  window.intercomSettings = {
+    api_base: "https://api-iam.intercom.io",
+    app_id: "rxsoqwkv",
+  };
+  </script>
+      <script src="/src/scripts/index.ts"></script>
+
   </head>
   <body>
     <nav>

diff --git a/src/scripts/index.ts b/src/scripts/index.ts
@@ -8,5 +8,6 @@ import "./menu";
 import "./dark";
 import { showToast } from "./toast";
 import "./collapsible-nav";
+import "./intercom";
 
 window["showToast"] = showToast;
diff --git a/src/scripts/intercom.ts b/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);
+}