t-decom 0.1.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2026
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,74 @@
+# t-decom
+
+A tiny `postMessage`-based IPC helper for **iframe ↔ parent window** communication.
+
+- `invoke/handle`: request-response (RPC-like)
+- `emit/on/off`: event-based messaging
+
+## Install
+
+```bash
+npm i t-decom
+```
+
+## Usage
+
+### In iframe (H5)
+
+```ts
+import { IPCH5 } from "t-decom";
+
+const ipc = new IPCH5();
+
+ipc.handle("init", async () => {
+  return { age: 20 };
+});
+
+ipc.on("ping", (data) => {
+  console.log("ping from parent:", data);
+});
+
+// emit to parent
+ipc.emit("ready", { ok: true });
+```
+
+### In parent page (Electron/Web)
+
+```ts
+import { IPCIframe } from "t-decom";
+
+const iframe = document.getElementById("myIframe") as HTMLIFrameElement;
+const ipc = new IPCIframe(iframe.contentWindow!);
+
+// invoke a handler registered inside iframe
+const user = await ipc.invoke("init", { from: "parent" });
+console.log(user);
+
+// listen event emitted from iframe
+ipc.on("ready", (data) => {
+  console.log("iframe ready:", data);
+});
+
+// emit event to iframe
+ipc.emit("ping", { t: Date.now() });
+```
+
+## Notes / Security
+
+This library currently uses `postMessage(..., "*")`. In production, consider restricting target origins and validating `event.origin`.
+
+## API
+
+- `new IPCH5()`
+  - `handle(channel, fn)`
+  - `emit(eventName, params?)`
+  - `on(eventName, fn)` / `off(eventName, fn?)`
+  - `destroy()`
+- `new IPCIframe(contentWindow)`
+  - `invoke(channel, params?) => Promise<any>`
+  - `emit/on/off/destroy()` (same as above)
+
+## License
+
+MIT
+

package/dist/index.cjs

