@lark-apaas/client-toolkit 1.2.17-alpha.1 → 1.2.17-alpha.10

package/lib/components/ui/toast.d.ts

@@ -0,0 +1,2 @@
+/** 显示 toast 提示（兼容 PC/移动端） */
+export declare function showToast(message: string, duration?: number): Promise<void>;

package/lib/components/ui/toast.js

@@ -0,0 +1,53 @@
+function showToast(message, duration = 3000) {
+    return new Promise((resolve)=>{
+        const toast = document.createElement('div');
+        const iconSvg = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.333a6.667 6.667 0 1 1 0 13.334A6.667 6.667 0 0 1 8 1.333ZM8 10a.667.667 0 1 0 0 1.333A.667.667 0 0 0 8 10Zm0-5.333a.667.667 0 0 0-.667.666v3.334a.667.667 0 0 0 1.334 0V5.333A.667.667 0 0 0 8 4.667Z" fill="#ff811a"/>
+    </svg>`;
+        const iconWrapper = document.createElement('span');
+        iconWrapper.innerHTML = iconSvg;
+        Object.assign(iconWrapper.style, {
+            display: 'flex',
+            alignItems: 'center',
+            marginRight: '8px',
+            flexShrink: '0'
+        });
+        const textWrapper = document.createElement('span');
+        textWrapper.textContent = message;
+        toast.appendChild(iconWrapper);
+        toast.appendChild(textWrapper);
+        Object.assign(toast.style, {
+            position: 'fixed',
+            top: '32px',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            display: 'flex',
+            alignItems: 'center',
+            padding: '12px 16px',
+            backgroundColor: '#fff',
+            color: '#1f2329',
+            border: '1px solid #dee0e3',
+            borderRadius: '6px',
+            fontSize: '14px',
+            lineHeight: '1.5',
+            zIndex: '99999',
+            maxWidth: '80vw',
+            wordBreak: 'break-word',
+            boxShadow: '0 4px 8px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.05), 0 6px 18px rgba(0, 0, 0, 0.03)',
+            opacity: '0',
+            transition: 'opacity 0.3s ease'
+        });
+        document.body.appendChild(toast);
+        requestAnimationFrame(()=>{
+            toast.style.opacity = '1';
+        });
+        setTimeout(()=>{
+            toast.style.opacity = '0';
+            setTimeout(()=>{
+                document.body.removeChild(toast);
+                resolve();
+            }, 300);
+        }, duration);
+    });
+}
+export { showToast };

package/lib/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './useAppInfo';
 export * from './useCurrentUserProfile';
 export * from './useIsMobile';
 export * from './useLogout';
+export * from './useScrollReveal';

package/lib/hooks/index.js

@@ -2,3 +2,4 @@ export * from "./useAppInfo.js";
 export * from "./useCurrentUserProfile.js";
 export * from "./useIsMobile.js";
 export * from "./useLogout.js";
+export * from "./useScrollReveal.js";

package/lib/hooks/useCurrentUserProfile.js

@@ -19,37 +19,29 @@ function getCompatibilityUserProfile() {
 const useCurrentUserProfile = ()=>{
     const [userInfo, setUserInfo] = useState(()=>getCompatibilityUserProfile());
     useEffect(()=>{
+        let cancelled = false;
+        const fetchAndSetUserInfo = async ()=>{
+            const dataloom = await getDataloom();
+            const result = await dataloom?.service?.session?.getUserInfo();
+            if (cancelled) return;
+            const info = result?.data?.user_info;
+            const userName = getNameFromArray(info?.name);
+            const newUserInfo = {
+                user_id: info?.user_id?.toString(),
+                email: info?.email,
+                name: userName,
+                avatar: info?.avatar?.image?.large,
+                userName: userName,
+                userAvatar: info?.avatar?.image?.large
+            };
+            if ('development' === process.env.NODE_ENV) logger.info('MiaoDaMetaInfoChanged', newUserInfo);
+            setUserInfo(newUserInfo);
+        };
         let handleMetaInfoChanged;
         if (isSparkRuntime()) {
-            (async ()=>{
-                const dataloom = await getDataloom();
-                const result = await dataloom?.service?.session?.getUserInfo();
-                const userInfo = result?.data?.user_info;
-                const userName = getNameFromArray(userInfo?.name);
-                setUserInfo({
-                    user_id: userInfo?.user_id?.toString(),
-                    email: userInfo?.email,
-                    name: userName,
-                    avatar: userInfo?.avatar?.image?.large,
-                    userName: userName,
-                    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 userName = getNameFromArray(userInfo?.name);
-                const newUserInfo = {
-                    user_id: userInfo?.user_id?.toString(),
-                    email: userInfo?.email,
-                    name: userName,
-                    avatar: userInfo?.avatar?.image?.large,
-                    userName: userName,
-                    userAvatar: userInfo?.avatar?.image?.large
-                };
-                if ('development' === process.env.NODE_ENV) logger.info('MiaoDaMetaInfoChanged', newUserInfo);
-                setUserInfo(newUserInfo);
+            fetchAndSetUserInfo();
+            handleMetaInfoChanged = ()=>{
+                fetchAndSetUserInfo();
             };
         } else handleMetaInfoChanged = ()=>{
             if ('development' === process.env.NODE_ENV) logger.info('MiaoDaMetaInfoChanged', getCompatibilityUserProfile());
@@ -57,6 +49,7 @@ const useCurrentUserProfile = ()=>{
         };
         window.addEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
         return ()=>{
+            cancelled = true;
             window.removeEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
         };
     }, []);

package/lib/hooks/useLogout.js

@@ -1,28 +1,13 @@
 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', {
-                method: 'GET'
-            });
-            window.location.reload();
+            const dataloom = await getDataloom();
+            await dataloom.service.session.signOut();
         } catch (error) {
             console.error('登出失败', error);
         } finally{

package/lib/hooks/useScrollReveal.d.ts

@@ -0,0 +1,61 @@
+import { RefObject } from 'react';
+/**
+ * Options for useScrollReveal hook
+ */
+export interface UseScrollRevealOptions<T extends HTMLElement = HTMLElement> {
+    /** Ref to the container element to scope the query (default: document.body) */
+    containerRef?: RefObject<T | null>;
+    /** IntersectionObserver threshold - element visibility percentage to trigger (default: 0.1) */
+    threshold?: number;
+    /** IntersectionObserver rootMargin - margin around root (default: '0px 0px -50px 0px') */
+    rootMargin?: string;
+    /** CSS class to add when element becomes visible (default: 'visible') */
+    visibleClass?: string;
+    /** CSS selector for elements to observe (default: '.scroll-reveal') */
+    selector?: string;
+}
+/**
+ * Hook to enable scroll reveal animations using IntersectionObserver.
+ *
+ * Observes elements with the specified selector and adds a visibility class
+ * when they enter the viewport.
+ *
+ * @param options - Configuration options
+ *
+ * @example
+ * ```tsx
+ * // Usage without parameters (queries entire document.body)
+ * import { useScrollReveal } from '@lark-apaas/client-toolkit/hooks/useScrollReveal';
+ *
+ * function MyComponent() {
+ *   useScrollReveal();
+ *
+ *   return <div className="scroll-reveal">I will fade in on scroll!</div>;
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Usage with container ref
+ * import { useRef } from 'react';
+ * import { useScrollReveal } from '@lark-apaas/client-toolkit/hooks/useScrollReveal';
+ *
+ * function MyComponent() {
+ *   const containerRef = useRef<HTMLDivElement>(null);
+ *   useScrollReveal({ containerRef });
+ *
+ *   return (
+ *     <div ref={containerRef}>
+ *       <div className="scroll-reveal">I will fade in on scroll!</div>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Usage with custom options
+ * useScrollReveal({ threshold: 0.2, visibleClass: 'animate-in' });
+ * ```
+ */
+export declare function useScrollReveal<T extends HTMLElement = HTMLElement>(options?: UseScrollRevealOptions<T>): void;

package/lib/hooks/useScrollReveal.js

@@ -0,0 +1,37 @@
+import { useEffect } from "react";
+const DEFAULT_OPTIONS = {
+    threshold: 0.1,
+    rootMargin: '0px 0px -50px 0px',
+    visibleClass: 'visible',
+    selector: '.scroll-reveal'
+};
+function useScrollReveal(options) {
+    const { containerRef, threshold, rootMargin, visibleClass, selector } = {
+        ...DEFAULT_OPTIONS,
+        ...options
+    };
+    useEffect(()=>{
+        const container = containerRef?.current ?? document.body;
+        if (!container) return;
+        const observer = new IntersectionObserver((entries)=>{
+            entries.forEach((entry)=>{
+                if (entry.isIntersecting) entry.target.classList.add(visibleClass);
+            });
+        }, {
+            threshold,
+            rootMargin
+        });
+        const elements = container.querySelectorAll(selector);
+        elements.forEach((el)=>observer.observe(el));
+        return ()=>{
+            observer.disconnect();
+        };
+    }, [
+        containerRef,
+        threshold,
+        rootMargin,
+        visibleClass,
+        selector
+    ]);
+}
+export { useScrollReveal };

package/lib/index.js

@@ -1,15 +1,26 @@
 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 ?? ''
         }
     },
-    logger: logger
+    logger: logger,
+    onRateLimitError: ()=>{
+        showToast('应用额度已耗尽，请联系应用开发者');
+    }
 });
 const src = {
     version: version

package/lib/integrations/dataloom.d.ts

@@ -1,2 +1,4 @@
+declare const createDataLoomClient: (url?: string, pat?: string) => import("@data-loom/js").DataloomClient<any, "public", any>;
 /** 获取dataloom实例 */
-export declare function getDataloom(): Promise<import("@data-loom/js").DataloomClient<any, "public", any>>;
+export declare function getDataloom(): Promise<ReturnType<typeof createDataLoomClient>>;
+export {};

package/lib/integrations/dataloom.js

@@ -3,9 +3,11 @@ import { createClient } from "@data-loom/js";
 import { getAppId } from "../utils/getAppId.js";
 import { getInitialInfo } from "../utils/getInitialInfo.js";
 const createDataLoomClient = (url, pat)=>{
-    if (!url) return null;
-    const { baseUrl, workspace } = splitWorkspaceUrl(url);
-    const appId = getAppId(window.location.pathname);
+    const { baseUrl, workspace } = url ? splitWorkspaceUrl(url) : {
+        baseUrl: '',
+        workspace: ''
+    };
+    const appId = getAppId();
     return createClient(baseUrl, pat, workspace, {
         global: {
             enableDataloomLog: 'production' !== process.env.NODE_ENV,
@@ -21,12 +23,18 @@ const createDataLoomClient = (url, pat)=>{
     });
 };
 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;
+let pendingPromise = null;
+function getDataloom() {
+    if (dataloom) return Promise.resolve(dataloom);
+    if (pendingPromise) return pendingPromise;
+    pendingPromise = getInitialInfo().then((info)=>{
+        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;
+    }).finally(()=>{
+        pendingPromise = null;
+    });
+    return pendingPromise;
 }
 export { getDataloom };

package/lib/integrations/services/DepartmentService.js

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

package/lib/integrations/services/UserProfileService.js

@@ -1,11 +1,12 @@
 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(window.location.pathname),
-    userProfileUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/user_profile`
+    getAppId: ()=>getAppId(),
+    userProfileUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/user_profile` : `/af/app/${appId}/runtime/api/v1/account/user_profile`
 };
 class UserProfileService {
     config;

package/lib/integrations/services/UserService.js

@@ -1,8 +1,9 @@
 import { getAppId } from "../../utils/getAppId.js";
+import { isNewPathEnabled } from "../../utils/apiPath.js";
 const DEFAULT_CONFIG = {
-    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`
+    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`
 };
 class UserService {
     config;

package/lib/integrations/services/types.d.ts

@@ -14,6 +14,7 @@ export type UserInfo = {
     avatar: string;
     userType: '_employee' | '_externalUser' | '_anonymousUser';
     department: DepartmentBasic;
+    email?: string;
 };
 export type DepartmentInfo = {
     departmentID: string;

package/lib/logger/batch-logger.js

@@ -4,9 +4,9 @@ class BatchLogger {
     flushTimer = null;
     isProcessing = false;
     originConsole;
-    constructor(console, config){
+    constructor(console1, config){
         this.originConsole = {
-            ...console
+            ...console1
         };
         const { userId = '', tenantId = '', appId = '' } = window || {};
         this.config = {
@@ -131,4 +131,5 @@ function destroyBatchLogger() {
         defaultBatchLogger = null;
     }
 }
+if ('production' !== process.env.NODE_ENV && 'undefined' != typeof window) defaultBatchLogger = new BatchLogger(console);
 export { BatchLogger, batchLogInfo, destroyBatchLogger, getBatchLogger, initBatchLogger };

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

@@ -1,5 +1,6 @@
-import { createApplyHandle, getModuleHot } from "../utils/module-hot.js";
-import { submitPostMessage, submitSlardarEvent } from "../utils/postMessage.js";
+import { slardar } from "@lark-apaas/internal-slardar";
+import { getHmrApi } from "../utils/hmr-api.js";
+import { submitPostMessage } from "../utils/postMessage.js";
 import { levelSchema } from "./log-types.js";
 import { logger } from "./logger.js";
 let devServerDisconnectInfo = null;
@@ -19,22 +20,26 @@ function processDevServerLog(log) {
                 status: 'disconnected'
             }
         });
-        submitSlardarEvent({
+        slardar.sendEvent({
             name: 'sandbox-devServer',
-            categories: {
-                type: 'disconnected',
+            metrics: {
                 time
+            },
+            categories: {
+                type: 'disconnected'
             }
         });
         return;
     }
     if (!devServerDisconnectInfo) return;
     if (devFlag && log.includes('Trying to reconnect')) {
-        if (retryCount) submitSlardarEvent({
+        if (retryCount) slardar.sendEvent({
             name: 'sandbox-devServer',
-            categories: {
-                type: 'reconnect-failed',
+            metrics: {
                 retryCount: retryCount + 1
+            },
+            categories: {
+                type: 'reconnect-failed'
             }
         });
         retryCount++;
@@ -52,37 +57,41 @@ function processDevServerLog(log) {
         const startTime = devServerDisconnectInfo.time;
         const duration = Date.now() - startTime;
         devServerDisconnectInfo = null;
-        submitSlardarEvent({
+        slardar.sendEvent({
             name: 'sandbox-devServer',
-            categories: {
-                type: 'devServer-reconnected',
+            metrics: {
                 startTime,
                 duration
+            },
+            categories: {
+                type: 'devServer-reconnected'
             }
         });
     }
 }
 function listenModuleHmr() {
-    const hot = getModuleHot();
-    if (hot) hot.addStatusHandler(createApplyHandle((success, status)=>{
-        if (success) submitPostMessage({
-            type: 'DevServerMessage',
-            data: {
-                type: 'devServer-status',
-                status: 'hmr-apply-success'
-            }
+    const hmr = getHmrApi();
+    if (hmr) {
+        hmr.onSuccess(()=>{
+            submitPostMessage({
+                type: 'DevServerMessage',
+                data: {
+                    type: 'devServer-status',
+                    status: 'hmr-apply-success'
+                }
+            });
         });
-        else {
-            console.warn('hmr apply failed', status);
-            submitSlardarEvent({
+        hmr.onError((error)=>{
+            console.warn('hmr apply failed', error);
+            slardar.sendEvent({
                 name: 'sandbox-devServer',
                 categories: {
                     type: 'hmr-apply-failed',
-                    status
+                    error: String(error)
                 }
             });
-        }
-    }));
+        });
+    }
 }
 function interceptErrors() {
     window.addEventListener('error', (event)=>{

package/lib/logger/log-types.d.ts

@@ -1,7 +1,7 @@
 import z from 'zod';
 export declare const networkRequestLogSchema: z.ZodObject<{
     method: z.ZodString;
-    status: z.ZodInt;
+    status: z.ZodNumber;
     statusText: z.ZodString;
     path: z.ZodString;
     requestData: z.ZodOptional<z.ZodUnknown>;
@@ -27,11 +27,11 @@ export declare const logStackFrameSchema: z.ZodObject<{
     columnNumber: z.ZodNumber;
 }, z.core.$strip>;
 export declare const levelSchema: z.ZodEnum<{
+    error: "error";
     success: "success";
     debug: "debug";
     info: "info";
     warn: "warn";
-    error: "error";
 }>;
 export declare const logMeta: z.ZodObject<{
     stacktrace: z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -52,11 +52,11 @@ export declare const logMeta: z.ZodObject<{
 export declare const selectedLogSchema: z.ZodObject<{
     type: z.ZodLiteral<"typedLogV2">;
     level: z.ZodEnum<{
+        error: "error";
         success: "success";
         debug: "debug";
         info: "info";
         warn: "warn";
-        error: "error";
     }>;
     id: z.ZodString;
     args: z.ZodArray<z.ZodUnknown>;
@@ -80,11 +80,11 @@ export declare const selectedLogSchema: z.ZodObject<{
 export type LogLevel = z.infer<typeof levelSchema>;
 export declare const logWithMetaSchema: z.ZodObject<{
     level: z.ZodEnum<{
+        error: "error";
         success: "success";
         debug: "debug";
         info: "info";
         warn: "warn";
-        error: "error";
     }>;
     args: z.ZodArray<z.ZodUnknown>;
     meta: z.ZodOptional<z.ZodObject<{

package/lib/logger/log-types.js

@@ -1,7 +1,7 @@
 import zod from "zod";
 const networkRequestLogSchema = zod.object({
     method: zod.string(),
-    status: zod.int(),
+    status: zod.number().int(),
     statusText: zod.string(),
     path: zod.string(),
     requestData: zod.optional(zod.unknown()),

package/lib/logger/selected-logs.js

@@ -2,7 +2,7 @@ import { SourceMapConsumer as external_source_map_SourceMapConsumer } from "sour
 import "../utils/utils.js";
 import { mappingText } from "./source-map-mappings-wasm.js";
 import stacktrace_js from "stacktrace-js";
-import { batchLogInfo, initBatchLogger } from "./batch-logger.js";
+import { batchLogInfo } from "./batch-logger.js";
 function hexToBuffer(hexString) {
     const hex = hexString.replace(/\s/g, '').toUpperCase();
     if (!/^[0-9A-F]+$/.test(hex)) throw new Error('Invalid hex string');
@@ -213,7 +213,6 @@ const typedLogInterceptor = (logger)=>({
             });
         }
     });
-'production' !== process.env.NODE_ENV && initBatchLogger(console);
 const interceptors = 'production' !== process.env.NODE_ENV ? [
     typedLogInterceptor
 ] : [];

package/lib/runtime/axios.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Axios 配置初始化
+ * 从原有的 axiosConfig.ts 迁移
+ */
+export { initAxiosConfig } from '../utils/axiosConfig';

package/lib/runtime/axios.js

@@ -0,0 +1,2 @@
+import { initAxiosConfig } from "../utils/axiosConfig.js";
+export { initAxiosConfig };

package/lib/runtime/dayjs.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Dayjs 插件注册
+ * 从原有的 dayjsPlugins.ts 迁移
+ */
+export { registerDayjsPlugins } from '../components/AppContainer/dayjsPlugins';

package/lib/runtime/dayjs.js

@@ -0,0 +1,2 @@
+import { registerDayjsPlugins } from "../components/AppContainer/dayjsPlugins.js";
+export { registerDayjsPlugins };

package/lib/runtime/iframe-bridge.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Iframe Bridge Runtime
+ *
+ * 开发环境下的 iframe 通信初始化：
+ * - connectParent - 通过 penpal 连接父页面，建立双向通信
+ */
+/**
+ * 初始化 iframe bridge（仅开发环境）
+ * - 连接父页面
+ */
+export declare function initIframeBridge(): void;

package/lib/runtime/iframe-bridge.js

@@ -0,0 +1,29 @@
+import { connectToParent } from "penpal";
+import { resolveParentOrigin, submitPostMessage } from "../utils/postMessage.js";
+import { batchLogInfo } from "../logger/batch-logger.js";
+import { childApi } from "../components/AppContainer/utils/childApi.js";
+async function connectParent() {
+    submitPostMessage({
+        type: 'PreviewReady',
+        data: {}
+    });
+    batchLogInfo('info', JSON.stringify({
+        type: 'PreviewReady',
+        timestamp: Date.now(),
+        url: window.location.href
+    }));
+    const parentOrigin = resolveParentOrigin();
+    if (!parentOrigin) return;
+    const connection = connectToParent({
+        parentOrigin,
+        methods: {
+            ...childApi
+        }
+    });
+    await connection.promise;
+}
+function initIframeBridge() {
+    if (window.parent === window) return;
+    connectParent();
+}
+export { initIframeBridge };