@lark-apaas/miaoda-core 0.1.0-alpha.2 → 0.1.0-alpha.21

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

@@ -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 { isSparkRuntime } 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 (isSparkRuntime()) {
+            (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 { 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 {
             await fetch('/ai/api/ui/page/logout', {

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 info = await getInitialInfo();
+    const DATALOOM_CLIENT_URL = info?.app_runtime_extra?.url;
+    const DATALOOM_PAT = info?.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 { isSparkRuntime } from "../utils/utils.js";
 async function generateImage(prompt, size = '1024x1024', headers = {}) {
     const appId = getAppId(window.location.pathname);
     if (!appId) return {
@@ -18,13 +20,26 @@ async function generateImage(prompt, size = '1024x1024', headers = {}) {
         '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: prompt,
-            size: size
+            prompt,
+            size
         })
     });
     return await response.json();

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 { isSparkRuntime } 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 (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: {
-                '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,

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 { isSparkRuntime } from "../utils/utils.js";
+async function getAppInfo() {
+    let appInfo = window._appInfo;
+    if (!appInfo && isSparkRuntime()) {
+        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

@@ -0,0 +1,45 @@
+export interface IframeMessage<T = unknown> {
+    type: string;
+    data: T;
+}
+export interface PreviewReadyMessage extends IframeMessage<Record<string, never>> {
+    type: 'PreviewReady';
+}
+export interface ConsoleMessage extends IframeMessage<Record<string, any>> {
+    method: string;
+    type: 'Console';
+}
+export interface ChildLocationChangeMessage extends IframeMessage<any> {
+    type: 'ChildLocationChange';
+}
+export interface CreatePageMessage extends IframeMessage<string> {
+    type: 'CreatePage';
+}
+export interface RenderErrorMessage extends IframeMessage<any> {
+    type: 'RenderError';
+    location?: any;
+}
+export interface RenderErrorRepairMessage extends IframeMessage<any> {
+    type: 'RenderErrorRepair';
+}
+export interface PageScreenshotMessage extends IframeMessage<string> {
+    type: 'PageScreenshot';
+}
+export interface UpdateRoutesMessage extends IframeMessage<{
+    routes: any[];
+}> {
+    type: 'UpdateRoutes';
+}
+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,8 @@ declare global {
         MIAODA_BUILTIN_TTT?: string;
         MIAODA_APP_ID?: string;
         IS_MIAODA_PREVIEW?: boolean;
+        _IS_Spark_RUNTIME?: boolean;
+        _bucket_id?: string;
+        csrfToken?: string;
     }
 }

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 window.csrfToken ?? null;
+}
+export { getCsrfToken };

package/lib/utils/getInitialInfo.d.ts

@@ -0,0 +1,20 @@
+interface AppRuntimeExtra {
+    token?: string;
+    url?: string;
+    bucket?: BucketConfig;
+}
+interface AppRuntimePublished {
+    app_name?: string;
+    css_urls?: string[];
+    js_urls?: string[];
+    app_avatar?: string;
+}
+interface BucketConfig {
+    default_bucket_id?: string;
+}
+/** 获取应用初始化信息（仅全栈沙箱模式下使用） */
+export declare function getInitialInfo(): Promise<{
+    app_info?: AppRuntimePublished;
+    app_runtime_extra?: AppRuntimeExtra;
+}>;
+export {};

package/lib/utils/getInitialInfo.js

@@ -0,0 +1,32 @@
+import { getAppId } from "./getAppId.js";
+import { getCsrfToken } from "./getCsrfToken.js";
+async function getAppPublished() {
+    try {
+        const headers = {
+            'Content-Type': 'application/json',
+            'X-Kunlun-Token': window.token,
+            'x-miaoda-token': window.MIAODA_BUILTIN_TTT,
+            'X-Suda-Csrf-Token': getCsrfToken()
+        };
+        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,
+            credentials: 'include'
+        });
+        const res = await response.json();
+        if (0 === res.code) return res.data;
+        console.error('Error fetching published app info:', res);
+    } catch (error) {
+        console.error('Error fetching published app info:', error);
+    }
+}
+let initialInfo;
+async function getInitialInfo() {
+    if (initialInfo) return initialInfo;
+    initialInfo = await getAppPublished();
+    if (initialInfo) window._bucket_id = initialInfo.app_runtime_extra?.bucket?.default_bucket_id;
+    return initialInfo;
+}
+export { getInitialInfo };

package/lib/utils/getParentOrigin.js

@@ -1,7 +1,7 @@
 function getPreviewParentOrigin() {
     const { origin } = window.location;
-    if (origin.includes('feishuapp.cn')) return 'https://miaoda.feishu.cn';
-    if (origin.includes('fsapp.kundou.cn')) return 'https://miaoda.feishu-pre.cn';
+    if (origin.includes('miaoda.feishuapp.net')) return 'https://miaoda.feishu.cn';
+    if (origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';
     return 'https://miaoda.feishu-boe.cn';
 }
 export { getPreviewParentOrigin };