feat: add danmuku plugin documentation and i18n setup guide

- Created a new documentation file for the danmuku plugin, including code snippets for usage.
- Added a new i18n setup guide, detailing language settings, default languages, language imports, and how to add or modify languages.
- Included example code for initializing the Artplayer with different languages and importing language files.

docs/compiled/artplayer-tool-iframe.mjs

@@ -4,4 +4,134 @@
  * (c) 2017-2026 Harvey Zhao
  * Released under the MIT License.
  */
-class e{static get iframe(){return window.top!==window}static postMessage({type:t,data:s,id:i=0}){if(!e.iframe)throw new Error('The "ArtplayerToolIframe.postMessage" method can only be used in iframe');window.parent.postMessage({type:t,data:s,id:i},"*")}static async onMessage(t){if(!e.iframe)throw new Error('The "ArtplayerToolIframe.onMessage" method can only be used in iframe');const{type:s,data:i,id:a}=t.data;if("commit"===s)try{if(i.match(/\bresolve\((.*?)\)/)){const t=`return new Promise(function(resolve){\n${i}\n})`,s=await new Function(t)();e.postMessage({type:"response",data:s,id:a})}else{const t=new Function(i)();e.postMessage({type:"response",data:t,id:a})}}catch(o){throw e.postMessage({type:"error",data:o.message,id:a}),o}}static inject(){if(!e.iframe)throw new Error('The "ArtplayerToolIframe.inject" method can only be used in iframe');e.postMessage({type:"inject"}),window.addEventListener("message",e.onMessage)}constructor({iframe:e,url:t}){if(e instanceof HTMLIFrameElement===!1)throw new TypeError('"option.iframe" needs to be a HTMLIFrameElement');if("string"!==typeof t)throw new TypeError('"option.url" needs to be a string');this.url=t,this.$iframe=e,this.promises={},this.injected=!1,this.destroyed=!1,this.messageCallback=()=>null,this.onMessage=this.onMessage.bind(this),window.addEventListener("message",this.onMessage),this.$iframe.src=this.url}onMessage(e){const{type:t,data:s,id:i}=e.data;if("inject"===t)this.injected=!0;this.promises[i]&&("error"===t?this.promises[i].reject(new Error(s)):this.promises[i].resove(s),delete this.promises[i]),this.messageCallback&&this.messageCallback({type:t,data:s})}postMessage({type:e,data:t}){return new Promise((s,i)=>{(function a(){if(this.destroyed)i(new Error("The instance has been destroyed"));else if(this.injected){const a=Date.now();this.promises[a]={resove:s,reject:i},this.$iframe.contentWindow.postMessage({type:e,data:t,id:a},"*")}else setTimeout(a.bind(this),200)}).call(this)})}commit(e){if("function"!==typeof e)throw new TypeError('"commit.callback" needs to be a function');const t=e.toString(),s=t.substring(t.indexOf("{")+1,t.lastIndexOf("}"));return this.postMessage({type:"commit",data:s})}message(e){if("function"!==typeof e)throw new TypeError('"message.callback" needs to be a function');this.messageCallback=e}destroy(){this.destroyed=!0,window.removeEventListener("message",this.onMessage)}}export{e as default};
+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
+};