@lark-apaas/client-toolkit 0.1.0-alpha.1 → 0.1.0-alpha.log.2

package/README.md

@@ -1,4 +1,4 @@
-# @lark-apaas/client-core
+# @lark-apaas/client-toolkit
 
 ## 项目架构设计
 

package/lib/components/AppContainer/PageHoc.js

@@ -11,6 +11,9 @@ function PageHoc(props) {
                     format: 'png',
                     width: document.body.scrollWidth,
                     height: document.body.scrollHeight,
+                    exclude: [
+                        '#lucide-react-svg'
+                    ],
                     backgroundColor: '#ffffff'
                 }).then(async (res)=>{
                     const imgEle = await res.toPng();

package/lib/components/AppContainer/index.js

@@ -9,7 +9,9 @@ import { PageHoc } from "./PageHoc.js";
 import { ThemeProvider, findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, themeMetaOptions } from "../theme/index.js";
 import { registerDayjsPlugins } from "./dayjsPlugins.js";
 import "../../index.css";
+import { initAxiosConfig } from "../../utils/axiosConfig.js";
 registerDayjsPlugins();
+initAxiosConfig();
 const isMiaodaPreview = window.IS_MIAODA_PREVIEW;
 const App = (props)=>{
     const { themeMeta = {} } = props;

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

@@ -14,7 +14,19 @@ async function getRoutes() {
     }
     return routes;
 }
+async function getSourceMap() {
+    let sourceMapContent = '';
+    try {
+        const basePath = normalizeBasePath(process.env.CLIENT_BASE_PATH);
+        const res = await fetch(`${basePath}/main.js.map`);
+        sourceMapContent = await res.text();
+    } catch (e) {
+        console.warn('get main.js.map error', e);
+    }
+    return sourceMapContent;
+}
 const childApi = {
-    getRoutes
+    getRoutes,
+    getSourceMap
 };
 export { childApi };

package/lib/components/ErrorRender/index.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import { Button } from "antd";
@@ -9,13 +9,19 @@ const RenderError = (props)=>{
     const location = useLocation();
     const onClickCopy = useCallback(()=>{
         const { message, stack } = error ?? {};
-        let result = error;
+        let result = '';
         if (message && stack) {
             const wrapIndex = stack.indexOf('\n');
             const extraMsg = -1 !== wrapIndex ? stack.slice(0, wrapIndex) : stack;
             result = `${message}
   ${extraMsg}`;
         }
+        if (!result) try {
+            result = JSON.stringify(error);
+        } catch (e) {
+            console.error('复制到剪切板失败:', error);
+            result = 'unknown error';
+        }
         copyToClipboard(result);
     }, [
         error
@@ -50,27 +56,31 @@ const RenderError = (props)=>{
                 }),
                 /*#__PURE__*/ jsx("p", {
                     className: "text-l/[22px] text-[#1F2329] font-medium mb-2",
-                    children: "哎呀，写错代码了"
-                }),
-                /*#__PURE__*/ jsx("p", {
-                    className: "text-sm/[22px] text-[#646A73] font-normal mb-2",
-                    children: "可复制错误信息，或告诉妙搭进行修复"
+                    children: 'production' !== process.env.NODE_ENV ? '哎呀，写错代码了' : '哎呀，出错了'
                 }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: "flex space-x-4",
+                'production' !== process.env.NODE_ENV ? /*#__PURE__*/ jsxs(Fragment, {
                     children: [
-                        /*#__PURE__*/ jsx(Button, {
-                            className: "bg-white text-gray-600 font-[400] border rounded-[6px] shadow-xs hover:bg-gray-100 active:bg-gray-200 focus:outline-hidden h-[32px] border-[#D0D3D6]",
-                            onClick: onClickCopy,
-                            children: "复制错误信息"
+                        /*#__PURE__*/ jsx("p", {
+                            className: "text-sm/[22px] text-[#646A73] font-normal mb-2",
+                            children: "可复制错误信息，或告诉妙搭进行修复"
                         }),
-                        /*#__PURE__*/ jsx(Button, {
-                            className: "h-[32px] text-sm font-medium text-white bg-blue-600 border border-transparent rounded-[6px] shadow-xs hover:bg-blue-600 active:bg-blue-700 focus:outline-hidden ",
-                            onClick: onClickRepair,
-                            children: "告诉妙搭修复"
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex space-x-4",
+                            children: [
+                                /*#__PURE__*/ jsx(Button, {
+                                    className: "bg-white text-gray-600 font-[400] border rounded-[6px] shadow-xs hover:bg-gray-100 active:bg-gray-200 focus:outline-hidden h-[32px] border-[#D0D3D6]",
+                                    onClick: onClickCopy,
+                                    children: "复制错误信息"
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    className: "h-[32px] text-sm font-medium text-white bg-blue-600 border border-transparent rounded-[6px] shadow-xs hover:bg-blue-600 active:bg-blue-700 focus:outline-hidden ",
+                                    onClick: onClickRepair,
+                                    children: "告诉妙搭修复"
+                                })
+                            ]
                         })
                     ]
-                })
+                }) : null
             ]
         })
     });

