@lark-apaas/client-toolkit 1.2.8-alpha.0 → 1.2.8-alpha.2

package/lib/components/AppContainer/IframeBridge.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-import './utils/listenHot';
 export default function IframeBridge(): React.JSX.Element;

package/lib/components/AppContainer/IframeBridge.js

@@ -1,12 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
-import { connectToParent } from "penpal";
 import { useUpdatingRef } from "../../hooks/useUpdatingRef.js";
-import { resolveParentOrigin, submitPostMessage } from "../../utils/postMessage.js";
-import { childApi } from "./utils/childApi.js";
-import { batchLogInfo } from "../../logger/batch-logger.js";
-import "./utils/listenHot.js";
+import { submitPostMessage } from "../../utils/postMessage.js";
 var IframeBridge_RouteMessageType = /*#__PURE__*/ function(RouteMessageType) {
     RouteMessageType["RouteChange"] = "RouteChange";
     RouteMessageType["RouteBack"] = "RouteBack";
@@ -16,27 +12,6 @@ var IframeBridge_RouteMessageType = /*#__PURE__*/ function(RouteMessageType) {
 function isRouteMessageType(type) {
     return Object.values(IframeBridge_RouteMessageType).includes(type);
 }
-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;
-}
-'production' !== process.env.NODE_ENV && connectParent();
 function IframeBridge() {
     const location = useLocation();
     const navigate = useNavigate();

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 };

package/lib/runtime/index.js

@@ -3,10 +3,14 @@ import { registerDayjsPlugins } from "./dayjs.js";
 import { initAxiosConfig } from "./axios.js";
 import { initObservable } from "./observable.js";
 import { initServerLog } from "./server-log.js";
+import { initIframeBridge } from "./iframe-bridge.js";
 if (!window.__FULLSTACK_RUNTIME_INITIALIZED__) {
     window.__FULLSTACK_RUNTIME_INITIALIZED__ = true;
     registerDayjsPlugins();
     initAxiosConfig();
     initObservable();
-    if ('production' !== process.env.NODE_ENV) initServerLog();
+    if ('production' !== process.env.NODE_ENV) {
+        initServerLog();
+        initIframeBridge();
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.8-alpha.0",
+  "version": "1.2.8-alpha.2",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -115,7 +115,6 @@
     "lodash": "^4.17.21",
     "network-idle": "^0.2.0",
     "penpal": "^6.2.2",
-    "sockjs-client": "^1.6.1",
     "sonner": "~2.0.0",
     "source-map": "^0.7.6",
     "stacktrace-js": "^2.0.2",
@@ -148,7 +147,6 @@
     "@types/node": "^22.10.2",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
-    "@types/sockjs-client": "^1",
     "antd": "^5.26.6",
     "eslint": "^8.57.0",
     "jsdom": "^26.1.0",

package/lib/components/AppContainer/utils/listenHot.d.ts

@@ -1 +0,0 @@
-export declare function connectDevServer(): WebSocket;

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

@@ -1,79 +0,0 @@
-import sockjs_client from "sockjs-client";
-import { submitPostMessage, submitSlardarEvent } from "../../../utils/postMessage.js";
-import { batchLogInfo } from "../../../logger/batch-logger.js";
-import { getWsPath } from "../../../utils/utils.js";
-let hotInited = false;
-function handleDevServerMessage(msg) {
-    if ('hash' === msg.type) {
-        if (!hotInited) {
-            hotInited = true;
-            return;
-        }
-        submitPostMessage({
-            type: 'HmrMessage',
-            msg: {
-                type: 'hot'
-            },
-            data: null
-        });
-        batchLogInfo('info', JSON.stringify({
-            type: 'HmrMessage',
-            subType: 'hot',
-            timestamp: Date.now(),
-            hash: msg.data
-        }));
-    } else if ('errors' === msg.type) {
-        submitPostMessage({
-            type: 'HmrMessage',
-            msg: {
-                type: 'errors',
-                data: JSON.stringify(msg.data)
-            },
-            data: null
-        });
-        batchLogInfo('info', JSON.stringify({
-            type: 'HmrMessage',
-            subType: 'errors',
-            timestamp: Date.now(),
-            errorCount: msg.data?.length
-        }));
-    } else if ('hmr-timing' === msg.type) {
-        const { duration, fileCount, fileTotalSize } = msg.data;
-        submitSlardarEvent({
-            name: 'runTiming',
-            metrics: {
-                duration
-            },
-            categories: {
-                type: 'sandbox-hmr-timing',
-                fileCount,
-                fileTotalSize
-            }
-        });
-        batchLogInfo('info', JSON.stringify({
-            type: 'HmrMessage',
-            subType: 'hmr-timing',
-            timestamp: Date.now(),
-            duration,
-            fileCount,
-            fileTotalSize
-        }));
-    }
-}
-function connectDevServer() {
-    const sockUrl = getWsPath();
-    const sock = new sockjs_client(sockUrl);
-    sock.onopen = ()=>console.log('✅ connect DevServer SockJS');
-    sock.onmessage = (event)=>{
-        try {
-            const msg = JSON.parse(event.data);
-            console.log('hmr 消息:', msg);
-            handleDevServerMessage(msg);
-        } catch (err) {
-            console.error('解析 hmr 消息失败:', event.data);
-        }
-    };
-    return sock;
-}
-'production' !== process.env.NODE_ENV && connectDevServer();
-export { connectDevServer };