@lark-apaas/client-toolkit 1.1.19 → 1.1.20-alpha.tea.2

package/lib/components/AppContainer/index.js

@@ -9,8 +9,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;
@@ -36,6 +39,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/${getAppId(window.location.pathname)}/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 = {} })=>{
+    if (!teaInstance) {
+        teaInstance = true;
+        await createTracker();
+    }
+    try {
+        window.collectEvent(trackKey, trackParams);
+    } catch (err) {
+        console.error(err);
+    }
+};
+export { createTracker, encryptTea, reportTeaEvent };

package/lib/components/ErrorRender/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 declare const RenderError: React.FC<{
     error: Error;
+    resetErrorBoundary?: () => void;
 }>;
 export default RenderError;

package/lib/components/ErrorRender/index.js

@@ -1,10 +1,11 @@
 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";
 const RenderError = (props)=>{
-    const { error } = props;
+    const { error, resetErrorBoundary } = props;
     useEffect(()=>{
-        if (props.error) logger.log({
+        if (error) logger.log({
             level: 'error',
             args: [
                 'Render Error',
@@ -15,7 +16,22 @@ const RenderError = (props)=>{
             }
         });
     }, [
-        props.error
+        error
+    ]);
+    useEffect(()=>{
+        if (!resetErrorBoundary) return;
+        const hot = getModuleHot();
+        if (hot) {
+            const handler = createApplyHandle((success)=>{
+                if (success) resetErrorBoundary();
+            });
+            hot.addStatusHandler(handler);
+            return ()=>{
+                hot.removeStatusHandler(handler);
+            };
+        }
+    }, [
+        resetErrorBoundary
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "min-h-screen flex items-center justify-center bg-white",

package/lib/logger/intercept-global-error.js

@@ -1,3 +1,4 @@
+import { createApplyHandle, getModuleHot } from "../utils/module-hot.js";
 import { submitPostMessage, submitSlardarEvent } from "../utils/postMessage.js";
 import { levelSchema } from "./log-types.js";
 import { logger } from "./logger.js";
@@ -61,10 +62,17 @@ function processDevServerLog(log) {
         });
     }
 }
-function listenHmrApplyFailed() {
-    const hot = import.meta.webpackHot || module.hot;
-    if (hot) hot.addStatusHandler((status)=>{
-        if ('fail' === status || 'abort' === status) {
+function listenModuleHmr() {
+    const hot = getModuleHot();
+    if (hot) hot.addStatusHandler(createApplyHandle((success, status)=>{
+        if (success) submitPostMessage({
+            type: 'DevServerMessage',
+            data: {
+                type: 'devServer-status',
+                status: 'hmr-apply-success'
+            }
+        });
+        else {
             console.warn('hmr apply failed', status);
             submitSlardarEvent({
                 name: 'sandbox-devServer',
@@ -74,7 +82,7 @@ function listenHmrApplyFailed() {
                 }
             });
         }
-    });
+    }));
 }
 function interceptErrors() {
     window.addEventListener('error', (event)=>{
@@ -83,7 +91,7 @@ function interceptErrors() {
     window.addEventListener('unhandledrejection', (event)=>{
         logger.error(event.reason);
     });
-    listenHmrApplyFailed();
+    listenModuleHmr();
     const PROXY_CONSOLE_METHOD = [
         'log',
         'info',

package/lib/types/iframe-events.d.ts

@@ -41,7 +41,7 @@ export interface HmrMessage extends IframeMessage<Record<string, never>> {
 /** devServer相关消息 */
 export interface DevServerMessage extends IframeMessage<{
     type: 'devServer-status';
-    status: 'connected' | 'disconnected';
+    status: 'connected' | 'disconnected' | 'hmr-apply-success';
 }> {
     type: 'DevServerMessage';
 }

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,7 +1,13 @@
-function getPreviewParentOrigin() {
+function getEnv() {
     const { origin } = window.location;
-    if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'https://miaoda.feishu.cn';
-    if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';
+    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 env = getEnv();
+    if ('ONLINE' === env) return 'https://miaoda.feishu.cn';
+    if ('PRE' === env) return 'https://miaoda.feishu-pre.cn';
     return 'https://miaoda.feishu-boe.cn';
 }
-export { getPreviewParentOrigin };
+export { getEnv, getPreviewParentOrigin };

package/lib/utils/module-hot.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Module Hot Replacement 状态类型定义
+ *
+ * - idle: The process is waiting for a call to check
+ * - check: The process is checking for updates
+ * - prepare: The process is getting ready for the update (e.g. downloading the updated module)
+ * - ready: The update is prepared and available
+ * - dispose: The process is calling the dispose handlers on the modules that will be replaced
+ * - apply: The process is calling the accept handlers and re-executing self-accepted modules
+ * - abort: An update was aborted, but the system is still in its previous state
+ * - fail: An update has thrown an exception and the system's state has been compromised
+ */
+type ModuleHotType = 'idle' | 'check' | 'prepare' | 'ready' | 'dispose' | 'apply' | 'abort' | 'fail';
+interface ModuleHotInstance {
+    addStatusHandler: (handler: (status: ModuleHotType) => void) => void;
+    removeStatusHandler: (handler: (status: ModuleHotType) => void) => void;
+}
+export declare function getModuleHot(): ModuleHotInstance | null;
+/**
+ * 创建模块热更成功处理函数
+ * 监听模块热更状态，当状态为apply时，调用回调函数并传入true
+ * @param callback 热更成功回调函数，参数为是否成功
+ */
+export declare function createApplyHandle(callback: (success: boolean, status: ModuleHotType) => void): (status: ModuleHotType) => void;
+export {};

package/lib/utils/module-hot.js

@@ -0,0 +1,22 @@
+function getModuleHot() {
+    if ('production' === process.env.NODE_ENV) return null;
+    return import.meta.webpackHot || module.hot;
+}
+function createApplyHandle(callback) {
+    let hasApply = false;
+    return (status)=>{
+        if ('fail' === status || 'abort' === status) {
+            hasApply = false;
+            return callback(false, status);
+        }
+        if (hasApply) {
+            if ('idle' === status) {
+                hasApply = false;
+                callback(true, status);
+            }
+            return;
+        }
+        hasApply = 'apply' === status;
+    };
+}
+export { createApplyHandle, getModuleHot };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.19",
+  "version": "1.1.20-alpha.tea.2",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -83,8 +83,10 @@
     "@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",