feat: 移除 pangu.js

feat: js 加载完成才显示聊天按钮

layout/includes/third-party/chat/chatra.pug

@@ -1,42 +1,38 @@
 //- https://chatra.io/help/api/
 script.
   (() => {
-    const isChatBtn = !{theme.chat.rightside_button}
-    const isChatHideShow = !{theme.chat.button_hide_show}
-
-    if (isChatBtn) {
-      const close = () => {
-        Chatra('minimizeWidget')
-        Chatra('hide')
-      }
-
-      const open = () => {
-        Chatra('openChat', true)
-        Chatra('show')
-      }
-
-      window.ChatraSetup = { startHidden: true }
-    
-      window.chatBtnFn = () => {
-        document.getElementById('chatra').classList.contains('chatra--expanded') ? close() : open()
-      }
-    } else if (isChatHideShow) {
-      window.chatBtn = {
-        hide: () => Chatra('hide'),
-        show: () => Chatra('show')
-      }
+    window.ChatraID = '#{theme.chatra.id}'
+    window.Chatra = window.Chatra || function() {
+      (window.Chatra.q = window.Chatra.q || []).push(arguments)
     }
 
-    (function(d, w, c) {
-      w.ChatraID = '#{theme.chatra.id}'
-      var s = d.createElement('script')
-      w[c] = w[c] || function() {
-        (w[c].q = w[c].q || []).push(arguments)
+    btf.getScript('https://call.chatra.io/chatra.js').then(() => {
+      const isChatBtn = !{theme.chat.rightside_button}
+      const isChatHideShow = !{theme.chat.button_hide_show}
+
+      if (isChatBtn) {
+        const close = () => {
+          Chatra('minimizeWidget')
+          Chatra('hide')
+        }
+
+        const open = () => {
+          Chatra('openChat', true)
+          Chatra('show')
+        }
+
+        window.ChatraSetup = { startHidden: true }
+      
+        window.chatBtnFn = () => document.getElementById('chatra').classList.contains('chatra--expanded') ? close() : open()
+
+        document.getElementById('chat-btn').style.display = 'block'
+      } else if (isChatHideShow) {
+        window.chatBtn = {
+          hide: () => Chatra('hide'),
+          show: () => Chatra('show')
+        }
       }
-      s.async = true
-      s.src = 'https://call.chatra.io/chatra.js'
-      if (d.head) d.head.appendChild(s)
-    })(document, window, 'Chatra')
+    })
   })()
 
 

layout/includes/third-party/chat/crisp.pug

@@ -1,37 +1,32 @@
 script.
   (() => {
-    window.$crisp = [];
-    window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}";
-    (function () {
-      d = document;
-      s = d.createElement("script");
-      s.src = "https://client.crisp.chat/l.js";
-      s.async = 1;
-      d.getElementsByTagName("head")[0].appendChild(s);
-    })();
-    $crisp.push(["safe", true])
+    window.$crisp = ['safe', true]
+    window.CRISP_WEBSITE_ID = "!{theme.crisp.website_id}"
 
-    const isChatBtn = !{theme.chat.rightside_button}
-    const isChatHideShow = !{theme.chat.button_hide_show}
+    btf.getScript('https://client.crisp.chat/l.js').then(() => {
+      const isChatBtn = !{theme.chat.rightside_button}
+      const isChatHideShow = !{theme.chat.button_hide_show}
 
-    if (isChatBtn) {
-      const open = () => {
-        $crisp.push(["do", "chat:show"])
-        $crisp.push(["do", "chat:open"])
+      if (isChatBtn) {
+        const open = () => {
+          $crisp.push(["do", "chat:show"])
+          $crisp.push(["do", "chat:open"])
+        }
+
+        const close = () => $crisp.push(["do", "chat:hide"])
+
+        close()
+
+        $crisp.push(["on", "chat:closed", close])
+
+        window.chatBtnFn = () => $crisp.is("chat:visible") ? close() : open()
+
+        document.getElementById('chat-btn').style.display = 'block'
+      } else if (isChatHideShow) {
+        window.chatBtn = {
+          hide: () => $crisp.push(["do", "chat:hide"]),
+          show: () => $crisp.push(["do", "chat:show"])
+        }
       }
-
-      const close = () => $crisp.push(["do", "chat:hide"])
-
-      close()
-
-      $crisp.push(["on", "chat:closed", close])
-
-      window.chatBtnFn = () => $crisp.is("chat:visible") ? close() : open()
-
-    } else if (isChatHideShow) {
-      window.chatBtn = {
-        hide: () => $crisp.push(["do", "chat:hide"]),
-        show: () => $crisp.push(["do", "chat:show"])
-      }
-    }
+    })
   })()

layout/includes/third-party/chat/tidio.pug

@@ -1,41 +1,45 @@
-script(src=`//code.tidio.co/${theme.tidio.public_key}.js` async)
 script.
   (() => {
-    const isChatBtn = !{theme.chat.rightside_button}
-    const isChatHideShow = !{theme.chat.button_hide_show}
+    btf.getScript('//code.tidio.co/!{theme.tidio.public_key}.js').then(() => {
+      const isChatBtn = !{theme.chat.rightside_button}
+      const isChatHideShow = !{theme.chat.button_hide_show}
 
-    if (isChatBtn) {
-      let isShow = false
-      const close = () => {
-        window.tidioChatApi.hide()
-        isShow = false
-      }
-      
-      const open = () => {
-        window.tidioChatApi.open()
-        window.tidioChatApi.show()
-        isShow = true
-      }
+      if (isChatBtn) {
+        let isShow = false
+        const close = () => {
+          window.tidioChatApi.hide()
+          isShow = false
+        }
+        
+        const open = () => {
+          window.tidioChatApi.open()
+          window.tidioChatApi.show()
+          isShow = true
+        }
 
-      const onTidioChatApiReady = () => {
-        window.tidioChatApi.hide()
-        window.tidioChatApi.on("close", close)
-      }
-      if (window.tidioChatApi) {
-        window.tidioChatApi.on("ready", onTidioChatApiReady)
-      } else {
-        document.addEventListener("tidioChat-ready", onTidioChatApiReady)
-      }
+        const onTidioChatApiReady = () => {
+          window.tidioChatApi.hide()
+          window.tidioChatApi.on("close", close)
+        }
+        if (window.tidioChatApi) {
+          window.tidioChatApi.on("ready", onTidioChatApiReady)
+        } else {
+          document.addEventListener("tidioChat-ready", onTidioChatApiReady)
+        }
 
-      window.chatBtnFn = () => {
-        if (!window.tidioChatApi) return
-        isShow ? close() : open()
+        window.chatBtnFn = () => {
+          if (!window.tidioChatApi) return
+          isShow ? close() : open()
+        }
+
+        document.getElementById('chat-btn').style.display = 'block'
+
+      } else if (isChatHideShow) {
+        window.chatBtn = {
+          hide: () => window.tidioChatApi && window.tidioChatApi.hide(),
+          show: () => window.tidioChatApi && window.tidioChatApi.show()
+        }
       }
-    } else if (isChatHideShow) {
-      window.chatBtn = {
-        hide: () => window.tidioChatApi && window.tidioChatApi.hide(),
-        show: () => window.tidioChatApi && window.tidioChatApi.show()
-      }
-    }
+    })
   })()