@@ -0,0 +1,205 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  IPCH5: () => IPCH5,
+  IPCIframe: () => IPCIframe,
+  IPCType: () => IPCType
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/interface/index.ts
+var IPCType = /* @__PURE__ */ ((IPCType2) => {
+  IPCType2["INVOKE_REQUEST"] = "invoke_request";
+  IPCType2["INVOKE_RESPONSE"] = "invoke_response";
+  IPCType2["EMIT_H5"] = "emit_h5";
+  IPCType2["EMIT_IFRAME"] = "emit_iframe";
+  return IPCType2;
+})(IPCType || {});
+
+// src/IPCH5.ts
+var IPCH5 = class {
+  constructor() {
+    this.handlers = {};
+    this.eventHandlers = {};
+    this.handleMessage = this.handleMessage.bind(this);
+    window.addEventListener("message", this.handleMessage);
+  }
+  destroy() {
+    window.removeEventListener("message", this.handleMessage);
+    this.handlers = {};
+  }
+  // 注册方法
+  handle(channel, callback) {
+    this.handlers[channel] = callback;
+  }
+  // 监听消息的处理
+  async handleMessage(event) {
+    const { type } = event.data;
+    switch (type) {
+      case "invoke_request" /* INVOKE_REQUEST */:
+        const { channel, params, requestId } = event.data;
+        try {
+          const handler = this.handlers[channel];
+          if (!handler) {
+            throw new Error(`No handler registered for channel: ${channel}`);
+          }
+          const result = await handler(params);
+          window.parent.postMessage({
+            type: "invoke_response" /* INVOKE_RESPONSE */,
+            result,
+            requestId
+          }, "*");
+        } catch (e) {
+          window.parent.postMessage({
+            type: "invoke_response" /* INVOKE_RESPONSE */,
+            requestId,
+            error: JSON.stringify(e)
+          }, "*");
+        }
+        break;
+      case "emit_iframe" /* EMIT_IFRAME */:
+        const { params: data, eventName } = event.data;
+        const fnArr = this.eventHandlers[eventName] || [];
+        for (const item of fnArr) {
+          item(data);
+        }
+        break;
+      default:
+        break;
+    }
+  }
+  // 抛出事件
+  emit(eventName, params) {
+    window.parent.postMessage({
+      type: "emit_h5" /* EMIT_H5 */,
+      eventName,
+      params
+    }, "*");
+  }
+  // 监听消息
+  on(eventName, callback) {
+    if (this.eventHandlers[eventName]) {
+      this.eventHandlers[eventName].push(callback);
+    } else {
+      this.eventHandlers[eventName] = [callback];
+    }
+  }
+  // 移除监听事件
+  off(eventName, callback) {
+    if (callback) {
+      const arr = this.eventHandlers[eventName] || [];
+      this.eventHandlers[eventName] = arr.filter((item) => item !== callback);
+    } else {
+      this.eventHandlers[eventName] = [];
+    }
+  }
+};
+
+// src/IPCIframe.ts
+var IPCIframe = class {
+  constructor(win) {
+    this.win = win;
+    this.pendingHandlers = {};
+    this.eventHandlers = {};
+    this.handleMessage = this.handleMessage.bind(this);
+    window.addEventListener("message", this.handleMessage);
+  }
+  destroy() {
+    window.removeEventListener("message", this.handleMessage);
+    this.pendingHandlers = {};
+  }
+  // 获取唯一ID
+  getId() {
+    return `${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
+  }
+  // 调用H5注册的方法
+  invoke(channel, params) {
+    return new Promise((resolve, reject) => {
+      const requestId = this.getId();
+      this.pendingHandlers[requestId] = { resolve, reject };
+      this.win.postMessage({
+        type: "invoke_request" /* INVOKE_REQUEST */,
+        params,
+        channel,
+        requestId
+      }, "*");
+    });
+  }
+  // 处理获取到的消息
+  handleMessage(event) {
+    if (event.source !== this.win) return;
+    const { type } = event.data;
+    switch (type) {
+      case "invoke_response" /* INVOKE_RESPONSE */:
+        const { requestId, result, error } = event.data;
+        if (!requestId || !this.pendingHandlers[requestId]) return;
+        if (error) {
+          this.pendingHandlers[requestId].reject(error);
+        } else {
+          this.pendingHandlers[requestId].resolve(result);
+        }
+        delete this.pendingHandlers[requestId];
+        break;
+      case "emit_h5" /* EMIT_H5 */:
+        const { params, eventName } = event.data;
+        const fnArr = this.eventHandlers[eventName] || [];
+        for (const item of fnArr) {
+          item(params);
+        }
+        break;
+      default:
+        break;
+    }
+  }
+  // 监听事件
+  on(eventName, callback) {
+    if (this.eventHandlers[eventName]) {
+      this.eventHandlers[eventName].push(callback);
+    } else {
+      this.eventHandlers[eventName] = [callback];
+    }
+  }
+  // 移除监听事件
+  off(eventName, callback) {
+    if (callback) {
+      const arr = this.eventHandlers[eventName] || [];
+      this.eventHandlers[eventName] = arr.filter((item) => item !== callback);
+    } else {
+      this.eventHandlers[eventName] = [];
+    }
+  }
+  // 抛出事件
+  emit(eventName, params) {
+    this.win.postMessage({
+      type: "emit_iframe" /* EMIT_IFRAME */,
+      eventName,
+      params
+    }, "*");
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IPCH5,
+  IPCIframe,
+  IPCType
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/interface/index.ts","../src/IPCH5.ts","../src/IPCIframe.ts"],"sourcesContent":["export { IPCH5 } from './IPCH5'\r\nexport { IPCIframe } from './IPCIframe'\r\nexport { IPCType } from './interface/index'","export enum IPCType {\r\n  INVOKE_REQUEST = 'invoke_request',\r\n  INVOKE_RESPONSE = 'invoke_response',\r\n  EMIT_H5 = 'emit_h5',\r\n  EMIT_IFRAME = 'emit_iframe'\r\n}","import { IPCType } from \"./interface/index\";\r\nexport class IPCH5 {\r\n  private handlers: Record<string, Function> = {}\r\n  private eventHandlers: Record<string, Function[]> = {}\r\n  constructor() {\r\n    this.handleMessage = this.handleMessage.bind(this);\r\n    window.addEventListener('message', this.handleMessage)\r\n  }\r\n\r\n  destroy() {\r\n    window.removeEventListener('message', this.handleMessage);\r\n    this.handlers = {}\r\n  }\r\n\r\n  // 注册方法\r\n  handle(channel: string, callback: Function) {\r\n    this.handlers[channel] = callback;\r\n  }\r\n\r\n  // 监听消息的处理\r\n  async handleMessage(event: any) {\r\n    const { type } = event.data\r\n    switch (type) {\r\n      case IPCType.INVOKE_REQUEST:\r\n        const { channel, params, requestId } = event.data;\r\n        try {\r\n          const handler = this.handlers[channel];\r\n          if (!handler) {\r\n            throw new Error(`No handler registered for channel: ${channel}`);\r\n          }\r\n          const result = await handler(params);\r\n          window.parent.postMessage({\r\n            type: IPCType.INVOKE_RESPONSE,\r\n            result,\r\n            requestId\r\n          }, '*')\r\n        } catch (e) {\r\n          window.parent.postMessage({\r\n            type: IPCType.INVOKE_RESPONSE,\r\n            requestId,\r\n            error: JSON.stringify(e),\r\n          }, '*')\r\n        }\r\n        break;\r\n      case IPCType.EMIT_IFRAME:\r\n        const { params: data, eventName } = event.data;\r\n        const fnArr = this.eventHandlers[eventName] || [];\r\n        for (const item of fnArr) {\r\n          item(data);\r\n        }\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n\r\n  // 抛出事件\r\n  emit(eventName: string, params?: any) {\r\n    window.parent.postMessage({\r\n      type: IPCType.EMIT_H5,\r\n      eventName,\r\n      params\r\n    }, '*')\r\n  }\r\n\r\n  // 监听消息\r\n  on(eventName: string, callback: Function) {\r\n    if (this.eventHandlers[eventName]) {\r\n      this.eventHandlers[eventName].push(callback)\r\n    } else {\r\n      this.eventHandlers[eventName] = [callback]\r\n    }\r\n  }\r\n\r\n  // 移除监听事件\r\n  off(eventName: string, callback?: Function) {\r\n    if (callback) {\r\n      const arr = this.eventHandlers[eventName] || [];\r\n      this.eventHandlers[eventName] = arr.filter(item => item !== callback);\r\n    } else {\r\n      this.eventHandlers[eventName] = [];\r\n    }\r\n  }\r\n}","import { IPCType } from \"./interface/index\";\r\nexport class IPCIframe {\r\n  private pendingHandlers: Record<string, { resolve: Function, reject: Function }> = {}\r\n  private eventHandlers: Record<string, Function[]> = {}\r\n  constructor(private win: Window) {\r\n    this.handleMessage = this.handleMessage.bind(this);\r\n    window.addEventListener('message', this.handleMessage);\r\n  }\r\n\r\n  destroy() {\r\n    window.removeEventListener('message', this.handleMessage);\r\n    this.pendingHandlers = {}\r\n  }\r\n\r\n  // 获取唯一ID\r\n  getId() {\r\n    return `${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`\r\n  }\r\n\r\n  // 调用H5注册的方法\r\n  invoke(channel: string, params: any): Promise<any> {\r\n    return new Promise((resolve, reject) => {\r\n      const requestId = this.getId();\r\n      this.pendingHandlers[requestId] = { resolve, reject };\r\n      this.win.postMessage({\r\n        type: IPCType.INVOKE_REQUEST,\r\n        params,\r\n        channel,\r\n        requestId\r\n      }, '*')\r\n    })\r\n  }\r\n\r\n  // 处理获取到的消息\r\n  handleMessage(event: any) {\r\n    if (event.source !== this.win) return;\r\n    const { type } = event.data;\r\n    switch (type) {\r\n      case IPCType.INVOKE_RESPONSE:\r\n        const { requestId, result, error } = event.data;\r\n        if (!requestId || !this.pendingHandlers[requestId]) return;\r\n        if (error) {\r\n          this.pendingHandlers[requestId].reject(error)\r\n        } else {\r\n          this.pendingHandlers[requestId].resolve(result);\r\n        }\r\n        delete this.pendingHandlers[requestId];\r\n        break;\r\n      case IPCType.EMIT_H5:\r\n        const { params, eventName } = event.data;\r\n        const fnArr = this.eventHandlers[eventName] || [];\r\n        for (const item of fnArr) {\r\n          item(params);\r\n        }\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n\r\n  // 监听事件\r\n  on(eventName: string, callback: Function) {\r\n    if (this.eventHandlers[eventName]) {\r\n      this.eventHandlers[eventName].push(callback)\r\n    } else {\r\n      this.eventHandlers[eventName] = [callback]\r\n    }\r\n  }\r\n\r\n  // 移除监听事件\r\n  off(eventName: string, callback?: Function) {\r\n    if (callback) {\r\n      const arr = this.eventHandlers[eventName] || [];\r\n      this.eventHandlers[eventName] = arr.filter(item => item !== callback);\r\n    } else {\r\n      this.eventHandlers[eventName] = [];\r\n    }\r\n  }\r\n\r\n  // 抛出事件\r\n  emit(eventName: string, params?: any) {\r\n    this.win.postMessage({\r\n      type: IPCType.EMIT_IFRAME,\r\n      eventName,\r\n      params\r\n    }, '*')\r\n  }\r\n}"],"mappings":"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","names":["IPCType"]}

package/dist/index.d.cts

@@ -0,0 +1,34 @@
+declare class IPCH5 {
+    private handlers;
+    private eventHandlers;
+    constructor();
+    destroy(): void;
+    handle(channel: string, callback: Function): void;
+    handleMessage(event: any): Promise<void>;
+    emit(eventName: string, params?: any): void;
+    on(eventName: string, callback: Function): void;
+    off(eventName: string, callback?: Function): void;
+}
+
+declare class IPCIframe {
+    private win;
+    private pendingHandlers;
+    private eventHandlers;
+    constructor(win: Window);
+    destroy(): void;
+    getId(): string;
+    invoke(channel: string, params: any): Promise<any>;
+    handleMessage(event: any): void;
+    on(eventName: string, callback: Function): void;
+    off(eventName: string, callback?: Function): void;
+    emit(eventName: string, params?: any): void;
+}
+
+declare enum IPCType {
+    INVOKE_REQUEST = "invoke_request",
+    INVOKE_RESPONSE = "invoke_response",
+    EMIT_H5 = "emit_h5",
+    EMIT_IFRAME = "emit_iframe"
+}
+
+export { IPCH5, IPCIframe, IPCType };

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+declare class IPCH5 {
+    private handlers;
+    private eventHandlers;
+    constructor();
+    destroy(): void;
+    handle(channel: string, callback: Function): void;
+    handleMessage(event: any): Promise<void>;
+    emit(eventName: string, params?: any): void;
+    on(eventName: string, callback: Function): void;
+    off(eventName: string, callback?: Function): void;
+}
+
+declare class IPCIframe {
+    private win;
+    private pendingHandlers;
+    private eventHandlers;
+    constructor(win: Window);
+    destroy(): void;
+    getId(): string;
+    invoke(channel: string, params: any): Promise<any>;
+    handleMessage(event: any): void;
+    on(eventName: string, callback: Function): void;
+    off(eventName: string, callback?: Function): void;
+    emit(eventName: string, params?: any): void;
+}
+
+declare enum IPCType {
+    INVOKE_REQUEST = "invoke_request",
+    INVOKE_RESPONSE = "invoke_response",
+    EMIT_H5 = "emit_h5",
+    EMIT_IFRAME = "emit_iframe"
+}
+
+export { IPCH5, IPCIframe, IPCType };

package/dist/index.js

@@ -0,0 +1,176 @@
+// src/interface/index.ts
+var IPCType = /* @__PURE__ */ ((IPCType2) => {
+  IPCType2["INVOKE_REQUEST"] = "invoke_request";
+  IPCType2["INVOKE_RESPONSE"] = "invoke_response";
+  IPCType2["EMIT_H5"] = "emit_h5";
+  IPCType2["EMIT_IFRAME"] = "emit_iframe";
+  return IPCType2;
+})(IPCType || {});
+
+// src/IPCH5.ts
+var IPCH5 = class {
+  constructor() {
+    this.handlers = {};
+    this.eventHandlers = {};
+    this.handleMessage = this.handleMessage.bind(this);
+    window.addEventListener("message", this.handleMessage);
+  }
+  destroy() {
+    window.removeEventListener("message", this.handleMessage);
+    this.handlers = {};
+  }
+  // 注册方法
+  handle(channel, callback) {
+    this.handlers[channel] = callback;
+  }
+  // 监听消息的处理
+  async handleMessage(event) {
+    const { type } = event.data;
+    switch (type) {
+      case "invoke_request" /* INVOKE_REQUEST */:
+        const { channel, params, requestId } = event.data;
+        try {
+          const handler = this.handlers[channel];
+          if (!handler) {
+            throw new Error(`No handler registered for channel: ${channel}`);
+          }
+          const result = await handler(params);
+          window.parent.postMessage({
+            type: "invoke_response" /* INVOKE_RESPONSE */,
+            result,
+            requestId
+          }, "*");
+        } catch (e) {
+          window.parent.postMessage({
+            type: "invoke_response" /* INVOKE_RESPONSE */,
+            requestId,
+            error: JSON.stringify(e)
+          }, "*");
+        }
+        break;
+      case "emit_iframe" /* EMIT_IFRAME */:
+        const { params: data, eventName } = event.data;
+        const fnArr = this.eventHandlers[eventName] || [];
+        for (const item of fnArr) {
+          item(data);
+        }
+        break;
+      default:
+        break;
+    }
+  }
+  // 抛出事件
+  emit(eventName, params) {
+    window.parent.postMessage({
+      type: "emit_h5" /* EMIT_H5 */,
+      eventName,
+      params
+    }, "*");
+  }
+  // 监听消息
+  on(eventName, callback) {
+    if (this.eventHandlers[eventName]) {
+      this.eventHandlers[eventName].push(callback);
+    } else {
+      this.eventHandlers[eventName] = [callback];
+    }
+  }
+  // 移除监听事件
+  off(eventName, callback) {
+    if (callback) {
+      const arr = this.eventHandlers[eventName] || [];
+      this.eventHandlers[eventName] = arr.filter((item) => item !== callback);
+    } else {
+      this.eventHandlers[eventName] = [];
+    }
+  }
+};
+
+// src/IPCIframe.ts
+var IPCIframe = class {
+  constructor(win) {
+    this.win = win;
+    this.pendingHandlers = {};
+    this.eventHandlers = {};
+    this.handleMessage = this.handleMessage.bind(this);
+    window.addEventListener("message", this.handleMessage);
+  }
+  destroy() {
+    window.removeEventListener("message", this.handleMessage);
+    this.pendingHandlers = {};
+  }
+  // 获取唯一ID
+  getId() {
+    return `${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
+  }
+  // 调用H5注册的方法
+  invoke(channel, params) {
+    return new Promise((resolve, reject) => {
+      const requestId = this.getId();
+      this.pendingHandlers[requestId] = { resolve, reject };
+      this.win.postMessage({
+        type: "invoke_request" /* INVOKE_REQUEST */,
+        params,
+        channel,
+        requestId
+      }, "*");
+    });
+  }
+  // 处理获取到的消息
+  handleMessage(event) {
+    if (event.source !== this.win) return;
+    const { type } = event.data;
+    switch (type) {
+      case "invoke_response" /* INVOKE_RESPONSE */:
+        const { requestId, result, error } = event.data;
+        if (!requestId || !this.pendingHandlers[requestId]) return;
+        if (error) {
+          this.pendingHandlers[requestId].reject(error);
+        } else {
+          this.pendingHandlers[requestId].resolve(result);
+        }
+        delete this.pendingHandlers[requestId];
+        break;
+      case "emit_h5" /* EMIT_H5 */:
+        const { params, eventName } = event.data;
+        const fnArr = this.eventHandlers[eventName] || [];
+        for (const item of fnArr) {
+          item(params);
+        }
+        break;
+      default:
+        break;
+    }
+  }
+  // 监听事件
+  on(eventName, callback) {
+    if (this.eventHandlers[eventName]) {
+      this.eventHandlers[eventName].push(callback);
+    } else {
+      this.eventHandlers[eventName] = [callback];
+    }
+  }
+  // 移除监听事件
+  off(eventName, callback) {
+    if (callback) {
+      const arr = this.eventHandlers[eventName] || [];
+      this.eventHandlers[eventName] = arr.filter((item) => item !== callback);
+    } else {
+      this.eventHandlers[eventName] = [];
+    }
+  }
+  // 抛出事件
+  emit(eventName, params) {
+    this.win.postMessage({
+      type: "emit_iframe" /* EMIT_IFRAME */,
+      eventName,
+      params
+    }, "*");
+  }
+};
+export {
+  IPCH5,
+  IPCIframe,
+  IPCType
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/index.ts","../src/IPCH5.ts","../src/IPCIframe.ts"],"sourcesContent":["export enum IPCType {\r\n  INVOKE_REQUEST = 'invoke_request',\r\n  INVOKE_RESPONSE = 'invoke_response',\r\n  EMIT_H5 = 'emit_h5',\r\n  EMIT_IFRAME = 'emit_iframe'\r\n}","import { IPCType } from \"./interface/index\";\r\nexport class IPCH5 {\r\n  private handlers: Record<string, Function> = {}\r\n  private eventHandlers: Record<string, Function[]> = {}\r\n  constructor() {\r\n    this.handleMessage = this.handleMessage.bind(this);\r\n    window.addEventListener('message', this.handleMessage)\r\n  }\r\n\r\n  destroy() {\r\n    window.removeEventListener('message', this.handleMessage);\r\n    this.handlers = {}\r\n  }\r\n\r\n  // 注册方法\r\n  handle(channel: string, callback: Function) {\r\n    this.handlers[channel] = callback;\r\n  }\r\n\r\n  // 监听消息的处理\r\n  async handleMessage(event: any) {\r\n    const { type } = event.data\r\n    switch (type) {\r\n      case IPCType.INVOKE_REQUEST:\r\n        const { channel, params, requestId } = event.data;\r\n        try {\r\n          const handler = this.handlers[channel];\r\n          if (!handler) {\r\n            throw new Error(`No handler registered for channel: ${channel}`);\r\n          }\r\n          const result = await handler(params);\r\n          window.parent.postMessage({\r\n            type: IPCType.INVOKE_RESPONSE,\r\n            result,\r\n            requestId\r\n          }, '*')\r\n        } catch (e) {\r\n          window.parent.postMessage({\r\n            type: IPCType.INVOKE_RESPONSE,\r\n            requestId,\r\n            error: JSON.stringify(e),\r\n          }, '*')\r\n        }\r\n        break;\r\n      case IPCType.EMIT_IFRAME:\r\n        const { params: data, eventName } = event.data;\r\n        const fnArr = this.eventHandlers[eventName] || [];\r\n        for (const item of fnArr) {\r\n          item(data);\r\n        }\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n\r\n  // 抛出事件\r\n  emit(eventName: string, params?: any) {\r\n    window.parent.postMessage({\r\n      type: IPCType.EMIT_H5,\r\n      eventName,\r\n      params\r\n    }, '*')\r\n  }\r\n\r\n  // 监听消息\r\n  on(eventName: string, callback: Function) {\r\n    if (this.eventHandlers[eventName]) {\r\n      this.eventHandlers[eventName].push(callback)\r\n    } else {\r\n      this.eventHandlers[eventName] = [callback]\r\n    }\r\n  }\r\n\r\n  // 移除监听事件\r\n  off(eventName: string, callback?: Function) {\r\n    if (callback) {\r\n      const arr = this.eventHandlers[eventName] || [];\r\n      this.eventHandlers[eventName] = arr.filter(item => item !== callback);\r\n    } else {\r\n      this.eventHandlers[eventName] = [];\r\n    }\r\n  }\r\n}","import { IPCType } from \"./interface/index\";\r\nexport class IPCIframe {\r\n  private pendingHandlers: Record<string, { resolve: Function, reject: Function }> = {}\r\n  private eventHandlers: Record<string, Function[]> = {}\r\n  constructor(private win: Window) {\r\n    this.handleMessage = this.handleMessage.bind(this);\r\n    window.addEventListener('message', this.handleMessage);\r\n  }\r\n\r\n  destroy() {\r\n    window.removeEventListener('message', this.handleMessage);\r\n    this.pendingHandlers = {}\r\n  }\r\n\r\n  // 获取唯一ID\r\n  getId() {\r\n    return `${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`\r\n  }\r\n\r\n  // 调用H5注册的方法\r\n  invoke(channel: string, params: any): Promise<any> {\r\n    return new Promise((resolve, reject) => {\r\n      const requestId = this.getId();\r\n      this.pendingHandlers[requestId] = { resolve, reject };\r\n      this.win.postMessage({\r\n        type: IPCType.INVOKE_REQUEST,\r\n        params,\r\n        channel,\r\n        requestId\r\n      }, '*')\r\n    })\r\n  }\r\n\r\n  // 处理获取到的消息\r\n  handleMessage(event: any) {\r\n    if (event.source !== this.win) return;\r\n    const { type } = event.data;\r\n    switch (type) {\r\n      case IPCType.INVOKE_RESPONSE:\r\n        const { requestId, result, error } = event.data;\r\n        if (!requestId || !this.pendingHandlers[requestId]) return;\r\n        if (error) {\r\n          this.pendingHandlers[requestId].reject(error)\r\n        } else {\r\n          this.pendingHandlers[requestId].resolve(result);\r\n        }\r\n        delete this.pendingHandlers[requestId];\r\n        break;\r\n      case IPCType.EMIT_H5:\r\n        const { params, eventName } = event.data;\r\n        const fnArr = this.eventHandlers[eventName] || [];\r\n        for (const item of fnArr) {\r\n          item(params);\r\n        }\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n\r\n  // 监听事件\r\n  on(eventName: string, callback: Function) {\r\n    if (this.eventHandlers[eventName]) {\r\n      this.eventHandlers[eventName].push(callback)\r\n    } else {\r\n      this.eventHandlers[eventName] = [callback]\r\n    }\r\n  }\r\n\r\n  // 移除监听事件\r\n  off(eventName: string, callback?: Function) {\r\n    if (callback) {\r\n      const arr = this.eventHandlers[eventName] || [];\r\n      this.eventHandlers[eventName] = arr.filter(item => item !== callback);\r\n    } else {\r\n      this.eventHandlers[eventName] = [];\r\n    }\r\n  }\r\n\r\n  // 抛出事件\r\n  emit(eventName: string, params?: any) {\r\n    this.win.postMessage({\r\n      type: IPCType.EMIT_IFRAME,\r\n      eventName,\r\n      params\r\n    }, '*')\r\n  }\r\n}"],"mappings":"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","names":["IPCType"]}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "t-decom",
+  "version": "0.1.0",
+  "description": "A tiny postMessage-based IPC helper for iframe <-> parent window (invoke/handle + emit/on).",
+  "keywords": [
+    "postmessage",
+    "iframe",
+    "ipc",
+    "rpc",
+    "electron",
+    "h5"
+  ],
+  "license": "MIT",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "homepage": "",
+  "bugs": {
+    "url": ""
+  },
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build",
+    "lint:types": "tsc -p tsconfig.json --noEmit"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5"
+  }
+}