@lark-apaas/client-toolkit 1.2.24-alpha.0 → 1.2.24-alpha.2

package/lib/components/AppContainer/api-proxy/core.js

@@ -139,8 +139,7 @@ class ApiProxy {
             ...config,
             headers: {
                 ...this.defaultConfig.headers,
-                ...config.headers,
-                'X-Page-Route': 'undefined' != typeof window ? window.location?.pathname || '/' : '/'
+                ...config.headers
             }
         };
         const requestKey = this.generateRequestKey(mergedConfig);

package/lib/components/AppContainer/safety.js

@@ -14,32 +14,18 @@ const Component = ()=>{
     const isMobile = useIsMobile();
     const [userinfo, setUserinfo] = useState(null);
     const [isInternetVisible, setIsInternetVisible] = useState(false);
-    const [showBadge, setShowBadge] = useState(true);
-    const [badgeLoaded, setBadgeLoaded] = useState(false);
     const timeoutRef = useRef(null);
     useEffect(()=>{
         const appId = getAppId();
-        const csrfHeaders = {
-            'X-Suda-Csrf-Token': getCsrfToken()
-        };
         const tenantInfoUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/tenant_info` : `/spark/b/${appId}/tenant_info`;
         fetch(tenantInfoUrl, {
-            headers: csrfHeaders
+            headers: {
+                'X-Suda-Csrf-Token': getCsrfToken()
+            }
         }).then((res)=>res.json()).then((data)=>{
             setUserinfo(data?.data?.tenant_info);
             setIsInternetVisible(data?.data?.is_internet_visible);
         });
-        const getPublishedUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/get_published` : `/spark/b/${appId}/get_published`;
-        fetch(getPublishedUrl, {
-            headers: csrfHeaders
-        }).then((res)=>res.json()).then((data)=>{
-            const badge = data?.data?.app_info?.show_badge;
-            setShowBadge(false !== badge);
-        }).catch(()=>{
-            setShowBadge(true);
-        }).finally(()=>{
-            setBadgeLoaded(true);
-        });
     }, []);
     useEffect(()=>{
         if (isMobile) {
@@ -53,8 +39,6 @@ const Component = ()=>{
         isMobile
     ]);
     if ('production' !== process.env.NODE_ENV) return null;
-    if (!badgeLoaded) return null;
-    if (!showBadge) return null;
     if (!visible) return null;
     if (isMobile) return /*#__PURE__*/ jsxs(Sheet, {
         open: open,

package/lib/utils/axiosConfig.js

@@ -4,6 +4,21 @@ import { logger } from "../apis/logger.js";
 import { getStacktrace } from "../logger/selected-logs.js";
 import { safeStringify } from "./safeStringify.js";
 import { slardar } from "@lark-apaas/internal-slardar";
+import { normalizeBasePath } from "./utils.js";
+const APP_CLIENT_API_LOG_TYPE = 'app_client_api_log';
+function getRefererPath() {
+    try {
+        if ('undefined' != typeof window && window.location?.pathname) return stripBasePath(window.location.pathname);
+        return '/';
+    } catch  {
+        return '/';
+    }
+}
+function stripBasePath(urlPath) {
+    const base = normalizeBasePath(process.env.CLIENT_BASE_PATH);
+    if (base && urlPath.startsWith(base)) return urlPath.slice(base.length) || '/';
+    return urlPath;
+}
 const isValidResponse = (resp)=>null != resp && 'object' == typeof resp && 'config' in resp && null !== resp.config && void 0 !== resp.config && 'object' == typeof resp.config && 'status' in resp && 'number' == typeof resp.status && 'data' in resp;
 async function logResponse(ok, responseOrError) {
     if (isValidResponse(responseOrError)) {
@@ -139,13 +154,20 @@ function handleSpanEnd(cfg, response, error) {
         const errorMessage = error?.message || '未知错误';
         const url = response?.request?.responseURL || errorResponse?.request?.responseURL || cfg.url || "";
         const method = (cfg.method || 'GET').toUpperCase();
-        const path = url.split('?')[0].replace(/^https?:\/\/[^/]+/, '') || '/';
+        const rawPath = url.split('?')[0].replace(/^https?:\/\/[^/]+/, '') || '/';
+        const path = stripBasePath(rawPath);
+        const durationMs = startTime ? Date.now() - startTime : void 0;
+        const referer_path = getRefererPath();
+        const api = `${method} ${path}`;
+        const type = APP_CLIENT_API_LOG_TYPE;
         const logData = {
             method,
             path,
             url,
-            duration_ms: startTime ? Date.now() - startTime : void 0,
-            status: response ? response.status : errorResponse.status || 0
+            duration_ms: durationMs,
+            status: response ? response.status : errorResponse.status || 0,
+            referer_path,
+            type
         };
         if (error) logData.error_message = errorMessage;
         if ('undefined' != typeof navigator) logData.user_agent = navigator.userAgent;
@@ -158,7 +180,12 @@ function handleSpanEnd(cfg, response, error) {
         const responseData = response?.data || errorResponse?.data;
         if (responseData) logData.response = responseData;
         const level = error ? 'ERROR' : 'INFO';
-        observable.log(level, safeStringify(logData), {}, currentSpan);
+        observable.log(level, safeStringify(logData), {
+            referer_path,
+            api,
+            type,
+            duration_ms: durationMs
+        }, currentSpan);
         'function' == typeof currentSpan.end && currentSpan.end();
     } catch (e) {
         console.error('[AxiosTrace] Log span failed:', e);
@@ -239,7 +266,11 @@ function initAxiosConfig(axiosInstance) {
         config._startTime = config._startTime || Date.now();
         const csrfToken = window.csrfToken;
         if (csrfToken) config.headers['X-Suda-Csrf-Token'] = csrfToken;
-        if ('undefined' != typeof window && window.location?.pathname) config.headers['X-Page-Route'] = window.location.pathname;
+        const refererPath = getRefererPath();
+        config.headers['Rpc-Persist-Apaas-Observability-Referer-Path'] = refererPath;
+        const reqMethod = (config.method || 'GET').toUpperCase();
+        const requestPath = stripBasePath((config.url || '').split('?')[0]);
+        config.headers['Rpc-Persist-Apaas-Observability-Api'] = `${reqMethod} ${requestPath}`;
         return config;
     }, (error)=>Promise.reject(error));
     instance.interceptors.response.use((response)=>response, (error)=>{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.24-alpha.0",
+  "version": "1.2.24-alpha.2",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -99,10 +99,10 @@
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
     "@data-loom/js": "0.4.9",
-    "@lark-apaas/aily-web-sdk": "^0.0.7",
-    "@lark-apaas/auth-sdk": "^0.1.2",
-    "@lark-apaas/client-capability": "^0.1.6",
-    "@lark-apaas/internal-slardar": "^0.0.3",
+    "@lark-apaas/aily-web-sdk": "^0.0.6",
+    "@lark-apaas/auth-sdk": "^0.1.1",
+    "@lark-apaas/client-capability": "^0.1.5",
+    "@lark-apaas/internal-slardar": ">=0.0.1",
     "@lark-apaas/miaoda-inspector": "^1.0.20",
     "@lark-apaas/observable-web": "^1.0.4",
     "@radix-ui/react-avatar": "^1.1.10",