@lark-apaas/client-toolkit 1.2.28-alpha.54 → 1.2.28-alpha.55

package/lib/auth.d.ts

@@ -1,2 +1 @@
-export { AuthProvider, useAuth, Can, CanRole, useCan, AbilityContext, useUserPermissions, PermissionClient, ROLE_SUBJECT, } from '@lark-apaas/auth-sdk';
-export type { AuthProviderProps, PermissionApiResponse, PermissionApiConfig, PermissionPointData, AuthSdkConfig, } from '@lark-apaas/auth-sdk';
+export { CanRole, AbilityContext, ROLE_SUBJECT, useAuth, } from '@lark-apaas/auth-sdk';

package/lib/auth.js

@@ -1,2 +1,2 @@
-import { AbilityContext, AuthProvider, Can, CanRole, PermissionClient, ROLE_SUBJECT, useAuth, useCan, useUserPermissions } from "@lark-apaas/auth-sdk";
-export { AbilityContext, AuthProvider, Can, CanRole, PermissionClient, ROLE_SUBJECT, useAuth, useCan, useUserPermissions };
+import { AbilityContext, CanRole, ROLE_SUBJECT, useAuth } from "@lark-apaas/auth-sdk";
+export { AbilityContext, CanRole, ROLE_SUBJECT, useAuth };

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

@@ -3,8 +3,6 @@ import { IBaseThemeProviderProps } from '../theme';
 import '../../runtime';
 interface IBaseAuthProviderProps {
     enableAuth?: boolean;
-    /** 自定义权限点位获取函数，返回 { action, subject }[]，传入后 CanPermission / useCanPermission 可用 */
-    permissionPointsFetcher?: () => Promise<import('@lark-apaas/auth-sdk').PermissionPointData[]>;
 }
 interface IToasterProps {
     /** 禁用内建 Toaster 组件，默认 false */

package/lib/components/AppContainer/index.js

@@ -9,6 +9,7 @@ import { PageHoc } from "./PageHoc.js";
 import { reportTeaEvent } from "./utils/tea.js";
 import { useAppInfo } from "../../hooks/index.js";
 import { TrackKey } from "../../types/tea.js";
+import { slardar } from "@lark-apaas/internal-slardar";
 import safety from "./safety.js";
 import { getAppId } from "../../utils/getAppId.js";
 import { isNewPathEnabled } from "../../utils/apiPath.js";
@@ -27,7 +28,7 @@ const readCssVarColor = (varName, fallback)=>{
 };
 const appFlags = process.env.APP_FLAGS || {};
 const App = (props)=>{
-    const { enableAuth, permissionPointsFetcher, disableToaster = false } = props;
+    const { enableAuth, disableToaster = false } = props;
     useAppInfo();
     useEffect(()=>{
         if (isMiaodaPreview) fetch(`${location.origin}/ai/api/feida_preview/csrf`).then(()=>{
@@ -38,14 +39,33 @@ const App = (props)=>{
         });
     }, []);
     useEffect(()=>{
-        if ('production' === process.env.NODE_ENV) reportTeaEvent({
-            trackKey: TrackKey.VIEW,
-            trackParams: {
-                artifact_uid: getAppId(),
-                agent_id: 'agent_miaoda',
-                url: window.location.href
-            }
-        });
+        if ('production' === process.env.NODE_ENV) {
+            reportTeaEvent({
+                trackKey: TrackKey.VIEW,
+                trackParams: {
+                    artifact_uid: getAppId(),
+                    agent_id: 'agent_miaoda',
+                    url: window.location.href
+                }
+            });
+            const appId = getAppId();
+            const firstRenderTime = Math.round(performance.now());
+            const navEntry = performance.getEntriesByType('navigation')[0];
+            const pageLoadTime = navEntry && navEntry.loadEventEnd > 0 ? Math.round(navEntry.loadEventEnd - navEntry.startTime) : void 0;
+            slardar.sendEvent({
+                name: 'app-first-render',
+                metrics: {
+                    firstRenderTime,
+                    ...null != pageLoadTime ? {
+                        pageLoadTime
+                    } : {}
+                },
+                categories: {
+                    appId: appId ?? 'unknown',
+                    mode: isMiaodaPreview ? 'preview' : 'runtime'
+                }
+            });
+        }
     }, []);
     const appId = getAppId();
     const permissionApiUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/permissions/roles` : `/spark/app/${appId}/runtime/api/v1/permissions/roles`;
@@ -54,10 +74,7 @@ const App = (props)=>{
             enable: enableAuth,
             permissionApi: {
                 url: permissionApiUrl
-            },
-            ...permissionPointsFetcher ? {
-                permissionPointsFetcher
-            } : {}
+            }
         },
         children: [
             !disableToaster && true !== appFlags.customToaster && /*#__PURE__*/ jsx(Toaster, {}),
@@ -199,7 +216,6 @@ const AppContainer_AppContainer = (props)=>{
                     },
                     children: /*#__PURE__*/ jsx(App, {
                         enableAuth: props.enableAuth,
-                        permissionPointsFetcher: props.permissionPointsFetcher,
                         disableToaster: props.disableToaster,
                         children: children
                     })

package/lib/utils/axiosConfig.js

@@ -372,7 +372,18 @@ function initAxiosConfig(axiosInstance) {
                     name: 'toolkit_axios_403_downgrade',
                     categories: {
                         url: String(error.config?.url || ''),
-                        method: String(error.config?.method || '')
+                        method: String(error.config?.method || ''),
+                        ...'production' !== process.env.NODE_ENV && {
+                            responseData: (()=>{
+                                try {
+                                    const data = error.response?.data;
+                                    if (!data) return '';
+                                    return 'string' == typeof data ? data.slice(0, 512) : JSON.stringify(data).slice(0, 512);
+                                } catch  {
+                                    return '';
+                                }
+                            })()
+                        }
                     }
                 });
                 return error.response;
@@ -383,7 +394,19 @@ function initAxiosConfig(axiosInstance) {
             categories: {
                 url: String(error.config?.url || ''),
                 method: String(error.config?.method || ''),
-                status: String(error.response?.status || '')
+                status: String(error.response?.status || ''),
+                ...'production' !== process.env.NODE_ENV && {
+                    errorMessage: String(error.message || ''),
+                    responseData: (()=>{
+                        try {
+                            const data = error.response?.data;
+                            if (!data) return '';
+                            return 'string' == typeof data ? data.slice(0, 512) : JSON.stringify(data).slice(0, 512);
+                        } catch  {
+                            return '';
+                        }
+                    })()
+                }
             }
         });
         return Promise.reject(error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.28-alpha.54",
+  "version": "1.2.28-alpha.55",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -100,7 +100,7 @@
     "@ant-design/cssinjs": "^1.24.0",
     "@data-loom/js": "0.4.13",
     "@lark-apaas/aily-web-sdk": "^0.0.7",
-    "@lark-apaas/auth-sdk": "0.1.0-alpha.81",
+    "@lark-apaas/auth-sdk": "^0.1.3",
     "@lark-apaas/client-capability": "^0.1.6",
     "@lark-apaas/internal-slardar": "^0.0.3",
     "@lark-apaas/miaoda-inspector": "^1.0.22",