@lark-apaas/client-toolkit 1.1.16 → 1.1.17

package/lib/components/AppContainer/PageHoc.js

@@ -2,15 +2,21 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { snapdom } from "@zumer/snapdom";
 import { submitPostMessage } from "../../utils/postMessage.js";
+import { clearNetworkIdle, networkIdleCallback } from "network-idle";
+import { normalizeBasePath } from "../../utils/utils.js";
 function PageHoc(props) {
     const { children } = props;
     useEffect(()=>{
         if ('production' !== process.env.NODE_ENV) {
-            const timer = setTimeout(()=>{
+            const basePath = normalizeBasePath(process.env.CLIENT_BASE_PATH);
+            const id = networkIdleCallback(()=>{
+                const width = document.body.scrollWidth;
+                const height = document.body.scrollHeight;
                 snapdom(document.body, {
                     format: 'png',
-                    width: document.body.scrollWidth,
-                    height: document.body.scrollHeight,
+                    width,
+                    height,
+                    fallbackURL: ({ src })=>`${basePath}/dev/snapdom-proxy?url=${encodeURIComponent(src)}`,
                     exclude: [
                         '#lucide-react-svg'
                     ],
@@ -22,8 +28,8 @@ function PageHoc(props) {
                         data: imgEle.src
                     });
                 }).catch(()=>{});
-            }, 1000);
-            return ()=>clearTimeout(timer);
+            }, 2000);
+            return ()=>clearNetworkIdle(id);
         }
     }, []);
     return /*#__PURE__*/ jsx(Fragment, {

package/lib/logger/intercept-global-error.js

@@ -61,6 +61,21 @@ function processDevServerLog(log) {
         });
     }
 }
+function listenHmrApplyFailed() {
+    const hot = import.meta.webpackHot || module.hot;
+    if (hot) hot.addStatusHandler((status)=>{
+        if ('fail' === status || 'abort' === status) {
+            console.warn('hmr apply failed', status);
+            submitSlardarEvent({
+                name: 'sandbox-devServer',
+                categories: {
+                    type: 'hmr-apply-failed',
+                    status
+                }
+            });
+        }
+    });
+}
 function interceptErrors() {
     window.addEventListener('error', (event)=>{
         logger.error(event.error);
@@ -68,6 +83,7 @@ function interceptErrors() {
     window.addEventListener('unhandledrejection', (event)=>{
         logger.error(event.reason);
     });
+    listenHmrApplyFailed();
     const PROXY_CONSOLE_METHOD = [
         'log',
         'info',

package/lib/utils/axiosConfig.js

@@ -15,9 +15,22 @@ async function logResponse(ok, response) {
         'ms'
     ];
     const logTraceID = response.headers['x-log-trace-id'];
+    const queryParams = {};
+    const url = response.config.url || '';
+    const queryString = url.split('?')[1];
+    if (queryString) {
+        const urlParams = new URLSearchParams(queryString);
+        urlParams.forEach((value, key)=>{
+            queryParams[key] = value;
+        });
+    }
+    if (response.config.params) Object.assign(queryParams, response.config.params);
     const args = [
         {
             '请求参数：': response.config.data,
+            ...Object.keys(queryParams).length > 0 && {
+                '查询参数：': queryParams
+            },
             '返回数据：': response.data,
             '请求摘要：': {
                 TraceID: logTraceID,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -88,6 +88,7 @@
     "dayjs": "^1.11.13",
     "echarts": "^6.0.0",
     "lodash": "^4.17.21",
+    "network-idle": "^0.2.0",
     "penpal": "^6.2.2",
     "sockjs-client": "^1.6.1",
     "sonner": "~2.0.0",
@@ -123,7 +124,7 @@
     "antd": "^5.26.6",
     "eslint": "^8.57.0",
     "jsdom": "^26.1.0",
-    "lucide-react": "npm:@lark-apaas/lucide-react@1.0.2",
+    "lucide-react": "^0.554.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.2",