niimbot-canvas-sdk 1.0.2 → 1.0.4

package/dist/niimbot-canvas-sdk.cjs.js

@@ -0,0 +1 @@
+"use strict";var be=Object.defineProperty;var Ae=(e,n,t)=>n in e?be(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var g=(e,n,t)=>(Ae(e,typeof n!="symbol"?n+"":n,t),t),X=(e,n,t)=>{if(!n.has(e))throw TypeError("Cannot "+t)};var h=(e,n,t)=>(X(e,n,"read from private field"),t?t.call(e):n.get(e)),A=(e,n,t)=>{if(n.has(e))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(e):n.set(e,t)},_=(e,n,t,s)=>(X(e,n,"write to private field"),s?s.call(e,t):n.set(e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var Ee=class extends Error{constructor(n,t){super(t);g(this,"code");this.name="PenpalError",this.code=n}},P=Ee,we=e=>({name:e.name,message:e.message,stack:e.stack,penpalCode:e instanceof P?e.code:void 0}),Ie=({name:e,message:n,stack:t,penpalCode:s})=>{const r=s?new P(s,n):new Error(n);return r.name=e,r.stack=t,r},Me=Symbol("Reply"),G,re,Pe=(re=class{constructor(e,n){g(this,"value");g(this,"transferables");A(this,G,Me);this.value=e,this.transferables=n==null?void 0:n.transferables}},G=new WeakMap,re),Ce=Pe,M="penpal",W=e=>typeof e=="object"&&e!==null,ce=e=>typeof e=="function",_e=e=>W(e)&&e.namespace===M,z=e=>e.type==="SYN",Z=e=>e.type==="ACK1",B=e=>e.type==="ACK2",de=e=>e.type==="CALL",he=e=>e.type==="REPLY",Se=e=>e.type==="DESTROY",ue=(e,n=[])=>{const t=[];for(const s of Object.keys(e)){const r=e[s];ce(r)?t.push([...n,s]):W(r)&&t.push(...ue(r,[...n,s]))}return t},Oe=(e,n)=>{const t=e.reduce((s,r)=>W(s)?s[r]:void 0,n);return ce(t)?t:void 0},N=e=>e.join("."),ee=(e,n,t)=>({namespace:M,channel:e,type:"REPLY",callId:n,isError:!0,...t instanceof Error?{value:we(t),isSerializedErrorInstance:!0}:{value:t}}),Re=(e,n,t,s)=>{let r=!1;const p=async u=>{if(r||!de(u))return;s==null||s(`Received ${N(u.methodPath)}() call`,u);const{methodPath:l,args:c,id:a}=u;let i,o;try{const f=Oe(l,n);if(!f)throw new P("METHOD_NOT_FOUND",`Method \`${N(l)}\` is not found.`);let v=await f(...c);v instanceof Ce&&(o=v.transferables,v=await v.value),i={namespace:M,channel:t,type:"REPLY",callId:a,value:v}}catch(f){i=ee(t,a,f)}if(!r)try{s==null||s(`Sending ${N(l)}() reply`,i),e.sendMessage(i,o)}catch(f){throw f.name==="DataCloneError"&&(i=ee(t,a,f),s==null||s(`Sending ${N(l)}() reply`,i),e.sendMessage(i)),f}};return e.addMessageHandler(p),()=>{r=!0,e.removeMessageHandler(p)}},Ne=Re,ie,le=((ie=crypto.randomUUID)==null?void 0:ie.bind(crypto))??(()=>new Array(4).fill(0).map(()=>Math.floor(Math.random()*Number.MAX_SAFE_INTEGER).toString(16)).join("-")),Te=Symbol("CallOptions"),J,ae,De=(ae=class{constructor(e){g(this,"transferables");g(this,"timeout");A(this,J,Te);this.transferables=e==null?void 0:e.transferables,this.timeout=e==null?void 0:e.timeout}},J=new WeakMap,ae),ke=De,Le=new Set(["apply","call","bind"]),fe=(e,n,t=[])=>new Proxy(t.length?()=>{}:Object.create(null),{get(s,r){if(r!=="then")return t.length&&Le.has(r)?Reflect.get(s,r):fe(e,n,[...t,r])},apply(s,r,p){return e(t,p)}}),te=e=>new P("CONNECTION_DESTROYED",`Method call ${N(e)}() failed due to destroyed connection`),xe=(e,n,t)=>{let s=!1;const r=new Map,p=c=>{if(!he(c))return;const{callId:a,value:i,isError:o,isSerializedErrorInstance:f}=c,v=r.get(a);v&&(r.delete(a),t==null||t(`Received ${N(v.methodPath)}() call`,c),o?v.reject(f?Ie(i):i):v.resolve(i))};return e.addMessageHandler(p),{remoteProxy:fe((c,a)=>{if(s)throw te(c);const i=le(),o=a[a.length-1],f=o instanceof ke,{timeout:v,transferables:b}=f?o:{},E=f?a.slice(0,-1):a;return new Promise((d,w)=>{const C=v!==void 0?window.setTimeout(()=>{r.delete(i),w(new P("METHOD_CALL_TIMEOUT",`Method call ${N(c)}() timed out after ${v}ms`))},v):void 0;r.set(i,{methodPath:c,resolve:d,reject:w,timeoutId:C});try{const y={namespace:M,channel:n,type:"CALL",id:i,methodPath:c,args:E};t==null||t(`Sending ${N(c)}() call`,y),e.sendMessage(y,b)}catch(y){w(new P("TRANSMISSION_FAILED",y.message))}})},t),destroy:()=>{s=!0,e.removeMessageHandler(p);for(const{methodPath:c,reject:a,timeoutId:i}of r.values())clearTimeout(i),a(te(c));r.clear()}}},He=xe,Ue=()=>{let e,n;return{promise:new Promise((s,r)=>{e=s,n=r}),resolve:e,reject:n}},$e=Ue,je=class extends Error{constructor(e){super(`You've hit a bug in Penpal. Please file an issue with the following information: ${e}`)}},Y=je,Q="deprecated-penpal",qe=e=>W(e)&&"penpal"in e,Fe=e=>e.split("."),ne=e=>e.join("."),ve=e=>new Y(`Unexpected message to translate: ${JSON.stringify(e)}`),Ve=e=>{if(e.penpal==="syn")return{namespace:M,channel:void 0,type:"SYN",participantId:Q};if(e.penpal==="ack")return{namespace:M,channel:void 0,type:"ACK2"};if(e.penpal==="call")return{namespace:M,channel:void 0,type:"CALL",id:e.id,methodPath:Fe(e.methodName),args:e.args};if(e.penpal==="reply")return e.resolution==="fulfilled"?{namespace:M,channel:void 0,type:"REPLY",callId:e.id,value:e.returnValue}:{namespace:M,channel:void 0,type:"REPLY",callId:e.id,isError:!0,...e.returnValueIsError?{value:e.returnValue,isSerializedErrorInstance:!0}:{value:e.returnValue}};throw ve(e)},ze=e=>{if(Z(e))return{penpal:"synAck",methodNames:e.methodPaths.map(ne)};if(de(e))return{penpal:"call",id:e.id,methodName:ne(e.methodPath),args:e.args};if(he(e))return e.isError?{penpal:"reply",id:e.callId,resolution:"rejected",...e.isSerializedErrorInstance?{returnValue:e.value,returnValueIsError:!0}:{returnValue:e.value}}:{penpal:"reply",id:e.callId,resolution:"fulfilled",returnValue:e.value};throw ve(e)},Ye=({messenger:e,methods:n,timeout:t,channel:s,log:r})=>{const p=le();let u;const l=[];let c=!1;const a=ue(n),{promise:i,resolve:o,reject:f}=$e(),v=t!==void 0?setTimeout(()=>{f(new P("CONNECTION_TIMEOUT",`Connection timed out after ${t}ms`))},t):void 0,b=()=>{for(const m of l)m()},E=()=>{if(c)return;l.push(Ne(e,n,s,r));const{remoteProxy:m,destroy:T}=He(e,s,r);l.push(T),clearTimeout(v),c=!0,o({remoteProxy:m,destroy:b})},d=()=>{const m={namespace:M,type:"SYN",channel:s,participantId:p};r==null||r("Sending handshake SYN",m);try{e.sendMessage(m)}catch(T){f(new P("TRANSMISSION_FAILED",T.message))}},w=m=>{if(r==null||r("Received handshake SYN",m),m.participantId===u&&u!==Q||(u=m.participantId,d(),!(p>u||u===Q)))return;const V={namespace:M,channel:s,type:"ACK1",methodPaths:a};r==null||r("Sending handshake ACK1",V);try{e.sendMessage(V)}catch(me){f(new P("TRANSMISSION_FAILED",me.message));return}},C=m=>{r==null||r("Received handshake ACK1",m);const T={namespace:M,channel:s,type:"ACK2"};r==null||r("Sending handshake ACK2",T);try{e.sendMessage(T)}catch(V){f(new P("TRANSMISSION_FAILED",V.message));return}E()},y=m=>{r==null||r("Received handshake ACK2",m),E()},F=m=>{z(m)&&w(m),Z(m)&&C(m),B(m)&&y(m)};return e.addMessageHandler(F),l.push(()=>e.removeMessageHandler(F)),d(),i},Ke=Ye,We=e=>{let n=!1,t;return(...s)=>(n||(n=!0,t=e(...s)),t)},Be=We,se=new WeakSet,Qe=({messenger:e,methods:n={},timeout:t,channel:s,log:r})=>{if(!e)throw new P("INVALID_ARGUMENT","messenger must be defined");if(se.has(e))throw new P("INVALID_ARGUMENT","A messenger can only be used for a single connection");se.add(e);const p=[e.destroy],u=Be(a=>{if(a){const i={namespace:M,channel:s,type:"DESTROY"};try{e.sendMessage(i)}catch{}}for(const i of p)i();r==null||r("Connection destroyed")}),l=a=>_e(a)&&a.channel===s;return{promise:(async()=>{try{e.initialize({log:r,validateReceivedMessage:l}),e.addMessageHandler(o=>{Se(o)&&u(!1)});const{remoteProxy:a,destroy:i}=await Ke({messenger:e,methods:n,timeout:t,channel:s,log:r});return p.push(i),a}catch(a){throw u(!0),a}})(),destroy:()=>{u(!0)}}},Ge=Qe,O,D,x,H,k,R,I,L,K,U,j,q,$,oe,Je=(oe=class{constructor({remoteWindow:e,allowedOrigins:n}){A(this,O,void 0);A(this,D,void 0);A(this,x,void 0);A(this,H,void 0);A(this,k,void 0);A(this,R,new Set);A(this,I,void 0);A(this,L,!1);g(this,"initialize",({log:e,validateReceivedMessage:n})=>{_(this,x,e),_(this,H,n),window.addEventListener("message",h(this,q))});g(this,"sendMessage",(e,n)=>{if(z(e)){const t=h(this,U).call(this,e);h(this,O).postMessage(e,{targetOrigin:t,transfer:n});return}if(Z(e)||h(this,L)){const t=h(this,L)?ze(e):e,s=h(this,U).call(this,e);h(this,O).postMessage(t,{targetOrigin:s,transfer:n});return}if(B(e)){const{port1:t,port2:s}=new MessageChannel;_(this,I,t),t.addEventListener("message",h(this,$)),t.start();const r=[s,...n||[]],p=h(this,U).call(this,e);h(this,O).postMessage(e,{targetOrigin:p,transfer:r});return}if(h(this,I)){h(this,I).postMessage(e,{transfer:n});return}throw new Y("Port is undefined")});g(this,"addMessageHandler",e=>{h(this,R).add(e)});g(this,"removeMessageHandler",e=>{h(this,R).delete(e)});g(this,"destroy",()=>{window.removeEventListener("message",h(this,q)),h(this,j).call(this),h(this,R).clear()});A(this,K,e=>h(this,D).some(n=>n instanceof RegExp?n.test(e):n===e||n==="*"));A(this,U,e=>{if(z(e))return"*";if(!h(this,k))throw new Y("Concrete remote origin not set");return h(this,k)==="null"&&h(this,D).includes("*")?"*":h(this,k)});A(this,j,()=>{var e,n;(e=h(this,I))==null||e.removeEventListener("message",h(this,$)),(n=h(this,I))==null||n.close(),_(this,I,void 0)});A(this,q,({source:e,origin:n,ports:t,data:s})=>{var r,p,u;if(e===h(this,O)&&(qe(s)&&((r=h(this,x))==null||r.call(this,"Please upgrade the child window to the latest version of Penpal."),_(this,L,!0),s=Ve(s)),!!((p=h(this,H))!=null&&p.call(this,s)))){if(!h(this,K).call(this,n)){(u=h(this,x))==null||u.call(this,`Received a message from origin \`${n}\` which did not match allowed origins \`[${h(this,D).join(", ")}]\``);return}if(z(s)&&(h(this,j).call(this),_(this,k,n)),B(s)&&!h(this,L)){if(_(this,I,t[0]),!h(this,I))throw new Y("No port received on ACK2");h(this,I).addEventListener("message",h(this,$)),h(this,I).start()}for(const l of h(this,R))l(s)}});A(this,$,({data:e})=>{var n;if((n=h(this,H))!=null&&n.call(this,e))for(const t of h(this,R))t(e)});if(!e)throw new P("INVALID_ARGUMENT","remoteWindow must be defined");_(this,O,e),_(this,D,n!=null&&n.length?n:[window.origin])}},O=new WeakMap,D=new WeakMap,x=new WeakMap,H=new WeakMap,k=new WeakMap,R=new WeakMap,I=new WeakMap,L=new WeakMap,K=new WeakMap,U=new WeakMap,j=new WeakMap,q=new WeakMap,$=new WeakMap,oe),Ze=Je,Xe=e=>(...n)=>{console.log(`✍️ %c${e}%c`,"font-weight: bold;","",...n)},et=Xe;function tt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var pe={exports:{}};(function(e){var n=Object.prototype.hasOwnProperty,t="~";function s(){}Object.create&&(s.prototype=Object.create(null),new s().__proto__||(t=!1));function r(c,a,i){this.fn=c,this.context=a,this.once=i||!1}function p(c,a,i,o,f){if(typeof i!="function")throw new TypeError("The listener must be a function");var v=new r(i,o||c,f),b=t?t+a:a;return c._events[b]?c._events[b].fn?c._events[b]=[c._events[b],v]:c._events[b].push(v):(c._events[b]=v,c._eventsCount++),c}function u(c,a){--c._eventsCount===0?c._events=new s:delete c._events[a]}function l(){this._events=new s,this._eventsCount=0}l.prototype.eventNames=function(){var a=[],i,o;if(this._eventsCount===0)return a;for(o in i=this._events)n.call(i,o)&&a.push(t?o.slice(1):o);return Object.getOwnPropertySymbols?a.concat(Object.getOwnPropertySymbols(i)):a},l.prototype.listeners=function(a){var i=t?t+a:a,o=this._events[i];if(!o)return[];if(o.fn)return[o.fn];for(var f=0,v=o.length,b=new Array(v);f<v;f++)b[f]=o[f].fn;return b},l.prototype.listenerCount=function(a){var i=t?t+a:a,o=this._events[i];return o?o.fn?1:o.length:0},l.prototype.emit=function(a,i,o,f,v,b){var E=t?t+a:a;if(!this._events[E])return!1;var d=this._events[E],w=arguments.length,C,y;if(d.fn){switch(d.once&&this.removeListener(a,d.fn,void 0,!0),w){case 1:return d.fn.call(d.context),!0;case 2:return d.fn.call(d.context,i),!0;case 3:return d.fn.call(d.context,i,o),!0;case 4:return d.fn.call(d.context,i,o,f),!0;case 5:return d.fn.call(d.context,i,o,f,v),!0;case 6:return d.fn.call(d.context,i,o,f,v,b),!0}for(y=1,C=new Array(w-1);y<w;y++)C[y-1]=arguments[y];d.fn.apply(d.context,C)}else{var F=d.length,m;for(y=0;y<F;y++)switch(d[y].once&&this.removeListener(a,d[y].fn,void 0,!0),w){case 1:d[y].fn.call(d[y].context);break;case 2:d[y].fn.call(d[y].context,i);break;case 3:d[y].fn.call(d[y].context,i,o);break;case 4:d[y].fn.call(d[y].context,i,o,f);break;default:if(!C)for(m=1,C=new Array(w-1);m<w;m++)C[m-1]=arguments[m];d[y].fn.apply(d[y].context,C)}}return!0},l.prototype.on=function(a,i,o){return p(this,a,i,o,!1)},l.prototype.once=function(a,i,o){return p(this,a,i,o,!0)},l.prototype.removeListener=function(a,i,o,f){var v=t?t+a:a;if(!this._events[v])return this;if(!i)return u(this,v),this;var b=this._events[v];if(b.fn)b.fn===i&&(!f||b.once)&&(!o||b.context===o)&&u(this,v);else{for(var E=0,d=[],w=b.length;E<w;E++)(b[E].fn!==i||f&&!b[E].once||o&&b[E].context!==o)&&d.push(b[E]);d.length?this._events[v]=d.length===1?d[0]:d:u(this,v)}return this},l.prototype.removeAllListeners=function(a){var i;return a?(i=t?t+a:a,this._events[i]&&u(this,i)):(this._events=new s,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,e.exports=l})(pe);var nt=pe.exports;const st=tt(nt);class ge extends st{on(n,t,s){return super.on(n,t,s)}once(n,t,s){return super.once(n,t,s)}off(n,t,s){return super.off(n,t,s)}emit(n,...t){return super.emit(n,...t)}}class rt{constructor(){g(this,"queue",[]);g(this,"maxSize",100)}enqueue(n,t=3){this.queue.length>=this.maxSize&&this.queue.shift();const s={...n,retryCount:0,maxRetries:t};return this.queue.push(s),n.messageId}dequeue(){return this.queue.shift()}hasMessages(){return this.queue.length>0}getMessageById(n){return this.queue.find(t=>t.messageId===n)}removeMessageById(n){const t=this.queue.findIndex(s=>s.messageId===n);t!==-1&&this.queue.splice(t,1)}clear(){this.queue=[]}}class it{constructor(n,t=!1){this.context=n,this.debug=t}formatMessage(n,...t){return[`[${new Date().toISOString()}] [${this.context}] [${n}]`,...t]}info(...n){console.info(...this.formatMessage("INFO",...n))}debug(...n){this.debug&&console.debug(...this.formatMessage("DEBUG",...n))}warn(...n){console.warn(...this.formatMessage("WARN",...n))}error(...n){console.error(...this.formatMessage("ERROR",...n))}}let at=e=>crypto.getRandomValues(new Uint8Array(e)),ot=(e,n,t)=>{let s=(2<<Math.log2(e.length-1))-1,r=-~(1.6*s*n/e.length);return(p=n)=>{let u="";for(;;){let l=t(r),c=r|0;for(;c--;)if(u+=e[l[c]&s]||"",u.length>=p)return u}}},ct=(e,n=21)=>ot(e,n|0,at);const dt="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",ht=ct(dt,12);class ut extends ge{constructor(t,s={}){super();g(this,"connection",null);g(this,"iframe");g(this,"options");g(this,"messageQueue");g(this,"logger");g(this,"isConnected",!1);g(this,"reconnectAttempts",0);g(this,"maxReconnectAttempts",3);this.iframe=t,this.options={timeout:3e4,debug:!1,retryCount:3,retryDelay:1e3,childOrigin:"*",...s},this.messageQueue=new rt,this.logger=new it("PenpalBridge",this.options.debug)}async connect(t={}){try{this.logger.info("正在建立连接...");const s=new Ze({remoteWindow:this.iframe,allowedOrigins:["http://127.0.0.1:3000"]});this.connection=Ge({messenger:s,methods:{add(r,p){return r+p},emitEvent:(r,p)=>{this.emit(r,p)},...t},timeout:this.options.timeout,log:et("parent")}),await this.connection.promise,this.isConnected=!0,this.reconnectAttempts=0,await this.processQueuedMessages(),this.logger.info("连接建立成功"),this.emit("connected")}catch(s){throw this.logger.error("连接失败:",s),await this.handleReconnect(),s}}async send(t,s){var p;const r={action:t,params:s,timestamp:Date.now(),messageId:ht()};if(!this.isConnected)throw this.messageQueue.enqueue(r),new Error("Connection not ready, message queued");try{if(this.logger.debug("发送消息:",r),!((p=this.connection)!=null&&p.child))throw new Error("连接未就绪");const u=await this.connection.child.handleMessage(r);return this.logger.debug("收到响应:",u),this.validateResponse(u)}catch(u){throw this.logger.error("发送消息失败:",u),this.messageQueue.enqueue(r),u}}async processQueuedMessages(){for(;this.messageQueue.hasMessages();){const t=this.messageQueue.dequeue();if(t)try{await this.send(t.action,t.params)}catch(s){this.logger.warn("队列消息发送失败:",s),this.messageQueue.enqueue(t)}}}async handleReconnect(){if(this.reconnectAttempts>=this.maxReconnectAttempts){this.logger.error("重连次数达到上限"),this.emit("connection-lost");return}this.reconnectAttempts++,this.logger.info(`尝试重连 (${this.reconnectAttempts}/${this.maxReconnectAttempts})`),await new Promise(t=>setTimeout(t,this.options.retryDelay*this.reconnectAttempts));try{await this.connect()}catch{await this.handleReconnect()}}validateResponse(t){if(!t||t.success===void 0)throw new Error("Invalid response format");if(!t.success){const s=t.error||{code:"UNKNOWN",message:"Unknown error"};throw new Error(`${s.code}: ${s.message}`)}return t.data}disconnect(){this.connection&&(this.connection.destroy(),this.isConnected=!1,this.emit("disconnected"),this.logger.info("连接已断开"))}getConnectionStatus(){return this.isConnected}}class lt{constructor(n){this.bridge=n}async initialize(n){return this.bridge.send("canvas.initialize",n)}async setData(n){return this.bridge.send("canvas.setData",n)}async getData(){return this.bridge.send("canvas.getData")}async clear(){return this.bridge.send("canvas.clear")}async undo(){return this.bridge.send("canvas.undo")}async redo(){return this.bridge.send("canvas.redo")}async export(n){return this.bridge.send("canvas.export",{format:n})}async save(){return this.bridge.send("canvas.save")}async invoke(n,...t){return this.bridge.send("canvas.invoke",{method:n,args:t})}async setZoom(n){return this.bridge.send("canvas.setZoom",{zoom:n})}async getSnapshot(){return this.bridge.send("canvas.getSnapshot")}}class ft{constructor(n){this.bridge=n}async setAbilities(n){return this.bridge.send("abilities.set",n)}async getAbilities(){return this.bridge.send("abilities.get")}async enableAbility(n){return this.bridge.send("abilities.enable",{name:n})}async disableAbility(n){return this.bridge.send("abilities.disable",{name:n})}}class vt{constructor(n){this.bridge=n}async setTheme(n){return this.bridge.send("theme.set",{theme:n})}async getCurrentTheme(){return this.bridge.send("theme.get")}async updateToken(n){return this.bridge.send("theme.updateToken",n)}}class pt{constructor(n){this.bridge=n}async setLocale(n,t){return this.bridge.send("i18n.setLocale",{locale:n,messages:t})}async getCurrentLocale(){return this.bridge.send("i18n.getLocale")}async updateMessages(n){return this.bridge.send("i18n.updateMessages",n)}}class gt{constructor(n){this.bridge=n}async validateToken(){return this.bridge.send("auth.validateToken")}}const S={READY:"ready",CHANGE:"change",SAVE:"save",ERROR:"error",SELECTION_CHANGED:"selection-changed",CONNECTED:"connected",DISCONNECTED:"disconnected",LOADED:"loaded",BEFORE_UNLOAD:"before-unload",OBJECT_ADDED:"object-added",OBJECT_MODIFIED:"object-modified",OBJECT_REMOVED:"object-removed",MOUSE_DOWN:"mouse-down",MOUSE_UP:"mouse-up",MOUSE_MOVE:"mouse-move",KEY_DOWN:"key-down",KEY_UP:"key-up"};class ye extends ge{constructor(t,s){super();g(this,"bridge");g(this,"canvasAPI");g(this,"abilityAPI");g(this,"themeAPI");g(this,"i18nAPI");g(this,"authAPI");g(this,"config");g(this,"iframe");g(this,"isInitialized",!1);this.validateConfig(s),this.config=s,this.iframe=t,this.bridge=new ut(t,{debug:s.debug||!1,timeout:3e4,childOrigin:this.extractOrigin(t.src)}),this.canvasAPI=new lt(this.bridge),this.abilityAPI=new ft(this.bridge),this.themeAPI=new vt(this.bridge),this.i18nAPI=new pt(this.bridge),this.authAPI=new gt(this.bridge),this.setupEventHandlers()}async init(){if(!this.isInitialized)try{await this.bridge.connect({getConfig:()=>this.config,log:(t,s)=>{console.log(`[Canvas ${t.toUpperCase()}]`,s)}}),await this.canvasAPI.initialize(this.config),this.config.abilities&&await this.abilityAPI.setAbilities(this.config.abilities),this.config.theme&&await this.themeAPI.setTheme(this.config.theme),this.config.locale&&await this.i18nAPI.setLocale(this.config.locale,this.config.messages),this.isInitialized=!0,this.emit(S.READY)}catch(t){throw this.emit(S.ERROR,t),t}}get canvas(){return{setData:t=>this.canvasAPI.setData(t),getData:()=>this.canvasAPI.getData(),clear:()=>this.canvasAPI.clear(),undo:()=>this.canvasAPI.undo(),redo:()=>this.canvasAPI.redo(),export:(t="png")=>this.canvasAPI.export(t),save:()=>this.canvasAPI.save(),setZoom:t=>this.canvasAPI.setZoom(t),getSnapshot:()=>this.canvasAPI.getSnapshot(),invoke:(t,...s)=>this.canvasAPI.invoke(t,...s)}}get abilities(){return{set:t=>this.abilityAPI.setAbilities(t),get:()=>this.abilityAPI.getAbilities(),enable:t=>this.abilityAPI.enableAbility(t),disable:t=>this.abilityAPI.disableAbility(t),updateConfig:(t,s)=>this.abilityAPI.updateAbilityConfig(t,s)}}get theme(){return{set:t=>this.themeAPI.setTheme(t),get:()=>this.themeAPI.getCurrentTheme(),updateToken:t=>this.themeAPI.updateToken(t),reset:()=>this.themeAPI.resetTheme()}}get i18n(){return{setLocale:(t,s)=>this.i18nAPI.setLocale(t,s),getLocale:()=>this.i18nAPI.getCurrentLocale(),updateMessages:t=>this.i18nAPI.updateMessages(t),getMessages:()=>this.i18nAPI.getMessages(),getTranslation:t=>this.i18nAPI.getTranslation(t)}}get auth(){return{validateToken:()=>this.authAPI.validateToken(),refreshToken:t=>this.authAPI.refreshToken(t),getTokenInfo:()=>this.authAPI.getTokenInfo()}}get utils(){return{getConnectionStatus:()=>this.bridge.getConnectionStatus(),disconnect:()=>this.bridge.disconnect(),reconnect:async()=>{this.bridge.disconnect(),this.isInitialized=!1,await this.init()},isInitialized:()=>this.isInitialized}}setupEventHandlers(){this.bridge.on("canvas-change",t=>{this.emit(S.CHANGE,t)}),this.bridge.on("canvas-save",t=>{this.emit(S.SAVE,t)}),this.bridge.on("canvas-error",t=>{this.emit(S.ERROR,t)}),this.bridge.on("canvas-selection-changed",t=>{this.emit(S.SELECTION_CHANGED,t)}),this.bridge.on("connected",()=>{console.log("链接建立成功"),this.emit(S.CONNECTED)}),this.bridge.on("disconnected",()=>{console.log("链接断开"),this.emit(S.DISCONNECTED)})}validateConfig(t){if(!t.token)throw new Error("Token is required");if(t.abilities){const s=["text","image","barcode","multiLayout","shape","qrCode"];Object.keys(t.abilities).forEach(r=>{s.includes(r)||console.warn(`Unknown ability: ${r}`)})}}extractOrigin(t){try{return new URL(t).origin}catch{return"*"}}}function yt(e,n){return new ye(e,n)}exports.CANVAS_EVENTS=S;exports.NiimbotCanvasSDK=ye;exports.createCanvas=yt;

package/dist/niimbot-canvas-sdk.es.js

@@ -1,36 +1,683 @@
-var d = Object.defineProperty;
-var g = (n, t, e) => t in n ? d(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var i = (n, t, e) => (g(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { WindowMessenger as u, connect as l, debug as m } from "penpal";
-import b from "eventemitter3";
-import { customAlphabet as A } from "nanoid";
-class h extends b {
-  on(t, e, s) {
-    return super.on(t, e, s);
+var me = Object.defineProperty;
+var be = (e, n, t) => n in e ? me(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var g = (e, n, t) => (be(e, typeof n != "symbol" ? n + "" : n, t), t), X = (e, n, t) => {
+  if (!n.has(e))
+    throw TypeError("Cannot " + t);
+};
+var h = (e, n, t) => (X(e, n, "read from private field"), t ? t.call(e) : n.get(e)), A = (e, n, t) => {
+  if (n.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  n instanceof WeakSet ? n.add(e) : n.set(e, t);
+}, _ = (e, n, t, s) => (X(e, n, "write to private field"), s ? s.call(e, t) : n.set(e, t), t);
+var Ae = class extends Error {
+  constructor(n, t) {
+    super(t);
+    g(this, "code");
+    this.name = "PenpalError", this.code = n;
   }
-  once(t, e, s) {
-    return super.once(t, e, s);
+}, P = Ae, Ee = (e) => ({
+  name: e.name,
+  message: e.message,
+  stack: e.stack,
+  penpalCode: e instanceof P ? e.code : void 0
+}), we = ({
+  name: e,
+  message: n,
+  stack: t,
+  penpalCode: s
+}) => {
+  const r = s ? new P(s, n) : new Error(n);
+  return r.name = e, r.stack = t, r;
+}, Ie = Symbol("Reply"), G, re, Me = (re = class {
+  constructor(e, n) {
+    g(this, "value");
+    g(this, "transferables");
+    // Allows TypeScript to distinguish between an actual instance of this
+    // class versus an object that looks structurally similar.
+    // eslint-disable-next-line no-unused-private-class-members
+    A(this, G, Ie);
+    this.value = e, this.transferables = n == null ? void 0 : n.transferables;
   }
-  off(t, e, s) {
-    return super.off(t, e, s);
+}, G = new WeakMap(), re), Pe = Me, M = "penpal", W = (e) => typeof e == "object" && e !== null, ce = (e) => typeof e == "function", Ce = (e) => W(e) && e.namespace === M, V = (e) => e.type === "SYN", Z = (e) => e.type === "ACK1", B = (e) => e.type === "ACK2", de = (e) => e.type === "CALL", he = (e) => e.type === "REPLY", _e = (e) => e.type === "DESTROY", ue = (e, n = []) => {
+  const t = [];
+  for (const s of Object.keys(e)) {
+    const r = e[s];
+    ce(r) ? t.push([...n, s]) : W(r) && t.push(
+      ...ue(r, [...n, s])
+    );
   }
-  emit(t, ...e) {
-    return super.emit(t, ...e);
+  return t;
+}, Oe = (e, n) => {
+  const t = e.reduce(
+    (s, r) => W(s) ? s[r] : void 0,
+    n
+  );
+  return ce(t) ? t : void 0;
+}, T = (e) => e.join("."), ee = (e, n, t) => ({
+  namespace: M,
+  channel: e,
+  type: "REPLY",
+  callId: n,
+  isError: !0,
+  ...t instanceof Error ? { value: Ee(t), isSerializedErrorInstance: !0 } : { value: t }
+}), Se = (e, n, t, s) => {
+  let r = !1;
+  const v = async (u) => {
+    if (r || !de(u))
+      return;
+    s == null || s(`Received ${T(u.methodPath)}() call`, u);
+    const { methodPath: l, args: c, id: a } = u;
+    let i, o;
+    try {
+      const f = Oe(l, n);
+      if (!f)
+        throw new P(
+          "METHOD_NOT_FOUND",
+          `Method \`${T(l)}\` is not found.`
+        );
+      let p = await f(...c);
+      p instanceof Pe && (o = p.transferables, p = await p.value), i = {
+        namespace: M,
+        channel: t,
+        type: "REPLY",
+        callId: a,
+        value: p
+      };
+    } catch (f) {
+      i = ee(t, a, f);
+    }
+    if (!r)
+      try {
+        s == null || s(`Sending ${T(l)}() reply`, i), e.sendMessage(i, o);
+      } catch (f) {
+        throw f.name === "DataCloneError" && (i = ee(t, a, f), s == null || s(`Sending ${T(l)}() reply`, i), e.sendMessage(i)), f;
+      }
+  };
+  return e.addMessageHandler(v), () => {
+    r = !0, e.removeMessageHandler(v);
+  };
+}, Re = Se, ie, le = ((ie = crypto.randomUUID) == null ? void 0 : ie.bind(crypto)) ?? (() => new Array(4).fill(0).map(
+  () => Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(16)
+).join("-")), Te = Symbol("CallOptions"), J, ae, De = (ae = class {
+  constructor(e) {
+    g(this, "transferables");
+    g(this, "timeout");
+    // Allows TypeScript to distinguish between an actual instance of this
+    // class versus an object that looks structurally similar.
+    // eslint-disable-next-line no-unused-private-class-members
+    A(this, J, Te);
+    this.transferables = e == null ? void 0 : e.transferables, this.timeout = e == null ? void 0 : e.timeout;
+  }
+}, J = new WeakMap(), ae), Ne = De, ke = /* @__PURE__ */ new Set(["apply", "call", "bind"]), fe = (e, n, t = []) => new Proxy(
+  t.length ? () => {
+  } : /* @__PURE__ */ Object.create(null),
+  {
+    get(s, r) {
+      if (r !== "then")
+        return t.length && ke.has(r) ? Reflect.get(s, r) : fe(e, n, [...t, r]);
+    },
+    apply(s, r, v) {
+      return e(t, v);
+    }
+  }
+), te = (e) => new P(
+  "CONNECTION_DESTROYED",
+  `Method call ${T(
+    e
+  )}() failed due to destroyed connection`
+), Le = (e, n, t) => {
+  let s = !1;
+  const r = /* @__PURE__ */ new Map(), v = (c) => {
+    if (!he(c))
+      return;
+    const { callId: a, value: i, isError: o, isSerializedErrorInstance: f } = c, p = r.get(a);
+    p && (r.delete(a), t == null || t(
+      `Received ${T(p.methodPath)}() call`,
+      c
+    ), o ? p.reject(
+      f ? we(i) : i
+    ) : p.resolve(i));
+  };
+  return e.addMessageHandler(v), {
+    remoteProxy: fe((c, a) => {
+      if (s)
+        throw te(c);
+      const i = le(), o = a[a.length - 1], f = o instanceof Ne, { timeout: p, transferables: b } = f ? o : {}, E = f ? a.slice(0, -1) : a;
+      return new Promise((d, w) => {
+        const C = p !== void 0 ? window.setTimeout(() => {
+          r.delete(i), w(
+            new P(
+              "METHOD_CALL_TIMEOUT",
+              `Method call ${T(
+                c
+              )}() timed out after ${p}ms`
+            )
+          );
+        }, p) : void 0;
+        r.set(i, { methodPath: c, resolve: d, reject: w, timeoutId: C });
+        try {
+          const y = {
+            namespace: M,
+            channel: n,
+            type: "CALL",
+            id: i,
+            methodPath: c,
+            args: E
+          };
+          t == null || t(`Sending ${T(c)}() call`, y), e.sendMessage(y, b);
+        } catch (y) {
+          w(
+            new P("TRANSMISSION_FAILED", y.message)
+          );
+        }
+      });
+    }, t),
+    destroy: () => {
+      s = !0, e.removeMessageHandler(v);
+      for (const { methodPath: c, reject: a, timeoutId: i } of r.values())
+        clearTimeout(i), a(te(c));
+      r.clear();
+    }
+  };
+}, xe = Le, He = () => {
+  let e, n;
+  return {
+    promise: new Promise((s, r) => {
+      e = s, n = r;
+    }),
+    resolve: e,
+    reject: n
+  };
+}, Ue = He, $e = class extends Error {
+  constructor(e) {
+    super(
+      `You've hit a bug in Penpal. Please file an issue with the following information: ${e}`
+    );
+  }
+}, Y = $e, Q = "deprecated-penpal", je = (e) => W(e) && "penpal" in e, qe = (e) => e.split("."), ne = (e) => e.join("."), pe = (e) => new Y(
+  `Unexpected message to translate: ${JSON.stringify(e)}`
+), Fe = (e) => {
+  if (e.penpal === "syn")
+    return {
+      namespace: M,
+      channel: void 0,
+      type: "SYN",
+      participantId: Q
+    };
+  if (e.penpal === "ack")
+    return {
+      namespace: M,
+      channel: void 0,
+      type: "ACK2"
+    };
+  if (e.penpal === "call")
+    return {
+      namespace: M,
+      channel: void 0,
+      type: "CALL",
+      // Actually converting the ID to a string would break communication.
+      id: e.id,
+      methodPath: qe(e.methodName),
+      args: e.args
+    };
+  if (e.penpal === "reply")
+    return e.resolution === "fulfilled" ? {
+      namespace: M,
+      channel: void 0,
+      type: "REPLY",
+      // Actually converting the ID to a string would break communication.
+      callId: e.id,
+      value: e.returnValue
+    } : {
+      namespace: M,
+      channel: void 0,
+      type: "REPLY",
+      // Actually converting the ID to a string would break communication.
+      callId: e.id,
+      isError: !0,
+      ...e.returnValueIsError ? {
+        value: e.returnValue,
+        isSerializedErrorInstance: !0
+      } : {
+        value: e.returnValue
+      }
+    };
+  throw pe(e);
+}, ze = (e) => {
+  if (Z(e))
+    return {
+      penpal: "synAck",
+      methodNames: e.methodPaths.map(ne)
+    };
+  if (de(e))
+    return {
+      penpal: "call",
+      // Actually converting the ID to a number would break communication.
+      id: e.id,
+      methodName: ne(e.methodPath),
+      args: e.args
+    };
+  if (he(e))
+    return e.isError ? {
+      penpal: "reply",
+      // Actually converting the ID to a number would break communication.
+      id: e.callId,
+      resolution: "rejected",
+      ...e.isSerializedErrorInstance ? {
+        returnValue: e.value,
+        returnValueIsError: !0
+      } : { returnValue: e.value }
+    } : {
+      penpal: "reply",
+      // Actually converting the ID to a number would break communication.
+      id: e.callId,
+      resolution: "fulfilled",
+      returnValue: e.value
+    };
+  throw pe(e);
+}, Ve = ({
+  messenger: e,
+  methods: n,
+  timeout: t,
+  channel: s,
+  log: r
+}) => {
+  const v = le();
+  let u;
+  const l = [];
+  let c = !1;
+  const a = ue(n), { promise: i, resolve: o, reject: f } = Ue(), p = t !== void 0 ? setTimeout(() => {
+    f(
+      new P(
+        "CONNECTION_TIMEOUT",
+        `Connection timed out after ${t}ms`
+      )
+    );
+  }, t) : void 0, b = () => {
+    for (const m of l)
+      m();
+  }, E = () => {
+    if (c)
+      return;
+    l.push(Re(e, n, s, r));
+    const { remoteProxy: m, destroy: D } = xe(e, s, r);
+    l.push(D), clearTimeout(p), c = !0, o({
+      remoteProxy: m,
+      destroy: b
+    });
+  }, d = () => {
+    const m = {
+      namespace: M,
+      type: "SYN",
+      channel: s,
+      participantId: v
+    };
+    r == null || r("Sending handshake SYN", m);
+    try {
+      e.sendMessage(m);
+    } catch (D) {
+      f(new P("TRANSMISSION_FAILED", D.message));
+    }
+  }, w = (m) => {
+    if (r == null || r("Received handshake SYN", m), m.participantId === u && // TODO: Used for backward-compatibility. Remove in next major version.
+    u !== Q || (u = m.participantId, d(), !(v > u || // TODO: Used for backward-compatibility. Remove in next major version.
+    u === Q)))
+      return;
+    const z = {
+      namespace: M,
+      channel: s,
+      type: "ACK1",
+      methodPaths: a
+    };
+    r == null || r("Sending handshake ACK1", z);
+    try {
+      e.sendMessage(z);
+    } catch (ye) {
+      f(new P("TRANSMISSION_FAILED", ye.message));
+      return;
+    }
+  }, C = (m) => {
+    r == null || r("Received handshake ACK1", m);
+    const D = {
+      namespace: M,
+      channel: s,
+      type: "ACK2"
+    };
+    r == null || r("Sending handshake ACK2", D);
+    try {
+      e.sendMessage(D);
+    } catch (z) {
+      f(new P("TRANSMISSION_FAILED", z.message));
+      return;
+    }
+    E();
+  }, y = (m) => {
+    r == null || r("Received handshake ACK2", m), E();
+  }, F = (m) => {
+    V(m) && w(m), Z(m) && C(m), B(m) && y(m);
+  };
+  return e.addMessageHandler(F), l.push(() => e.removeMessageHandler(F)), d(), i;
+}, Ye = Ve, Ke = (e) => {
+  let n = !1, t;
+  return (...s) => (n || (n = !0, t = e(...s)), t);
+}, We = Ke, se = /* @__PURE__ */ new WeakSet(), Be = ({
+  messenger: e,
+  methods: n = {},
+  timeout: t,
+  channel: s,
+  log: r
+}) => {
+  if (!e)
+    throw new P("INVALID_ARGUMENT", "messenger must be defined");
+  if (se.has(e))
+    throw new P(
+      "INVALID_ARGUMENT",
+      "A messenger can only be used for a single connection"
+    );
+  se.add(e);
+  const v = [e.destroy], u = We((a) => {
+    if (a) {
+      const i = {
+        namespace: M,
+        channel: s,
+        type: "DESTROY"
+      };
+      try {
+        e.sendMessage(i);
+      } catch {
+      }
+    }
+    for (const i of v)
+      i();
+    r == null || r("Connection destroyed");
+  }), l = (a) => Ce(a) && a.channel === s;
+  return {
+    promise: (async () => {
+      try {
+        e.initialize({ log: r, validateReceivedMessage: l }), e.addMessageHandler((o) => {
+          _e(o) && u(!1);
+        });
+        const { remoteProxy: a, destroy: i } = await Ye({
+          messenger: e,
+          methods: n,
+          timeout: t,
+          channel: s,
+          log: r
+        });
+        return v.push(i), a;
+      } catch (a) {
+        throw u(!0), a;
+      }
+    })(),
+    // Why we don't reject the connection promise when consumer calls destroy():
+    // https://github.com/Aaronius/penpal/issues/51
+    destroy: () => {
+      u(!0);
+    }
+  };
+}, Qe = Be, S, N, x, H, k, R, I, L, K, U, j, q, $, oe, Ge = (oe = class {
+  constructor({ remoteWindow: e, allowedOrigins: n }) {
+    A(this, S, void 0);
+    A(this, N, void 0);
+    A(this, x, void 0);
+    A(this, H, void 0);
+    A(this, k, void 0);
+    A(this, R, /* @__PURE__ */ new Set());
+    A(this, I, void 0);
+    // TODO: Used for backward-compatibility. Remove in next major version.
+    A(this, L, !1);
+    g(this, "initialize", ({
+      log: e,
+      validateReceivedMessage: n
+    }) => {
+      _(this, x, e), _(this, H, n), window.addEventListener("message", h(this, q));
+    });
+    g(this, "sendMessage", (e, n) => {
+      if (V(e)) {
+        const t = h(this, U).call(this, e);
+        h(this, S).postMessage(e, {
+          targetOrigin: t,
+          transfer: n
+        });
+        return;
+      }
+      if (Z(e) || // If the child is using a previous version of Penpal, we need to
+      // downgrade the message and send it through the window rather than
+      // the port because older versions of Penpal don't use MessagePorts.
+      h(this, L)) {
+        const t = h(this, L) ? ze(e) : e, s = h(this, U).call(this, e);
+        h(this, S).postMessage(t, {
+          targetOrigin: s,
+          transfer: n
+        });
+        return;
+      }
+      if (B(e)) {
+        const { port1: t, port2: s } = new MessageChannel();
+        _(this, I, t), t.addEventListener("message", h(this, $)), t.start();
+        const r = [s, ...n || []], v = h(this, U).call(this, e);
+        h(this, S).postMessage(e, {
+          targetOrigin: v,
+          transfer: r
+        });
+        return;
+      }
+      if (h(this, I)) {
+        h(this, I).postMessage(e, {
+          transfer: n
+        });
+        return;
+      }
+      throw new Y("Port is undefined");
+    });
+    g(this, "addMessageHandler", (e) => {
+      h(this, R).add(e);
+    });
+    g(this, "removeMessageHandler", (e) => {
+      h(this, R).delete(e);
+    });
+    g(this, "destroy", () => {
+      window.removeEventListener("message", h(this, q)), h(this, j).call(this), h(this, R).clear();
+    });
+    A(this, K, (e) => h(this, N).some(
+      (n) => n instanceof RegExp ? n.test(e) : n === e || n === "*"
+    ));
+    A(this, U, (e) => {
+      if (V(e))
+        return "*";
+      if (!h(this, k))
+        throw new Y("Concrete remote origin not set");
+      return h(this, k) === "null" && h(this, N).includes("*") ? "*" : h(this, k);
+    });
+    A(this, j, () => {
+      var e, n;
+      (e = h(this, I)) == null || e.removeEventListener("message", h(this, $)), (n = h(this, I)) == null || n.close(), _(this, I, void 0);
+    });
+    A(this, q, ({
+      source: e,
+      origin: n,
+      ports: t,
+      data: s
+    }) => {
+      var r, v, u;
+      if (e === h(this, S) && (je(s) && ((r = h(this, x)) == null || r.call(
+        this,
+        "Please upgrade the child window to the latest version of Penpal."
+      ), _(this, L, !0), s = Fe(s)), !!((v = h(this, H)) != null && v.call(this, s)))) {
+        if (!h(this, K).call(this, n)) {
+          (u = h(this, x)) == null || u.call(
+            this,
+            `Received a message from origin \`${n}\` which did not match allowed origins \`[${h(this, N).join(", ")}]\``
+          );
+          return;
+        }
+        if (V(s) && (h(this, j).call(this), _(this, k, n)), B(s) && // Previous versions of Penpal don't use MessagePorts and do all
+        // communication through the window.
+        !h(this, L)) {
+          if (_(this, I, t[0]), !h(this, I))
+            throw new Y("No port received on ACK2");
+          h(this, I).addEventListener("message", h(this, $)), h(this, I).start();
+        }
+        for (const l of h(this, R))
+          l(s);
+      }
+    });
+    A(this, $, ({ data: e }) => {
+      var n;
+      if ((n = h(this, H)) != null && n.call(this, e))
+        for (const t of h(this, R))
+          t(e);
+    });
+    if (!e)
+      throw new P("INVALID_ARGUMENT", "remoteWindow must be defined");
+    _(this, S, e), _(this, N, n != null && n.length ? n : [window.origin]);
+  }
+}, S = new WeakMap(), N = new WeakMap(), x = new WeakMap(), H = new WeakMap(), k = new WeakMap(), R = new WeakMap(), I = new WeakMap(), L = new WeakMap(), K = new WeakMap(), U = new WeakMap(), j = new WeakMap(), q = new WeakMap(), $ = new WeakMap(), oe), Je = Ge, Ze = (e) => (...n) => {
+  console.log(`✍️ %c${e}%c`, "font-weight: bold;", "", ...n);
+}, Xe = Ze;
+function et(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ve = { exports: {} };
+(function(e) {
+  var n = Object.prototype.hasOwnProperty, t = "~";
+  function s() {
+  }
+  Object.create && (s.prototype = /* @__PURE__ */ Object.create(null), new s().__proto__ || (t = !1));
+  function r(c, a, i) {
+    this.fn = c, this.context = a, this.once = i || !1;
+  }
+  function v(c, a, i, o, f) {
+    if (typeof i != "function")
+      throw new TypeError("The listener must be a function");
+    var p = new r(i, o || c, f), b = t ? t + a : a;
+    return c._events[b] ? c._events[b].fn ? c._events[b] = [c._events[b], p] : c._events[b].push(p) : (c._events[b] = p, c._eventsCount++), c;
+  }
+  function u(c, a) {
+    --c._eventsCount === 0 ? c._events = new s() : delete c._events[a];
+  }
+  function l() {
+    this._events = new s(), this._eventsCount = 0;
+  }
+  l.prototype.eventNames = function() {
+    var a = [], i, o;
+    if (this._eventsCount === 0)
+      return a;
+    for (o in i = this._events)
+      n.call(i, o) && a.push(t ? o.slice(1) : o);
+    return Object.getOwnPropertySymbols ? a.concat(Object.getOwnPropertySymbols(i)) : a;
+  }, l.prototype.listeners = function(a) {
+    var i = t ? t + a : a, o = this._events[i];
+    if (!o)
+      return [];
+    if (o.fn)
+      return [o.fn];
+    for (var f = 0, p = o.length, b = new Array(p); f < p; f++)
+      b[f] = o[f].fn;
+    return b;
+  }, l.prototype.listenerCount = function(a) {
+    var i = t ? t + a : a, o = this._events[i];
+    return o ? o.fn ? 1 : o.length : 0;
+  }, l.prototype.emit = function(a, i, o, f, p, b) {
+    var E = t ? t + a : a;
+    if (!this._events[E])
+      return !1;
+    var d = this._events[E], w = arguments.length, C, y;
+    if (d.fn) {
+      switch (d.once && this.removeListener(a, d.fn, void 0, !0), w) {
+        case 1:
+          return d.fn.call(d.context), !0;
+        case 2:
+          return d.fn.call(d.context, i), !0;
+        case 3:
+          return d.fn.call(d.context, i, o), !0;
+        case 4:
+          return d.fn.call(d.context, i, o, f), !0;
+        case 5:
+          return d.fn.call(d.context, i, o, f, p), !0;
+        case 6:
+          return d.fn.call(d.context, i, o, f, p, b), !0;
+      }
+      for (y = 1, C = new Array(w - 1); y < w; y++)
+        C[y - 1] = arguments[y];
+      d.fn.apply(d.context, C);
+    } else {
+      var F = d.length, m;
+      for (y = 0; y < F; y++)
+        switch (d[y].once && this.removeListener(a, d[y].fn, void 0, !0), w) {
+          case 1:
+            d[y].fn.call(d[y].context);
+            break;
+          case 2:
+            d[y].fn.call(d[y].context, i);
+            break;
+          case 3:
+            d[y].fn.call(d[y].context, i, o);
+            break;
+          case 4:
+            d[y].fn.call(d[y].context, i, o, f);
+            break;
+          default:
+            if (!C)
+              for (m = 1, C = new Array(w - 1); m < w; m++)
+                C[m - 1] = arguments[m];
+            d[y].fn.apply(d[y].context, C);
+        }
+    }
+    return !0;
+  }, l.prototype.on = function(a, i, o) {
+    return v(this, a, i, o, !1);
+  }, l.prototype.once = function(a, i, o) {
+    return v(this, a, i, o, !0);
+  }, l.prototype.removeListener = function(a, i, o, f) {
+    var p = t ? t + a : a;
+    if (!this._events[p])
+      return this;
+    if (!i)
+      return u(this, p), this;
+    var b = this._events[p];
+    if (b.fn)
+      b.fn === i && (!f || b.once) && (!o || b.context === o) && u(this, p);
+    else {
+      for (var E = 0, d = [], w = b.length; E < w; E++)
+        (b[E].fn !== i || f && !b[E].once || o && b[E].context !== o) && d.push(b[E]);
+      d.length ? this._events[p] = d.length === 1 ? d[0] : d : u(this, p);
+    }
+    return this;
+  }, l.prototype.removeAllListeners = function(a) {
+    var i;
+    return a ? (i = t ? t + a : a, this._events[i] && u(this, i)) : (this._events = new s(), this._eventsCount = 0), this;
+  }, l.prototype.off = l.prototype.removeListener, l.prototype.addListener = l.prototype.on, l.prefixed = t, l.EventEmitter = l, e.exports = l;
+})(ve);
+var tt = ve.exports;
+const nt = /* @__PURE__ */ et(tt);
+class ge extends nt {
+  on(n, t, s) {
+    return super.on(n, t, s);
+  }
+  once(n, t, s) {
+    return super.once(n, t, s);
+  }
+  off(n, t, s) {
+    return super.off(n, t, s);
+  }
+  emit(n, ...t) {
+    return super.emit(n, ...t);
   }
 }
-class I {
+class st {
   constructor() {
-    i(this, "queue", []);
-    i(this, "maxSize", 100);
+    g(this, "queue", []);
+    g(this, "maxSize", 100);
   }
-  enqueue(t, e = 3) {
+  enqueue(n, t = 3) {
     this.queue.length >= this.maxSize && this.queue.shift();
     const s = {
-      ...t,
+      ...n,
       retryCount: 0,
-      maxRetries: e
+      maxRetries: t
     };
-    return this.queue.push(s), t.messageId;
+    return this.queue.push(s), n.messageId;
   }
   dequeue() {
     return this.queue.shift();
@@ -38,87 +685,99 @@ class I {
   hasMessages() {
     return this.queue.length > 0;
   }
-  getMessageById(t) {
-    return this.queue.find((e) => e.messageId === t);
+  getMessageById(n) {
+    return this.queue.find((t) => t.messageId === n);
   }
-  removeMessageById(t) {
-    const e = this.queue.findIndex((s) => s.messageId === t);
-    e !== -1 && this.queue.splice(e, 1);
+  removeMessageById(n) {
+    const t = this.queue.findIndex((s) => s.messageId === n);
+    t !== -1 && this.queue.splice(t, 1);
   }
   clear() {
     this.queue = [];
   }
 }
-class f {
-  constructor(t, e = !1) {
-    this.context = t, this.debug = e;
+class rt {
+  constructor(n, t = !1) {
+    this.context = n, this.debug = t;
   }
-  formatMessage(t, ...e) {
-    return [`[${(/* @__PURE__ */ new Date()).toISOString()}] [${this.context}] [${t}]`, ...e];
+  formatMessage(n, ...t) {
+    return [`[${(/* @__PURE__ */ new Date()).toISOString()}] [${this.context}] [${n}]`, ...t];
   }
-  info(...t) {
-    console.info(...this.formatMessage("INFO", ...t));
+  info(...n) {
+    console.info(...this.formatMessage("INFO", ...n));
   }
-  debug(...t) {
-    this.debug && console.debug(...this.formatMessage("DEBUG", ...t));
+  debug(...n) {
+    this.debug && console.debug(...this.formatMessage("DEBUG", ...n));
   }
-  warn(...t) {
-    console.warn(...this.formatMessage("WARN", ...t));
+  warn(...n) {
+    console.warn(...this.formatMessage("WARN", ...n));
   }
-  error(...t) {
-    console.error(...this.formatMessage("ERROR", ...t));
+  error(...n) {
+    console.error(...this.formatMessage("ERROR", ...n));
   }
 }
-const p = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", y = A(p, 12);
-class v extends h {
-  constructor(e, s = {}) {
+let it = (e) => crypto.getRandomValues(new Uint8Array(e)), at = (e, n, t) => {
+  let s = (2 << Math.log2(e.length - 1)) - 1, r = -~(1.6 * s * n / e.length);
+  return (v = n) => {
+    let u = "";
+    for (; ; ) {
+      let l = t(r), c = r | 0;
+      for (; c--; )
+        if (u += e[l[c] & s] || "", u.length >= v)
+          return u;
+    }
+  };
+}, ot = (e, n = 21) => at(e, n | 0, it);
+const ct = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", dt = ot(ct, 12);
+class ht extends ge {
+  constructor(t, s = {}) {
     super();
-    i(this, "connection", null);
-    i(this, "iframe");
-    i(this, "options");
-    i(this, "messageQueue");
-    i(this, "logger");
-    i(this, "isConnected", !1);
-    i(this, "reconnectAttempts", 0);
-    i(this, "maxReconnectAttempts", 3);
-    this.iframe = e, this.options = {
+    g(this, "connection", null);
+    g(this, "iframe");
+    g(this, "options");
+    g(this, "messageQueue");
+    g(this, "logger");
+    g(this, "isConnected", !1);
+    g(this, "reconnectAttempts", 0);
+    g(this, "maxReconnectAttempts", 3);
+    this.iframe = t, this.options = {
       timeout: 3e4,
       debug: !1,
       retryCount: 3,
       retryDelay: 1e3,
       childOrigin: "*",
       ...s
-    }, this.messageQueue = new I(), this.logger = new f("PenpalBridge", this.options.debug);
+    }, this.messageQueue = new st(), this.logger = new rt("PenpalBridge", this.options.debug);
   }
   /**
    * 建立连接
    */
-  async connect(e = {}) {
+  async connect(t = {}) {
     try {
       this.logger.info("正在建立连接...");
-      const s = new u({
+      const s = new Je({
         remoteWindow: this.iframe,
         // Defaults to the current origin.
         allowedOrigins: ["http://127.0.0.1:3000"]
         // Alternatively,
         // allowedOrigins: [new Url(iframe.src).origin]
       });
-      this.connection = l({
+      this.connection = Qe({
         messenger: s,
         // Methods the parent window is exposing to the iframe window.
         methods: {
-          add(a, o) {
-            return a + o;
+          add(r, v) {
+            return r + v;
           },
-          emitEvent: (a, o) => {
-            this.emit(a, o);
+          emitEvent: (r, v) => {
+            this.emit(r, v);
           },
           // 接收来自画板的请求
-          ...e
+          ...t
         },
         timeout: this.options.timeout,
         // childOrigin: this.options.childOrigin,
-        log: m("parent")
+        log: Xe("parent")
       }), await this.connection.promise, this.isConnected = !0, this.reconnectAttempts = 0, await this.processQueuedMessages(), this.logger.info("连接建立成功"), this.emit("connected");
     } catch (s) {
       throw this.logger.error("连接失败:", s), await this.handleReconnect(), s;
@@ -127,23 +786,23 @@ class v extends h {
   /**
    * 发送消息到画板
    */
-  async send(e, s) {
-    var o;
-    const a = {
-      action: e,
+  async send(t, s) {
+    var v;
+    const r = {
+      action: t,
       params: s,
       timestamp: Date.now(),
-      messageId: y()
+      messageId: dt()
     };
     if (!this.isConnected)
-      throw this.messageQueue.enqueue(a), new Error("Connection not ready, message queued");
+      throw this.messageQueue.enqueue(r), new Error("Connection not ready, message queued");
     try {
-      if (this.logger.debug("发送消息:", a), !((o = this.connection) != null && o.child))
+      if (this.logger.debug("发送消息:", r), !((v = this.connection) != null && v.child))
         throw new Error("连接未就绪");
-      const c = await this.connection.child.handleMessage(a);
-      return this.logger.debug("收到响应:", c), this.validateResponse(c);
-    } catch (c) {
-      throw this.logger.error("发送消息失败:", c), this.messageQueue.enqueue(a), c;
+      const u = await this.connection.child.handleMessage(r);
+      return this.logger.debug("收到响应:", u), this.validateResponse(u);
+    } catch (u) {
+      throw this.logger.error("发送消息失败:", u), this.messageQueue.enqueue(r), u;
     }
   }
   /**
@@ -151,12 +810,12 @@ class v extends h {
    */
   async processQueuedMessages() {
     for (; this.messageQueue.hasMessages(); ) {
-      const e = this.messageQueue.dequeue();
-      if (e)
+      const t = this.messageQueue.dequeue();
+      if (t)
         try {
-          await this.send(e.action, e.params);
+          await this.send(t.action, t.params);
         } catch (s) {
-          this.logger.warn("队列消息发送失败:", s), this.messageQueue.enqueue(e);
+          this.logger.warn("队列消息发送失败:", s), this.messageQueue.enqueue(t);
         }
     }
   }
@@ -169,7 +828,7 @@ class v extends h {
       return;
     }
     this.reconnectAttempts++, this.logger.info(`尝试重连 (${this.reconnectAttempts}/${this.maxReconnectAttempts})`), await new Promise(
-      (e) => setTimeout(e, this.options.retryDelay * this.reconnectAttempts)
+      (t) => setTimeout(t, this.options.retryDelay * this.reconnectAttempts)
     );
     try {
       await this.connect();
@@ -180,14 +839,14 @@ class v extends h {
   /**
    * 验证响应格式
    */
-  validateResponse(e) {
-    if (!e || e.success === void 0)
+  validateResponse(t) {
+    if (!t || t.success === void 0)
       throw new Error("Invalid response format");
-    if (!e.success) {
-      const s = e.error || { code: "UNKNOWN", message: "Unknown error" };
+    if (!t.success) {
+      const s = t.error || { code: "UNKNOWN", message: "Unknown error" };
       throw new Error(`${s.code}: ${s.message}`);
     }
-    return e.data;
+    return t.data;
   }
   /**
    * 断开连接
@@ -202,15 +861,15 @@ class v extends h {
     return this.isConnected;
   }
 }
-class E {
-  constructor(t) {
-    this.bridge = t;
+class ut {
+  constructor(n) {
+    this.bridge = n;
   }
-  async initialize(t) {
-    return this.bridge.send("canvas.initialize", t);
+  async initialize(n) {
+    return this.bridge.send("canvas.initialize", n);
   }
-  async setData(t) {
-    return this.bridge.send("canvas.setData", t);
+  async setData(n) {
+    return this.bridge.send("canvas.setData", n);
   }
   async getData() {
     return this.bridge.send("canvas.getData");
@@ -224,76 +883,76 @@ class E {
   async redo() {
     return this.bridge.send("canvas.redo");
   }
-  async export(t) {
-    return this.bridge.send("canvas.export", { format: t });
+  async export(n) {
+    return this.bridge.send("canvas.export", { format: n });
   }
   async save() {
     return this.bridge.send("canvas.save");
   }
-  async invoke(t, ...e) {
-    return this.bridge.send("canvas.invoke", { method: t, args: e });
+  async invoke(n, ...t) {
+    return this.bridge.send("canvas.invoke", { method: n, args: t });
   }
-  async setZoom(t) {
-    return this.bridge.send("canvas.setZoom", { zoom: t });
+  async setZoom(n) {
+    return this.bridge.send("canvas.setZoom", { zoom: n });
   }
   async getSnapshot() {
     return this.bridge.send("canvas.getSnapshot");
   }
 }
-class w {
-  constructor(t) {
-    this.bridge = t;
+class lt {
+  constructor(n) {
+    this.bridge = n;
   }
-  async setAbilities(t) {
-    return this.bridge.send("abilities.set", t);
+  async setAbilities(n) {
+    return this.bridge.send("abilities.set", n);
   }
   async getAbilities() {
     return this.bridge.send("abilities.get");
   }
-  async enableAbility(t) {
-    return this.bridge.send("abilities.enable", { name: t });
+  async enableAbility(n) {
+    return this.bridge.send("abilities.enable", { name: n });
   }
-  async disableAbility(t) {
-    return this.bridge.send("abilities.disable", { name: t });
+  async disableAbility(n) {
+    return this.bridge.send("abilities.disable", { name: n });
   }
 }
-class P {
-  constructor(t) {
-    this.bridge = t;
+class ft {
+  constructor(n) {
+    this.bridge = n;
   }
-  async setTheme(t) {
-    return this.bridge.send("theme.set", { theme: t });
+  async setTheme(n) {
+    return this.bridge.send("theme.set", { theme: n });
   }
   async getCurrentTheme() {
     return this.bridge.send("theme.get");
   }
-  async updateToken(t) {
-    return this.bridge.send("theme.updateToken", t);
+  async updateToken(n) {
+    return this.bridge.send("theme.updateToken", n);
   }
 }
-class C {
-  constructor(t) {
-    this.bridge = t;
+class pt {
+  constructor(n) {
+    this.bridge = n;
   }
-  async setLocale(t, e) {
-    return this.bridge.send("i18n.setLocale", { locale: t, messages: e });
+  async setLocale(n, t) {
+    return this.bridge.send("i18n.setLocale", { locale: n, messages: t });
   }
   async getCurrentLocale() {
     return this.bridge.send("i18n.getLocale");
   }
-  async updateMessages(t) {
-    return this.bridge.send("i18n.updateMessages", t);
+  async updateMessages(n) {
+    return this.bridge.send("i18n.updateMessages", n);
   }
 }
-class D {
-  constructor(t) {
-    this.bridge = t;
+class vt {
+  constructor(n) {
+    this.bridge = n;
   }
   async validateToken() {
     return this.bridge.send("auth.validateToken");
   }
 }
-const r = {
+const O = {
   READY: "ready",
   CHANGE: "change",
   SAVE: "save",
@@ -315,23 +974,23 @@ const r = {
   KEY_DOWN: "key-down",
   KEY_UP: "key-up"
 };
-class O extends h {
-  constructor(e, s) {
+class gt extends ge {
+  constructor(t, s) {
     super();
-    i(this, "bridge");
-    i(this, "canvasAPI");
-    i(this, "abilityAPI");
-    i(this, "themeAPI");
-    i(this, "i18nAPI");
-    i(this, "authAPI");
-    i(this, "config");
-    i(this, "iframe");
-    i(this, "isInitialized", !1);
-    this.validateConfig(s), this.config = s, this.iframe = e, this.bridge = new v(e, {
+    g(this, "bridge");
+    g(this, "canvasAPI");
+    g(this, "abilityAPI");
+    g(this, "themeAPI");
+    g(this, "i18nAPI");
+    g(this, "authAPI");
+    g(this, "config");
+    g(this, "iframe");
+    g(this, "isInitialized", !1);
+    this.validateConfig(s), this.config = s, this.iframe = t, this.bridge = new ht(t, {
       debug: s.debug || !1,
       timeout: 3e4,
-      childOrigin: this.extractOrigin(e.src)
-    }), this.canvasAPI = new E(this.bridge), this.abilityAPI = new w(this.bridge), this.themeAPI = new P(this.bridge), this.i18nAPI = new C(this.bridge), this.authAPI = new D(this.bridge), this.setupEventHandlers();
+      childOrigin: this.extractOrigin(t.src)
+    }), this.canvasAPI = new ut(this.bridge), this.abilityAPI = new lt(this.bridge), this.themeAPI = new ft(this.bridge), this.i18nAPI = new pt(this.bridge), this.authAPI = new vt(this.bridge), this.setupEventHandlers();
   }
   /**
    * 初始化SDK
@@ -341,63 +1000,63 @@ class O extends h {
       try {
         await this.bridge.connect({
           getConfig: () => this.config,
-          log: (e, s) => {
-            console.log(`[Canvas ${e.toUpperCase()}]`, s);
+          log: (t, s) => {
+            console.log(`[Canvas ${t.toUpperCase()}]`, s);
           }
-        }), await this.canvasAPI.initialize(this.config), this.config.abilities && await this.abilityAPI.setAbilities(this.config.abilities), this.config.theme && await this.themeAPI.setTheme(this.config.theme), this.config.locale && await this.i18nAPI.setLocale(this.config.locale, this.config.messages), this.isInitialized = !0, this.emit(r.READY);
-      } catch (e) {
-        throw this.emit(r.ERROR, e), e;
+        }), await this.canvasAPI.initialize(this.config), this.config.abilities && await this.abilityAPI.setAbilities(this.config.abilities), this.config.theme && await this.themeAPI.setTheme(this.config.theme), this.config.locale && await this.i18nAPI.setLocale(this.config.locale, this.config.messages), this.isInitialized = !0, this.emit(O.READY);
+      } catch (t) {
+        throw this.emit(O.ERROR, t), t;
       }
   }
   // Canvas 操作方法
   get canvas() {
     return {
-      setData: (e) => this.canvasAPI.setData(e),
+      setData: (t) => this.canvasAPI.setData(t),
       getData: () => this.canvasAPI.getData(),
       clear: () => this.canvasAPI.clear(),
       undo: () => this.canvasAPI.undo(),
       redo: () => this.canvasAPI.redo(),
-      export: (e = "png") => this.canvasAPI.export(e),
+      export: (t = "png") => this.canvasAPI.export(t),
       save: () => this.canvasAPI.save(),
-      setZoom: (e) => this.canvasAPI.setZoom(e),
+      setZoom: (t) => this.canvasAPI.setZoom(t),
       getSnapshot: () => this.canvasAPI.getSnapshot(),
-      invoke: (e, ...s) => this.canvasAPI.invoke(e, ...s)
+      invoke: (t, ...s) => this.canvasAPI.invoke(t, ...s)
     };
   }
   // 能力管理
   get abilities() {
     return {
-      set: (e) => this.abilityAPI.setAbilities(e),
+      set: (t) => this.abilityAPI.setAbilities(t),
       get: () => this.abilityAPI.getAbilities(),
-      enable: (e) => this.abilityAPI.enableAbility(e),
-      disable: (e) => this.abilityAPI.disableAbility(e),
-      updateConfig: (e, s) => this.abilityAPI.updateAbilityConfig(e, s)
+      enable: (t) => this.abilityAPI.enableAbility(t),
+      disable: (t) => this.abilityAPI.disableAbility(t),
+      updateConfig: (t, s) => this.abilityAPI.updateAbilityConfig(t, s)
     };
   }
   // 主题管理
   get theme() {
     return {
-      set: (e) => this.themeAPI.setTheme(e),
+      set: (t) => this.themeAPI.setTheme(t),
       get: () => this.themeAPI.getCurrentTheme(),
-      updateToken: (e) => this.themeAPI.updateToken(e),
+      updateToken: (t) => this.themeAPI.updateToken(t),
       reset: () => this.themeAPI.resetTheme()
     };
   }
   // 国际化管理
   get i18n() {
     return {
-      setLocale: (e, s) => this.i18nAPI.setLocale(e, s),
+      setLocale: (t, s) => this.i18nAPI.setLocale(t, s),
       getLocale: () => this.i18nAPI.getCurrentLocale(),
-      updateMessages: (e) => this.i18nAPI.updateMessages(e),
+      updateMessages: (t) => this.i18nAPI.updateMessages(t),
       getMessages: () => this.i18nAPI.getMessages(),
-      getTranslation: (e) => this.i18nAPI.getTranslation(e)
+      getTranslation: (t) => this.i18nAPI.getTranslation(t)
     };
   }
   // 鉴权管理
   get auth() {
     return {
       validateToken: () => this.authAPI.validateToken(),
-      refreshToken: (e) => this.authAPI.refreshToken(e),
+      refreshToken: (t) => this.authAPI.refreshToken(t),
       getTokenInfo: () => this.authAPI.getTokenInfo()
     };
   }
@@ -413,43 +1072,43 @@ class O extends h {
     };
   }
   setupEventHandlers() {
-    this.bridge.on("canvas-change", (e) => {
-      this.emit(r.CHANGE, e);
-    }), this.bridge.on("canvas-save", (e) => {
-      this.emit(r.SAVE, e);
-    }), this.bridge.on("canvas-error", (e) => {
-      this.emit(r.ERROR, e);
-    }), this.bridge.on("canvas-selection-changed", (e) => {
-      this.emit(r.SELECTION_CHANGED, e);
+    this.bridge.on("canvas-change", (t) => {
+      this.emit(O.CHANGE, t);
+    }), this.bridge.on("canvas-save", (t) => {
+      this.emit(O.SAVE, t);
+    }), this.bridge.on("canvas-error", (t) => {
+      this.emit(O.ERROR, t);
+    }), this.bridge.on("canvas-selection-changed", (t) => {
+      this.emit(O.SELECTION_CHANGED, t);
     }), this.bridge.on("connected", () => {
-      console.log("链接建立成功"), this.emit(r.CONNECTED);
+      console.log("链接建立成功"), this.emit(O.CONNECTED);
     }), this.bridge.on("disconnected", () => {
-      console.log("链接断开"), this.emit(r.DISCONNECTED);
+      console.log("链接断开"), this.emit(O.DISCONNECTED);
     });
   }
-  validateConfig(e) {
-    if (!e.token)
+  validateConfig(t) {
+    if (!t.token)
       throw new Error("Token is required");
-    if (e.abilities) {
+    if (t.abilities) {
       const s = ["text", "image", "barcode", "multiLayout", "shape", "qrCode"];
-      Object.keys(e.abilities).forEach((a) => {
-        s.includes(a) || console.warn(`Unknown ability: ${a}`);
+      Object.keys(t.abilities).forEach((r) => {
+        s.includes(r) || console.warn(`Unknown ability: ${r}`);
       });
     }
   }
-  extractOrigin(e) {
+  extractOrigin(t) {
     try {
-      return new URL(e).origin;
+      return new URL(t).origin;
     } catch {
       return "*";
     }
   }
 }
-function S(n, t) {
-  return new O(n, t);
+function mt(e, n) {
+  return new gt(e, n);
 }
 export {
-  r as CANVAS_EVENTS,
-  O as NiimbotCanvasSDK,
-  S as createCanvas
+  O as CANVAS_EVENTS,
+  gt as NiimbotCanvasSDK,
+  mt as createCanvas
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niimbot-canvas-sdk",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Niimbot Canvas iframe communication SDK",
   "type": "module",
   "main": "dist/niimbot-canvas-sdk.umd.js",
@@ -37,15 +37,20 @@
     "penpal": "^7.0.4"
   },
   "devDependencies": {
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
     "@types/node": "^20.0.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/test-utils": "^2.0.0",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "eslint": "^8.45.0",
     "eslint-plugin-vue": "^9.0.0",
     "typescript": "^5.0.0",
     "vite": "^4.0.0",
+    "vite-plugin-babel": "^1.3.2",
     "vitest": "^0.34.0",
     "vue": "^3.3.0",
     "vue-tsc": "^1.8.0"

package/dist/niimbot-canvas-sdk.umd.js

@@ -1 +0,0 @@
-(function(n,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("penpal"),require("eventemitter3"),require("nanoid")):typeof define=="function"&&define.amd?define(["exports","penpal","eventemitter3","nanoid"],a):(n=typeof globalThis<"u"?globalThis:n||self,a(n.NiimbotCanvasSDK={},n.Penpal,n.EventEmitter3,n.nanoid))})(this,function(n,a,h,m){"use strict";var D=Object.defineProperty;var T=(n,a,h)=>a in n?D(n,a,{enumerable:!0,configurable:!0,writable:!0,value:h}):n[a]=h;var i=(n,a,h)=>(T(n,typeof a!="symbol"?a+"":a,h),h);class g extends h{on(t,e,s){return super.on(t,e,s)}once(t,e,s){return super.once(t,e,s)}off(t,e,s){return super.off(t,e,s)}emit(t,...e){return super.emit(t,...e)}}class b{constructor(){i(this,"queue",[]);i(this,"maxSize",100)}enqueue(t,e=3){this.queue.length>=this.maxSize&&this.queue.shift();const s={...t,retryCount:0,maxRetries:e};return this.queue.push(s),t.messageId}dequeue(){return this.queue.shift()}hasMessages(){return this.queue.length>0}getMessageById(t){return this.queue.find(e=>e.messageId===t)}removeMessageById(t){const e=this.queue.findIndex(s=>s.messageId===t);e!==-1&&this.queue.splice(e,1)}clear(){this.queue=[]}}class A{constructor(t,e=!1){this.context=t,this.debug=e}formatMessage(t,...e){return[`[${new Date().toISOString()}] [${this.context}] [${t}]`,...e]}info(...t){console.info(...this.formatMessage("INFO",...t))}debug(...t){this.debug&&console.debug(...this.formatMessage("DEBUG",...t))}warn(...t){console.warn(...this.formatMessage("WARN",...t))}error(...t){console.error(...this.formatMessage("ERROR",...t))}}const f="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",I=m.customAlphabet(f,12);class v extends g{constructor(e,s={}){super();i(this,"connection",null);i(this,"iframe");i(this,"options");i(this,"messageQueue");i(this,"logger");i(this,"isConnected",!1);i(this,"reconnectAttempts",0);i(this,"maxReconnectAttempts",3);this.iframe=e,this.options={timeout:3e4,debug:!1,retryCount:3,retryDelay:1e3,childOrigin:"*",...s},this.messageQueue=new b,this.logger=new A("PenpalBridge",this.options.debug)}async connect(e={}){try{this.logger.info("正在建立连接...");const s=new a.WindowMessenger({remoteWindow:this.iframe,allowedOrigins:["http://127.0.0.1:3000"]});this.connection=a.connect({messenger:s,methods:{add(o,d){return o+d},emitEvent:(o,d)=>{this.emit(o,d)},...e},timeout:this.options.timeout,log:a.debug("parent")}),await this.connection.promise,this.isConnected=!0,this.reconnectAttempts=0,await this.processQueuedMessages(),this.logger.info("连接建立成功"),this.emit("connected")}catch(s){throw this.logger.error("连接失败:",s),await this.handleReconnect(),s}}async send(e,s){var d;const o={action:e,params:s,timestamp:Date.now(),messageId:I()};if(!this.isConnected)throw this.messageQueue.enqueue(o),new Error("Connection not ready, message queued");try{if(this.logger.debug("发送消息:",o),!((d=this.connection)!=null&&d.child))throw new Error("连接未就绪");const u=await this.connection.child.handleMessage(o);return this.logger.debug("收到响应:",u),this.validateResponse(u)}catch(u){throw this.logger.error("发送消息失败:",u),this.messageQueue.enqueue(o),u}}async processQueuedMessages(){for(;this.messageQueue.hasMessages();){const e=this.messageQueue.dequeue();if(e)try{await this.send(e.action,e.params)}catch(s){this.logger.warn("队列消息发送失败:",s),this.messageQueue.enqueue(e)}}}async handleReconnect(){if(this.reconnectAttempts>=this.maxReconnectAttempts){this.logger.error("重连次数达到上限"),this.emit("connection-lost");return}this.reconnectAttempts++,this.logger.info(`尝试重连 (${this.reconnectAttempts}/${this.maxReconnectAttempts})`),await new Promise(e=>setTimeout(e,this.options.retryDelay*this.reconnectAttempts));try{await this.connect()}catch{await this.handleReconnect()}}validateResponse(e){if(!e||e.success===void 0)throw new Error("Invalid response format");if(!e.success){const s=e.error||{code:"UNKNOWN",message:"Unknown error"};throw new Error(`${s.code}: ${s.message}`)}return e.data}disconnect(){this.connection&&(this.connection.destroy(),this.isConnected=!1,this.emit("disconnected"),this.logger.info("连接已断开"))}getConnectionStatus(){return this.isConnected}}class p{constructor(t){this.bridge=t}async initialize(t){return this.bridge.send("canvas.initialize",t)}async setData(t){return this.bridge.send("canvas.setData",t)}async getData(){return this.bridge.send("canvas.getData")}async clear(){return this.bridge.send("canvas.clear")}async undo(){return this.bridge.send("canvas.undo")}async redo(){return this.bridge.send("canvas.redo")}async export(t){return this.bridge.send("canvas.export",{format:t})}async save(){return this.bridge.send("canvas.save")}async invoke(t,...e){return this.bridge.send("canvas.invoke",{method:t,args:e})}async setZoom(t){return this.bridge.send("canvas.setZoom",{zoom:t})}async getSnapshot(){return this.bridge.send("canvas.getSnapshot")}}class y{constructor(t){this.bridge=t}async setAbilities(t){return this.bridge.send("abilities.set",t)}async getAbilities(){return this.bridge.send("abilities.get")}async enableAbility(t){return this.bridge.send("abilities.enable",{name:t})}async disableAbility(t){return this.bridge.send("abilities.disable",{name:t})}}class E{constructor(t){this.bridge=t}async setTheme(t){return this.bridge.send("theme.set",{theme:t})}async getCurrentTheme(){return this.bridge.send("theme.get")}async updateToken(t){return this.bridge.send("theme.updateToken",t)}}class w{constructor(t){this.bridge=t}async setLocale(t,e){return this.bridge.send("i18n.setLocale",{locale:t,messages:e})}async getCurrentLocale(){return this.bridge.send("i18n.getLocale")}async updateMessages(t){return this.bridge.send("i18n.updateMessages",t)}}class P{constructor(t){this.bridge=t}async validateToken(){return this.bridge.send("auth.validateToken")}}const c={READY:"ready",CHANGE:"change",SAVE:"save",ERROR:"error",SELECTION_CHANGED:"selection-changed",CONNECTED:"connected",DISCONNECTED:"disconnected",LOADED:"loaded",BEFORE_UNLOAD:"before-unload",OBJECT_ADDED:"object-added",OBJECT_MODIFIED:"object-modified",OBJECT_REMOVED:"object-removed",MOUSE_DOWN:"mouse-down",MOUSE_UP:"mouse-up",MOUSE_MOVE:"mouse-move",KEY_DOWN:"key-down",KEY_UP:"key-up"};class l extends g{constructor(e,s){super();i(this,"bridge");i(this,"canvasAPI");i(this,"abilityAPI");i(this,"themeAPI");i(this,"i18nAPI");i(this,"authAPI");i(this,"config");i(this,"iframe");i(this,"isInitialized",!1);this.validateConfig(s),this.config=s,this.iframe=e,this.bridge=new v(e,{debug:s.debug||!1,timeout:3e4,childOrigin:this.extractOrigin(e.src)}),this.canvasAPI=new p(this.bridge),this.abilityAPI=new y(this.bridge),this.themeAPI=new E(this.bridge),this.i18nAPI=new w(this.bridge),this.authAPI=new P(this.bridge),this.setupEventHandlers()}async init(){if(!this.isInitialized)try{await this.bridge.connect({getConfig:()=>this.config,log:(e,s)=>{console.log(`[Canvas ${e.toUpperCase()}]`,s)}}),await this.canvasAPI.initialize(this.config),this.config.abilities&&await this.abilityAPI.setAbilities(this.config.abilities),this.config.theme&&await this.themeAPI.setTheme(this.config.theme),this.config.locale&&await this.i18nAPI.setLocale(this.config.locale,this.config.messages),this.isInitialized=!0,this.emit(c.READY)}catch(e){throw this.emit(c.ERROR,e),e}}get canvas(){return{setData:e=>this.canvasAPI.setData(e),getData:()=>this.canvasAPI.getData(),clear:()=>this.canvasAPI.clear(),undo:()=>this.canvasAPI.undo(),redo:()=>this.canvasAPI.redo(),export:(e="png")=>this.canvasAPI.export(e),save:()=>this.canvasAPI.save(),setZoom:e=>this.canvasAPI.setZoom(e),getSnapshot:()=>this.canvasAPI.getSnapshot(),invoke:(e,...s)=>this.canvasAPI.invoke(e,...s)}}get abilities(){return{set:e=>this.abilityAPI.setAbilities(e),get:()=>this.abilityAPI.getAbilities(),enable:e=>this.abilityAPI.enableAbility(e),disable:e=>this.abilityAPI.disableAbility(e),updateConfig:(e,s)=>this.abilityAPI.updateAbilityConfig(e,s)}}get theme(){return{set:e=>this.themeAPI.setTheme(e),get:()=>this.themeAPI.getCurrentTheme(),updateToken:e=>this.themeAPI.updateToken(e),reset:()=>this.themeAPI.resetTheme()}}get i18n(){return{setLocale:(e,s)=>this.i18nAPI.setLocale(e,s),getLocale:()=>this.i18nAPI.getCurrentLocale(),updateMessages:e=>this.i18nAPI.updateMessages(e),getMessages:()=>this.i18nAPI.getMessages(),getTranslation:e=>this.i18nAPI.getTranslation(e)}}get auth(){return{validateToken:()=>this.authAPI.validateToken(),refreshToken:e=>this.authAPI.refreshToken(e),getTokenInfo:()=>this.authAPI.getTokenInfo()}}get utils(){return{getConnectionStatus:()=>this.bridge.getConnectionStatus(),disconnect:()=>this.bridge.disconnect(),reconnect:async()=>{this.bridge.disconnect(),this.isInitialized=!1,await this.init()},isInitialized:()=>this.isInitialized}}setupEventHandlers(){this.bridge.on("canvas-change",e=>{this.emit(c.CHANGE,e)}),this.bridge.on("canvas-save",e=>{this.emit(c.SAVE,e)}),this.bridge.on("canvas-error",e=>{this.emit(c.ERROR,e)}),this.bridge.on("canvas-selection-changed",e=>{this.emit(c.SELECTION_CHANGED,e)}),this.bridge.on("connected",()=>{console.log("链接建立成功"),this.emit(c.CONNECTED)}),this.bridge.on("disconnected",()=>{console.log("链接断开"),this.emit(c.DISCONNECTED)})}validateConfig(e){if(!e.token)throw new Error("Token is required");if(e.abilities){const s=["text","image","barcode","multiLayout","shape","qrCode"];Object.keys(e.abilities).forEach(o=>{s.includes(o)||console.warn(`Unknown ability: ${o}`)})}}extractOrigin(e){try{return new URL(e).origin}catch{return"*"}}}function C(r,t){return new l(r,t)}n.CANVAS_EVENTS=c,n.NiimbotCanvasSDK=l,n.createCanvas=C,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});