@lark-apaas/client-toolkit 1.1.21 → 1.1.23

package/lib/components/AppContainer/index.js

@@ -10,8 +10,11 @@ import { findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, them
 import { registerDayjsPlugins } from "./dayjsPlugins.js";
 import "../../index.css";
 import { initAxiosConfig } from "../../utils/axiosConfig.js";
+import { reportTeaEvent } from "./utils/tea.js";
 import { useAppInfo } from "../../hooks/index.js";
+import { TrackKey } from "../../types/tea.js";
 import safety from "./safety.js";
+import { getAppId } from "../../utils/getAppId.js";
 registerDayjsPlugins();
 initAxiosConfig();
 const isMiaodaPreview = window.IS_MIAODA_PREVIEW;
@@ -46,6 +49,16 @@ const App = (props)=>{
             }, 300);
         });
     }, []);
+    useEffect(()=>{
+        if ('production' === process.env.NODE_ENV) reportTeaEvent({
+            trackKey: TrackKey.VIEW,
+            trackParams: {
+                artifact_uid: getAppId(window.location.pathname),
+                agent_id: 'agent_miaoda',
+                url: window.location.href
+            }
+        });
+    }, []);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(Toaster, {}),

package/lib/components/AppContainer/utils/getLarkUser.d.ts

@@ -0,0 +1 @@
+export declare function getLarkUserInfo(): Promise<any>;

package/lib/components/AppContainer/utils/getLarkUser.js

@@ -0,0 +1,17 @@
+import { getAppId } from "../../../utils/getAppId.js";
+import { getCsrfToken } from "../../../utils/getCsrfToken.js";
+async function getLarkUserInfo() {
+    const appId = getAppId(window.location.pathname);
+    if (!appId) return {
+        code: 1,
+        msg: 'appId is required',
+        data: {}
+    };
+    const response = await fetch(`/spark/b/${appId}/lark/user_info`, {
+        headers: {
+            'X-Suda-Csrf-Token': getCsrfToken()
+        }
+    });
+    return await response.json();
+}
+export { getLarkUserInfo };

package/lib/components/AppContainer/utils/tea.d.ts

@@ -0,0 +1,8 @@
+import { type TrackParams } from '../../../types/tea';
+export declare const encryptTea: (message: any) => string;
+/**
+ * 初始化Tea 客户端
+ * @export
+ */
+export declare function createTracker(): Promise<void>;
+export declare const reportTeaEvent: ({ trackKey, trackParams }: TrackParams) => Promise<void>;

package/lib/components/AppContainer/utils/tea.js

@@ -0,0 +1,51 @@
+import blueimp_md5 from "blueimp-md5";
+import sha1 from "crypto-js/sha1";
+import { isMobile } from "../../../utils/deviceType.js";
+import { getEnv } from "../../../utils/getParentOrigin.js";
+import { getLarkUserInfo } from "./getLarkUser.js";
+const saltA = '08a441';
+const saltB = '42b91e';
+const encryptTea = (message)=>{
+    const msgString = String(message);
+    return sha1(saltA + blueimp_md5(msgString + saltB)).toString();
+};
+let teaInstance = false;
+async function createTracker() {
+    const { data } = await getLarkUserInfo();
+    const { tenantID, userID } = data || {};
+    const userIDEncrypt = userID && '0' !== userID ? encryptTea(userID) : void 0;
+    const tenantIDEncrypt = tenantID && '0' !== tenantID ? encryptTea(tenantID) : void 0;
+    window.collectEvent('init', {
+        app_id: 672575,
+        channel: 'cn',
+        disable_auto_pv: false,
+        enable_ab_test: false,
+        enable_debug: false,
+        enable_stay_duration: true,
+        reportTime: 1000
+    });
+    window.collectEvent('config', {
+        user_unique_id: userIDEncrypt,
+        device_type: isMobile() ? 'mobile' : 'pc',
+        evtParams: {
+            open_from: new URLSearchParams(window.location.search).get('open-from') ?? void 0,
+            env: getEnv(),
+            user_id: userIDEncrypt,
+            tenant_id: tenantIDEncrypt
+        }
+    });
+    teaInstance = true;
+    window.collectEvent('start');
+}
+const reportTeaEvent = async ({ trackKey, trackParams = {} })=>{
+    try {
+        if (!teaInstance) {
+            teaInstance = true;
+            await createTracker();
+        }
+        window.collectEvent(trackKey, trackParams);
+    } catch (err) {
+        console.error(err);
+    }
+};
+export { createTracker, encryptTea, reportTeaEvent };

