@schema-element-editor/host-sdk 2.0.2 → 2.1.0

package/dist/chunk-NF4H2OT3.js

@@ -0,0 +1,355 @@
+// src/core.ts
+var DEFAULT_SOURCE_CONFIG = {
+  contentSource: "schema-element-editor-content",
+  hostSource: "schema-element-editor-host"
+};
+var SDK_COORDINATOR_SOURCE = "schema-element-editor-sdk-coordinator";
+var DEFAULT_MESSAGE_TYPES = {
+  getSchema: "GET_SCHEMA",
+  updateSchema: "UPDATE_SCHEMA",
+  checkPreview: "CHECK_PREVIEW",
+  renderPreview: "RENDER_PREVIEW",
+  cleanupPreview: "CLEANUP_PREVIEW",
+  // 录制模式相关
+  startRecording: "START_RECORDING",
+  stopRecording: "STOP_RECORDING",
+  schemaPush: "SCHEMA_PUSH"
+};
+var SDK_COORDINATION_MESSAGE_TYPES = {
+  register: "SDK_REGISTER",
+  unregister: "SDK_UNREGISTER",
+  query: "SDK_QUERY"
+};
+var SdkCoordinator = class {
+  constructor(config) {
+    this.isDestroyed = false;
+    /**
+     * 存储比当前 SDK 优先级更高的其他 SDK ID
+     * 按方法分类：如果某个方法的集合不为空，说明有更高优先级的 SDK 应该处理该方法
+     */
+    this.higherLevelSdks = {
+      getSchema: /* @__PURE__ */ new Set(),
+      updateSchema: /* @__PURE__ */ new Set(),
+      checkPreview: /* @__PURE__ */ new Set(),
+      renderPreview: /* @__PURE__ */ new Set(),
+      cleanupPreview: /* @__PURE__ */ new Set(),
+      startRecording: /* @__PURE__ */ new Set(),
+      stopRecording: /* @__PURE__ */ new Set()
+    };
+    /**
+     * 处理 SDK 协调消息
+     */
+    this.handleCoordinationMessage = (event) => {
+      const isFromSelf = event.source === window;
+      const isFromParent = window !== window.top && event.source === window.parent;
+      if (!isFromSelf && !isFromParent) return;
+      const data = event.data;
+      if (!data || data.source !== SDK_COORDINATOR_SOURCE) return;
+      switch (data.type) {
+        case SDK_COORDINATION_MESSAGE_TYPES.query:
+          this.sendRegister();
+          break;
+        case SDK_COORDINATION_MESSAGE_TYPES.register:
+          this.handleSdkRegister(data.payload);
+          break;
+        case SDK_COORDINATION_MESSAGE_TYPES.unregister:
+          this.handleSdkUnregister(data.payload.sdkId);
+          break;
+      }
+    };
+    this.sdkId = config.sdkId || `sdk-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
+    this.messageSource = config.messageSource;
+    this.level = config.level ?? 0;
+    this.methodLevels = config.methodLevels ?? {};
+  }
+  /**
+   * 初始化协调器
+   */
+  init() {
+    window.addEventListener("message", this.handleCoordinationMessage);
+    this.sendQuery();
+    this.sendRegister();
+  }
+  /**
+   * 销毁协调器
+   */
+  destroy() {
+    this.isDestroyed = true;
+    this.sendUnregister();
+    window.removeEventListener("message", this.handleCoordinationMessage);
+    Object.values(this.higherLevelSdks).forEach((set) => set.clear());
+  }
+  /**
+   * 判断是否应该响应某个方法的请求
+   * @param method - 方法名
+   * @returns 是否应该响应
+   */
+  shouldRespond(method) {
+    if (this.isDestroyed) return false;
+    const higherSdks = this.higherLevelSdks[method];
+    return !higherSdks || higherSdks.size === 0;
+  }
+  /**
+   * 获取方法的优先级
+   */
+  getMethodLevel(method) {
+    return this.methodLevels[method] ?? this.level;
+  }
+  /**
+   * 处理其他 SDK 的注册
+   */
+  handleSdkRegister(info) {
+    if (info.sdkId === this.sdkId) return;
+    if (info.messageSource !== this.messageSource) return;
+    Object.keys(this.higherLevelSdks).forEach((method) => {
+      const myLevel = this.getMethodLevel(method);
+      const otherLevel = info.methodLevels[method] ?? info.level;
+      if (otherLevel > myLevel) {
+        this.higherLevelSdks[method].add(info.sdkId);
+      } else {
+        this.higherLevelSdks[method].delete(info.sdkId);
+      }
+    });
+  }
+  /**
+   * 处理其他 SDK 的注销
+   */
+  handleSdkUnregister(sdkId) {
+    Object.values(this.higherLevelSdks).forEach((set) => {
+      set.delete(sdkId);
+    });
+  }
+  /**
+   * 发送查询消息
+   */
+  sendQuery() {
+    const message = {
+      source: SDK_COORDINATOR_SOURCE,
+      type: SDK_COORDINATION_MESSAGE_TYPES.query,
+      payload: { sdkId: this.sdkId }
+    };
+    this.postCoordinationMessage(message);
+  }
+  /**
+   * 发送注册消息
+   */
+  sendRegister() {
+    const message = {
+      source: SDK_COORDINATOR_SOURCE,
+      type: SDK_COORDINATION_MESSAGE_TYPES.register,
+      payload: {
+        sdkId: this.sdkId,
+        messageSource: this.messageSource,
+        level: this.level,
+        methodLevels: this.methodLevels
+      }
+    };
+    this.postCoordinationMessage(message);
+  }
+  /**
+   * 发送注销消息
+   */
+  sendUnregister() {
+    const message = {
+      source: SDK_COORDINATOR_SOURCE,
+      type: SDK_COORDINATION_MESSAGE_TYPES.unregister,
+      payload: { sdkId: this.sdkId }
+    };
+    this.postCoordinationMessage(message);
+  }
+  /**
+   * 发送协调消息
+   */
+  postCoordinationMessage(message) {
+    window.postMessage(message, "*");
+    if (window.top && window.top !== window) {
+      window.top.postMessage(message, "*");
+    }
+  }
+};
+function createSchemaElementEditorBridge(config) {
+  const {
+    getSchema,
+    updateSchema,
+    renderPreview,
+    sourceConfig,
+    messageTypes,
+    sdkId,
+    level,
+    methodLevels
+  } = config;
+  const mergedSourceConfig = {
+    ...DEFAULT_SOURCE_CONFIG,
+    ...sourceConfig
+  };
+  const mergedMessageTypes = {
+    ...DEFAULT_MESSAGE_TYPES,
+    ...messageTypes
+  };
+  const coordinator = new SdkCoordinator({
+    sdkId,
+    messageSource: mergedSourceConfig.contentSource,
+    level,
+    methodLevels
+  });
+  coordinator.init();
+  let previewCleanupFn = null;
+  const recordingParams = /* @__PURE__ */ new Set();
+  const currentConfig = { getSchema, updateSchema, renderPreview };
+  const sendResponse = (requestId, result) => {
+    const message = {
+      source: mergedSourceConfig.hostSource,
+      requestId,
+      ...result
+    };
+    const targetWindow = window.top ?? window;
+    targetWindow.postMessage(message, "*");
+  };
+  const pushSchema = (params, data) => {
+    if (!recordingParams.has(params)) {
+      return;
+    }
+    const message = {
+      source: mergedSourceConfig.hostSource,
+      type: mergedMessageTypes.schemaPush,
+      payload: {
+        success: true,
+        data,
+        params
+      }
+    };
+    const targetWindow = window.top ?? window;
+    targetWindow.postMessage(message, "*");
+  };
+  const getMethodNameByType = (type) => {
+    if (type === mergedMessageTypes.getSchema) return "getSchema";
+    if (type === mergedMessageTypes.updateSchema) return "updateSchema";
+    if (type === mergedMessageTypes.checkPreview) return "checkPreview";
+    if (type === mergedMessageTypes.renderPreview) return "renderPreview";
+    if (type === mergedMessageTypes.cleanupPreview) return "cleanupPreview";
+    if (type === mergedMessageTypes.startRecording) return "startRecording";
+    if (type === mergedMessageTypes.stopRecording) return "stopRecording";
+    return null;
+  };
+  const handleMessage = (event) => {
+    const isFromSelf = event.source === window;
+    const isFromParent = window !== window.top && event.source === window.parent;
+    if (!isFromSelf && !isFromParent) return;
+    if (!event.data || event.data.source !== mergedSourceConfig.contentSource) return;
+    const { type, payload, requestId } = event.data;
+    if (!requestId) return;
+    const methodName = getMethodNameByType(type);
+    if (methodName && !coordinator.shouldRespond(methodName)) {
+      return;
+    }
+    const { getSchema: getSchema2, updateSchema: updateSchema2, renderPreview: renderPreview2 } = currentConfig;
+    let result;
+    switch (type) {
+      case mergedMessageTypes.getSchema: {
+        const params = String(payload?.params ?? "");
+        try {
+          const data = getSchema2(params);
+          result = { success: true, data };
+        } catch (error) {
+          result = {
+            success: false,
+            error: error instanceof Error ? error.message : "\u83B7\u53D6 Schema \u5931\u8D25"
+          };
+        }
+        break;
+      }
+      case mergedMessageTypes.updateSchema: {
+        const schema = payload?.schema;
+        const params = String(payload?.params ?? "");
+        try {
+          const success = updateSchema2(schema, params);
+          result = { success };
+        } catch (error) {
+          result = {
+            success: false,
+            error: error instanceof Error ? error.message : "\u66F4\u65B0 Schema \u5931\u8D25"
+          };
+        }
+        break;
+      }
+      case mergedMessageTypes.checkPreview: {
+        result = { exists: typeof renderPreview2 === "function" };
+        break;
+      }
+      case mergedMessageTypes.renderPreview: {
+        if (typeof renderPreview2 !== "function") {
+          result = { success: false, error: "\u9884\u89C8\u529F\u80FD\u672A\u914D\u7F6E" };
+          break;
+        }
+        const schema = payload?.schema;
+        const containerId = String(payload?.containerId ?? "");
+        try {
+          if (previewCleanupFn) {
+            previewCleanupFn();
+            previewCleanupFn = null;
+          }
+          const cleanup = renderPreview2(schema, containerId);
+          if (typeof cleanup === "function") {
+            previewCleanupFn = cleanup;
+          }
+          result = { success: true };
+        } catch (error) {
+          result = {
+            success: false,
+            error: error instanceof Error ? error.message : "\u6E32\u67D3\u9884\u89C8\u5931\u8D25"
+          };
+        }
+        break;
+      }
+      case mergedMessageTypes.cleanupPreview: {
+        try {
+          if (previewCleanupFn) {
+            previewCleanupFn();
+            previewCleanupFn = null;
+          }
+          result = { success: true };
+        } catch (error) {
+          result = {
+            success: false,
+            error: error instanceof Error ? error.message : "\u6E05\u7406\u9884\u89C8\u5931\u8D25"
+          };
+        }
+        break;
+      }
+      case mergedMessageTypes.startRecording: {
+        const params = String(payload?.params ?? "");
+        recordingParams.add(params);
+        result = { success: true };
+        break;
+      }
+      case mergedMessageTypes.stopRecording: {
+        const params = String(payload?.params ?? "");
+        recordingParams.delete(params);
+        result = { success: true };
+        break;
+      }
+      default:
+        return;
+    }
+    sendResponse(requestId, result);
+  };
+  window.addEventListener("message", handleMessage);
+  return {
+    cleanup: () => {
+      coordinator.destroy();
+      window.removeEventListener("message", handleMessage);
+      if (previewCleanupFn) {
+        previewCleanupFn();
+        previewCleanupFn = null;
+      }
+      recordingParams.clear();
+    },
+    recording: {
+      push: pushSchema
+    }
+  };
+}
+
+export {
+  createSchemaElementEditorBridge
+};

package/dist/chunk-NWZVU75I.js

@@ -0,0 +1,54 @@
+import {
+  createSchemaElementEditorBridge
+} from "./chunk-BVGJ5UDR.js";
+
+// src/react.ts
+import { useEffect, useRef, useMemo, useCallback } from "react";
+function useSchemaElementEditor(config) {
+  const {
+    getSchema,
+    updateSchema,
+    renderPreview,
+    sourceConfig,
+    messageTypes,
+    enabled,
+    sdkId,
+    level,
+    methodLevels
+  } = config;
+  const configRef = useRef({ getSchema, updateSchema, renderPreview });
+  const bridgeRef = useRef(null);
+  useEffect(() => {
+    configRef.current = { getSchema, updateSchema, renderPreview };
+  }, [getSchema, updateSchema, renderPreview]);
+  useEffect(() => {
+    if (enabled === false) {
+      return;
+    }
+    const proxyConfig = {
+      getSchema: configRef.current.getSchema ? ((params) => configRef.current.getSchema(params)) : void 0,
+      updateSchema: configRef.current.updateSchema ? ((schema, params) => configRef.current.updateSchema(schema, params)) : void 0,
+      renderPreview: configRef.current.renderPreview ? (schema, containerId) => configRef.current.renderPreview?.(schema, containerId) : void 0,
+      sourceConfig,
+      messageTypes,
+      sdkId,
+      level,
+      methodLevels
+    };
+    const bridge = createSchemaElementEditorBridge(proxyConfig);
+    bridgeRef.current = bridge;
+    return () => {
+      bridge.cleanup();
+      bridgeRef.current = null;
+    };
+  }, [enabled, configRef, sourceConfig, messageTypes, sdkId, level, methodLevels]);
+  const push = useCallback((params, data) => {
+    bridgeRef.current?.recording.push(params, data);
+  }, []);
+  const recording = useMemo(() => ({ push }), [push]);
+  return { recording };
+}
+
+export {
+  useSchemaElementEditor
+};

package/dist/chunk-Q6EJUFM6.js

@@ -0,0 +1,56 @@
+import {
+  createSchemaElementEditorBridge
+} from "./chunk-LJJYJHOZ.js";
+
+// src/react.ts
+import { useEffect, useRef, useMemo, useCallback } from "react";
+function useSchemaElementEditor(config) {
+  const {
+    getSchema,
+    updateSchema,
+    renderPreview,
+    sourceConfig,
+    messageTypes,
+    enabled,
+    sdkId,
+    level,
+    methodLevels
+  } = config;
+  const configRef = useRef({ getSchema, updateSchema, renderPreview });
+  const bridgeRef = useRef(null);
+  useEffect(() => {
+    configRef.current = { getSchema, updateSchema, renderPreview };
+  }, [getSchema, updateSchema, renderPreview]);
+  useEffect(() => {
+    if (enabled === false) {
+      return;
+    }
+    const proxyConfig = {
+      // 外层检查确保初始时函数存在才创建代理
+      // 内层使用可选链安全访问，配合类型断言确保类型正确
+      getSchema: configRef.current.getSchema ? (params) => configRef.current.getSchema?.(params) : void 0,
+      updateSchema: configRef.current.updateSchema ? (schema, params) => configRef.current.updateSchema?.(schema, params) : void 0,
+      renderPreview: configRef.current.renderPreview ? (schema, containerId) => configRef.current.renderPreview?.(schema, containerId) : void 0,
+      sourceConfig,
+      messageTypes,
+      sdkId,
+      level,
+      methodLevels
+    };
+    const bridge = createSchemaElementEditorBridge(proxyConfig);
+    bridgeRef.current = bridge;
+    return () => {
+      bridge.cleanup();
+      bridgeRef.current = null;
+    };
+  }, [enabled, configRef, sourceConfig, messageTypes, sdkId, level, methodLevels]);
+  const push = useCallback((params, data) => {
+    bridgeRef.current?.recording.push(params, data);
+  }, []);
+  const recording = useMemo(() => ({ push }), [push]);
+  return { recording };
+}
+
+export {
+  useSchemaElementEditor
+};

package/dist/chunk-R4LAS3QA.js

@@ -0,0 +1,54 @@
+import {
+  createSchemaElementEditorBridge
+} from "./chunk-3OZ7E3LK.js";
+
+// src/react.ts
+import { useEffect, useRef, useMemo, useCallback } from "react";
+function useSchemaElementEditor(config) {
+  const {
+    getSchema,
+    updateSchema,
+    renderPreview,
+    sourceConfig,
+    messageTypes,
+    enabled,
+    sdkId,
+    level,
+    methodLevels
+  } = config;
+  const configRef = useRef({ getSchema, updateSchema, renderPreview });
+  const bridgeRef = useRef(null);
+  useEffect(() => {
+    configRef.current = { getSchema, updateSchema, renderPreview };
+  }, [getSchema, updateSchema, renderPreview]);
+  useEffect(() => {
+    if (enabled === false) {
+      return;
+    }
+    const proxyConfig = {
+      getSchema: configRef.current.getSchema ? (params) => configRef.current.getSchema(params) : void 0,
+      updateSchema: configRef.current.updateSchema ? (schema, params) => configRef.current.updateSchema(schema, params) : void 0,
+      renderPreview: configRef.current.renderPreview ? (schema, containerId) => configRef.current.renderPreview?.(schema, containerId) : void 0,
+      sourceConfig,
+      messageTypes,
+      sdkId,
+      level,
+      methodLevels
+    };
+    const bridge = createSchemaElementEditorBridge(proxyConfig);
+    bridgeRef.current = bridge;
+    return () => {
+      bridge.cleanup();
+      bridgeRef.current = null;
+    };
+  }, [enabled, configRef, sourceConfig, messageTypes, sdkId, level, methodLevels]);
+  const push = useCallback((params, data) => {
+    bridgeRef.current?.recording.push(params, data);
+  }, []);
+  const recording = useMemo(() => ({ push }), [push]);
+  return { recording };
+}
+
+export {
+  useSchemaElementEditor
+};

package/dist/chunk-XIS7CAP4.js

@@ -0,0 +1,54 @@
+import {
+  createSchemaElementEditorBridge
+} from "./chunk-BVGJ5UDR.js";
+
+// src/react.ts
+import { useEffect, useRef, useMemo, useCallback } from "react";
+function useSchemaElementEditor(config) {
+  const {
+    getSchema,
+    updateSchema,
+    renderPreview,
+    sourceConfig,
+    messageTypes,
+    enabled,
+    sdkId,
+    level,
+    methodLevels
+  } = config;
+  const configRef = useRef({ getSchema, updateSchema, renderPreview });
+  const bridgeRef = useRef(null);
+  useEffect(() => {
+    configRef.current = { getSchema, updateSchema, renderPreview };
+  }, [getSchema, updateSchema, renderPreview]);
+  useEffect(() => {
+    if (enabled === false) {
+      return;
+    }
+    const proxyConfig = {
+      getSchema,
+      updateSchema,
+      renderPreview,
+      sourceConfig,
+      messageTypes,
+      sdkId,
+      level,
+      methodLevels
+    };
+    const bridge = createSchemaElementEditorBridge(proxyConfig);
+    bridgeRef.current = bridge;
+    return () => {
+      bridge.cleanup();
+      bridgeRef.current = null;
+    };
+  }, [enabled, getSchema, updateSchema, renderPreview, sourceConfig, messageTypes, sdkId, level, methodLevels]);
+  const push = useCallback((params, data) => {
+    bridgeRef.current?.recording.push(params, data);
+  }, []);
+  const recording = useMemo(() => ({ push }), [push]);
+  return { recording };
+}
+
+export {
+  useSchemaElementEditor
+};

package/dist/chunk-Y2OF4YA4.js

@@ -0,0 +1,54 @@
+import {
+  createSchemaElementEditorBridge
+} from "./chunk-DGO4Z6NW.js";
+
+// src/react.ts
+import { useEffect, useRef, useMemo, useCallback } from "react";
+function useSchemaElementEditor(config) {
+  const {
+    getSchema,
+    updateSchema,
+    renderPreview,
+    sourceConfig,
+    messageTypes,
+    enabled,
+    sdkId,
+    level,
+    methodLevels
+  } = config;
+  const configRef = useRef({ getSchema, updateSchema, renderPreview });
+  const bridgeRef = useRef(null);
+  useEffect(() => {
+    configRef.current = { getSchema, updateSchema, renderPreview };
+  }, [getSchema, updateSchema, renderPreview]);
+  useEffect(() => {
+    if (enabled === false) {
+      return;
+    }
+    const proxyConfig = {
+      getSchema: configRef.current.getSchema ? ((params) => configRef.current.getSchema(params)) : void 0,
+      updateSchema: configRef.current.updateSchema ? ((schema, params) => configRef.current.updateSchema(schema, params)) : void 0,
+      renderPreview: configRef.current.renderPreview ? (schema, containerId) => configRef.current.renderPreview?.(schema, containerId) : void 0,
+      sourceConfig,
+      messageTypes,
+      sdkId,
+      level,
+      methodLevels
+    };
+    const bridge = createSchemaElementEditorBridge(proxyConfig);
+    bridgeRef.current = bridge;
+    return () => {
+      bridge.cleanup();
+      bridgeRef.current = null;
+    };
+  }, [enabled, configRef, sourceConfig, messageTypes, sdkId, level, methodLevels]);
+  const push = useCallback((params, data) => {
+    bridgeRef.current?.recording.push(params, data);
+  }, []);
+  const recording = useMemo(() => ({ push }), [push]);
+  return { recording };
+}
+
+export {
+  useSchemaElementEditor
+};