feat: introduce ArtplayerToolIframe for iframe control

- Removed the old ArtplayerPluginIframe implementation.
- Added ArtplayerToolIframe class with methods for iframe communication.
- Implemented postMessage and onMessage methods for message handling.
- Created a new TypeScript definition file for ArtplayerToolIframe.
- Updated documentation links to point to the new iframe tool.
- Added npm ignore file and README for the new package.
- Included compiled and uncompiled versions of the new iframe tool.
- Updated package.json with relevant metadata and exports.
This commit is contained in:
Harvey Zhao committed 2026-03-07 20:58:02 +08:00
1 parent 78e9cc74f8
commit 1c75731ca9
58 files changed
+331 -178

No files matched your search

@@ -1,12 +1,12 @@
var artplayerPluginIframe = (function() {
"use strict";
class ArtplayerPluginIframe {
class ArtplayerToolIframe {
static get iframe() {
return window.top !== window;
}
static postMessage({ type, data, id = 0 }) {
if (!ArtplayerPluginIframe.iframe) {
throw new Error('The "ArtplayerPluginIframe.postMessage" method can only be used in iframe');
if (!ArtplayerToolIframe.iframe) {
throw new Error('The "ArtplayerToolIframe.postMessage" method can only be used in iframe');
}
window.parent.postMessage(
{
@@ -18,8 +18,8 @@ var artplayerPluginIframe = (function() {
);
}
static async onMessage(event) {
if (!ArtplayerPluginIframe.iframe) {
throw new Error('The "ArtplayerPluginIframe.onMessage" method can only be used in iframe');
if (!ArtplayerToolIframe.iframe) {
throw new Error('The "ArtplayerToolIframe.onMessage" method can only be used in iframe');
}
const { type, data, id } = event.data;
switch (type) {
@@ -30,24 +30,24 @@ var artplayerPluginIframe = (function() {
${data}
})`;
const result = await new Function(string)();
ArtplayerPluginIframe.postMessage({ type: "response", data: result, id });
ArtplayerToolIframe.postMessage({ type: "response", data: result, id });
} else {
const result = new Function(data)();
ArtplayerPluginIframe.postMessage({ type: "response", data: result, id });
ArtplayerToolIframe.postMessage({ type: "response", data: result, id });
}
} catch (error) {
ArtplayerPluginIframe.postMessage({ type: "error", data: error.message, id });
ArtplayerToolIframe.postMessage({ type: "error", data: error.message, id });
throw error;
}
break;
}
}
static inject() {
if (!ArtplayerPluginIframe.iframe) {
throw new Error('The "ArtplayerPluginIframe.inject" method can only be used in iframe');
if (!ArtplayerToolIframe.iframe) {
throw new Error('The "ArtplayerToolIframe.inject" method can only be used in iframe');
}
ArtplayerPluginIframe.postMessage({ type: "inject" });
window.addEventListener("message", ArtplayerPluginIframe.onMessage);
ArtplayerToolIframe.postMessage({ type: "inject" });
window.addEventListener("message", ArtplayerToolIframe.onMessage);
}
constructor({ iframe, url }) {
if (iframe instanceof HTMLIFrameElement === false) {
@@ -128,5 +128,5 @@ ${data}
window.removeEventListener("message", this.onMessage);
}
}
return ArtplayerPluginIframe;
return ArtplayerToolIframe;
})();