@lark-apaas/client-toolkit 1.2.10-alpha.35 → 1.2.10-alpha.36

package/lib/apis/tools/generateImage.d.ts

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

package/lib/apis/tools/generateImage.js

@@ -0,0 +1 @@
+export * from "../../integrations/generateImage.js";

package/lib/apis/tools/generateTextStream.d.ts

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

package/lib/apis/tools/generateTextStream.js

@@ -0,0 +1 @@
+export * from "../../integrations/generateTextStream.js";

package/lib/components/AppContainer/index.js

@@ -4,16 +4,13 @@ import { ConfigProvider } from "antd";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import zh_CN from "antd/locale/zh_CN";
 import IframeBridge from "./IframeBridge.js";
-import { defaultUIConfig } from "../theme/ui-config.js";
 import { Toaster } from "./sonner.js";
 import { PageHoc } from "./PageHoc.js";
-import { findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, themeMetaOptions } from "../theme/index.js";
 import { reportTeaEvent } from "./utils/tea.js";
 import { useAppInfo } from "../../hooks/index.js";
 import { TrackKey } from "../../types/tea.js";
 import safety from "./safety.js";
 import { getAppId } from "../../utils/getAppId.js";
-import { isNewPathEnabled } from "../../utils/apiPath.js";
 import QueryProvider from "../QueryProvider/index.js";
 import { AuthProvider } from "@lark-apaas/auth-sdk";
 import "../../runtime/index.js";
