@web-applets/sdk 0.2.0-alpha.9 → 0.2.1

package/dist/elements/applet-frame.js

@@ -1,70 +1,6 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _AppletFrameElement_instances, _AppletFrameElement_root, _AppletFrameElement_src, _AppletFrameElement_applet, _AppletFrameElement_dispatchEventAndHandler, _AppletFrameElement_iframe, _AppletFrameElement_loadApplet, _AppletFrameElement_resizeContainer;
-import { applets } from '../index.js';
-import { dispatchEventAndHandler } from '../utils.js';
-export class AppletFrameElement extends HTMLElement {
-    constructor() {
-        super(...arguments);
-        _AppletFrameElement_instances.add(this);
-        _AppletFrameElement_root.set(this, void 0);
-        _AppletFrameElement_src.set(this, void 0);
-        _AppletFrameElement_applet.set(this, void 0);
-        _AppletFrameElement_dispatchEventAndHandler.set(this, dispatchEventAndHandler.bind(this));
-        _AppletFrameElement_iframe.set(this, document.createElement('iframe'));
-    }
-    connectedCallback() {
-        __classPrivateFieldSet(this, _AppletFrameElement_root, this.attachShadow({ mode: 'closed' }), "f");
-        __classPrivateFieldGet(this, _AppletFrameElement_root, "f").appendChild(__classPrivateFieldGet(this, _AppletFrameElement_iframe, "f"));
-        const styles = document.createElement('style');
-        styles.textContent = this.styles;
-        __classPrivateFieldGet(this, _AppletFrameElement_root, "f").appendChild(styles);
-        this.src = this.getAttribute('src');
-    }
-    get contentWindow() {
-        return __classPrivateFieldGet(this, _AppletFrameElement_iframe, "f").contentWindow;
-    }
-    set src(value) {
-        __classPrivateFieldSet(this, _AppletFrameElement_src, value, "f");
-        __classPrivateFieldSet(this, _AppletFrameElement_applet, undefined, "f");
-        __classPrivateFieldGet(this, _AppletFrameElement_instances, "m", _AppletFrameElement_loadApplet).call(this, value);
-    }
-    get src() {
-        return __classPrivateFieldGet(this, _AppletFrameElement_src, "f") || '';
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (name === 'src') {
-            this.src = newValue;
-        }
-    }
-    get applet() {
-        return __classPrivateFieldGet(this, _AppletFrameElement_applet, "f");
-    }
-    set data(data) {
-        if (this.applet) {
-            this.applet.data = data;
-        }
-        else {
-            const listener = () => {
-                if (this.applet)
-                    this.applet.data = data;
-                this.removeEventListener('load', listener);
-            };
-            this.addEventListener('load', listener);
-        }
-    }
-    get styles() {
-        return /*css*/ `
+(()=>{var d=class extends Error{constructor(t){super(t),this.name="AppletExecutionError"}},m=class extends Error{constructor(t){super(t),this.name="AppletConnectionError"}};function c(o){typeof this[`on${o.type}`]=="function"&&this[`on${o.type}`](o),this.dispatchEvent(o)}var r=class extends Event{constructor(t,e){super(t,{bubbles:e?.bubbles,composed:e?.composed,cancelable:e?.cancelable}),this.data=e?.data,this.actions=e?.actions}};function T(o,...t){}var a={log:T};var A=class extends EventTarget{#s;#o={};#t;#i;#n;#e;#a;#r;#p;constructor(t){super(),a.log("Applet","Constructor called"),this.#s=t,this.#n=c.bind(this),this.#c();let e=s=>{s.source===this.#s&&"type"in s.data&&s.data.type==="appletconnect"&&(a.log("Applet","Recieved message",s.data),this.#c(),this.removeEventListener("message",e))};window.addEventListener("message",e)}#c(){this.#e&&this.#e.close();let t=new MessageChannel,e={type:"appletconnect"};a.log("Applet","Send message",e),this.#e=t.port1,this.#e.onmessage=this.#h.bind(this),this.#s.postMessage(e,"*",[t.port2]),this.#a=this.#e.postMessage.bind(this.#e)}#h(t){let e=t.data;switch(a.log("Applet","Recieved message",e),e.type){case"register":let s=e;this.#t=s.manifest;let n=new r("connect");this.#n(n),this.#o=s.actions,this.#d(s.actions),this.#i=s.data,this.#l(s.data);break;case"data":let i=e;this.#i=i.data,this.#l(i.data);break;case"resize":let p=e;this.#r=p.width,this.#p=p.height;let h=new r("resize");this.#n(h);break;case"actions":let g=e;this.#o=g.actions,this.#d(g.actions);break}}#l(t){let e=new r("data",{data:t});this.#n(e)}#d(t){let e=new r("actions",{actions:t});this.#n(e)}async sendAction(t,e){let s={id:crypto.randomUUID(),type:"action",actionId:t,arguments:e};return new Promise((n,i)=>{this.#a(s);let p=setTimeout(()=>{i(new d(`Applet action handler failed to complete before timeout (${1e4}ms)`))},1e4),h=g=>{let l=g.data;if(["actioncomplete","actionerror"].includes(l.type)&&"id"in l&&l.id===s.id)if(this.#e.removeEventListener("message",h),clearTimeout(p),l.type==="actionerror"){let w=l;i(new d(w.message))}else n()};this.#e.addEventListener("message",h)})}get data(){return this.#i}set data(t){this.#i=t;let e={type:"data",data:t};this.#a(e)}get window(){return this.#s}get manifest(){return this.#t}get actions(){return this.#o}get width(){return this.#r}get height(){return this.#p}};function v(o){return Object.keys(o).length===0}var u=class extends EventTarget{#s={};#o;#t;#i;#n;#e;#a;#r;constructor(t){super(),a.log("AppletScope","Constructor called"),this.#n=c.bind(this),t&&(this.#o=t);let e=n=>{if(n.source===window.parent&&n.data.type==="appletconnect"&&n.ports&&n.ports.length>0){a.log("AppletScope","Recieved message",n.data);let i=n.ports[0];this.#e=i.postMessage.bind(i),i.onmessage=this.#c.bind(this),this.removeEventListener("message",e),this.#p()}};window.addEventListener("message",e);let s={type:"appletconnect"};window.parent.postMessage(s,"*"),a.log("AppletScope","Send message",s)}async#p(){let t=this.manifest??await this.#g();this.#o=t||{},this.#t=this.#t||t?.actions||{};let e={type:"register",manifest:this.#o,actions:this.#t,data:this.#i};this.#e(e),a.log("AppletScope","Send message",e);let s=new r("connect");this.#n(s),this.#l()}#c(t){let e=t.data;switch(a.log("AppletScope","Recieved message",e),e.type){case"data":"data"in e&&(this.data=e.data);break;case"action":"type"in e&&e.type==="action"&&"id"in e&&typeof e.id=="string"&&"actionId"in e&&typeof e.actionId=="string"&&"arguments"in e&&this.#h(e);break}}async#h(t){let{actionId:e,arguments:s,id:n}=t;if(Object.keys(this.#s).includes(e))try{await this.#s[e](s);let i={type:"actioncomplete",id:n};this.#e(i)}catch(i){let p={type:"actionerror",id:n,message:i.message};this.#e(p),console.error(i)}}#l(){new ResizeObserver(e=>{for(let s of e)this.#d({width:s.contentRect.width,height:s.contentRect.height})}).observe(document.querySelector("html"))}#d({width:t,height:e}){this.#a=t,this.#r=e;let s={type:"resize",width:t,height:e};a.log("AppletScope","Send message",s),this.#e(s)}async#g(){let t=document.querySelector('link[rel="manifest"]');if(!t){console.warn("No manifest link found");return}try{let s=await(await fetch(t.href)).json();for(let n in s.actions){let i=s.actions[n];i.params_schema&&!v(this.#t.params_schema)&&(i.params_schema=void 0)}return s}catch{return}}setActionHandler(t,e){this.#s[t]=e}defineAction(t,e){let{handler:s,...n}=e;s&&(this.#s[t]=s),this.actions={...this.actions,[t]:n}}set actions(t){if(!t)return;this.#t=t;let e={type:"actions",actions:this.#t};a.log("AppletScope","Send message",e),this.#e&&this.#e(e);let s=new r("actions",{actions:t});setTimeout(()=>this.#n(s),1)}get actions(){return this.#t}get manifest(){return this.#o}get actionHandlers(){return this.#s}set actionHandlers(t){this.#s=t}set data(t){this.#i=t;let e={type:"data",data:t};a.log("AppletScope","Send message",e),this.#e&&this.#e(e);let s=new r("data",{data:t});setTimeout(()=>this.#n(s),1)}get data(){return this.#i}get width(){return this.#a}get height(){return this.#r}};var f=class{async connect(t){return new Promise((e,s)=>{let n=new A(t),i=setTimeout(()=>{s(new m(`Applet failed to connect before the timeout was reached (${1e4}ms)`))},1e4),p=()=>{e(n),n.removeEventListener("connect",p),clearTimeout(i)};n.addEventListener("connect",p)})}register(t){return new u(t)}};var b=new f;var E=class extends HTMLElement{#s;#o;#t;#i=c.bind(this);#n=document.createElement("iframe");static{this.observedAttributes=["src"]}connectedCallback(){this.#s=this.attachShadow({mode:"closed"}),this.#s.appendChild(this.#n);let t=document.createElement("style");t.textContent=this.styles,this.#s.appendChild(t),this.src=this.getAttribute("src")}get contentWindow(){return this.#n.contentWindow}set src(t){this.#o=t,this.#t=void 0,this.#e(t)}get src(){return this.#o||""}attributeChangedCallback(t,e,s){t==="src"&&(this.src=s)}async#e(t){this.#n.src=t;let e=this.#n.contentWindow;e&&(this.#t=await b.connect(e),this.#t.ondata=s=>{this.#i(s)},this.#t.onresize=s=>{this.#a({width:this.#t.width,height:this.#t.height})},this.#t.onactions=s=>{this.#i(s)},this.#i(new Event("load")),this.load&&typeof this.load=="function"&&this.onload(new Event("load")))}get applet(){return this.#t}set data(t){if(this.applet)this.applet.data=t;else{let e=()=>{this.applet&&(this.applet.data=t),this.removeEventListener("load",e)};this.addEventListener("load",e)}}#a(t){this.style.height=`${t.height}px`}get styles(){return`
       :host {
+        background: white;
         display: flex;
         flex-direction: column;
         height: 350px;
@@ -75,36 +11,4 @@ export class AppletFrameElement extends HTMLElement {
         height: 100%;
         width: 100%;
       }
-    `;
-    }
-}
-_AppletFrameElement_root = new WeakMap(), _AppletFrameElement_src = new WeakMap(), _AppletFrameElement_applet = new WeakMap(), _AppletFrameElement_dispatchEventAndHandler = new WeakMap(), _AppletFrameElement_iframe = new WeakMap(), _AppletFrameElement_instances = new WeakSet(), _AppletFrameElement_loadApplet = async function _AppletFrameElement_loadApplet(url) {
-    __classPrivateFieldGet(this, _AppletFrameElement_iframe, "f").src = url;
-    const window = __classPrivateFieldGet(this, _AppletFrameElement_iframe, "f").contentWindow;
-    if (!window)
-        return;
-    __classPrivateFieldSet(this, _AppletFrameElement_applet, await applets.connect(window), "f");
-    // When data received, bubble the event up
-    __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").ondata = (event) => {
-        __classPrivateFieldGet(this, _AppletFrameElement_dispatchEventAndHandler, "f").call(this, event);
-    };
-    // Resize
-    __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").onresize = (event) => {
-        __classPrivateFieldGet(this, _AppletFrameElement_instances, "m", _AppletFrameElement_resizeContainer).call(this, {
-            width: __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").width,
-            height: __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").height,
-        });
-    };
-    __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").onactions = (event) => {
-        __classPrivateFieldGet(this, _AppletFrameElement_dispatchEventAndHandler, "f").call(this, event);
-    };
-    // Emit load event when setup & connection complete
-    __classPrivateFieldGet(this, _AppletFrameElement_dispatchEventAndHandler, "f").call(this, new Event('load'));
-    if (this['load'] && typeof this['load'] === 'function') {
-        this.onload(new Event('load'));
-    }
-}, _AppletFrameElement_resizeContainer = function _AppletFrameElement_resizeContainer(dimensions) {
-    this.style.height = `${dimensions.height}px`;
-};
-AppletFrameElement.observedAttributes = ['src'];
-customElements.define('applet-frame', AppletFrameElement);
+    `}};customElements.define("applet-frame",E);})();