package/lib/types/iframe-events.d.ts

@@ -47,4 +47,5 @@ export interface ParentApi {
 }
 export interface ChildApi {
     getRoutes: () => Promise<any[]>;
+    getSourceMap: () => Promise<string>;
 }

package/lib/utils/axiosConfig.d.ts

@@ -0,0 +1,5 @@
+import { type AxiosInstance } from 'axios';
+/**
+ * axios配置内容：拦截器、日志等
+ */
+export declare function initAxiosConfig(axiosInstance?: AxiosInstance): void;

package/lib/utils/axiosConfig.js

@@ -0,0 +1,60 @@
+import axios from "axios";
+import { logger } from "../apis/logger.js";
+function getRequestLogInfo(config) {
+    return {
+        url: config.url,
+        method: config.method?.toUpperCase(),
+        params: config.params,
+        data: config.data,
+        headers: {
+            ...config.headers,
+            'X-Suda-Csrf-Token': config.headers['X-Suda-Csrf-Token'] ? '[REDACTED]' : void 0,
+            Authorization: config.headers.Authorization ? '[REDACTED]' : void 0
+        }
+    };
+}
+function initAxiosConfig(axiosInstance) {
+    if (!axiosInstance) axiosInstance = axios;
+    axiosInstance.defaults.timeout = 10000;
+    axiosInstance.interceptors.request.use((config)=>{
+        config._startTime = Date.now();
+        const csrfToken = window.csrfToken;
+        if (csrfToken) config.headers['X-Suda-Csrf-Token'] = csrfToken;
+        logger.info({
+            type: 'HTTP Request',
+            ...getRequestLogInfo(config)
+        });
+        return config;
+    }, (error)=>{
+        logger.error({
+            type: 'HTTP Request',
+            ...getRequestLogInfo(error.config),
+            message: error.message,
+            stack: error.stack
+        });
+        return Promise.reject(error);
+    });
+    axiosInstance.interceptors.response.use((response)=>{
+        logger.info({
+            type: 'HTTP Response',
+            ...getRequestLogInfo(response.config),
+            status: response.status,
+            statusText: response.statusText,
+            responseData: response.data,
+            responseTime: Date.now() - response.config._startTime
+        });
+        return response;
+    }, (error)=>{
+        logger.error({
+            type: 'HTTP Response',
+            ...getRequestLogInfo(error.config),
+            status: error.response?.status,
+            statusText: error.response?.statusText,
+            message: error.message,
+            responseData: error.response?.data,
+            responseTime: Date.now() - error.config._startTime
+        });
+        return Promise.reject(error);
+    });
+}
+export { initAxiosConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.log.2",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -70,14 +70,13 @@
     "test": "echo 0",
     "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
     "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
-    "postinstall": "yes | npx shadcn@latest add --all -o -y -c \"$INIT_CWD\"",
     "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.3.1",
-    "@lark-apaas/miaoda-inspector": "0.1.0-alpha.8",
+    "@lark-apaas/miaoda-inspector": "^1.0.0",
     "@zumer/snapdom": "^1.9.14",
     "clsx": "~2.0.1",
     "dayjs": "^1.11.13",
@@ -113,7 +112,7 @@
     "antd": "^5.26.6",
     "eslint": "^8.57.0",
     "jsdom": "^26.1.0",
-    "lucide-react": "npm:@lark-apaas/lucide-react@0.1.0-alpha.5",
+    "lucide-react": "npm:@lark-apaas/lucide-react@1.0.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.2",