@lark-apaas/miaoda-core 0.1.0-alpha.13 → 0.1.0-alpha.15

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

@@ -1,7 +1,7 @@
 import { type ThemeConfig } from 'antd';
 import { UIComponentConfig } from './ui-config';
 export type IThemeMode = 'dark' | 'light' | 'system';
-export interface IThemeMeta {
+export interface IThemeTokenMeta {
     /**
      * 品牌色
      */
@@ -16,5 +16,5 @@ export interface IThemeMeta {
     spacing: number;
 }
 export declare const generateTailwindRadiusToken: (radiusRemValue: number) => UIComponentConfig;
-export declare function generateLightTheme(override?: Partial<IThemeMeta>): ThemeConfig;
-export declare function generateDarkTheme(override?: Partial<IThemeMeta>): ThemeConfig;
+export declare function generateLightTheme(override?: Partial<IThemeTokenMeta>): ThemeConfig;
+export declare function generateDarkTheme(override?: Partial<IThemeTokenMeta>): ThemeConfig;

package/lib/components/theme/util.js

@@ -70,7 +70,7 @@ const generateTailwindRadiusToken = (radiusRemValue)=>{
             options: [
                 {
                     value: 'rounded-none',
-                    label: 'none（0px）',
+                    label: "none\uFF080px\uFF09",
                     rawValue: '0'
                 },
                 {
@@ -119,7 +119,7 @@ const generateTailwindRadiusToken = (radiusRemValue)=>{
             options: [
                 {
                     value: 'rounded-none',
-                    label: 'none（0px）',
+                    label: "none\uFF080px\uFF09",
                     rawValue: '0'
                 },
                 {
@@ -169,7 +169,7 @@ function generateLightTheme(override) {
         token: {
             ...defaultLightTheme.token,
             ...generateColorPrimaryToken(override?.colorPrimary || lightColorPrimary, 'light'),
-            ...generateBorderRadiusTokenSyncTailwind(override?.borderRadius || 4),
+            ...generateBorderRadiusTokenSyncTailwind(override?.borderRadius),
             ...generateSpacingToken(override)
         }
     };
@@ -180,7 +180,7 @@ function generateDarkTheme(override) {
         token: {
             ...defaultDarkTheme.token,
             ...generateColorPrimaryToken(override?.colorPrimary || darkColorPrimary, 'dark'),
-            ...generateBorderRadiusTokenSyncTailwind(override?.borderRadius || 4),
+            ...generateBorderRadiusTokenSyncTailwind(override?.borderRadius),
             ...generateSpacingToken(override)
         }
     };

package/lib/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export * from './useCurrentAppInfo';
+export * from './useAppInfo';
 export * from './useCurrentUserProfile';
 export * from './useIsMobile';
 export * from './useLogout';

package/lib/hooks/index.js

@@ -1,4 +1,4 @@
-export * from "./useCurrentAppInfo.js";
+export * from "./useAppInfo.js";
 export * from "./useCurrentUserProfile.js";
 export * from "./useIsMobile.js";
 export * from "./useLogout.js";

package/lib/hooks/{useCurrentAppInfo.d.ts → useAppInfo.d.ts}

@@ -1,4 +1,4 @@
-export declare const useCurrentAppInfo: () => {
+export declare const useAppInfo: () => {
     appName: string;
     appLogo: string;
     name?: string;

package/lib/hooks/{useCurrentAppInfo.js → useAppInfo.js}

@@ -1,11 +1,12 @@
 import { useEffect, useState } from "react";
 import { getAppInfo } from "../integrations/getAppInfo.js";
-const useCurrentAppInfo = ()=>{
-    const [appInfo, setAppInfo] = useState(()=>getAppInfo());
+const useAppInfo = ()=>{
+    const [appInfo, setAppInfo] = useState({});
     useEffect(()=>{
-        const handleMetaInfoChanged = ()=>{
-            setAppInfo(getAppInfo());
+        const handleMetaInfoChanged = async ()=>{
+            setAppInfo(await getAppInfo());
         };
+        handleMetaInfoChanged();
         window.addEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
         return ()=>{
             window.removeEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
@@ -17,4 +18,4 @@ const useCurrentAppInfo = ()=>{
         appLogo: appInfo.avatar
     };
 };
-export { useCurrentAppInfo };
+export { useAppInfo };

package/lib/hooks/useCurrentUserProfile.js

@@ -1,6 +1,8 @@
 import { useEffect, useState } from "react";
 import { logger } from "../logger/index.js";
 import { getCurrentUserProfile } from "../integrations/getCurrentUserProfile.js";
+import { getDataloom } from "../integrations/dataloom.js";
+import { isSanboxMode } from "../utils/utils.js";
 function getCompatibilityUserProfile() {
     const userInfo = getCurrentUserProfile();
     return {
@@ -12,8 +14,38 @@ function getCompatibilityUserProfile() {
 const useCurrentUserProfile = ()=>{
     const [userInfo, setUserInfo] = useState(()=>getCompatibilityUserProfile());
     useEffect(()=>{
-        const handleMetaInfoChanged = ()=>{
-            logger.info('MiaoDaMetaInfoChanged', getCurrentUserProfile());
+        let handleMetaInfoChanged;
+        if (isSanboxMode()) {
+            (async ()=>{
+                const dataloom = await getDataloom();
+                const result = await dataloom.service.session.getUserInfo();
+                const userInfo = result?.data?.user_info;
+                setUserInfo({
+                    user_id: userInfo.user_id?.toString(),
+                    email: userInfo.email,
+                    name: userInfo.name?.[0]?.text,
+                    avatar: userInfo.avatar?.image?.large,
+                    userName: userInfo?.name?.[0]?.text,
+                    userAvatar: userInfo?.avatar?.image?.large
+                });
+            })();
+            handleMetaInfoChanged = async ()=>{
+                const dataloom = await getDataloom();
+                const result = await dataloom.service.session.getUserInfo();
+                const userInfo = result?.data?.user_info;
+                const newUserInfo = {
+                    user_id: userInfo.user_id?.toString(),
+                    email: userInfo.email,
+                    name: userInfo.name?.[0]?.text,
+                    avatar: userInfo.avatar?.image?.large,
+                    userName: userInfo?.name?.[0]?.text,
+                    userAvatar: userInfo?.avatar?.image?.large
+                };
+                logger.info('MiaoDaMetaInfoChanged', newUserInfo);
+                setUserInfo(newUserInfo);
+            };
+        } else handleMetaInfoChanged = ()=>{
+            logger.info('MiaoDaMetaInfoChanged', getCompatibilityUserProfile());
             setUserInfo(getCompatibilityUserProfile());
         };
         window.addEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);

package/lib/hooks/useLogout.js

@@ -1,8 +1,22 @@
 import { useState } from "react";
+import { getDataloom } from "../integrations/dataloom.js";
+import { isSanboxMode } 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 ('production' !== process.env.NODE_ENV) return void console.log("\u53EA\u6709\u751F\u4EA7\u73AF\u5883\u624D\u6267\u884C\u767B\u51FA");
+        if (isSanboxMode()) {
+            setIsLoading(true);
+            try {
+                const dataloom = await getDataloom();
+                await dataloom.service.session.signOut();
+            } catch (error) {
+                console.error("\u767B\u51FA\u5931\u8D25", error);
+            } finally{
+                setIsLoading(false);
+            }
+            return;
+        }
         setIsLoading(true);
         try {
             await fetch('/ai/api/ui/page/logout', {
@@ -10,7 +24,7 @@ function useLogout() {
             });
             window.location.reload();
         } catch (error) {
-            console.error('登出失败', error);
+            console.error("\u767B\u51FA\u5931\u8D25", error);
         } finally{
             setIsLoading(false);
         }

package/lib/hooks/useTheme.js

@@ -2,7 +2,7 @@ import { useContext } from "react";
 import { ThemeProviderContext } from "../components/theme/index.js";
 const useTheme = ()=>{
     const context = useContext(ThemeProviderContext);
-    if (void 0 === context) throw new Error('useTheme 必须在 ThemeProvider 内使用');
+    if (void 0 === context) throw new Error("useTheme \u5FC5\u987B\u5728 ThemeProvider \u5185\u4F7F\u7528");
     return context;
 };
 export { useTheme };

package/lib/index.css

@@ -1,3 +1,4 @@
+@import "./theme-layer.css";
 @import "./tailwind-theme.css";
 @import "./override.css";
 

package/lib/inspector.dev.css

@@ -0,0 +1,10 @@
+@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl}");
+
+@source inline("{bg,text,border}-{blue,pink,neutral,red,orange,violet,lime,yellow,green,teal,cyan,indigo,purple,amber,emerald,slate}-{50,{100..900..100},950}");
+
+@source inline("{bg,text,border}-{blue,pink,neutral,red,orange,violet,lime,yellow,green,teal,cyan,indigo,purple,amber,emerald,slate}");
+
+@source inline("{bg,text,border}-neutral-{00,1000}");
+
+@source inline("rounded-{none,sm,md,lg,xl,full}");
+

package/lib/integrations/dataloom.d.ts

@@ -1 +1,2 @@
-export declare const dataloom: import("@data-loom/js").DataloomClient<any, "public", any>;
+/** 获取dataloom实例 */
+export declare function getDataloom(): Promise<import("@data-loom/js").DataloomClient<any, "public", any>>;

package/lib/integrations/dataloom.js

@@ -1,18 +1,32 @@
 import { splitWorkspaceUrl } from "../utils/url.js";
 import { createClient } from "@data-loom/js";
-const PAT_URL_NAMESPACE = 'FEISUDA_UUU';
-const PAT_TOKEN_NAMESPACE = 'FEISUDA_TTT';
-const DATALOOM_CLIENT_URL = window[PAT_URL_NAMESPACE];
-const DATALOOM_PAT = window[PAT_TOKEN_NAMESPACE];
+import { getAppId } from "../utils/getAppId.js";
+import { getInitialInfo } from "../utils/getInitialInfo.js";
 const createDataLoomClient = (url, pat)=>{
-    if (!url || !pat) return null;
+    if (!url) return null;
     const { baseUrl, workspace } = splitWorkspaceUrl(url);
+    const appId = getAppId(window.location.pathname);
     return createClient(baseUrl, pat, workspace, {
         global: {
             enablePostgresBuilderLog: 'production' !== process.env.NODE_ENV,
-            requestRateLimit: 'production' !== process.env.NODE_ENV ? 100 : void 0
+            requestRateLimit: 'production' !== process.env.NODE_ENV ? 100 : void 0,
+            brandName: 'miaoda',
+            appId,
+            onError: (error, dataloomInstance)=>{
+                if (error?.status === 401) {
+                    if (error?.code === 'k_ident_013001') dataloomInstance.service.session.redirectToLogin();
+                }
+            }
         }
     });
 };
-const dataloom = createDataLoomClient(DATALOOM_CLIENT_URL, DATALOOM_PAT);
-export { dataloom };
+let dataloom = null;
+async function getDataloom() {
+    if (dataloom) return dataloom;
+    const { app_runtime_extra } = await getInitialInfo();
+    const DATALOOM_CLIENT_URL = app_runtime_extra?.url;
+    const DATALOOM_PAT = app_runtime_extra?.token;
+    dataloom = createDataLoomClient(DATALOOM_CLIENT_URL, DATALOOM_PAT);
+    return dataloom;
+}
+export { getDataloom };

package/lib/integrations/generateImage.js

@@ -1,5 +1,7 @@
 import { getAppId } from "../utils/getAppId.js";
+import { getCsrfToken } from "../utils/getCsrfToken.js";
 import { getEnvPath } from "../utils/getEnvPath.js";
+import { isSanboxMode } from "../utils/utils.js";
 async function generateImage(prompt, size = '1024x1024', headers = {}) {
     const appId = getAppId(window.location.pathname);
     if (!appId) return {
@@ -18,6 +20,19 @@ async function generateImage(prompt, size = '1024x1024', headers = {}) {
         'x-lgw-csrf-token': window.lgw_csrf_token,
         ...window.CSRF_HEADERS || {}
     };
+    if (isSanboxMode()) {
+        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: prompt,
+                size: size
+            })
+        });
+        return await response.json();
+    }
     const response = await fetch(`${window.location.origin}/ai/api/${getEnvPath()}/v1/apps/${appId}/text2image`, {
         method: 'POST',
         headers: mergedHeaders,

package/lib/integrations/generateTextStream.d.ts

@@ -1,8 +1,3 @@
-declare global {
-    interface Window {
-        token?: string;
-    }
-}
 interface GenerateTextOptions {
     text: string;
     thinking_type?: 'enabled' | 'disabled';

package/lib/integrations/generateTextStream.js

@@ -1,5 +1,7 @@
 import { getAppId } from "../utils/getAppId.js";
+import { getCsrfToken } from "../utils/getCsrfToken.js";
 import { getEnvPath } from "../utils/getEnvPath.js";
+import { isSanboxMode } from "../utils/utils.js";
 async function generateTextStream(options, onChunk) {
     const { text, thinking_type = 'disabled', headers = {} } = options;
     const appId = getAppId(window.location.pathname);
@@ -10,16 +12,29 @@ async function generateTextStream(options, onChunk) {
         error: 'appId is required'
     };
     try {
-        const response = await fetch(`${window.location.origin}/ai/api/${getEnvPath()}/v1/apps/${appId}/text/generate`, {
+        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 (isSanboxMode()) {
+            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: {
-                '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 || {}
-            },
+            headers: mergedHeaders,
             credentials: 'include',
             body: JSON.stringify({
                 text,
@@ -28,7 +43,7 @@ async function generateTextStream(options, onChunk) {
         });
         if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
         const reader = response.body?.getReader();
-        if (!reader) throw new Error('无法获取响应流');
+        if (!reader) throw new Error("\u65E0\u6CD5\u83B7\u53D6\u54CD\u5E94\u6D41");
         let fullContent = '';
         let fullReasoningContent = '';
         const decoder = new TextDecoder();
@@ -47,7 +62,7 @@ async function generateTextStream(options, onChunk) {
                         content: '',
                         reasoning_content: '',
                         success: false,
-                        error: data.msg || '生成失败'
+                        error: data.msg || "\u751F\u6210\u5931\u8D25"
                     };
                     if (data.data.content) fullContent += data.data.content;
                     if (data.data.reasoning_content) fullReasoningContent += data.data.reasoning_content;
@@ -62,7 +77,7 @@ async function generateTextStream(options, onChunk) {
                         success: true
                     };
                 } catch (parseError) {
-                    console.error(`解析JSON失败: ${jsonStr}`);
+                    console.error(`\u{89E3}\u{6790}JSON\u{5931}\u{8D25}: ${jsonStr}`);
                 }
             }
         }
@@ -76,7 +91,7 @@ async function generateTextStream(options, onChunk) {
             content: '',
             reasoning_content: '',
             success: false,
-            error: error instanceof Error ? error.message : '未知错误'
+            error: error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF"
         };
     }
 }

package/lib/integrations/getAppInfo.d.ts

@@ -1,2 +1,2 @@
 import { AppInfoPayload } from '../types/common';
-export declare function getAppInfo(): AppInfoPayload;
+export declare function getAppInfo(): Promise<AppInfoPayload>;

package/lib/integrations/getAppInfo.js

@@ -1,4 +1,14 @@
-function getAppInfo() {
-    return window._appInfo || {};
+import { getInitialInfo } from "../utils/getInitialInfo.js";
+import { isSanboxMode } from "../utils/utils.js";
+async function getAppInfo() {
+    let appInfo = window._appInfo;
+    if (!appInfo && isSanboxMode()) {
+        const info = (await getInitialInfo()).app_info;
+        appInfo = {
+            name: info?.app_name || '',
+            avatar: info?.app_avatar || ''
+        };
+    }
+    return appInfo ?? {};
 }
 export { getAppInfo };

package/lib/tailwind-theme.css

@@ -1,39 +1,7 @@
-@import "tailwindcss";
-@layer theme;
+@import "@/inspector.dev.css";
 
 @layer base {
   :root {
-    --color-background: #fff;
-    --color-foreground: #1f2329;
-    --color-card: #fff;
-    --color-card-foreground: #1f2329;
-    --color-popover: #fff;
-    --color-popover-foreground: #1f2329;
-    --color-primary: #1456f0;
-    --color-primary-foreground: #f8f9fa;
-    --color-secondary: #f2f3f5;
-    --color-secondary-foreground: #1f2329;
-    --color-muted: #f2f3f5;
-    --color-muted-foreground: #8f959e;
-    --color-accent: #f2f3f5;
-    --color-accent-foreground: #1f2329;
-    --color-destructive: #f54a45;
-    --color-border: #dee0e3;
-    --color-input: #dee0e3;
-    --color-ring: #d0d3d6;
-    --color-chart-1: #3370eb;
-    --color-chart-2: #1bcebf;
-    --color-chart-3: #ffc60a;
-    --color-chart-4: #ed6d0c;
-    --color-chart-5: #dca1e4;
-    --color-sidebar: #fafafa;
-    --color-sidebar-foreground: #1f2329;
-    --color-sidebar-primary: #373c43;
-    --color-sidebar-primary-foreground: #f8f9fa;
-    --color-sidebar-accent: #f2f3f5;
-    --color-sidebar-accent-foreground: #1f2329;
-    --color-sidebar-border: #dee0e3;
-    --color-sidebar-ring: #d0d3d6;
     --color-blue-50: #f0f4ff;
     --color-blue-100: #e0e9ff;
     --color-blue-200: #c2d4ff;
@@ -197,53 +165,9 @@
     --bgTextSelection: 20, 86, 240, .3;
     --lineDividerDefault: 31, 35, 41, .15;
     --lineDividerModule: 31, 35, 41, .15;
-    --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --font-serif: "Geist", "Geist Fallback", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-    --font-mono: Source Code Pro, monospace;
-    --radius: .5rem;
-    --shadow-2xs: 0px 6px 12px 0px #1f232903;
-    --shadow-xs: 0px 6px 12px 0px #1f232903;
-    --shadow-sm: 0px 6px 12px 0px #1f232908, 0px 1px 2px -1px #1f232908;
-    --shadow: 0px 6px 12px 0px #1f232908, 0px 1px 2px -1px #1f232908;
-    --shadow-md: 0px 6px 12px 0px #1f232908, 0px 2px 4px -1px #1f232908;
-    --shadow-lg: 0px 6px 12px 0px #1f232908, 0px 4px 6px -1px #1f232908;
-    --shadow-xl: 0px 6px 12px 0px #1f232908, 0px 8px 10px -1px #1f232908;
-    --shadow-2xl: 0px 6px 12px 0px #1f232912;
-    --spacing: .3rem;
   }
 
   .dark {
-    --color-background: #0a0a0a;
-    --color-foreground: #ebebeb;
-    --color-card: #1a1a1a;
-    --color-card-foreground: #ebebeb;
-    --color-popover: #1a1a1a;
-    --color-popover-foreground: #ebebeb;
-    --color-primary: #336df4;
-    --color-primary-foreground: #ebebeb;
-    --color-secondary: #27272a;
-    --color-secondary-foreground: #fafafa;
-    --color-muted: #1a1a1a;
-    --color-muted-foreground: #9f9fa9;
-    --color-accent: #373737;
-    --color-accent-foreground: #fafafa;
-    --color-destructive: #f05b56;
-    --color-border: #ebebeb26;
-    --color-input: #ebebeb26;
-    --color-ring: #505050;
-    --color-chart-1: #336df4;
-    --color-chart-2: #00bc7d;
-    --color-chart-3: #fe9a00;
-    --color-chart-4: #ad46ff;
-    --color-chart-5: #ff2056;
-    --color-sidebar: #18181b;
-    --color-sidebar-foreground: #ebebeb;
-    --color-sidebar-primary: #336df4;
-    --color-sidebar-primary-foreground: #fafafa;
-    --color-sidebar-accent: #27272a;
-    --color-sidebar-accent-foreground: #fafafa;
-    --color-sidebar-border: #ffffff1a;
-    --color-sidebar-ring: #71717b;
     --color-blue-50: #152340;
     --color-blue-100: #173166;
     --color-blue-200: #194294;
@@ -406,30 +330,6 @@
     --bgTextSelection: 117, 164, 255, .3;
     --lineDividerDefault: 207, 207, 207, .15;
     --lineDividerModule: 0, 0, 0, 1;
-    --shadow-2xs: 0 1px 3px 0px #0000000d;
-    --shadow-xs: 0 1px 3px 0px #0000000d;
-    --shadow-sm: 0 1px 3px 0px #0000001a, 0 1px 2px -1px #0000001a;
-    --shadow: 0 1px 3px 0px #0000001a, 0 1px 2px -1px #0000001a;
-    --shadow-md: 0 1px 3px 0px #0000001a, 0 2px 4px -1px #0000001a;
-    --shadow-lg: 0 1px 3px 0px #0000001a, 0 4px 6px -1px #0000001a;
-    --shadow-xl: 0 1px 3px 0px #0000001a, 0 8px 10px -1px #0000001a;
-    --shadow-2xl: 0 1px 3px 0px #00000040;
   }
 }
 
-@layer components, utilities;
-
-@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl}");
-
-@source inline("{bg,text,border}-{blue,pink,neutral,red,orange,violet,lime,yellow,green,teal,cyan,indigo,purple,amber,emerald,slate}-{50,{100..900..100},950}");
-
-@source inline("{bg,text,border}-{blue,pink,neutral,red,orange,violet,lime,yellow,green,teal,cyan,indigo,purple,amber,emerald,slate}");
-
-@source inline("{bg,text,border}-neutral-{00,1000}");
-
-@source inline("rounded-{none,sm,md,lg,xl,full}");
-
-@theme {
-  --color-background: var(--color-background) ; --color-foreground: var(--color-foreground) ; --color-card: var(--color-card) ; --color-card-foreground: var(--color-card-foreground) ; --color-popover: var(--color-popover) ; --color-popover-foreground: var(--color-popover-foreground) ; --color-primary: var(--color-primary) ; --color-primary-foreground: var(--color-primary-foreground) ; --color-secondary: var(--color-secondary) ; --color-secondary-foreground: var(--color-secondary-foreground) ; --color-muted: var(--color-muted) ; --color-muted-foreground: var(--color-muted-foreground) ; --color-accent: var(--color-accent) ; --color-accent-foreground: var(--color-accent-foreground) ; --color-destructive: var(--color-destructive) ; --color-border: var(--color-border) ; --color-input: var(--color-input) ; --color-ring: var(--color-ring) ; --color-chart-1: var(--color-chart-1) ; --color-chart-2: var(--color-chart-2) ; --color-chart-3: var(--color-chart-3) ; --color-chart-4: var(--color-chart-4) ; --color-chart-5: var(--color-chart-5) ; --color-sidebar: var(--color-sidebar) ; --color-sidebar-foreground: var(--color-sidebar-foreground) ; --color-sidebar-primary: var(--color-sidebar-primary) ; --color-sidebar-primary-foreground: var(--color-sidebar-primary-foreground) ; --color-sidebar-accent: var(--color-sidebar-accent) ; --color-sidebar-accent-foreground: var(--color-sidebar-accent-foreground) ; --color-sidebar-border: var(--color-sidebar-border) ; --color-sidebar-ring: var(--color-sidebar-ring) ; --color-crm-blue: #3b82f6; --color-crm-lightBlue: #93c5fd; --color-crm-darkBlue: #1e40af; --color-crm-gray: #6b7280; --color-crm-lightGray: #e5e7eb; --color-crm-darkGray: #374151; --font-sans: var(--font-sans) ; --font-mono: var(--font-mono) ; --font-serif: var(--font-serif) ; --radius-sm: calc(var(--radius)  - 4px) ; --radius: var(--radius) ; --radius-md: calc(var(--radius)  - 2px) ; --radius-lg: var(--radius) ; --radius-xl: calc(var(--radius)  + 4px) ; --shadow-2xs: var(--shadow-2xs) ; --shadow-xs: var(--shadow-xs) ; --shadow-sm: var(--shadow-sm) ; --shadow: var(--shadow) ; --shadow-md: var(--shadow-md) ; --shadow-lg: var(--shadow-lg) ; --shadow-xl: var(--shadow-xl) ; --shadow-2xl: var(--shadow-2xl) ;
-}
-

package/lib/theme-layer.css

@@ -0,0 +1,3 @@
+@layer theme, base, antd, components, utilities;
+@import "tailwindcss";
+

package/lib/types/common.d.ts

@@ -2,10 +2,3 @@ export interface AppInfoPayload {
     name: string;
     avatar: string;
 }
-declare global {
-    interface Window {
-        MIAODA_APP_ID?: string;
-        MIAODA_BUILTIN_TTT?: string;
-        token?: string;
-    }
-}

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

@@ -30,8 +30,16 @@ export interface UpdateRoutesMessage extends IframeMessage<{
 }> {
     type: 'UpdateRoutes';
 }
-export type OutgoingMessage = PreviewReadyMessage | ConsoleMessage | ChildLocationChangeMessage | CreatePageMessage | RenderErrorMessage | RenderErrorRepairMessage | PageScreenshotMessage | UpdateRoutesMessage;
+export interface HmrMessage extends IframeMessage<Record<string, never>> {
+    type: 'Hmr';
+}
+export type OutgoingMessage = PreviewReadyMessage | HmrMessage | ConsoleMessage | ChildLocationChangeMessage | CreatePageMessage | RenderErrorMessage | RenderErrorRepairMessage | PageScreenshotMessage | UpdateRoutesMessage;
 export interface GetRoutesMessage extends IframeMessage<Record<string, never>> {
     type: 'GetRoutes';
 }
 export type IncomingMessage = GetRoutesMessage;
+export interface ParentApi {
+}
+export interface ChildApi {
+    getRoutes: () => Promise<any[]>;
+}

package/lib/types/index.d.ts

@@ -36,5 +36,7 @@ declare global {
         MIAODA_BUILTIN_TTT?: string;
         MIAODA_APP_ID?: string;
         IS_MIAODA_PREVIEW?: boolean;
+        _IS_Spark_RUNTIME?: boolean;
+        _bucket_id?: string;
     }
 }

package/lib/utils/copyToClipboard.js

@@ -6,7 +6,7 @@ async function copyToClipboard(text) {
         }
         return fallbackCopyToClipboard(text);
     } catch (error) {
-        console.error('复制到剪切板失败:', error);
+        console.error("\u590D\u5236\u5230\u526A\u5207\u677F\u5931\u8D25:", error);
         return false;
     }
 }
@@ -25,7 +25,7 @@ function fallbackCopyToClipboard(text) {
         document.body.removeChild(textArea);
         return successful;
     } catch (error) {
-        console.error('降级复制方案失败:', error);
+        console.error("\u964D\u7EA7\u590D\u5236\u65B9\u6848\u5931\u8D25:", error);
         return false;
     }
 }

package/lib/utils/getAppId.d.ts

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

package/lib/utils/getAppId.js

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

package/lib/utils/getCsrfToken.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取cookie中存放的suda-csrf-token值
+ * @returns {string | null} - suda-csrf-token的值，如果不存在则返回null
+ */
+export declare function getCsrfToken(): string;

package/lib/utils/getCsrfToken.js

@@ -0,0 +1,10 @@
+function getCsrfToken() {
+    const cookieName = 'suda-csrf-token';
+    const cookies = document.cookie.split('; ');
+    for (const cookie of cookies){
+        const [name, value] = cookie.split('=');
+        if (name === cookieName) return decodeURIComponent(value);
+    }
+    return null;
+}
+export { getCsrfToken };