@@ -28,19 +25,8 @@ const readCssVarColor = (varName, fallback)=>{
     }
 };
 const App = (props)=>{
-    const { themeMeta = {}, enableAuth } = props;
+    const { enableAuth } = props;
     useAppInfo();
-    const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
-        rem: '0.625'
-    };
-    const radiusToken = generateTailwindRadiusToken(Number(rem));
-    const themeToken = {
-        ...defaultUIConfig,
-        common: {
-            ...defaultUIConfig.common,
-            borderRadius: radiusToken
-        }
-    };
     useEffect(()=>{
         if (isMiaodaPreview) fetch(`${location.origin}/ai/api/feida_preview/csrf`).then(()=>{
             setTimeout(()=>{
@@ -53,31 +39,19 @@ const App = (props)=>{
         if ('production' === process.env.NODE_ENV) reportTeaEvent({
             trackKey: TrackKey.VIEW,
             trackParams: {
-                artifact_uid: getAppId(),
+                artifact_uid: getAppId(window.location.pathname),
                 agent_id: 'agent_miaoda',
                 url: window.location.href
             }
         });
     }, []);
-    const appId = getAppId();
-    const permissionApiUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/permissions/roles` : `/spark/app/${appId}/runtime/api/v1/permissions/roles`;
     return /*#__PURE__*/ jsxs(AuthProvider, {
         config: {
-            enable: enableAuth,
-            permissionApi: {
-                url: permissionApiUrl
-            }
+            enable: enableAuth
         },
         children: [
             /*#__PURE__*/ jsx(Toaster, {}),
-            'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {
-                theme: {
-                    themeMetaOptions: themeMetaOptions,
-                    themeColorTokenMap: themeColorTokenMap,
-                    themeToken
-                },
-                cwd: process.env.CWD || ''
-            }),
+            'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {}),
             'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(IframeBridge, {}),
             /*#__PURE__*/ jsx(PageHoc, {
                 children: props.children
@@ -86,7 +60,7 @@ const App = (props)=>{
     });
 };
 const AppContainer_AppContainer = (props)=>{
-    const { children, ...rest } = props;
+    const { children } = props;
     const [cssColors, setCssColors] = useState(()=>({
             background: readCssVarColor('--background'),
             destructive: readCssVarColor('--destructive'),
@@ -214,7 +188,6 @@ const AppContainer_AppContainer = (props)=>{
                         }
                     },
                     children: /*#__PURE__*/ jsx(App, {
-                        themeMeta: props.themeMeta,
                         enableAuth: props.enableAuth,
                         children: children
                     })

package/lib/components/AppContainer/safety.js

@@ -3,12 +3,11 @@ import { useEffect, useRef, useState } from "react";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
 import { getCsrfToken } from "../../utils/getCsrfToken.js";
 import { getAppId } from "../../utils/getAppId.js";
-import { isNewPathEnabled } from "../../utils/apiPath.js";
 import { useIsMobile } from "../../hooks/index.js";
 import { X } from "lucide-react";
 import { Sheet, SheetContent, SheetTrigger } from "../ui/drawer.js";
 const Component = ()=>{
-    const HasClosedKey = `miaoda-creatByMiaoda-has-closed-${getAppId()}`;
+    const HasClosedKey = `miaoda-creatByMiaoda-has-closed-${getAppId(window.location.pathname)}`;
     const [visible, setVisible] = useState(!window.localStorage?.getItem(HasClosedKey));
     const [open, setOpen] = useState(false);
     const isMobile = useIsMobile();
@@ -16,9 +15,7 @@ const Component = ()=>{
     const [isInternetVisible, setIsInternetVisible] = useState(false);
     const timeoutRef = useRef(null);
     useEffect(()=>{
-        const appId = getAppId();
-        const tenantInfoUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/tenant_info` : `/spark/b/${appId}/tenant_info`;
-        fetch(tenantInfoUrl, {
+        fetch(`/spark/b/${getAppId(window.location.pathname)}/tenant_info`, {
             headers: {
                 'X-Suda-Csrf-Token': getCsrfToken()
             }

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

@@ -1,15 +1,13 @@
 import { getAppId } from "../../../utils/getAppId.js";
 import { getCsrfToken } from "../../../utils/getCsrfToken.js";
-import { isNewPathEnabled } from "../../../utils/apiPath.js";
 async function getLarkUserInfo() {
-    const appId = getAppId();
+    const appId = getAppId(window.location.pathname);
     if (!appId) return {
         code: 1,
         msg: 'appId is required',
         data: {}
     };
-    const url = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/lark/user_info` : `/spark/b/${appId}/lark/user_info`;
-    const response = await fetch(url, {
+    const response = await fetch(`/spark/b/${appId}/lark/user_info`, {
         headers: {
             'X-Suda-Csrf-Token': getCsrfToken()
         }

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

@@ -1,17 +1,11 @@
 import { AppEnv, observable } from "@lark-apaas/observable-web";
-import { isNewPathEnabled } from "../../../utils/apiPath.js";
 const initObservable = ()=>{
     try {
         const appId = window.appId;
         observable.start({
             serviceName: "app",
             env: 'development' === process.env.NODE_ENV ? AppEnv.Dev : AppEnv.Prod,
-            collectorUrl: isNewPathEnabled() ? {
-                log: `/app/${appId}/__runtime__/api/v1/observability/logs/collect`,
-                trace: `/app/${appId}/__runtime__/api/v1/observability/traces/collect`,
-                metric: `/app/${appId}/__runtime__/api/v1/observability/metrics/collect`,
-                time: `/app/${appId}/__runtime__/api/v1/observability/current_server_timestamp`
-            } : {
+            collectorUrl: {
                 log: `/spark/app/${appId}/runtime/api/v1/observability/logs/collect`,
                 trace: `/spark/app/${appId}/runtime/api/v1/observability/traces/collect`,
                 metric: `/spark/app/${appId}/runtime/api/v1/observability/metrics/collect`,

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

@@ -1,3 +1,2 @@
 export * from './constants';
 export * from './util';
-export * from './ui-config';

package/lib/components/theme/index.js

@@ -1,3 +1,2 @@
 export * from "./constants.js";
 export * from "./util.js";
-export * from "./ui-config.js";

package/lib/components/theme/util.d.ts

@@ -1,5 +1,4 @@
 import { ITheme } from "../../types";
-import { UIComponentConfig } from "./ui-config";
 export interface IBaseThemeProviderProps {
     defaultTheme?: ITheme;
     themeMeta?: Partial<IThemeTokenMeta>;
@@ -18,4 +17,3 @@ export interface IThemeTokenMeta {
      */
     spacing: number;
 }
-export declare const generateTailwindRadiusToken: (radiusRemValue: number) => UIComponentConfig;

package/lib/components/theme/util.js

@@ -1,108 +0,0 @@
-const generateTailwindRadiusToken = (radiusRemValue)=>{
-    try {
-        const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-        const radiusPx = radiusRemValue * rootFontSize;
-        const tempElement = document.createElement('div');
-        tempElement.style.position = 'absolute';
-        tempElement.style.visibility = 'hidden';
-        document.body.appendChild(tempElement);
-        tempElement.style.borderRadius = `${radiusPx}px`;
-        const computed = getComputedStyle(tempElement).borderRadius;
-        document.body.removeChild(tempElement);
-        if (computed && 'auto' !== computed && 'initial' !== computed) return {
-            type: 'select',
-            options: [
-                {
-                    value: 'rounded-none',
-                    label: 'none（0px）',
-                    rawValue: '0'
-                },
-                {
-                    value: 'rounded-sm',
-                    label: `sm (${Math.max(0, radiusPx - 4)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 4)}`
-                },
-                {
-                    value: 'rounded',
-                    label: 's (4px)',
-                    rawValue: '4'
-                },
-                {
-                    value: 'rounded-md',
-                    label: `m (${Math.max(0, radiusPx - 2)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 2)}`
-                },
-                {
-                    value: 'rounded-lg',
-                    label: `l (${radiusPx}px)`,
-                    rawValue: `${radiusPx}`
-                },
-                {
-                    value: 'rounded-xl',
-                    label: `xl (${radiusPx + 4}px)`,
-                    rawValue: `${radiusPx + 4}`
-                },
-                {
-                    value: 'rounded-2xl',
-                    label: '2xl (16px)',
-                    rawValue: '16'
-                },
-                {
-                    value: 'rounded-full',
-                    label: 'Full',
-                    rawValue: '9999'
-                }
-            ]
-        };
-        throw new Error('Browser calculation validation failed');
-    } catch (error) {
-        console.warn('Failed to get computed values from browser, falling back to default calculation:', error);
-        const radiusPx = 16 * radiusRemValue;
-        return {
-            type: 'select',
-            options: [
-                {
-                    value: 'rounded-none',
-                    label: 'none（0px）',
-                    rawValue: '0'
-                },
-                {
-                    value: 'rounded-sm',
-                    label: `sm (${Math.max(0, radiusPx - 4)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 4)}`
-                },
-                {
-                    value: 'rounded',
-                    label: 's (4px)',
-                    rawValue: '4'
-                },
-                {
-                    value: 'rounded-md',
-                    label: `m (${Math.max(0, radiusPx - 2)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 2)}`
-                },
-                {
-                    value: 'rounded-lg',
-                    label: `l (${radiusPx}px)`,
-                    rawValue: `${radiusPx}`
-                },
-                {
-                    value: 'rounded-xl',
-                    label: `xl (${radiusPx + 4}px)`,
-                    rawValue: `${radiusPx + 4}`
-                },
-                {
-                    value: 'rounded-2xl',
-                    label: '2xl (16px)',
-                    rawValue: '16'
-                },
-                {
-                    value: 'rounded-full',
-                    label: 'Full',
-                    rawValue: '9999'
-                }
-            ]
-        };
-    }
-};
-export { generateTailwindRadiusToken };

package/lib/hooks/useLogout.js

@@ -1,13 +1,28 @@
 import { useState } from "react";
 import { getDataloom } from "../integrations/dataloom.js";
+import { isSparkRuntime } from "../utils/utils.js";
 function useLogout() {
     const [isLoading, setIsLoading] = useState(false);
     async function handlerLogout() {
         if ('production' !== process.env.NODE_ENV) return void console.log('只有生产环境才执行登出');
+        if (isSparkRuntime()) {
+            setIsLoading(true);
+            try {
+                const dataloom = await getDataloom();
+                await dataloom.service.session.signOut();
+            } catch (error) {
+                console.error('登出失败', error);
+            } finally{
+                setIsLoading(false);
+            }
+            return;
+        }
         setIsLoading(true);
         try {
-            const dataloom = await getDataloom();
-            await dataloom.service.session.signOut();
+            await fetch('/ai/api/ui/page/logout', {
+                method: 'GET'
+            });
+            window.location.reload();
         } catch (error) {
             console.error('登出失败', error);
         } finally{

package/lib/index.js

@@ -1,17 +1,10 @@
 import { createClient } from "@lark-apaas/client-capability";
 import { normalizeBasePath } from "./utils/utils.js";
-import { getAppId } from "./utils/getAppId.js";
-import { isNewPathEnabled } from "./utils/apiPath.js";
 import { logger } from "./logger/index.js";
 import { showToast } from "./components/ui/toast.js";
 import { version } from "../package.json";
-const _appId = getAppId();
-const _acquireUploadUrl = isNewPathEnabled() ? `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_upload_url` : "/af/api/v1/studio/plugins/tmp_files/acquire_upload_url";
-const _acquireDownloadUrl = isNewPathEnabled() ? `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_download_url` : "/af/api/v1/studio/plugins/tmp_files/acquire_download_url";
 const capabilityClient = createClient({
     baseURL: normalizeBasePath(process.env.CLIENT_BASE_PATH),
-    acquireUploadUrl: _acquireUploadUrl,
-    acquireDownloadUrl: _acquireDownloadUrl,
     fetchOptions: {
         headers: {
             'X-Suda-Csrf-Token': window.csrfToken ?? ''

package/lib/integrations/dataloom.js

@@ -7,7 +7,7 @@ const createDataLoomClient = (url, pat)=>{
         baseUrl: '',
         workspace: ''
     };
-    const appId = getAppId();
+    const appId = getAppId(window.location.pathname);
     return createClient(baseUrl, pat, workspace, {
         global: {
             enableDataloomLog: 'production' !== process.env.NODE_ENV,

package/lib/integrations/generateImage.d.ts

@@ -0,0 +1 @@
+export declare function generateImage(prompt: string, size?: string, headers?: Record<string, string>): Promise<any>;

package/lib/integrations/generateImage.js

@@ -0,0 +1,47 @@
+import { getAppId } from "../utils/getAppId.js";
+import { getCsrfToken } from "../utils/getCsrfToken.js";
+import { getEnvPath } from "../utils/getEnvPath.js";
+import { isSparkRuntime } from "../utils/utils.js";
+async function generateImage(prompt, size = '1024x1024', headers = {}) {
+    const appId = getAppId(window.location.pathname);
+    if (!appId) return {
+        code: 1,
+        msg: 'appId is required',
+        data: {}
+    };
+    const defaultHeaders = {
+        'Content-Type': 'application/json'
+    };
+    const mergedHeaders = {
+        ...defaultHeaders,
+        ...headers,
+        'X-Kunlun-Token': window.token,
+        'x-miaoda-token': window.MIAODA_BUILTIN_TTT,
+        'x-lgw-csrf-token': window.lgw_csrf_token,
+        ...window.CSRF_HEADERS || {}
+    };
+    if (isSparkRuntime()) {
+        mergedHeaders['X-Suda-Csrf-Token'] = getCsrfToken();
+        const response = await fetch(`${window.location.origin}/spark/b/${appId}/text2image`, {
+            method: 'POST',
+            headers: mergedHeaders,
+            credentials: 'include',
+            body: JSON.stringify({
+                prompt,
+                size
+            })
+        });
+        return await response.json();
+    }
+    const response = await fetch(`${window.location.origin}/ai/api/${getEnvPath()}/v1/apps/${appId}/text2image`, {
+        method: 'POST',
+        headers: mergedHeaders,
+        credentials: 'include',
+        body: JSON.stringify({
+            prompt,
+            size
+        })
+    });
+    return await response.json();
+}
+export { generateImage };

package/lib/integrations/generateTextStream.d.ts

@@ -0,0 +1,21 @@
+interface GenerateTextOptions {
+    text: string;
+    thinking_type?: 'enabled' | 'disabled';
+    headers?: Record<string, string>;
+}
+interface GenerateTextResult {
+    content: string;
+    reasoning_content: string;
+    success: boolean;
+    error?: string;
+}
+/**
+ * 文生文 - 流式版本
+ * 支持实时接收生成内容的回调
+ */
+export declare function generateTextStream(options: GenerateTextOptions, onChunk?: (chunk: {
+    content: string;
+    reasoning_content: string;
+    finished: boolean;
+}) => void): Promise<GenerateTextResult>;
+export {};

package/lib/integrations/generateTextStream.js

@@ -0,0 +1,98 @@
+import { getAppId } from "../utils/getAppId.js";
+import { getCsrfToken } from "../utils/getCsrfToken.js";
+import { getEnvPath } from "../utils/getEnvPath.js";
+import { isSparkRuntime } from "../utils/utils.js";
+async function generateTextStream(options, onChunk) {
+    const { text, thinking_type = 'disabled', headers = {} } = options;
+    const appId = getAppId(window.location.pathname);
+    if (!appId) return {
+        content: '',
+        reasoning_content: '',
+        success: false,
+        error: 'appId is required'
+    };
+    try {
+        const mergedHeaders = {
+            'Content-Type': 'application/json',
+            ...headers,
+            'X-Kunlun-Token': window.token,
+            'x-miaoda-token': window.MIAODA_BUILTIN_TTT,
+            'x-lgw-csrf-token': window.lgw_csrf_token,
+            ...window.CSRF_HEADERS || {}
+        };
+        let response;
+        if (isSparkRuntime()) {
+            mergedHeaders['X-Suda-Csrf-Token'] = getCsrfToken();
+            response = await fetch(`${window.location.origin}/spark/b/${appId}/text/generate`, {
+                method: 'POST',
+                headers: mergedHeaders,
+                credentials: 'include',
+                body: JSON.stringify({
+                    text,
+                    thinking_type
+                })
+            });
+        } else response = await fetch(`${window.location.origin}/ai/api/${getEnvPath()}/v1/apps/${appId}/text/generate`, {
+            method: 'POST',
+            headers: mergedHeaders,
+            credentials: 'include',
+            body: JSON.stringify({
+                text,
+                thinking_type
+            })
+        });
+        if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
+        const reader = response.body?.getReader();
+        if (!reader) throw new Error('无法获取响应流');
+        let fullContent = '';
+        let fullReasoningContent = '';
+        const decoder = new TextDecoder();
+        while(true){
+            const { done, value } = await reader.read();
+            if (done) break;
+            const chunk = decoder.decode(value, {
+                stream: true
+            });
+            const lines = chunk.split('\n').filter((line)=>line.trim());
+            for (const line of lines)if (line.startsWith('data: ')) {
+                const jsonStr = line.slice(6);
+                try {
+                    const data = JSON.parse(jsonStr);
+                    if (0 !== data.code) return {
+                        content: '',
+                        reasoning_content: '',
+                        success: false,
+                        error: data.msg || '生成失败'
+                    };
+                    if (data.data.content) fullContent += data.data.content;
+                    if (data.data.reasoning_content) fullReasoningContent += data.data.reasoning_content;
+                    if (onChunk) onChunk({
+                        content: data.data.content || '',
+                        reasoning_content: data.data.reasoning_content || '',
+                        finished: data.finished
+                    });
+                    if (data.finished) return {
+                        content: fullContent,
+                        reasoning_content: fullReasoningContent,
+                        success: true
+                    };
+                } catch (parseError) {
+                    console.error(`解析JSON失败: ${jsonStr}`);
+                }
+            }
+        }
+        return {
+            content: fullContent,
+            reasoning_content: fullReasoningContent,
+            success: true
+        };
+    } catch (error) {
+        return {
+            content: '',
+            reasoning_content: '',
+            success: false,
+            error: error instanceof Error ? error.message : '未知错误'
+        };
+    }
+}
+export { generateTextStream };

package/lib/integrations/services/DepartmentService.js

@@ -1,8 +1,7 @@
 import { getAppId } from "../../utils/getAppId.js";
-import { isNewPathEnabled } from "../../utils/apiPath.js";
 const DEFAULT_CONFIG = {
-    getAppId: ()=>getAppId(),
-    searchDepartmentUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/search_department` : `/af/app/${appId}/runtime/api/v1/account/search_department`
+    getAppId: ()=>getAppId(window.location.pathname),
+    searchDepartmentUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/search_department`
 };
 class DepartmentService {
     config;

package/lib/integrations/services/UserProfileService.js

@@ -1,12 +1,11 @@
 import { getAppId } from "../../utils/getAppId.js";
-import { isNewPathEnabled } from "../../utils/apiPath.js";
 const CDN_HOST = 'https://lf3-static.bytednsdoc.com';
 function getAssetsUrl(path) {
     return `${CDN_HOST}${path}`;
 }
 const DEFAULT_CONFIG = {
-    getAppId: ()=>getAppId(),
-    userProfileUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/user_profile` : `/af/app/${appId}/runtime/api/v1/account/user_profile`
+    getAppId: ()=>getAppId(window.location.pathname),
+    userProfileUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/user_profile`
 };
 class UserProfileService {
     config;

package/lib/integrations/services/UserService.js

@@ -1,9 +1,8 @@
 import { getAppId } from "../../utils/getAppId.js";
-import { isNewPathEnabled } from "../../utils/apiPath.js";
 const DEFAULT_CONFIG = {
-    getAppId: ()=>getAppId(),
-    searchUserUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/search_user` : `/af/app/${appId}/runtime/api/v1/account/search_user`,
-    listUsersUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/list_users` : `/af/app/${appId}/runtime/api/v1/account/list_users`
+    getAppId: ()=>getAppId(window.location.pathname),
+    searchUserUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/search_user`,
+    listUsersUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/list_users`
 };
 class UserService {
     config;

package/lib/runtime/index.d.ts

@@ -15,6 +15,7 @@
  * - 使用 __FULLSTACK_RUNTIME_INITIALIZED__ 标志位防止重复初始化
  * - 旧版 AppContainer 和新版 runtime 可以共存
  */
+import './react-devtools-hook';
 import './styles';
 declare global {
     interface Window {

package/lib/runtime/index.js

@@ -1,3 +1,4 @@
+import "./react-devtools-hook.js";
 import "./styles.js";
 import { registerDayjsPlugins } from "./dayjs.js";
 import { initAxiosConfig } from "./axios.js";

package/lib/runtime/react-devtools-hook.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Inject minimal __REACT_DEVTOOLS_GLOBAL_HOOK__ before React loads.
+ * React checks for this hook during module initialization and registers its
+ * renderer via hook.inject(). This gives us access to renderer.overrideProps()
+ * for live component prop modification in the inspector.
+ *
+ * Must execute before React's module-level code runs.
+ *
+ * When react-refresh-runtime runs first (as an rspack runtime module),
+ * it may create __REACT_DEVTOOLS_GLOBAL_HOOK__ with an inject() that
+ * doesn't populate the renderers Map. We patch the existing hook to
+ * ensure renderers are always tracked.
+ */
+export {};
+declare global {
+    interface Window {
+        __REACT_DEVTOOLS_GLOBAL_HOOK__?: any;
+    }
+}

package/lib/runtime/react-devtools-hook.js

@@ -0,0 +1,20 @@
+if ('undefined' != typeof window) if (window.__REACT_DEVTOOLS_GLOBAL_HOOK__) {
+    const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+    if (!(hook.renderers instanceof Map)) hook.renderers = new Map();
+    const originalInject = 'function' == typeof hook.inject ? hook.inject.bind(hook) : null;
+    hook.inject = function(renderer) {
+        const id = originalInject ? originalInject(renderer) : hook.renderers.size + 1;
+        if (null != id && !hook.renderers.has(id)) hook.renderers.set(id, renderer);
+        return id;
+    };
+} else window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
+    renderers: new Map(),
+    supportsFiber: true,
+    inject (renderer) {
+        const id = this.renderers.size + 1;
+        this.renderers.set(id, renderer);
+        return id;
+    },
+    onCommitFiberRoot () {},
+    onCommitFiberUnmount () {}
+};

package/lib/utils/getAppId.d.ts

@@ -1,4 +1,6 @@
 /**
- * 获取应用 ID
+ * 提取固定前缀后的第一个目录名
+ * @param {string} path - 输入路径字符串
+ * @returns {string|null} - 提取的目录名或null
  */
-export declare function getAppId(): string | null;
+export declare function getAppId(path: string): string | null;

package/lib/utils/getAppId.js

@@ -1,5 +1,12 @@
-function getAppId() {
+function getAppId(path) {
+    if (window.MIAODA_APP_ID) return window.MIAODA_APP_ID;
+    let prefix;
+    prefix = path.includes('/ai/feida/runtime/') ? '/ai/feida/runtime/' : path.includes('/spark/r/') ? '/spark/r/' : '/ai/miaoda/';
     const windowAppId = window.appId || null;
-    return windowAppId;
+    if (!path.startsWith(prefix)) return windowAppId;
+    const remainder = path.substring(prefix.length);
+    const nextSlashIndex = remainder.indexOf('/');
+    if (-1 === nextSlashIndex) return remainder || windowAppId;
+    return remainder.substring(0, nextSlashIndex) || windowAppId;
 }
 export { getAppId };

package/lib/utils/getInitialInfo.js

@@ -1,6 +1,5 @@
 import { getAppId } from "./getAppId.js";
 import { getCsrfToken } from "./getCsrfToken.js";
-import { isNewPathEnabled } from "./apiPath.js";
 async function getAppPublished() {
     try {
         const headers = {
@@ -9,9 +8,8 @@ async function getAppPublished() {
             'x-miaoda-token': window.MIAODA_BUILTIN_TTT,
             'X-Suda-Csrf-Token': getCsrfToken()
         };
-        const appId = getAppId();
-        const path = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/get_published` : `/spark/b/${appId}/get_published`;
-        const url = `${window.location.origin}${path}`;
+        const appId = getAppId(window.location.pathname) || window.appId;
+        const url = `${window.location.origin}/spark/b/${appId}/get_published`;
         const response = await fetch(url, {
             method: 'GET',
             headers,

package/lib/utils/getUserProfile.js

@@ -1,8 +1,9 @@
 import { getAppId } from "./getAppId.js";
 import { getCsrfToken } from "./getCsrfToken.js";
-import { isNewPathEnabled } from "./apiPath.js";
+import { getEnvPath } from "./getEnvPath.js";
+import { isSparkRuntime } from "./utils.js";
 async function getUserProfile(request, headers = {}) {
-    const appId = getAppId();
+    const appId = getAppId(window.location.pathname);
     if (!appId) return {
         code: 1,
         msg: 'appId is required',
@@ -14,10 +15,17 @@ async function getUserProfile(request, headers = {}) {
     const mergedHeaders = {
         ...defaultHeaders,
         ...headers,
+        'X-Kunlun-Token': window.token,
+        'x-miaoda-token': window.MIAODA_BUILTIN_TTT,
+        'x-lgw-csrf-token': window.lgw_csrf_token,
         ...window.CSRF_HEADERS || {}
     };
-    const endpoint = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/user/profile` : `/spark/b/${appId}/user/profile`;
-    mergedHeaders['X-Suda-Csrf-Token'] = getCsrfToken();
+    const envPath = getEnvPath();
+    let endpoint;
+    if (isSparkRuntime()) {
+        endpoint = `/spark/b/${appId}/user/profile`;
+        mergedHeaders['X-Suda-Csrf-Token'] = getCsrfToken();
+    } else endpoint = `/ai/api/${envPath}/v1/apps/${appId}/user/profile`;
     const response = await fetch(`${window.location.origin}${endpoint}`, {
         method: 'POST',
         headers: mergedHeaders,

package/lib/utils/scopedStorage.js

@@ -1,6 +1,6 @@
 import { getAppId } from "./getAppId.js";
 function getPrefix() {
-    const appId = getAppId();
+    const appId = getAppId(window.location.pathname);
     const namespace = appId || '__global__';
     return `__miaoda_${namespace}__:`;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.10-alpha.35",
+  "version": "1.2.10-alpha.36",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -93,10 +93,10 @@
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
-    "@data-loom/js": "0.4.7",
-    "@lark-apaas/auth-sdk": "0.1.0-alpha.52",
-    "@lark-apaas/client-capability": "0.1.3-alpha.11",
-    "@lark-apaas/miaoda-inspector": "^1.0.15",
+    "@data-loom/js": "0.4.6",
+    "@lark-apaas/auth-sdk": "^0.1.0",
+    "@lark-apaas/client-capability": "^0.1.4",
+    "@lark-apaas/miaoda-inspector": "1.0.14-alpha.18",
     "@lark-apaas/observable-web": "^1.0.1",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",

package/lib/components/theme/ui-config.d.ts

@@ -1 +0,0 @@
-export { defaultUIConfig, type UIComponentConfig, } from '@lark-apaas/miaoda-inspector';

package/lib/components/theme/ui-config.js

@@ -1,2 +0,0 @@
-import { defaultUIConfig } from "@lark-apaas/miaoda-inspector";
-export { defaultUIConfig };

package/lib/utils/apiPath.d.ts

@@ -1,5 +0,0 @@
-/**
- * 判断当前是否启用新的路径规范
- * 新路径规范：CLIENT_BASE_PATH 以 /app/:appId 格式开头
- */
-export declare function isNewPathEnabled(): boolean;

package/lib/utils/apiPath.js

@@ -1,5 +0,0 @@
-function isNewPathEnabled() {
-    const basePath = process.env.CLIENT_BASE_PATH || '/';
-    return /^\/app\/[^/]/.test(basePath);
-}
-export { isNewPathEnabled };