ArtPlayer/compiled/artplayer-tool-iframe.mjs

/*!
 * artplayer-tool-iframe.js v1.1.0
 * Github: https://github.com/zhw2590582/ArtPlayer
 * (c) 2017-2026 Harvey Zhao
 * Released under the MIT License.
 */
class ArtplayerToolIframe {
  static get iframe() {
    return window.top !== window;
  }
  static postMessage({ type, data, id = 0 }) {
    if (!ArtplayerToolIframe.iframe) {
      throw new Error('The "ArtplayerToolIframe.postMessage" method can only be used in iframe');
    }
    window.parent.postMessage(
      {
        type,
        data,
        id
      },
      "*"
    );
  }
  static async onMessage(event) {
    if (!ArtplayerToolIframe.iframe) {
      throw new Error('The "ArtplayerToolIframe.onMessage" method can only be used in iframe');
    }
    const { type, data, id } = event.data;
    switch (type) {
      case "commit":
        try {
          if (data.match(/\bresolve\((.*?)\)/)) {
            const string = `return new Promise(function(resolve){
${data}
})`;
            const result = await new Function(string)();
            ArtplayerToolIframe.postMessage({ type: "response", data: result, id });
          } else {
            const result = new Function(data)();
            ArtplayerToolIframe.postMessage({ type: "response", data: result, id });
          }
        } catch (error) {
          ArtplayerToolIframe.postMessage({ type: "error", data: error.message, id });
          throw error;
        }
        break;
    }
  }
  static inject() {
    if (!ArtplayerToolIframe.iframe) {
      throw new Error('The "ArtplayerToolIframe.inject" method can only be used in iframe');
    }
    ArtplayerToolIframe.postMessage({ type: "inject" });
    window.addEventListener("message", ArtplayerToolIframe.onMessage);
  }
  constructor({ iframe, url }) {
    if (iframe instanceof HTMLIFrameElement === false) {
      throw new TypeError('"option.iframe" needs to be a HTMLIFrameElement');
    }
    if (typeof url !== "string") {
      throw new TypeError('"option.url" needs to be a string');
    }
    this.url = url;
    this.$iframe = iframe;
    this.promises = {};
    this.injected = false;
    this.destroyed = false;
    this.messageCallback = () => null;
    this.onMessage = this.onMessage.bind(this);
    window.addEventListener("message", this.onMessage);
    this.$iframe.src = this.url;
  }
  onMessage(event) {
    const { type, data, id } = event.data;
    switch (type) {
      case "inject":
        this.injected = true;
        break;
    }
    if (this.promises[id]) {
      if (type === "error") {
        this.promises[id].reject(new Error(data));
      } else {
        this.promises[id].resove(data);
      }
      delete this.promises[id];
    }
    if (this.messageCallback) {
      this.messageCallback({ type, data });
    }
  }
  postMessage({ type, data }) {
    return new Promise((resove, reject) => {
      (function loop() {
        if (this.destroyed) {
          reject(new Error("The instance has been destroyed"));
        } else {
          if (this.injected) {
            const id = Date.now();
            this.promises[id] = { resove, reject };
            this.$iframe.contentWindow.postMessage(
              {
                type,
                data,
                id
              },
              "*"
            );
          } else {
            setTimeout(loop.bind(this), 200);
          }
        }
      }).call(this);
    });
  }
  commit(callback) {
    if (typeof callback !== "function") {
      throw new TypeError('"commit.callback" needs to be a function');
    }
    const callbackString = callback.toString();
    const bodyString = callbackString.substring(callbackString.indexOf("{") + 1, callbackString.lastIndexOf("}"));
    return this.postMessage({ type: "commit", data: bodyString });
  }
  message(callback) {
    if (typeof callback !== "function") {
      throw new TypeError('"message.callback" needs to be a function');
    }
    this.messageCallback = callback;
  }
  destroy() {
    this.destroyed = true;
    window.removeEventListener("message", this.onMessage);
  }
}
export {
  ArtplayerToolIframe as default
};