@lark-apaas/client-toolkit 1.1.19-antd-test.4 → 1.1.20-alpha.tea.1

package/lib/components/AppContainer/index.js

@@ -1,6 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { ConfigProvider } from "antd";
+import { useEffect } from "react";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import IframeBridge from "./IframeBridge.js";
 import { defaultUIConfig } from "../theme/ui-config.js";
@@ -10,20 +9,14 @@ 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;
-const readCssVarColor = (varName, fallback)=>{
-    try {
-        if ('undefined' == typeof document) return fallback;
-        const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
-        return value || fallback;
-    } catch  {
-        return fallback;
-    }
-};
 const App = (props)=>{
     const { themeMeta = {} } = props;
     useAppInfo();
@@ -46,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, {}),
@@ -64,129 +67,17 @@ const App = (props)=>{
         ]
     });
 };
-const AppContainer_AppContainer = (props)=>{
+const AppContainer = (props)=>{
     const { children, ...rest } = props;
-    const [cssColors, setCssColors] = useState(()=>({
-            background: readCssVarColor('--background'),
-            destructive: readCssVarColor('--destructive'),
-            primary: readCssVarColor('--primary'),
-            foreground: readCssVarColor('--foreground'),
-            warning: readCssVarColor('--warning'),
-            success: readCssVarColor('--success'),
-            muted: readCssVarColor('--muted'),
-            mutedForeground: readCssVarColor('--muted-foreground'),
-            border: readCssVarColor('--border'),
-            popover: readCssVarColor('--popover'),
-            accent: readCssVarColor('--accent'),
-            radius: readCssVarColor('--radius')
-        }));
-    useEffect(()=>{
-        const observer = new MutationObserver((mutations)=>{
-            for (const mutation of mutations){
-                let linkTag = null;
-                if ('attributes' === mutation.type) {
-                    if ('fullstack-nestjs-template:chunk-main' === mutation.target.dataset.webpack) linkTag = mutation.target;
-                } else if ('childList' === mutation.type) {
-                    for (const node of Array.from(mutation.addedNodes))if ('LINK' === node.nodeName && 'fullstack-nestjs-template:chunk-main' === node.dataset.webpack) {
-                        linkTag = node;
-                        break;
-                    }
-                }
-                if (linkTag) setTimeout(()=>{
-                    const newColors = {
-                        background: readCssVarColor('--background'),
-                        destructive: readCssVarColor('--destructive'),
-                        primary: readCssVarColor('--primary'),
-                        foreground: readCssVarColor('--foreground'),
-                        warning: readCssVarColor('--warning'),
-                        success: readCssVarColor('--success'),
-                        muted: readCssVarColor('--muted'),
-                        mutedForeground: readCssVarColor('--muted-foreground'),
-                        border: readCssVarColor('--border'),
-                        popover: readCssVarColor('--popover'),
-                        accent: readCssVarColor('--accent'),
-                        radius: readCssVarColor('--radius')
-                    };
-                    setCssColors((currentColors)=>{
-                        if (JSON.stringify(currentColors) !== JSON.stringify(newColors)) return newColors;
-                        return currentColors;
-                    });
-                }, 100);
-            }
-        });
-        observer.observe(document.head, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeFilter: [
-                'href'
-            ]
-        });
-        return ()=>{
-            observer.disconnect();
-        };
-    }, []);
-    const antdThemeToken = {
-        borderRadius: cssColors.radius,
-        colorBgBase: cssColors.background,
-        colorError: cssColors.destructive,
-        colorInfo: cssColors.primary,
-        colorLink: cssColors.primary,
-        colorPrimary: cssColors.primary,
-        colorSuccess: cssColors.primary,
-        colorTextBase: cssColors.foreground,
-        colorWarning: cssColors.destructive
-    };
-    const antdTableToken = {
-        bodySortBg: cssColors.muted,
-        borderColor: cssColors.border,
-        expandIconBg: cssColors.background,
-        filterDropdownBg: cssColors.popover,
-        filterDropdownMenuBg: cssColors.popover,
-        fixedHeaderSortActiveBg: cssColors.muted,
-        footerBg: cssColors.muted,
-        footerColor: cssColors.mutedForeground,
-        headerBg: cssColors.muted,
-        headerColor: cssColors.mutedForeground,
-        headerFilterHoverBg: cssColors.muted,
-        headerSortActiveBg: cssColors.muted,
-        headerSortHoverBg: cssColors.muted,
-        headerSplitColor: cssColors.border,
-        rowExpandedBg: cssColors.background,
-        rowHoverBg: cssColors.muted,
-        rowSelectedBg: cssColors.accent,
-        rowSelectedHoverBg: cssColors.accent,
-        stickyScrollBarBg: cssColors.muted,
-        headerBorderRadius: 'var(--radius)'
-    };
-    const antdPaginationToken = {
-        itemActiveBg: cssColors.background,
-        itemActiveBgDisabled: cssColors.muted,
-        itemActiveColor: cssColors.primary,
-        itemActiveColorDisabled: cssColors.muted,
-        itemActiveColorHover: cssColors.muted,
-        itemBg: cssColors.background,
-        itemInputBg: cssColors.background,
-        itemLinkBg: cssColors.background
-    };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(safety, {}),
-            /*#__PURE__*/ jsx(ConfigProvider, {
-                theme: {
-                    token: antdThemeToken,
-                    components: {
-                        Table: antdTableToken,
-                        Pagination: antdPaginationToken
-                    }
-                },
-                children: /*#__PURE__*/ jsx(App, {
-                    themeMeta: props.themeMeta,
-                    children: children
-                })
+            /*#__PURE__*/ jsx(App, {
+                themeMeta: props.themeMeta,
+                children: children
             })
         ]
     });
 };
-const AppContainer = AppContainer_AppContainer;
-export { AppContainer as default };
+const components_AppContainer = AppContainer;
+export { components_AppContainer as default };

package/lib/components/AppContainer/safety.js

@@ -173,7 +173,7 @@ const Component = ()=>{
                 })
             }),
             /*#__PURE__*/ jsx(PopoverContent, {
-                className: "overflow-hidden p-0 m-0 border-0 rounded-[12px]!",
+                className: "overflow-hidden p-0 m-0 border-0 rounded-xl!",
                 style: {
                     boxShadow: '0 6px 12px 0 #41444a0a, 0 8px 24px 0 #41444a0a'
                 },

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)}/tenant_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/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: {
-    variant?: "default" | "destructive" | "secondary" | "outline";
+    variant?: "default" | "secondary" | "destructive" | "outline";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/lib/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: {
-    variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "ghost";
+    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost";
     size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.19-antd-test.4",
+  "version": "1.1.20-alpha.tea.1",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -15,11 +15,6 @@
       "require": "./lib/index.js",
       "types": "./lib/index.d.ts"
     },
-    "./antd-table": {
-      "import": "./lib/antd-table.js",
-      "require": "./lib/antd-table.js",
-      "types": "./lib/antd-table.d.ts"
-    },
     "./lib/index.css": "./lib/index.css",
     "./dataloom": {
       "import": "./lib/apis/dataloom.js",
@@ -88,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",

package/lib/antd-table.d.ts

@@ -1,4 +0,0 @@
-import { Table } from 'antd';
-import type { TableProps } from 'antd';
-export { Table };
-export type { TableProps };

package/lib/antd-table.js

@@ -1,2 +0,0 @@
-import { Table } from "antd";
-export { Table };