From 00f0c1a7b162f359adb09940ca6c5615ce7d0976 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Mon, 13 May 2024 14:48:17 +0800
Subject: [PATCH] chore: PageSpy

---
 public/index.html       | 10 ++++++++++
 src/App.jsx             | 12 ++++++++----
 src/stores/AuthStore.js |  2 ++
 3 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/public/index.html b/public/index.html
index 637312a..4d0f1a4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -25,10 +25,20 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>Hainatravel Dashboard</title>
+    <script crossorigin="anonymous" src="https://page-spy.mycht.cn/page-spy/index.min.js"></script>
+    <script crossorigin="anonymous" src="https://page-spy.mycht.cn/plugin/data-harbor/index.min.js"></script>
+    <script crossorigin="anonymous" src="https://page-spy.mycht.cn/plugin/rrweb/index.min.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
+    <script defer>
+      window.initPageSpy = function () {
+        PageSpy.registerPlugin(new DataHarborPlugin());
+        window.$pageSpy = new PageSpy({ api: 'page-spy.mycht.cn', project: 'Dashboard', title: window.__spytitle, autoRender: false, });
+        // console.log(window.$pageSpy.address.substring(0, 4)); // device ID
+      }
+    </script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/src/App.jsx b/src/App.jsx
index 4ce97e9..3659e2c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -16,7 +16,7 @@ import {
   BarChartOutlined,
   CoffeeOutlined,
 } from '@ant-design/icons';
-import { Layout, Menu, Image, Badge, } from 'antd';
+import { Layout, Menu, Image, Badge, Button } from 'antd';
 import { BrowserRouter, Route, Routes, NavLink } from 'react-router-dom';
 import Home from './views/Home';
 import Dashboard from './views/Dashboard';
@@ -154,8 +154,11 @@ const App = () => {
   ];
 
   const callDebug = () => {
-    const vConsole = new window.VConsole({ theme: 'dark' });
-    auth_store.get_auth();
+    // const vConsole = new window.VConsole({ theme: 'dark' });
+    // auth_store.get_auth();
+    // window.$pageSpy.render();
+    window.$pageSpy.triggerPlugins('onOfflineLog', 'upload');
+    window.$pageSpy.triggerPlugins('onOfflineLog', 'download');
   };
   return (
     <BrowserRouter>
@@ -250,7 +253,8 @@ const App = () => {
                 <span>
                   v<span>{APP_VERSION}</span>{' '}
                 </span>{' '}
-                ©2022 <span onClick={callDebug}> Created by IT</span>
+                ©2022 <span > Created by IT</span>
+                <Button type='link' onClick={callDebug}>上传/下载debug日志</Button>
               </Footer>
             </Layout>
           </Layout>
diff --git a/src/stores/AuthStore.js b/src/stores/AuthStore.js
index 6c2bf36..39a999d 100644
--- a/src/stores/AuthStore.js
+++ b/src/stores/AuthStore.js
@@ -9,6 +9,7 @@ class AuthStore {
     makeAutoObservable(this);
     if (process.env.NODE_ENV === 'production') {
       this.get_auth(); // 放到钉钉环境才能开启
+      window.initPageSpy();
     }
   }
 
@@ -43,6 +44,7 @@ class AuthStore {
             runInAction(() => {
               _this.user = json.result;
               _this.auth = json.result.authlist;
+              window.__spytitle = json.result.name;
             });
           })
           .catch((error) => {