package/dist/{applets → sdk/src/applets}/applet-scope.js

@@ -13,6 +13,7 @@ var _AppletScope_instances, _AppletScope_actionHandlers, _AppletScope_manifest,
 import { debug } from '../debug.js';
 import { AppletEvent } from './events.js';
 import { dispatchEventAndHandler } from '../utils.js';
+import { isEmpty } from '../../../utils/common-utils.mjs';
 export class AppletScope extends EventTarget {
     constructor(manifest) {
         super();
@@ -149,19 +150,20 @@ _AppletScope_actionHandlers = new WeakMap(), _AppletScope_manifest = new WeakMap
             break;
     }
 }, _AppletScope_handleActionMessage = async function _AppletScope_handleActionMessage(message) {
-    if (Object.keys(__classPrivateFieldGet(this, _AppletScope_actionHandlers, "f")).includes(message.actionId)) {
+    const { actionId, arguments: args, id } = message;
+    if (Object.keys(__classPrivateFieldGet(this, _AppletScope_actionHandlers, "f")).includes(actionId)) {
         try {
-            await __classPrivateFieldGet(this, _AppletScope_actionHandlers, "f")[message.actionId](message.arguments);
+            await __classPrivateFieldGet(this, _AppletScope_actionHandlers, "f")[actionId](args);
             const actionCompleteMessage = {
                 type: 'actioncomplete',
-                id: message.id,
+                id,
             };
             __classPrivateFieldGet(this, _AppletScope_postMessage, "f").call(this, actionCompleteMessage);
         }
         catch (e) {
             const actionErrorMessage = {
                 type: 'actionerror',
-                id: message.id,
+                id,
                 message: e.message,
             };
             __classPrivateFieldGet(this, _AppletScope_postMessage, "f").call(this, actionErrorMessage);
@@ -189,15 +191,17 @@ _AppletScope_actionHandlers = new WeakMap(), _AppletScope_manifest = new WeakMap
     __classPrivateFieldGet(this, _AppletScope_postMessage, "f").call(this, resizeMessage);
 }, _AppletScope_loadManifest = async function _AppletScope_loadManifest() {
     const manifestLinkElem = document.querySelector('link[rel="manifest"]');
-    if (!manifestLinkElem)
+    if (!manifestLinkElem) {
+        console.warn('No manifest link found');
         return;
+    }
     // TODO: Add timeout
     try {
         const manifestRequest = await fetch(manifestLinkElem.href);
         const manifest = (await manifestRequest.json());
         for (const key in manifest.actions) {
             const action = manifest.actions[key];
-            if (action.params_schema && !Object.keys(action.params_schema).length) {
+            if (action.params_schema && !isEmpty(__classPrivateFieldGet(this, _AppletScope_actions, "f").params_schema)) {
                 action.params_schema = undefined;
             }
         }

package/dist/sdk/src/debug.js

@@ -0,0 +1,9 @@
+const isProduction = process.env.NODE_ENV === "production";
+function log(location, ...messages) {
+    if (!isProduction) {
+        console.log(`[${location}]`, ...messages);
+    }
+}
+export const debug = {
+    log,
+};

package/dist/sdk/src/elements/applet-frame.js

@@ -0,0 +1,111 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _AppletFrameElement_instances, _AppletFrameElement_root, _AppletFrameElement_src, _AppletFrameElement_applet, _AppletFrameElement_dispatchEventAndHandler, _AppletFrameElement_iframe, _AppletFrameElement_loadApplet, _AppletFrameElement_resizeContainer;
+import { applets } from '../index.js';
+import { dispatchEventAndHandler } from '../utils.js';
+export class AppletFrameElement extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        _AppletFrameElement_instances.add(this);
+        _AppletFrameElement_root.set(this, void 0);
+        _AppletFrameElement_src.set(this, void 0);
+        _AppletFrameElement_applet.set(this, void 0);
+        _AppletFrameElement_dispatchEventAndHandler.set(this, dispatchEventAndHandler.bind(this));
+        _AppletFrameElement_iframe.set(this, document.createElement('iframe'));
+    }
+    connectedCallback() {
+        __classPrivateFieldSet(this, _AppletFrameElement_root, this.attachShadow({ mode: 'closed' }), "f");
+        __classPrivateFieldGet(this, _AppletFrameElement_root, "f").appendChild(__classPrivateFieldGet(this, _AppletFrameElement_iframe, "f"));
+        const styles = document.createElement('style');
+        styles.textContent = this.styles;
+        __classPrivateFieldGet(this, _AppletFrameElement_root, "f").appendChild(styles);
+        this.src = this.getAttribute('src');
+    }
+    get contentWindow() {
+        return __classPrivateFieldGet(this, _AppletFrameElement_iframe, "f").contentWindow;
+    }
+    set src(value) {
+        __classPrivateFieldSet(this, _AppletFrameElement_src, value, "f");
+        __classPrivateFieldSet(this, _AppletFrameElement_applet, undefined, "f");
+        __classPrivateFieldGet(this, _AppletFrameElement_instances, "m", _AppletFrameElement_loadApplet).call(this, value);
+    }
+    get src() {
+        return __classPrivateFieldGet(this, _AppletFrameElement_src, "f") || '';
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (name === 'src') {
+            this.src = newValue;
+        }
+    }
+    get applet() {
+        return __classPrivateFieldGet(this, _AppletFrameElement_applet, "f");
+    }
+    set data(data) {
+        if (this.applet) {
+            this.applet.data = data;
+        }
+        else {
+            const listener = () => {
+                if (this.applet)
+                    this.applet.data = data;
+                this.removeEventListener('load', listener);
+            };
+            this.addEventListener('load', listener);
+        }
+    }
+    get styles() {
+        return /*css*/ `
+      :host {
+        background: white;
+        display: flex;
+        flex-direction: column;
+        height: 350px;
+      }
+
+      iframe {
+        border: none;
+        height: 100%;
+        width: 100%;
+      }
+    `;
+    }
+}
+_AppletFrameElement_root = new WeakMap(), _AppletFrameElement_src = new WeakMap(), _AppletFrameElement_applet = new WeakMap(), _AppletFrameElement_dispatchEventAndHandler = new WeakMap(), _AppletFrameElement_iframe = new WeakMap(), _AppletFrameElement_instances = new WeakSet(), _AppletFrameElement_loadApplet = async function _AppletFrameElement_loadApplet(url) {
+    __classPrivateFieldGet(this, _AppletFrameElement_iframe, "f").src = url;
+    const window = __classPrivateFieldGet(this, _AppletFrameElement_iframe, "f").contentWindow;
+    if (!window)
+        return;
+    __classPrivateFieldSet(this, _AppletFrameElement_applet, await applets.connect(window), "f");
+    // When data received, bubble the event up
+    __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").ondata = (event) => {
+        __classPrivateFieldGet(this, _AppletFrameElement_dispatchEventAndHandler, "f").call(this, event);
+    };
+    // Resize
+    __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").onresize = (event) => {
+        __classPrivateFieldGet(this, _AppletFrameElement_instances, "m", _AppletFrameElement_resizeContainer).call(this, {
+            width: __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").width,
+            height: __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").height,
+        });
+    };
+    __classPrivateFieldGet(this, _AppletFrameElement_applet, "f").onactions = (event) => {
+        __classPrivateFieldGet(this, _AppletFrameElement_dispatchEventAndHandler, "f").call(this, event);
+    };
+    // Emit load event when setup & connection complete
+    __classPrivateFieldGet(this, _AppletFrameElement_dispatchEventAndHandler, "f").call(this, new Event('load'));
+    if (this['load'] && typeof this['load'] === 'function') {
+        this.onload(new Event('load'));
+    }
+}, _AppletFrameElement_resizeContainer = function _AppletFrameElement_resizeContainer(dimensions) {
+    this.style.height = `${dimensions.height}px`;
+};
+AppletFrameElement.observedAttributes = ['src'];
+customElements.define('applet-frame', AppletFrameElement);

package/dist/utils/common-utils.d.mts

@@ -0,0 +1 @@
+export declare function isEmpty(obj: object): boolean;

package/dist/utils/common-utils.mjs

@@ -0,0 +1,3 @@
+export function isEmpty(obj) {
+    return Object.keys(obj).length === 0;
+}

package/dist/web-applets.min.js

@@ -1,5 +1,6 @@
-(()=>{var h=class extends Error{constructor(e){super(e),this.name="AppletExecutionError"}},A=class extends Error{constructor(e){super(e),this.name="AppletConnectionError"}};function c(p){typeof this[`on${p.type}`]=="function"&&this[`on${p.type}`](p),this.dispatchEvent(p)}var o=class extends Event{constructor(e,t){super(e,{bubbles:t?.bubbles,composed:t?.composed,cancelable:t?.cancelable}),this.data=t?.data,this.actions=t?.actions}};function b(p,...e){console.log(`[${p}]`,...e)}var a={log:b};var f=class extends EventTarget{#s;#o={};#t;#i;#n;#e;#a;#p;#r;constructor(e){super(),a.log("Applet","Constructor called"),this.#s=e,this.#n=c.bind(this),this.#c();let t=s=>{s.source===this.#s&&"type"in s.data&&s.data.type==="appletconnect"&&(a.log("Applet","Recieved message",s.data),this.#c(),this.removeEventListener("message",t))};window.addEventListener("message",t)}#c(){this.#e&&this.#e.close();let e=new MessageChannel,t={type:"appletconnect"};a.log("Applet","Send message",t),this.#e=e.port1,this.#e.onmessage=this.#h.bind(this),this.#s.postMessage(t,"*",[e.port2]),this.#a=this.#e.postMessage.bind(this.#e)}#h(e){let t=e.data;switch(a.log("Applet","Recieved message",t),t.type){case"register":let s=t;this.#t=s.manifest;let n=new o("connect");this.#n(n),this.#o=s.actions,this.#d(s.actions),this.#i=s.data,this.#l(s.data);break;case"data":let i=t;this.#i=i.data,this.#l(i.data);break;case"resize":let r=t;this.#p=r.width,this.#r=r.height;let g=new o("resize");this.#n(g);break;case"actions":let m=t;this.#o=m.actions,this.#d(m.actions);break}}#l(e){let t=new o("data",{data:e});this.#n(t)}#d(e){let t=new o("actions",{actions:e});this.#n(t)}async sendAction(e,t){let s={id:crypto.randomUUID(),type:"action",actionId:e,arguments:t};return new Promise((n,i)=>{this.#a(s);let r=setTimeout(()=>{i(new h(`Applet action handler failed to complete before timeout (${1e4}ms)`))},1e4),g=m=>{let d=m.data;if(["actioncomplete","actionerror"].includes(d.type)&&"id"in d&&d.id===s.id)if(this.#e.removeEventListener("message",g),clearTimeout(r),d.type==="actionerror"){let w=d;i(new h(w.message))}else n()};this.#e.addEventListener("message",g)})}get data(){return this.#i}set data(e){this.#i=e;let t={type:"data",data:e};this.#a(t)}get window(){return this.#s}get manifest(){return this.#t}get actions(){return this.#o}get width(){return this.#p}get height(){return this.#r}};var E=class extends EventTarget{#s={};#o;#t;#i;#n;#e;#a;#p;constructor(e){super(),a.log("AppletScope","Constructor called"),this.#n=c.bind(this),e&&(this.#o=e);let t=n=>{if(n.source===window.parent&&n.data.type==="appletconnect"&&n.ports&&n.ports.length>0){a.log("AppletScope","Recieved message",n.data);let i=n.ports[0];this.#e=i.postMessage.bind(i),i.onmessage=this.#c.bind(this),this.removeEventListener("message",t),this.#r()}};window.addEventListener("message",t);let s={type:"appletconnect"};window.parent.postMessage(s,"*"),a.log("AppletScope","Send message",s)}async#r(){let e=this.manifest??await this.#g();this.#o=e||{},this.#t=this.#t||e?.actions||{};let t={type:"register",manifest:this.#o,actions:this.#t,data:this.#i};this.#e(t),a.log("AppletScope","Send message",t);let s=new o("connect");this.#n(s),this.#l()}#c(e){let t=e.data;switch(a.log("AppletScope","Recieved message",t),t.type){case"data":"data"in t&&(this.data=t.data);break;case"action":"type"in t&&t.type==="action"&&"id"in t&&typeof t.id=="string"&&"actionId"in t&&typeof t.actionId=="string"&&"arguments"in t&&this.#h(t);break}}async#h(e){if(Object.keys(this.#s).includes(e.actionId))try{await this.#s[e.actionId](e.arguments);let t={type:"actioncomplete",id:e.id};this.#e(t)}catch(t){let s={type:"actionerror",id:e.id,message:t.message};this.#e(s),console.error(t)}}#l(){new ResizeObserver(t=>{for(let s of t)this.#d({width:s.contentRect.width,height:s.contentRect.height})}).observe(document.querySelector("html"))}#d({width:e,height:t}){this.#a=e,this.#p=t;let s={type:"resize",width:e,height:t};a.log("AppletScope","Send message",s),this.#e(s)}async#g(){let e=document.querySelector('link[rel="manifest"]');if(e)try{let s=await(await fetch(e.href)).json();for(let n in s.actions){let i=s.actions[n];i.params_schema&&!Object.keys(i.params_schema).length&&(i.params_schema=void 0)}return s}catch{return}}setActionHandler(e,t){this.#s[e]=t}defineAction(e,t){let{handler:s,...n}=t;s&&(this.#s[e]=s),this.actions={...this.actions,[e]:n}}set actions(e){if(!e)return;this.#t=e;let t={type:"actions",actions:this.#t};a.log("AppletScope","Send message",t),this.#e&&this.#e(t);let s=new o("actions",{actions:e});setTimeout(()=>this.#n(s),1)}get actions(){return this.#t}get manifest(){return this.#o}get actionHandlers(){return this.#s}set actionHandlers(e){this.#s=e}set data(e){this.#i=e;let t={type:"data",data:e};a.log("AppletScope","Send message",t),this.#e&&this.#e(t);let s=new o("data",{data:e});setTimeout(()=>this.#n(s),1)}get data(){return this.#i}get width(){return this.#a}get height(){return this.#p}};var u=class{async connect(e){return new Promise((t,s)=>{let n=new f(e),i=setTimeout(()=>{s(new A(`Applet failed to connect before the timeout was reached (${1e4}ms)`))},1e4),r=()=>{t(n),n.removeEventListener("connect",r),clearTimeout(i)};n.addEventListener("connect",r)})}register(e){return new E(e)}};var l=class extends HTMLElement{#s;#o;#t;#i=c.bind(this);#n=document.createElement("iframe");static{this.observedAttributes=["src"]}connectedCallback(){this.#s=this.attachShadow({mode:"closed"}),this.#s.appendChild(this.#n);let e=document.createElement("style");e.textContent=this.styles,this.#s.appendChild(e),this.src=this.getAttribute("src")}get contentWindow(){return this.#n.contentWindow}set src(e){this.#o=e,this.#t=void 0,this.#e(e)}get src(){return this.#o||""}attributeChangedCallback(e,t,s){e==="src"&&(this.src=s)}async#e(e){this.#n.src=e;let t=this.#n.contentWindow;t&&(this.#t=await y.connect(t),this.#t.ondata=s=>{this.#i(s)},this.#t.onresize=s=>{this.#a({width:this.#t.width,height:this.#t.height})},this.#t.onactions=s=>{this.#i(s)},this.#i(new Event("load")),this.load&&typeof this.load=="function"&&this.onload(new Event("load")))}get applet(){return this.#t}set data(e){if(this.applet)this.applet.data=e;else{let t=()=>{this.applet&&(this.applet.data=e),this.removeEventListener("load",t)};this.addEventListener("load",t)}}#a(e){this.style.height=`${e.height}px`}get styles(){return`
+(()=>{var h=class extends Error{constructor(t){super(t),this.name="AppletExecutionError"}},A=class extends Error{constructor(t){super(t),this.name="AppletConnectionError"}};function c(o){typeof this[`on${o.type}`]=="function"&&this[`on${o.type}`](o),this.dispatchEvent(o)}var a=class extends Event{constructor(t,e){super(t,{bubbles:e?.bubbles,composed:e?.composed,cancelable:e?.cancelable}),this.data=e?.data,this.actions=e?.actions}};function T(o,...t){}var p={log:T};var f=class extends EventTarget{#s;#o={};#t;#i;#n;#e;#a;#p;#r;constructor(t){super(),p.log("Applet","Constructor called"),this.#s=t,this.#n=c.bind(this),this.#c();let e=s=>{s.source===this.#s&&"type"in s.data&&s.data.type==="appletconnect"&&(p.log("Applet","Recieved message",s.data),this.#c(),this.removeEventListener("message",e))};window.addEventListener("message",e)}#c(){this.#e&&this.#e.close();let t=new MessageChannel,e={type:"appletconnect"};p.log("Applet","Send message",e),this.#e=t.port1,this.#e.onmessage=this.#h.bind(this),this.#s.postMessage(e,"*",[t.port2]),this.#a=this.#e.postMessage.bind(this.#e)}#h(t){let e=t.data;switch(p.log("Applet","Recieved message",e),e.type){case"register":let s=e;this.#t=s.manifest;let n=new a("connect");this.#n(n),this.#o=s.actions,this.#d(s.actions),this.#i=s.data,this.#l(s.data);break;case"data":let i=e;this.#i=i.data,this.#l(i.data);break;case"resize":let r=e;this.#p=r.width,this.#r=r.height;let g=new a("resize");this.#n(g);break;case"actions":let m=e;this.#o=m.actions,this.#d(m.actions);break}}#l(t){let e=new a("data",{data:t});this.#n(e)}#d(t){let e=new a("actions",{actions:t});this.#n(e)}async sendAction(t,e){let s={id:crypto.randomUUID(),type:"action",actionId:t,arguments:e};return new Promise((n,i)=>{this.#a(s);let r=setTimeout(()=>{i(new h(`Applet action handler failed to complete before timeout (${1e4}ms)`))},1e4),g=m=>{let d=m.data;if(["actioncomplete","actionerror"].includes(d.type)&&"id"in d&&d.id===s.id)if(this.#e.removeEventListener("message",g),clearTimeout(r),d.type==="actionerror"){let b=d;i(new h(b.message))}else n()};this.#e.addEventListener("message",g)})}get data(){return this.#i}set data(t){this.#i=t;let e={type:"data",data:t};this.#a(e)}get window(){return this.#s}get manifest(){return this.#t}get actions(){return this.#o}get width(){return this.#p}get height(){return this.#r}};function M(o){return Object.keys(o).length===0}var E=class extends EventTarget{#s={};#o;#t;#i;#n;#e;#a;#p;constructor(t){super(),p.log("AppletScope","Constructor called"),this.#n=c.bind(this),t&&(this.#o=t);let e=n=>{if(n.source===window.parent&&n.data.type==="appletconnect"&&n.ports&&n.ports.length>0){p.log("AppletScope","Recieved message",n.data);let i=n.ports[0];this.#e=i.postMessage.bind(i),i.onmessage=this.#c.bind(this),this.removeEventListener("message",e),this.#r()}};window.addEventListener("message",e);let s={type:"appletconnect"};window.parent.postMessage(s,"*"),p.log("AppletScope","Send message",s)}async#r(){let t=this.manifest??await this.#g();this.#o=t||{},this.#t=this.#t||t?.actions||{};let e={type:"register",manifest:this.#o,actions:this.#t,data:this.#i};this.#e(e),p.log("AppletScope","Send message",e);let s=new a("connect");this.#n(s),this.#l()}#c(t){let e=t.data;switch(p.log("AppletScope","Recieved message",e),e.type){case"data":"data"in e&&(this.data=e.data);break;case"action":"type"in e&&e.type==="action"&&"id"in e&&typeof e.id=="string"&&"actionId"in e&&typeof e.actionId=="string"&&"arguments"in e&&this.#h(e);break}}async#h(t){let{actionId:e,arguments:s,id:n}=t;if(Object.keys(this.#s).includes(e))try{await this.#s[e](s);let i={type:"actioncomplete",id:n};this.#e(i)}catch(i){let r={type:"actionerror",id:n,message:i.message};this.#e(r),console.error(i)}}#l(){new ResizeObserver(e=>{for(let s of e)this.#d({width:s.contentRect.width,height:s.contentRect.height})}).observe(document.querySelector("html"))}#d({width:t,height:e}){this.#a=t,this.#p=e;let s={type:"resize",width:t,height:e};p.log("AppletScope","Send message",s),this.#e(s)}async#g(){let t=document.querySelector('link[rel="manifest"]');if(!t){console.warn("No manifest link found");return}try{let s=await(await fetch(t.href)).json();for(let n in s.actions){let i=s.actions[n];i.params_schema&&!M(this.#t.params_schema)&&(i.params_schema=void 0)}return s}catch{return}}setActionHandler(t,e){this.#s[t]=e}defineAction(t,e){let{handler:s,...n}=e;s&&(this.#s[t]=s),this.actions={...this.actions,[t]:n}}set actions(t){if(!t)return;this.#t=t;let e={type:"actions",actions:this.#t};p.log("AppletScope","Send message",e),this.#e&&this.#e(e);let s=new a("actions",{actions:t});setTimeout(()=>this.#n(s),1)}get actions(){return this.#t}get manifest(){return this.#o}get actionHandlers(){return this.#s}set actionHandlers(t){this.#s=t}set data(t){this.#i=t;let e={type:"data",data:t};p.log("AppletScope","Send message",e),this.#e&&this.#e(e);let s=new a("data",{data:t});setTimeout(()=>this.#n(s),1)}get data(){return this.#i}get width(){return this.#a}get height(){return this.#p}};var u=class{async connect(t){return new Promise((e,s)=>{let n=new f(t),i=setTimeout(()=>{s(new A(`Applet failed to connect before the timeout was reached (${1e4}ms)`))},1e4),r=()=>{e(n),n.removeEventListener("connect",r),clearTimeout(i)};n.addEventListener("connect",r)})}register(t){return new E(t)}};var l=class extends HTMLElement{#s;#o;#t;#i=c.bind(this);#n=document.createElement("iframe");static{this.observedAttributes=["src"]}connectedCallback(){this.#s=this.attachShadow({mode:"closed"}),this.#s.appendChild(this.#n);let t=document.createElement("style");t.textContent=this.styles,this.#s.appendChild(t),this.src=this.getAttribute("src")}get contentWindow(){return this.#n.contentWindow}set src(t){this.#o=t,this.#t=void 0,this.#e(t)}get src(){return this.#o||""}attributeChangedCallback(t,e,s){t==="src"&&(this.src=s)}async#e(t){this.#n.src=t;let e=this.#n.contentWindow;e&&(this.#t=await y.connect(e),this.#t.ondata=s=>{this.#i(s)},this.#t.onresize=s=>{this.#a({width:this.#t.width,height:this.#t.height})},this.#t.onactions=s=>{this.#i(s)},this.#i(new Event("load")),this.load&&typeof this.load=="function"&&this.onload(new Event("load")))}get applet(){return this.#t}set data(t){if(this.applet)this.applet.data=t;else{let e=()=>{this.applet&&(this.applet.data=t),this.removeEventListener("load",e)};this.addEventListener("load",e)}}#a(t){this.style.height=`${t.height}px`}get styles(){return`
       :host {
+        background: white;
         display: flex;
         flex-direction: column;
         height: 350px;
@@ -10,4 +11,4 @@
         height: 100%;
         width: 100%;
       }
-    `}};customElements.define("applet-frame",l);var y=new u;window.applets=y;window.AppletEvent=o;window.AppletFrameElement=l;})();
+    `}};customElements.define("applet-frame",l);var y=new u;window.applets=y;window.AppletEvent=a;window.AppletFrameElement=l;})();

package/package.json

@@ -1,6 +1,5 @@
 {
   "name": "@web-applets/sdk",
-  "version": "0.2.0-alpha.9",
   "description": "The Web Applets SDK, for creating & hosting Web Applets.",
   "author": "Rupert Manfredi <rupert@unternet.co>",
   "license": "MIT",
@@ -18,14 +17,18 @@
     "url": "git+https://github.com/unternet-co/web-applets.git"
   },
   "scripts": {
-    "build": "npm run build:module && npm run build:shim",
+    "build": "cross-env NODE_ENV=production npm run build:module && npm run build:shim:prod",
+    "build:dev": "cross-env NODE_ENV=development npm run build:module && npm run build:shim:dev",
     "build:module": "tsc && cp ../README.md ./README.md",
-    "build:shim": "node ./scripts/build.js",
+    "build:shim:prod": "cross-env NODE_ENV=production node ./scripts/build.js",
+    "build:shim:dev": "cross-env NODE_ENV=development node ./scripts/build.js",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@types/node": "^22.13.9",
+    "@types/node": "^22.13.10",
+    "cross-env": "^7.0.3",
     "esbuild": "^0.25.0",
     "typescript": "^5.6.2"
-  }
+  },
+  "version": "0.2.1"
 }

package/dist/debug.js

@@ -1,6 +0,0 @@
-function log(location, ...messages) {
-    console.log(`[${location}]`, ...messages);
-}
-export const debug = {
-    log,
-};