package/lib/components/ErrorRender/index.js

@@ -2,19 +2,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { logger } from "../../logger/index.js";
 import { createApplyHandle, getModuleHot } from "../../utils/module-hot.js";
+import { submitPostMessage } from "../../utils/postMessage.js";
 const RenderError = (props)=>{
     const { error, resetErrorBoundary } = props;
     useEffect(()=>{
-        if (error) logger.log({
-            level: 'error',
-            args: [
-                'Render Error',
-                error
-            ],
-            meta: {
-                type: 'render-error'
-            }
-        });
+        if (error) {
+            submitPostMessage({
+                type: 'RenderError',
+                data: error
+            });
+            logger.log({
+                level: 'error',
+                args: [
+                    'Render Error',
+                    error
+                ],
+                meta: {
+                    type: 'render-error'
+                }
+            });
+        }
     }, [
         error
     ]);

package/lib/types/index.d.ts

@@ -10,5 +10,6 @@ declare global {
         _IS_Spark_RUNTIME?: boolean;
         _bucket_id?: string;
         csrfToken?: string;
+        collectEvent?: (...args: any[]) => void;
     }
 }

package/lib/types/tea.d.ts

@@ -0,0 +1,7 @@
+export interface TrackParams {
+    trackKey: TrackKey;
+    trackParams?: Record<string, unknown>;
+}
+export declare enum TrackKey {
+    VIEW = "aily_agent_artifact_page_view"
+}

package/lib/types/tea.js

@@ -0,0 +1,5 @@
+var tea_TrackKey = /*#__PURE__*/ function(TrackKey) {
+    TrackKey["VIEW"] = "aily_agent_artifact_page_view";
+    return TrackKey;
+}({});
+export { tea_TrackKey as TrackKey };

package/lib/utils/deviceType.d.ts

@@ -0,0 +1,3 @@
+export declare const isIpad: () => boolean;
+export declare const isMobile: () => boolean;
+export declare const isIOS: () => boolean;

package/lib/utils/deviceType.js

@@ -0,0 +1,13 @@
+const isIpad = ()=>{
+    const _isIpad = /iPad|Tab|Tablet/i.test(navigator.userAgent) && navigator.maxTouchPoints && navigator.maxTouchPoints > 1;
+    return Boolean(_isIpad);
+};
+const isMobile = ()=>{
+    const isPhone = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(navigator.userAgent);
+    return isPhone || isIpad();
+};
+const isIOS = ()=>{
+    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) return true;
+    return false;
+};
+export { isIOS, isIpad, isMobile };

package/lib/utils/getParentOrigin.d.ts

@@ -1,3 +1,4 @@
+export declare function getEnv(): 'BOE' | 'PRE' | 'ONLINE';
 /**
  * @internal
  * 获取预览环境父级域名

package/lib/utils/getParentOrigin.js

@@ -1,3 +1,9 @@
+function getEnv() {
+    const { origin } = window.location;
+    if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'ONLINE';
+    if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'PRE';
+    return 'BOE';
+}
 function getPreviewParentOrigin() {
     const { origin } = window.location;
     if (origin.includes('force.byted.org')) return 'https://force.feishu-boe.cn';
@@ -5,4 +11,4 @@ function getPreviewParentOrigin() {
     if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';
     return 'https://miaoda.feishu-boe.cn';
 }
-export { getPreviewParentOrigin };
+export { getEnv, getPreviewParentOrigin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -81,15 +81,17 @@
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
     "@data-loom/js": "^0.4.0",
-    "@lark-apaas/miaoda-inspector": "^1.0.4",
+    "@lark-apaas/miaoda-inspector": "^1.0.5",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@zumer/snapdom": "^1.9.14",
     "axios": "^1.12.2",
+    "blueimp-md5": "2.10.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "~2.0.1",
+    "crypto-js": "3.1.9-1",
     "dayjs": "^1.11.13",
     "echarts": "^6.0.0",
     "lodash": "^4.17.21",