From eb2213a33371aa35b4c01c70b2b0e07f58aedd43 Mon Sep 17 00:00:00 2001
From: Jay <lygm1062@gmail.com>
Date: Mon, 2 Sep 2024 10:57:36 +0800
Subject: [PATCH] Remove plausible analytics (#812)

---
 apps/web/index.html                                 |  3 ---
 apps/web/src/components/chain-switch.tsx            |  4 ++--
 apps/web/src/components/faucet.tsx                  |  2 +-
 apps/web/src/components/footer.tsx                  |  2 +-
 apps/web/src/components/header.tsx                  | 11 +++++------
 apps/web/src/components/history/history-details.tsx |  6 +-----
 apps/web/src/components/history/index.tsx           |  2 +-
 apps/web/src/components/transfer-amount-input.tsx   |  4 ++--
 apps/web/src/components/transfer.tsx                |  5 +----
 apps/web/src/components/user.tsx                    |  2 +-
 apps/web/src/global.d.ts                            |  2 --
 apps/web/src/routes/not-found.tsx                   |  1 -
 12 files changed, 15 insertions(+), 29 deletions(-)
diff --git a/apps/web/index.html b/apps/web/index.html
index be7b9609..2195f6a1 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -29,9 +29,6 @@
     <meta property="twitter:title" content="HelixBridge Interface">
     <meta property="twitter:image" content="https://helixbridge.app/preview.png">
     <meta property="twitter:image:alt" content="HelixBridge Interface">
-
-    <script defer data-domain="helixbridge.app" src="https://plausible.io/js/script.hash.outbound-links.tagged-events.js"></script>
-    <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
   </head>
   <body style="background-color: #00141d; color: white; line-height: 1.5rem; font-size: 1rem; font-weight: 400">
     <div id="root"></div>
diff --git a/apps/web/src/components/chain-switch.tsx b/apps/web/src/components/chain-switch.tsx
index 1a304b34..7d92fdaf 100644
--- a/apps/web/src/components/chain-switch.tsx
+++ b/apps/web/src/components/chain-switch.tsx
@@ -39,7 +39,7 @@ export default function ChainSwitch({ placement }: { placement?: Placement }) {
   return account.address ? (
     <>
       <button
-        className={`gap-small lg:bg-secondary plausible-event-name=Chain+Dropdown flex h-8 w-fit items-center justify-between rounded-xl bg-white/20 px-3 transition-colors hover:bg-white/20`}
+        className={`gap-small lg:bg-secondary flex h-8 w-fit items-center justify-between rounded-xl bg-white/20 px-3 transition-colors hover:bg-white/20`}
         ref={refs.setReference}
         {...getReferenceProps()}
       >
@@ -79,7 +79,7 @@ export default function ChainSwitch({ placement }: { placement?: Placement }) {
             >
               {chainOptions.map((option) => (
                 <button
-                  className={`gap-medium px-large py-medium plausible-event-name=Chain+Switch flex items-center transition-colors hover:bg-white/5 disabled:bg-white/10 plausible-event-network=${option.network}`}
+                  className={`gap-medium px-large py-medium flex items-center transition-colors hover:bg-white/5 disabled:bg-white/10`}
                   disabled={option.id === chain?.id}
                   key={option.id}
                   onClick={() => switchNetwork?.(option.id)}
diff --git a/apps/web/src/components/faucet.tsx b/apps/web/src/components/faucet.tsx
index 0002a525..baf45ba1 100644
--- a/apps/web/src/components/faucet.tsx
+++ b/apps/web/src/components/faucet.tsx
@@ -106,7 +106,7 @@ export default function Faucet({ sourceChain, sourceToken, onSuccess = () => und
   return (
     <>
       <button
-        className="plausible-event-name=Faucet+Click rounded-full bg-white/20 px-2 py-[2px] text-xs font-semibold text-white opacity-60 transition-opacity hover:opacity-100 active:scale-95"
+        className="rounded-full bg-white/20 px-2 py-[2px] text-xs font-semibold text-white opacity-60 transition-opacity hover:opacity-100 active:scale-95"
         onClick={() => setIsOpen(true)}
       >
         Faucet
diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index aed77f1d..0b7fa782 100644
--- a/apps/web/src/components/footer.tsx
+++ b/apps/web/src/components/footer.tsx
@@ -69,7 +69,7 @@ function Links() {
             <Link
               key={item.label}
               to={item.path}
-              className={`text-xs font-semibold text-white/50 transition hover:text-white hover:underline active:scale-95 ${item.pc ? "hidden lg:inline" : ""} plausible-event-name=Explorer+Click`}
+              className={`text-xs font-semibold text-white/50 transition hover:text-white hover:underline active:scale-95 ${item.pc ? "hidden lg:inline" : ""}`}
             >
               {item.label}
             </Link>
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 7de0ecbe..7877d06f 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -13,12 +13,11 @@ interface NavigationConfig {
   external?: boolean;
   soon?: boolean;
   disabled?: boolean;
-  plausibleEvent: string;
 }
 
 const navigationsConfig: NavigationConfig[] = [
-  { href: "/", label: "Transfer", plausibleEvent: "Navigation+Transfer" },
-  { href: "/relayer", label: "Relayer", plausibleEvent: "Navigation+Relayer" },
+  { href: "/", label: "Transfer" },
+  { href: "/relayer", label: "Relayer" },
 ];
 
 export default function Header() {
@@ -48,14 +47,14 @@ export default function Header() {
 
           {/* Navigations */}
           <div className="gap-medium hidden items-center lg:flex">
-            {navigationsConfig.map(({ href, label, external, soon, disabled, plausibleEvent }) =>
+            {navigationsConfig.map(({ href, label, external, soon, disabled }) =>
               external ? (
                 <a
                   rel="noopener noreferrer"
                   target="_blank"
                   href={href}
                   key={label}
-                  className={`plausible-event-name=${plausibleEvent} py-small rounded-full px-3 text-sm font-bold transition-colors hover:bg-white/[0.15]`}
+                  className={`py-small rounded-full px-3 text-sm font-bold transition-colors hover:bg-white/[0.15]`}
                 >
                   {label}
                 </a>
@@ -71,7 +70,7 @@ export default function Header() {
                     pathname === href
                       ? "text-primary after:bg-primary after:absolute after:-bottom-[2px] after:left-1/4 after:block after:h-[3px] after:w-1/2 after:rounded-full"
                       : "text-white"
-                  } plausible-event-name=${plausibleEvent}`}
+                  }`}
                 >
                   {label}
                 </Link>
diff --git a/apps/web/src/components/history/history-details.tsx b/apps/web/src/components/history/history-details.tsx
index fab90e76..df375472 100644
--- a/apps/web/src/components/history/history-details.tsx
+++ b/apps/web/src/components/history/history-details.tsx
@@ -13,7 +13,7 @@ import Completed from "../icons/completed";
 import Pending from "../icons/pending";
 import { useHistoryDetails } from "../../hooks";
 import ComponentLoading from "../../ui/component-loading";
-import { useEffect, useMemo } from "react";
+import { useMemo } from "react";
 
 interface Props {
   data: Partial<HistoryDetailsResData["historyRecordByTxHash"]>;
@@ -27,10 +27,6 @@ export default function HistoryDetails({ data: propsData }: Props) {
   const targetChain = getChainConfig(data?.toChain);
   const sourceToken = sourceChain?.tokens.find(({ symbol }) => symbol.toUpperCase() === data?.sendToken?.toUpperCase());
 
-  useEffect(() => {
-    window.plausible("History Details", { props: { status: propsData?.result } });
-  }, [propsData?.result]);
-
   return (
     <div className="relative overflow-x-auto pb-2">
       <ComponentLoading loading={loading} color="white" className="backdrop-blur-[2px]" />
diff --git a/apps/web/src/components/history/index.tsx b/apps/web/src/components/history/index.tsx
index 53d33810..947d0828 100644
--- a/apps/web/src/components/history/index.tsx
+++ b/apps/web/src/components/history/index.tsx
@@ -31,7 +31,7 @@ export default function History({ children, className }: PropsWithChildren<{ cla
   return account.address ? (
     <>
       <button
-        className={`${className} plausible-event-name=History+Click`}
+        className={`${className}`}
         onClick={(e) => {
           e.stopPropagation();
           setIsHistoryOpen(true);
diff --git a/apps/web/src/components/transfer-amount-input.tsx b/apps/web/src/components/transfer-amount-input.tsx
index 49bc2409..eb8e957a 100644
--- a/apps/web/src/components/transfer-amount-input.tsx
+++ b/apps/web/src/components/transfer-amount-input.tsx
@@ -127,13 +127,13 @@ export default function TransferAmountInput({
         <button
           className={`rounded-full bg-white/20 p-[3px] opacity-50 transition hover:opacity-100 active:scale-95 ${
             loading ? "animate-spin" : ""
-          } plausible-event-name=Balance+Refresh`}
+          }`}
           onClick={onRefresh}
         >
           <img alt="Refresh balance" width={14} height={14} src="images/refresh.svg" />
         </button>
         <button
-          className="plausible-event-name=Input+Max rounded-full bg-white/20 px-2 py-[2px] text-xs font-semibold text-white opacity-60 transition-[transform,opacity] hover:opacity-100 active:scale-95"
+          className="rounded-full bg-white/20 px-2 py-[2px] text-xs font-semibold text-white opacity-60 transition-[transform,opacity] hover:opacity-100 active:scale-95"
           onClick={handleMaxInput}
         >
           Max
diff --git a/apps/web/src/components/transfer.tsx b/apps/web/src/components/transfer.tsx
index 376aebf4..ceb03dc3 100644
--- a/apps/web/src/components/transfer.tsx
+++ b/apps/web/src/components/transfer.tsx
@@ -194,7 +194,6 @@ function Component() {
   ]);
 
   const handleTransfer = useCallback(async () => {
-    window.plausible("Transfer", { props: { status: 1000 } });
     const sourceChain = bridge?.getSourceChain();
     const targetChain = bridge?.getTargetChain();
 
@@ -212,7 +211,6 @@ function Component() {
         notifyTransaction(receipt, sourceChain, "Transfer");
         setIsTransfering(false);
         if (receipt?.status === "success") {
-          window.plausible("Transfer", { props: { status: 1001 } });
           setAmount({ input: "", valid: true, value: 0n, alert: "" });
           setHistoryDetails({
             requestTxHash: receipt.transactionHash,
@@ -229,7 +227,6 @@ function Component() {
         }
       } catch (err) {
         console.error(err);
-        window.plausible("Transfer", { props: { status: 1002 } });
         notifyError(err);
         setIsTransfering(false);
       }
@@ -300,7 +297,7 @@ function Component() {
           loadingFee={loadingFee}
         />
         <Button
-          className={`plausible-event-name=Action+Click inline-flex h-12 items-center justify-center rounded-full plausible-event-action=${actionText.replace(/\s+/g, "")}`}
+          className={`inline-flex h-12 items-center justify-center rounded-full`}
           kind="primary"
           busy={isApproving}
           disabled={disableAction || !sourceChainOptions.length}
diff --git a/apps/web/src/components/user.tsx b/apps/web/src/components/user.tsx
index f9ec4564..345e7cae 100644
--- a/apps/web/src/components/user.tsx
+++ b/apps/web/src/components/user.tsx
@@ -27,7 +27,7 @@ export default function User({ placement, prefixLength = 10, suffixLength = 8 }:
   return address ? (
     <Dropdown
       childClassName="bg-background py-large rounded-large border border-white/20 flex flex-col gap-large"
-      labelClassName={`flex items-center gap-2 rounded-xl bg-white/20 lg:bg-secondary px-large h-8 transition-colors hover:bg-white/20 plausible-event-name=User+Dropdown`}
+      labelClassName={`flex items-center gap-2 rounded-xl bg-white/20 lg:bg-secondary px-large h-8 transition-colors hover:bg-white/20`}
       placement={placement}
       label={
         <div className="gap-small flex items-center">
diff --git a/apps/web/src/global.d.ts b/apps/web/src/global.d.ts
index ca68d7fc..d22056d7 100644
--- a/apps/web/src/global.d.ts
+++ b/apps/web/src/global.d.ts
@@ -2,7 +2,5 @@ export declare global {
   interface Window {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ethereum: any;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    plausible: any;
   }
 }
diff --git a/apps/web/src/routes/not-found.tsx b/apps/web/src/routes/not-found.tsx
index 8c291270..60f6cee7 100644
--- a/apps/web/src/routes/not-found.tsx
+++ b/apps/web/src/routes/not-found.tsx
@@ -12,7 +12,6 @@ export default function NotFound() {
           </Link>
         </div>
       </main>
-      <script>{`document.addEventListener('DOMContentLoaded', function () { plausible('404', { props: { path: document.location.pathname } }); });`}</script>
     </>
   );
 }
