feat: add casibase widget JS via CDN (#260)

* feat: add casibase tracker script and integrate in Layout component * chore: update script source and add new casibase.js file * chore: remove unused Layout component
casbin · Aug 7, 2024 · caf2120 · caf2120
1 parent b8b74d6
commit caf2120
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 168 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -283,6 +283,14 @@ var _hmt = _hmt || [];
       src: "/js/clarity.js",
       async: true,
     },
+    {
+      src: "https://tcdn.casibase.org/casibase.js",
+      async: true,
+    },
+    {
+      src: "/js/casibase.js",
+      async: true,
+    },
   ],
   presets: [
     [

diff --git a/src/ChatWidget/ChatButton.jsx b/src/ChatWidget/ChatButton.jsx
diff --git a/src/ChatWidget/chatStyles.js b/src/ChatWidget/chatStyles.js
diff --git a/src/ChatWidget/chatWidget.js b/src/ChatWidget/chatWidget.js
diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
@@ -1,9 +1,8 @@
-import React, {useEffect} from "react";
+import React from "react";
 import clsx from "clsx";
 import styles from "./styles.module.css";
 import Translate from "@docusaurus/Translate";
 import {useColorMode} from "@docusaurus/theme-common";
-import {initChatWidget} from "../../ChatWidget/chatWidget";
 
 const FeatureList = [
   {
@@ -70,11 +69,6 @@ function Feature({title, path, description}) {
 }
 
 export default function HomepageFeatures() {
-
-  useEffect(() => {
-    initChatWidget(document.body);
-  }, []);
-
   return (
     <section className={styles.features}>
       <div className="container">

diff --git a/static/js/casibase.js b/static/js/casibase.js
@@ -0,0 +1,5 @@
+/* eslint-disable no-undef */
+initCasibaseChat({
+  endpoint: "https://ai.casbin.com",
+  themeColor: "rgb(64,59,121)",
+});