@lark-apaas/client-toolkit 1.2.1-alpha.1 → 1.2.1-alpha.11

package/lib/apis/trace.d.ts

@@ -0,0 +1 @@
+export * from '../trace';

package/lib/apis/trace.js

@@ -0,0 +1 @@
+export * from "../trace/index.js";

package/lib/components/AppContainer/utils/observable.js

@@ -6,6 +6,7 @@ const initObservable = ()=>{
             env: 'development' === process.env.NODE_ENV ? AppEnv.Dev : AppEnv.Prod,
             collectorUrl: {
                 log: `/spark/app/${window.appId}/runtime/api/v1/observability/logs/collect`,
+                trace: `/spark/app/${window.appId}/runtime/api/v1/observability/traces/collect`,
                 metric: `/spark/app/${window.appId}/runtime/api/v1/observability/metrics/collect`
             }
         });

package/lib/trace/index.d.ts

@@ -0,0 +1,2 @@
+declare const trace: any;
+export { trace };

package/lib/trace/index.js

@@ -0,0 +1,3 @@
+import { observable } from "@lark-apaas/observable-web";
+const trace = observable.trace.bind(observable);
+export { trace };

package/lib/utils/axiosConfig.d.ts

@@ -1,4 +1,14 @@
 import { AxiosInstance } from 'axios';
+declare module 'axios' {
+    interface AxiosRequestConfig {
+        /** @internal 存储 Span 实例 */
+        __span?: any;
+        /** @internal 请求开始时间 */
+        _startTime?: number;
+        /** @internal 请求唯一标识 */
+        _requestUUID?: string;
+    }
+}
 /**
  * axios配置内容：拦截器、日志等
  */

package/lib/utils/axiosConfig.js

@@ -1,6 +1,8 @@
 import axios from "axios";
+import { observable } from "@lark-apaas/observable-web";
 import { logger } from "../apis/logger.js";
 import { getStacktrace } from "../logger/selected-logs.js";
+import { safeStringify } from "./safeStringify.js";
 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)) {
@@ -52,7 +54,7 @@ async function logResponse(ok, responseOrError) {
             logTraceID
         };
         if (stacktrace) logMeta.stacktrace = stacktrace;
-        if ('development' === process.env.NODE_ENV) logger.log({
+        logger.debug({
             level: ok,
             args: [
                 parts.join(''),
@@ -108,7 +110,7 @@ async function logResponse(ok, responseOrError) {
         const stacktrace = await requestStacktraceMap.get(requestUUID);
         const logMeta = {};
         if (stacktrace) logMeta.stacktrace = stacktrace;
-        logger.log({
+        logger.debug({
             level: 'error',
             args: [
                 parts.join(''),
@@ -118,7 +120,7 @@ async function logResponse(ok, responseOrError) {
         });
         return;
     }
-    logger.log({
+    logger.debug({
         level: 'error',
         args: [
             '请求失败：无响应对象或配置信息'
@@ -129,6 +131,70 @@ async function logResponse(ok, responseOrError) {
 const requestStacktraceMap = new Map();
 function initAxiosConfig(axiosInstance) {
     if (!axiosInstance) axiosInstance = axios;
+    if (axiosInstance && !axiosInstance._isTraced) {
+        axiosInstance._isTraced = true;
+        const originalRequest = axiosInstance.request;
+        axiosInstance.request = function(urlOrConfig, config) {
+            try {
+                const finalConfig = 'string' == typeof urlOrConfig ? config = config || {} : urlOrConfig = urlOrConfig || {};
+                const method = (finalConfig.method || 'GET').toUpperCase();
+                const url = finalConfig.url || ('string' == typeof urlOrConfig ? urlOrConfig : '');
+                const cleanedPath = url.split('?')[0].replace(/^\/spark\/p\/app_\w+/, '') || '/';
+                const span = observable.startSpan(`${method} ${cleanedPath}`);
+                if (span) {
+                    const spanContext = span.spanContext();
+                    if (spanContext && spanContext.traceId) {
+                        const traceInfo = `${spanContext.traceId}-${spanContext.spanId}`;
+                        if (!finalConfig.headers) finalConfig.headers = {};
+                        finalConfig.headers['X-Tt-TraceInfo'] = traceInfo;
+                        finalConfig.__span = span;
+                    }
+                }
+            } catch (error) {
+                console.error('Trace start failed:', error);
+            }
+            return originalRequest.apply(this, arguments);
+        };
+    }
+    axiosInstance.interceptors.response.use((response)=>{
+        const { __span: span, _startTime: startTime, url = "" } = response.config || {};
+        const method = (response.config.method || 'GET').toUpperCase();
+        const cleanedPath = url.split('?')[0].replace(/^\/spark\/p\/app_\w+/, '') || '/';
+        if (span) {
+            observable.log('INFO', safeStringify({
+                method,
+                path: cleanedPath,
+                url,
+                user_agent: response.config.headers["user-agent"],
+                duration_ms: startTime ? Date.now() - startTime : void 0,
+                status: response.status,
+                request_body: response.config.data,
+                response: response.data
+            }), {}, span);
+            'function' == typeof span.end && span.end();
+        }
+        return response;
+    }, (error)=>{
+        const { config: errorConfig = {}, response: errorResponse = {}, message: errorMessage = '未知错误' } = error;
+        const { __span: span, _startTime: startTime, url = "" } = errorConfig || {};
+        const method = (errorConfig.method || 'GET').toUpperCase();
+        const cleanedPath = url.split('?')[0].replace(/^\/spark\/p\/app_\w+/, '') || '/';
+        if (span) {
+            observable.log('ERROR', safeStringify({
+                method,
+                path: cleanedPath,
+                url,
+                user_agent: errorConfig.headers?.["user-agent"],
+                duration_ms: startTime ? Date.now() - startTime : void 0,
+                status: errorResponse.status || 200,
+                request_body: errorConfig.data,
+                response: errorResponse.data || {},
+                error_message: errorMessage
+            }), {}, span);
+            'function' == typeof span.end && span.end();
+        }
+        return Promise.reject(error);
+    });
     axiosInstance.interceptors.request.use((config)=>{
         const requestUUID = crypto.randomUUID();
         if ('production' !== process.env.NODE_ENV) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.1-alpha.1",
+  "version": "1.2.1-alpha.11",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -31,6 +31,11 @@
       "require": "./lib/apis/logger.js",
       "types": "./lib/apis/logger.d.ts"
     },
+    "./trace": {
+      "import": "./lib/apis/trace.js",
+      "require": "./lib/apis/trace.js",
+      "types": "./lib/apis/trace.d.ts"
+    },
     "./udt-types": {
       "import": "./lib/apis/udt-types.js",
       "require": "./lib/apis/udt-types.js",
@@ -83,7 +88,7 @@
     "@data-loom/js": "^0.4.3",
     "@lark-apaas/client-capability": "^0.1.1",
     "@lark-apaas/miaoda-inspector": "^1.0.8",
-    "@lark-apaas/observable-web": "^1.0.0",
+    "@lark-apaas/observable-web": "1.0.1-alpha.2",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.3",
@@ -157,4 +162,4 @@
     "react-router-dom": ">=6.26.2",
     "styled-jsx": ">=5.0.0"
   }
-}
+}