@lark-apaas/client-toolkit 1.1.21-alpha.auth.dev.4 → 1.1.21-alpha.tea.1

package/README.md

@@ -6,71 +6,3 @@
 
 * 导出所有对外暴露的 API 和组件，并通过 npm exports 来控制
 * 其他目录作为 internal 实现，不对外暴露
-
-### auth 目录
-
-* 包含与权限相关的 API 和组件
-
-
-### 开发组件 - 使用 CanRole 组件 (推荐)
-
-```tsx
-import { CanRole } from '@lark-apaas/client-toolkit';
-
-function Home() {
-  return (
-    <div>
-      <CanRole roles={['role_admin']}>
-        <div>管理员按钮</div>
-      </CanRole>
-      <CanRole roles={['role_admin', 'role_editor']}>
-        <div>编辑按钮</div>
-      </CanRole>
-    </div>
-  );
-}
-```
-
-### 开发组件 - 使用 AbilityContext 处理复杂场景
-
-```tsx
-import { useContext } from 'react';
-import { AbilityContext, ROLE_SUBJECT } from '@lark-apaas/client-toolkit';
-
-function Home() {
-  const ability = useContext(AbilityContext);
-  return (
-    <div>
-      {ability.can('role_admin', ROLE_SUBJECT) || ability.can('role_editor', ROLE_SUBJECT) ? (
-        <div>可见的仪表盘</div>
-      ) : null}
-    </div>
-  );
-}
-```
-
-### 开发组件 - 进阶示例
-
-### 菜单按权限过滤
-
-```tsx
-import { useContext } from 'react';
-import { AbilityContext, ROLE_SUBJECT } from '@lark-apaas/client-toolkit';
-
-const menus = [
-  { name: 'Dashboard', path: '/dashboard', p: { action: 'role_admin', subject: ROLE_SUBJECT } },
-  { name: 'Users', path: '/users', p: { action: 'role_editor', subject: ROLE_SUBJECT } },
-  { name: 'Settings', path: '/settings', p: { action: 'role_admin', subject: ROLE_SUBJECT } },
-];
-
-function Nav() {
-  const ability = useContext(AbilityContext);
-  return (
-    <nav>
-      {menus.map(m => ability.can(m.p.action, m.p.subject) && (
-        <a key={m.path} href={m.path}>{m.name}</a>
-      ))}
-    </nav>
-  );
-} 
-```

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

@@ -1,10 +1,7 @@
 import React from 'react';
 import { IBaseThemeProviderProps } from '../theme';
 import '../../index.css';
-interface IBaseAuthProviderProps {
-    enableAuth?: boolean;
-}
 declare const AppContainer: React.FC<{
     children: React.ReactNode;
-} & IBaseThemeProviderProps & IBaseAuthProviderProps>;
+} & IBaseThemeProviderProps>;
 export default AppContainer;

package/lib/components/AppContainer/index.js

@@ -10,9 +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 { AuthProvider } from "@lark-apaas/auth-sdk";
+import { getAppId } from "../../utils/getAppId.js";
 registerDayjsPlugins();
 initAxiosConfig();
 const isMiaodaPreview = window.IS_MIAODA_PREVIEW;
@@ -26,7 +28,7 @@ const readCssVarColor = (varName, fallback)=>{
     }
 };
 const App = (props)=>{
-    const { themeMeta = {}, enableAuth } = props;
+    const { themeMeta = {} } = props;
     useAppInfo();
     const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
         rem: '0.625'
@@ -47,10 +49,17 @@ const App = (props)=>{
             }, 300);
         });
     }, []);
-    return /*#__PURE__*/ jsxs(AuthProvider, {
-        config: {
-            enable: enableAuth
-        },
+    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, {}),
             'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {
@@ -196,7 +205,6 @@ const AppContainer_AppContainer = (props)=>{
                 },
                 children: /*#__PURE__*/ jsx(App, {
                     themeMeta: props.themeMeta,
-                    enableAuth: props.enableAuth,
                     children: children
                 })
             })

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/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-alpha.auth.dev.4",
+  "version": "1.1.21-alpha.tea.1",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -60,11 +60,6 @@
       "import": "./lib/apis/utils/*.js",
       "require": "./lib/apis/utils/*.js",
       "types": "./lib/apis/utils/*.d.ts"
-    },
-    "./auth/*": {
-      "import": "./lib/auth.js",
-      "require": "./lib/auth.js",
-      "types": "./lib/auth.d.ts"
     }
   },
   "scripts": {
@@ -79,13 +74,13 @@
     "storybook": "storybook dev",
     "test": "echo 0",
     "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
-    "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix"
+    "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
+    "prepublishOnly": "npm run build && node scripts/replace-workspace-alias.js"
   },
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
     "@data-loom/js": "^0.4.0",
-    "@lark-apaas/auth-sdk": "0.1.0-alpha.9",
     "@lark-apaas/miaoda-inspector": "^1.0.4",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",
@@ -93,8 +88,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/auth/index.d.ts

@@ -1 +0,0 @@
-export { CanRole, AbilityContext, ROLE_SUBJECT } from '@lark-apaas/auth-sdk';

package/lib/auth/index.js

@@ -1,2 +0,0 @@
-import { AbilityContext, CanRole, ROLE_SUBJECT } from "@lark-apaas/auth-sdk";
-export { AbilityContext, CanRole, ROLE_SUBJECT };