Update underlying packages for Olark, Crisp, Tawkto, and Hotjar

Author: thandaanda

gatsby-config.js

@@ -1,9 +1,9 @@
 // loading env
-const activeEnv = process.env.NODE_ENV || 'development'
-console.log(`Using environment config: '${activeEnv}'`)
+const activeEnv = process.env.NODE_ENV || "development";
+console.log(`Using environment config: '${activeEnv}'`);
 require("dotenv").config({
   path: `.env.${activeEnv}`,
-})
+});
 
 let siteConfig;
 let wordpressConfig;
@@ -16,11 +16,16 @@ try {
 }
 
 console.log(typeof process.env.WP_HOSTING_WPCOM);
-const hostingWPCOM = process.env.WP_HOSTING_WPCOM &&  process.env.WP_HOSTING_WPCOM === "true" ? true: false; 
+const hostingWPCOM =
+  process.env.WP_HOSTING_WPCOM && process.env.WP_HOSTING_WPCOM === "true"
+    ? true
+    : false;
 
 if (process.env.WP_BASE_URL) {
-  wordpressConfig.baseUrl = process.env.WP_BASE_URL; 
-  wordpressConfig.protocol = process.env.WP_PROTOCOL ? process.env.WP_PROTOCOL : "https";
+  wordpressConfig.baseUrl = process.env.WP_BASE_URL;
+  wordpressConfig.protocol = process.env.WP_PROTOCOL
+    ? process.env.WP_PROTOCOL
+    : "https";
   if (hostingWPCOM) {
     wordpressConfig.hostingWPCOM = true;
     wordpressConfig.auth = {};
@@ -68,23 +73,24 @@ if (process.env.GA) {
 }
 
 if (process.env.GATSBY_MIXPANEL_TOKEN) {
-  gatsbyPlugins.unshift({
+  gatsbyPlugins.push({
     resolve: `gatsby-plugin-mixpanel`,
     options: {
       apiToken: process.env.GATSBY_MIXPANEL_TOKEN,
       enableOnDevMode: true,
-      pageViews: 'all'
+      pageViews: "all",
     },
   });
 }
 
 if (process.env.GATSBY_HOTJAR_ID) {
-  gatsbyPlugins.unshift({
-    resolve: `gatsby-plugin-hotjar`,
+  gatsbyPlugins.push({
+    resolve: `@draftbox-co/gatsby-plugin-hotjar-lazy`,
     options: {
       id: process.env.GATSBY_HOTJAR_ID,
-      sv: 6
-    }
+      sv: 6,
+      optimize: true,
+    },
   });
 }
 
@@ -93,36 +99,39 @@ if (process.env.GATSBY_GTAG_MANAGER_ID) {
     resolve: `gatsby-plugin-google-tagmanager`,
     options: {
       id: process.env.GATSBY_GTAG_MANAGER_ID,
-      includeInDevelopment: true
+      includeInDevelopment: true,
     },
   });
 }
 
 if (process.env.GATSBY_TAWK_ID) {
-  gatsbyPlugins.unshift({
-    resolve: `gatsby-plugin-tawk`,
+  gatsbyPlugins.push({
+    resolve: `@draftbox-co/gatsby-plugin-tawk-lazy`,
     options: {
       tawkId: process.env.GATSBY_TAWK_ID,
-    }
+      optimize: true,
+    },
   });
 }
 
 if (process.env.GATSBY_CRISP_ID) {
-  gatsbyPlugins.unshift({
-    resolve: `gatsby-plugin-crisp-chat`,
+  gatsbyPlugins.push({
+    resolve: `@draftbox-co/gatsby-plugin-crisp-chat-lazy`,
     options: {
       websiteId: process.env.GATSBY_CRISP_ID,
-      enableDuringDevelop: true
-    }
+      enableDuringDevelop: true,
+      optimize: true,
+    },
   });
 }
 
 if (process.env.GATSBY_OLARK_ID) {
-  gatsbyPlugins.unshift({
-    resolve: `gatsby-plugin-olark`,
+  gatsbyPlugins.push({
+    resolve: `@draftbox-co/gatsby-plugin-olark-lazy`,
     options: {
       olarkSiteID: process.env.GATSBY_OLARK_ID,
-    }
+      optimize: true,
+    },
   });
 }
 

package.json

@@ -18,16 +18,16 @@
     "@draftbox-co/gatsby-wordpress-theme-libre": "^1.0.40",
     "dotenv": "^8.2.0",
     "gatsby": "2.20.24",
-    "gatsby-plugin-crisp-chat": "^3.2.2",
     "gatsby-plugin-disqus": "^1.1.4",
     "gatsby-plugin-google-analytics": "^2.2.2",
     "gatsby-plugin-google-tagmanager": "^2.3.5",
-    "gatsby-plugin-hotjar": "^1.0.1",
+    "@draftbox-co/gatsby-plugin-crisp-chat-lazy": "^0.0.3",
+    "@draftbox-co/gatsby-plugin-hotjar-lazy": "^0.0.1",
+    "@draftbox-co/gatsby-plugin-olark-lazy": "^0.0.1",
+    "@draftbox-co/gatsby-plugin-tawk-lazy": "^0.0.1",
     "gatsby-plugin-mailchimp": "^5.1.2",
     "gatsby-plugin-mixpanel": "^3.1.6",
-    "gatsby-plugin-olark": "^1.0.0",
     "gatsby-plugin-segment-js": "^3.1.0",
-    "gatsby-plugin-tawk": "^1.0.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-facebook": "^8.1.4"