update:更新体育

src/app/[locale]/(TabBar)/sports/SportsClient copy 2.tsx

@@ -4,125 +4,120 @@ import { useRouter } from "@/i18n/routing";
 import { server } from "@/utils/client";
 import { useTranslations } from "next-intl";
 import Script from "next/script";
-import { FC, useEffect, useRef,useState } from "react";
+import { FC, useEffect, useRef, useState } from "react";
 
+// gpt
 interface Props {
-    brand_id: string;
-    token: string;
+  brand_id: string;
+  token: string;
 }
-//  dedprz | deepwin365 | damslots | chips |   deloro-casino
+
+//  dedprz | deepwin365 | damslots | chips | deloro-casino
 const SportsClient: FC<Props> = (props) => {
-    const t = useTranslations("ProfilePage");
-    const { brand_id, token } = props;
-    const [currentToken, setCurrentToken] = useState(token);
+  const t = useTranslations("ProfilePage");
+  const { brand_id, token } = props;
+  const [currentToken, setCurrentToken] = useState(token);
 
+  const btRef = useRef<any>(null); // 使用 any 类型来避免 TS 错误
+  const router = useRouter();
 
-    const btRef = useRef(null);
-    const router = useRouter();
+  useEffect(() => {
+    // 确保 BTRenderer 已经加载并初始化
+    if (window.BTRenderer) {
+      onLoad();
+    }
 
-    useEffect(() => {
-      // @ts-ignore
-      if (window.BTRenderer) {
-        onLoad();
+    // 离开页面时销毁实例
+    return () => {
+      if (btRef.current) {
+        btRef.current?.kill();
       }
-      
-      // 离开体育页的时候需要kill掉
-      return () => {
-          // @ts-ignore
-          btRef.current?.kill();
-      };
-    }, []);
+    };
+  }, []);
 
-    useEffect(() => {
+  useEffect(() => {
+    // 只在 token 变化时更新
+    if (currentToken !== token) {
       updateToken(token);
-      // return () => {
-      //     // @ts-ignore
-      //     btRef.current?.kill();
-      // };
-    }, [token]);
-
-
-    const getGameDetailApi = async () => {
-        const data = await server
-            .request<GameInfo>({
-                url: "/v1/api/front/game_info_by_id",
-                method: "post",
-                data: { id: "sportsBet", mode: 1 },
-            })
-            .then((res) => {
-                if (res.code === 200) {
-                  setCurrentToken(res.data.game_url)
-                  return res.data.game_url;
-                } else {
-                  return "";
-                }
-            });
-        return data;
-    };
+    }
+  }, [token]);
 
-    const onLoad = (type?:string) => {
-        // @ts-ignore
-        const bt = new BTRenderer();
-        btRef.current = bt;
-        if(type==='updateToken'){
-          bt.updateOptions({url:'/'})
-          return
+  const getGameDetailApi = async () => {
+    const data = await server
+      .request<GameInfo>({
+        url: "/v1/api/front/game_info_by_id",
+        method: "post",
+        data: { id: "sportsBet", mode: 1 },
+      })
+      .then((res) => {
+        if (res.code === 200) {
+          setCurrentToken(res.data.game_url);
+          return res.data.game_url;
+        } else {
+          return "";
         }
-        bt.initialize({
-            brand_id: brand_id,
-            token: token,//使用最新的token
-            onTokenExpired: getGameDetailApi, //过期自动更新token
-            onSessionRefresh: () => {
-              // 销毁之前的实例并等待刷新完成
-              if(btRef.current){
-                // @ts-ignore
-                btRef.current?.kill();
-              }
-              
-              router.refresh()
-            },
-            themeName: "default",
-            lang: "pt-br",
-            target: document.getElementById("betby"),
-            betSlipOffsetBottom: 80,
-            // betSlipOffsetRight: 750,
+      });
+    return data;
+  };
 
-            betSlipZIndex: 1000,
-            stickyTop: 0,
-            betSlipOffsetTop: 50,
-            onRecharge: function () {
-                router.push("/deposit");
-            },
-            onRouteChange: function () {
-            },
-            onLogin: function () {},
-            onRegister: function () {},
-            onBetSlipStateChange: function () {},
-        });
-    };
-
-    
-    const updateToken = (token: string) => {
-      // @ts-ignore
-        console.log("token===>333",window.BTRenderer,token,currentToken)
-        if(currentToken!== token){
-          setCurrentToken(token);
-        }
+  const updateToken = (newToken: string) => {
+    if (currentToken !== newToken) {
+      setCurrentToken(newToken);
+    }
 
-        // @ts-ignore
-        if (window.BTRenderer) {
-          onLoad('updateToken');
-        }
+    // 使用 updateOptions 更新当前的 BTRenderer 参数，而不是重新初始化
+    if (btRef.current) {
+      // 更新 token 和其他配置
+      btRef.current.updateOptions({
+        token: newToken, // 更新 token
+        url: '/', // 更新 URL 或其他参数
+        betSlipOffsetTop: 100, // 示例：更新 betslip 偏移量
+        betSlipOffsetBottom: 50, // 示例：更新 betslip 偏移量
+      });
     }
+  };
 
+  const onLoad = () => {
+    // 初始化 BTRenderer 实例
+    const bt = new BTRenderer();
+    btRef.current = bt; // 存储实例引用
 
-    return (
-        <>    
-          <div id="betby" className={"h-[100%]"}></div>
+    bt.initialize({
+      brand_id: brand_id,
+      token: currentToken, // 使用当前的 token
+      onTokenExpired: getGameDetailApi, // 过期时自动更新 token
+      onSessionRefresh: () => {
+        if (btRef.current) {
+          btRef.current?.kill(); // 销毁之前的实例
+        }
+        router.refresh(); // 刷新页面
+      },
+      themeName: "default",
+      lang: "pt-br",
+      target: document.getElementById("betby"),
+      betSlipOffsetBottom: 80,
+      betSlipZIndex: 1000,
+      stickyTop: 0,
+      betSlipOffsetTop: 50,
+      onRecharge: function () {
+        router.push("/deposit");
+      },
+      onRouteChange: function () {},
+      onLogin: function () {},
+      onRegister: function () {},
+      onBetSlipStateChange: function () {},
+    });
+  };
 
-          <Script src={"https://ui.invisiblesport.com/bt-renderer.min.js"} onLoad={onLoad} />
-        </>
-    );
+  return (
+    <>
+      <div id="betby" className={"h-[100%]"}></div>
+      <Script
+        src={"https://ui.invisiblesport.com/bt-renderer.min.js"}
+        onLoad={onLoad}
+      />
+    </>
+  );
 };
 
 export default SportsClient;

src/app/[locale]/(TabBar)/sports/SportsClient copy 3.tsx

@@ -0,0 +1,135 @@
+"use client";
+import { GameInfo } from "@/api/home";
+import { useRouter } from "@/i18n/routing";
+import { server } from "@/utils/client";
+import { useTranslations } from "next-intl";
+import Script from "next/script";
+import { FC, useEffect, useRef,useState } from "react";
+
+// 原版备份
+interface Props {
+    brand_id: string;
+    token: string;
+}
+//  dedprz | deepwin365 | damslots | chips |   deloro-casino
+const SportsClient: FC<Props> = (props) => {
+    const t = useTranslations("ProfilePage");
+    const { brand_id, token } = props;
+    const [currentToken, setCurrentToken] = useState(token);
+
+
+    const btRef = useRef(null);
+    const router = useRouter();
+
+
+    useEffect(() => {
+      // @ts-ignore
+      if (window.BTRenderer) {
+        onLoad();
+      }
+      
+      // 离开体育页的时候需要kill掉
+      return () => {
+          // @ts-ignore
+          btRef.current?.kill();
+      };
+    }, []);
+
+    useEffect(() => {
+      // 如果token更新了才调用update
+      if( currentToken !== token){
+        updateToken(token);
+      }
+    }, [token]);
+
+    const getGameDetailApi = async () => {
+        const data = await server
+            .request<GameInfo>({
+                url: "/v1/api/front/game_info_by_id",
+                method: "post",
+                data: { id: "sportsBet", mode: 1 },
+            })
+            .then((res) => {
+                if (res.code === 200) {
+                  setCurrentToken(res.data.game_url)
+                  return res.data.game_url;
+                } else {
+                  return "";
+                }
+            });
+        return data;
+    };
+
+    const updateToken = (newToken: string) => {
+      // @ts-ignore
+        if(currentToken!== newToken){
+          setCurrentToken(newToken);
+        }
+        // @ts-ignore
+        // if (window.BTRenderer) {
+        //   onLoad();
+        // }
+
+        // 使用 updateOptions 更新当前的 BTRenderer 参数，而不是重新初始化
+      if (btRef.current) {
+        // 更新 token 和其他配置
+        // @ts-ignore
+        btRef.current.updateOptions({
+          token: newToken, // 更新 token
+          url: '/', // 更新 URL 或其他参数
+          betSlipOffsetBottom: 80,
+          betSlipZIndex: 1000,
+          stickyTop: 0,
+          betSlipOffsetTop: 50,
+        });
+      }
+    }
+
+    const onLoad = () => {
+        // @ts-ignore
+        const bt = new BTRenderer();
+        btRef.current = bt;
+        // bt.updateOptions({url:'/'})
+        bt.initialize({
+            brand_id: brand_id,
+            token: token,//使用最新的token
+            onTokenExpired: getGameDetailApi, //过期自动更新token
+            onSessionRefresh: () => {
+              // 销毁之前的实例并等待刷新完成
+              if(btRef.current){
+                // @ts-ignore
+                btRef.current?.kill();
+              }
+              
+              router.refresh()
+            },
+            themeName: "default",
+            lang: "pt-br",
+            target: document.getElementById("betby"),
+            betSlipOffsetBottom: 80,
+            // betSlipOffsetRight: 750,
+
+            betSlipZIndex: 1000,
+            stickyTop: 0,
+            betSlipOffsetTop: 50,
+            onRecharge: function () {
+                router.push("/deposit");
+            },
+            onRouteChange: function () {
+            },
+            onLogin: function () {},
+            onRegister: function () {},
+            onBetSlipStateChange: function () {},
+        });
+    };
+
+    return (
+        <>    
+          <div id="betby" className={"h-[100%]"}></div>
+
+          <Script src={"https://ui.invisiblesport.com/bt-renderer.min.js"} onLoad={onLoad} />
+        </>
+    );
+};
+
+export default SportsClient;

src/app/[locale]/(TabBar)/sports/SportsClient copy 4.tsx

@@ -0,0 +1,142 @@
+"use client";
+import { GameInfo } from "@/api/home";
+import { useRouter } from "@/i18n/routing";
+import { server } from "@/utils/client";
+import { useTranslations } from "next-intl";
+import Script from "next/script";
+import { FC, useEffect, useRef,useState } from "react";
+
+interface Props {
+    brand_id: string;
+    token: string;
+}
+//  dedprz | deepwin365 | damslots | chips |   deloro-casino
+const SportsClient: FC<Props> = (props) => {
+    const t = useTranslations("ProfilePage");
+    const { brand_id, token } = props;
+    const [currentToken, setCurrentToken] = useState(token);
+
+
+    const btRef = useRef(null);
+    const router = useRouter();
+
+
+    useEffect(() => {
+      console.log("onLoad=====>0000");
+      // @ts-ignore
+      if (window.BTRenderer) {
+        console.log("onLoad=====>1111");
+        onLoad();
+      }
+      
+      // 离开体育页的时候需要kill掉
+      return () => {
+        console.log("onLoad=====>killkillkillkillkill");
+          // @ts-ignore
+          btRef.current?.kill();
+      };
+    }, []);
+
+    useEffect(() => {
+      console.log("onLoad=====>22222");
+      // 如果token更新了才调用update
+      if( currentToken !== token){
+        console.log("onLoad=====>333333");
+        updateToken(token);
+      }
+    }, [token]);
+
+    const getGameDetailApi = async () => {
+        const data = await server
+            .request<GameInfo>({
+                url: "/v1/api/front/game_info_by_id",
+                method: "post",
+                data: { id: "sportsBet", mode: 1 },
+            })
+            .then((res) => {
+                if (res.code === 200) {
+                  setCurrentToken(res.data.game_url)
+                  return res.data.game_url;
+                } else {
+                  return "";
+                }
+            });
+        return data;
+    };
+
+    const updateToken = (newToken: string) => {
+      console.log("onLoad=====>44444-0000000");
+      // @ts-ignore
+        if(currentToken!== newToken){
+          console.log("onLoad=====>44444");
+          setCurrentToken(newToken);
+        }
+        // @ts-ignore
+        // if (window.BTRenderer) {
+        //   onLoad();
+        // }
+
+        // 使用 updateOptions 更新当前的 BTRenderer 参数，而不是重新初始化
+      if (btRef.current) {
+        console.log("onLoad=====>55555");
+        // 更新 token 和其他配置
+        // @ts-ignore
+        btRef.current.updateOptions({
+          token: newToken, // 更新 token
+          url: '/', // 更新 URL 或其他参数
+          betSlipOffsetBottom: 80,
+          betSlipZIndex: 1000,
+          stickyTop: 0,
+          betSlipOffsetTop: 50,
+        });
+      }
+    }
+
+    const onLoad = () => {
+        // @ts-ignore
+        const bt = new BTRenderer();
+        btRef.current = bt;
+        console.log("onLoad=====>666666",token);
+        bt.initialize({
+            brand_id: brand_id,
+            token: token,//使用最新的token
+            onTokenExpired: getGameDetailApi, //过期自动更新token
+            onSessionRefresh: () => {
+              // 销毁之前的实例并等待刷新完成
+              if(btRef.current){
+                // @ts-ignore
+                btRef.current?.kill();
+              }
+              
+              router.refresh()
+            },
+            themeName: "default",
+            lang: "pt-br",
+            target: document.getElementById("betby"),
+            betSlipOffsetBottom: 80,
+            // betSlipOffsetRight: 750,
+
+            betSlipZIndex: 1000,
+            stickyTop: 0,
+            betSlipOffsetTop: 50,
+            onRecharge: function () {
+                router.push("/deposit");
+            },
+            onRouteChange: function () {
+            },
+            onLogin: function () {},
+            onRegister: function () {},
+            onBetSlipStateChange: function () {},
+        });
+    };
+
+    return (
+        <>    
+          <div id="betby" className={"h-[100%]"}></div>
+
+          <Script src={"https://ui.invisiblesport.com/bt-renderer.min.js"} onLoad={onLoad} />
+        </>
+    );
+};
+
+export default SportsClient;

src/app/[locale]/(TabBar)/sports/SportsClient copy.tsx

@@ -6,6 +6,7 @@ import { useTranslations } from "next-intl";
 import Script from "next/script";
 import { FC, useEffect, useRef,useState } from "react";
 
+// 之前版本备份
 interface Props {
     brand_id: string;
     token: string;
@@ -19,6 +20,28 @@ const SportsClient: FC<Props> = (props) => {
 
     const btRef = useRef(null);
     const router = useRouter();
+
+
+    useEffect(() => {
+      // @ts-ignore
+      if (window.BTRenderer) {
+        onLoad();
+      }
+      
+      // 离开体育页的时候需要kill掉
+      return () => {
+          // @ts-ignore
+          btRef.current?.kill();
+      };
+    }, []);
+
+    useEffect(() => {
+      // 如果token更新了才调用update
+      if( currentToken !== token){
+        updateToken(token);
+      }
+    }, [token]);
+
     const getGameDetailApi = async () => {
         const data = await server
             .request<GameInfo>({
@@ -37,16 +60,35 @@ const SportsClient: FC<Props> = (props) => {
         return data;
     };
 
+    const updateToken = (newToken: string) => {
+      // @ts-ignore
+        if(currentToken!== newToken){
+          setCurrentToken(newToken);
+        }
+        // @ts-ignore
+        if (window.BTRenderer) {
+          onLoad();
+        }
+    }
+
     const onLoad = () => {
         // @ts-ignore
         const bt = new BTRenderer();
         btRef.current = bt;
-        console.log("btRef===>444", btRef)
+        // bt.updateOptions({url:'/'})
         bt.initialize({
             brand_id: brand_id,
-            token: token,
-            onTokenExpired: getGameDetailApi,
-            onSessionRefresh: () => router.refresh(),
+            token: token,//使用最新的token
+            onTokenExpired: getGameDetailApi, //过期自动更新token
+            onSessionRefresh: () => {
+              // 销毁之前的实例并等待刷新完成
+              if(btRef.current){
+                // @ts-ignore
+                btRef.current?.kill();
+              }
+              
+              router.refresh()
+            },
             themeName: "default",
             lang: "pt-br",
             target: document.getElementById("betby"),
@@ -60,7 +102,6 @@ const SportsClient: FC<Props> = (props) => {
                 router.push("/deposit");
             },
             onRouteChange: function () {
-              console.log("token===>5555", token)
             },
             onLogin: function () {},
             onRegister: function () {},
@@ -68,33 +109,9 @@ const SportsClient: FC<Props> = (props) => {
         });
     };
 
-    useEffect(() => {
-     
-        updateToken(token);
-        
-        // return () => {
-        //     // @ts-ignore
-        //     btRef.current?.kill();
-        // };
-    }, [token]);
-
-    const updateToken = (token: string) => {
-      // @ts-ignore
-        console.log("token===>333",window.BTRenderer)
-        if(currentToken!== token){
-          // setCurrentToken(token);
-        }
-         // @ts-ignore
-         if (window.BTRenderer) {
-          onLoad();
-        }
-    }
-
-
     return (
         <>    
-          <div id="betby" className={"h-[100%]"}>
-          </div>
+          <div id="betby" className={"h-[100%]"}></div>
 
           <Script src={"https://ui.invisiblesport.com/bt-renderer.min.js"} onLoad={onLoad} />
         </>

src/app/[locale]/(TabBar)/sports/SportsClient.tsx

@@ -22,21 +22,30 @@ const SportsClient: FC<Props> = (props) => {
 
 
     useEffect(() => {
+      console.log("onLoad=====>0000");
       // @ts-ignore
       if (window.BTRenderer) {
+        console.log("onLoad=====>1111");
         onLoad();
       }
       
       // 离开体育页的时候需要kill掉
       return () => {
+        console.log("onLoad=====>killkillkillkillkill");
+        if(btRef.current){
           // @ts-ignore
           btRef.current?.kill();
+          btRef.current = null;
+        }
+          
       };
     }, []);
 
     useEffect(() => {
+      console.log("onLoad=====>22222");
       // 如果token更新了才调用update
       if( currentToken !== token){
+        console.log("onLoad=====>333333");
         updateToken(token);
       }
     }, [token]);
@@ -60,53 +69,64 @@ const SportsClient: FC<Props> = (props) => {
     };
 
     const updateToken = (newToken: string) => {
+      console.log("onLoad=====>44444-0000000");
       // @ts-ignore
         if(currentToken!== newToken){
+          console.log("onLoad=====>44444");
           setCurrentToken(newToken);
-        }
-        // @ts-ignore
-        if (window.BTRenderer) {
-          onLoad();
+           // 使用 updateOptions 更新当前的 BTRenderer 参数，而不是重新初始化
+          if (btRef.current) {
+            console.log("onLoad=====>55555");
+            // 更新 token 和其他配置
+            // @ts-ignore
+            btRef.current.updateOptions({
+              token: newToken, // 更新 token
+              url: '/', // 更新 URL 或其他参数
+              betSlipOffsetBottom: 80,
+              betSlipZIndex: 1000,
+              stickyTop: 0,
+              betSlipOffsetTop: 50,
+            });
+          }
         }
     }
 
     const onLoad = () => {
-        // @ts-ignore
-        const bt = new BTRenderer();
-        btRef.current = bt;
-        // bt.updateOptions({url:'/'})
-        bt.initialize({
-            brand_id: brand_id,
-            token: token,//使用最新的token
-            onTokenExpired: getGameDetailApi, //过期自动更新token
-            onSessionRefresh: () => {
-              
-              // 销毁之前的实例并等待刷新完成
-              if(btRef.current){
-                // @ts-ignore
-                btRef.current?.kill();
-              }
-              
-              router.refresh()
-            },
-            themeName: "default",
-            lang: "pt-br",
-            target: document.getElementById("betby"),
-            betSlipOffsetBottom: 80,
-            // betSlipOffsetRight: 750,
+      // @ts-ignore
+      const bt = new BTRenderer();
+      btRef.current = bt;
+      console.log("onLoad=====>666666",token);
+      bt.initialize({
+          brand_id: brand_id,
+          token: token,//使用最新的token
+          onTokenExpired: getGameDetailApi, //过期自动更新token
+          onSessionRefresh: () => {
+            // 销毁之前的实例并等待刷新完成
+            if(btRef.current){
+              // @ts-ignore
+              btRef.current?.kill();
+            }
+            
+            router.refresh()
+          },
+          themeName: "default",
+          lang: "pt-br",
+          target: document.getElementById("betby"),
+          betSlipOffsetBottom: 80,
+          // betSlipOffsetRight: 750,
 
-            betSlipZIndex: 1000,
-            stickyTop: 0,
-            betSlipOffsetTop: 50,
-            onRecharge: function () {
-                router.push("/deposit");
-            },
-            onRouteChange: function () {
-            },
-            onLogin: function () {},
-            onRegister: function () {},
-            onBetSlipStateChange: function () {},
-        });
+          betSlipZIndex: 1000,
+          stickyTop: 0,
+          betSlipOffsetTop: 50,
+          onRecharge: function () {
+              router.push("/deposit");
+          },
+          onRouteChange: function () {
+          },
+          onLogin: function () {},
+          onRegister: function () {},
+          onBetSlipStateChange: function () {},
+      });
     };
 
     return (