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

package/dist/applets/events.js

@@ -0,0 +1,11 @@
+export class AppletEvent extends Event {
+    constructor(type, init) {
+        super(type, {
+            bubbles: init?.bubbles,
+            composed: init?.composed,
+            cancelable: init?.cancelable,
+        });
+        this.data = init?.data;
+        this.actions = init?.actions;
+    }
+}

package/dist/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const RESPONSE_MESSAGE_TIMEOUT: number;
+export declare const APPLET_CONNECT_TIMEOUT: number;
+export declare const errorCodes: {
+    APPLET_ACTION_EXECUTION_ERROR: string;
+};

package/dist/constants.js

@@ -0,0 +1,5 @@
+export const RESPONSE_MESSAGE_TIMEOUT = 10 * 1000;
+export const APPLET_CONNECT_TIMEOUT = 10 * 1000;
+export const errorCodes = {
+    APPLET_ACTION_EXECUTION_ERROR: 'APPLET_ACTION_EXECUTION_ERROR',
+};

package/dist/debug.d.ts

@@ -0,0 +1,5 @@
+declare function log(location: string, ...messages: any[]): void;
+export declare const debug: {
+    log: typeof log;
+};
+export {};

package/dist/debug.js

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

package/dist/elements/applet-frame.d.ts

@@ -0,0 +1,16 @@
+import { AppletEvent } from '../index.js';
+export declare class AppletFrameElement extends HTMLElement {
+    #private;
+    onload: (event: Event) => Promise<void> | void;
+    onactions: (event: AppletEvent) => Promise<void> | void;
+    ondata: (event: AppletEvent) => Promise<void> | void;
+    static observedAttributes: string[];
+    connectedCallback(): void;
+    get contentWindow(): Window;
+    set src(value: string);
+    get src(): string;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    get applet(): import("../applets/applet.js").Applet<unknown>;
+    set data(data: any);
+    get styles(): string;
+}

package/dist/elements/applet-frame.js

@@ -0,0 +1,110 @@
+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 {
+        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/index.d.ts

@@ -1,9 +1,10 @@
-export * from './core/shared';
-export * from './core/applet';
-export * from './core/context';
-import { load } from './core/applet';
-import { getContext } from './core/context';
-export declare const applets: {
-    load: typeof load;
-    getContext: typeof getContext;
-};
+import { AppletFactory } from './applets/applet-factory.js';
+export declare const applets: AppletFactory;
+import { Applet as AppletClass } from './applets/applet.js';
+import { AppletScope as AppletScopeClass } from './applets/applet-scope.js';
+export type Applet = InstanceType<typeof AppletClass>;
+export type AppletScope = InstanceType<typeof AppletScopeClass>;
+import './elements/applet-frame.js';
+export { AppletFrameElement } from './elements/applet-frame.js';
+export { AppletEvent } from './applets/events.js';
+export { type AppletActionDescriptor } from './applets/actions.js';

package/dist/index.js

@@ -1,9 +1,8 @@
-export * from './core/shared';
-export * from './core/applet';
-export * from './core/context';
-import { load } from './core/applet';
-import { getContext } from './core/context';
-export const applets = {
-    load,
-    getContext,
-};
+// AppletFactory
+import { AppletFactory } from './applets/applet-factory.js';
+export const applets = new AppletFactory();
+// AppletFrame
+import './elements/applet-frame.js';
+export { AppletFrameElement } from './elements/applet-frame.js';
+// AppletEvent
+export { AppletEvent } from './applets/events.js';

package/dist/messages.d.ts

@@ -0,0 +1,46 @@
+import { AppletActionDescriptor } from './applets/actions.js';
+import { AppletManifest } from './utils.js';
+export interface AppletMessage {
+    type: string;
+}
+export interface AppletConnectMessage {
+    type: 'appletconnect';
+}
+export interface AppletRegisterMessage {
+    type: 'register';
+    manifest?: AppletManifest;
+    actions?: {
+        [id: string]: AppletActionDescriptor;
+    };
+    data?: any;
+}
+export interface AppletActionMessage extends AppletMessage {
+    type: 'action';
+    id: string;
+    actionId: string;
+    arguments: any;
+}
+export interface AppletActionCompleteMessage extends AppletMessage {
+    type: 'actioncomplete';
+    id: string;
+}
+export interface AppletActionErrorMessage extends AppletMessage {
+    type: 'actionerror';
+    id: string;
+    message: string;
+}
+export interface AppletActionsMessage extends AppletMessage {
+    type: 'actions';
+    actions: {
+        [key: string]: AppletActionDescriptor;
+    };
+}
+export interface AppletDataMessage<T = any> extends AppletMessage {
+    type: 'data';
+    data: T;
+}
+export interface AppletResizeMessage extends AppletMessage {
+    type: 'resize';
+    height: number;
+    width: number;
+}

package/dist/messages.js

@@ -0,0 +1 @@
+export {};

package/dist/polyfill.d.ts

@@ -0,0 +1,11 @@
+import { AppletFrameElement } from './index.js';
+import './index.js';
+import { type AppletFactory } from './applets/applet-factory.js';
+import { AppletEvent } from './applets/events.js';
+declare global {
+    interface Window {
+        applets: AppletFactory;
+        AppletEvent: typeof AppletEvent;
+        AppletFrameElement: typeof AppletFrameElement;
+    }
+}

package/dist/polyfill.js

@@ -0,0 +1,6 @@
+import { AppletFrameElement, applets } from './index.js';
+import './index.js';
+import { AppletEvent } from './applets/events.js';
+window.applets = applets;
+window.AppletEvent = AppletEvent;
+window.AppletFrameElement = AppletFrameElement;

package/dist/utils.d.ts

@@ -1 +1,28 @@
-export declare function parseUrl(url: string, base?: string): string;
+import { AppletActionDescriptor } from './applets/actions.js';
+export declare function dispatchEventAndHandler(event: Event): void;
+export interface AppletManifest {
+    name?: string;
+    short_name?: string;
+    icons?: {
+        src: string;
+        purpose?: string;
+        sizes?: string;
+        type?: string;
+    }[];
+    description?: string;
+    display?: string;
+    start_url?: string;
+    actions?: {
+        [id: string]: AppletActionDescriptor;
+    };
+    [key: string]: any;
+}
+export interface JSONSchemaObject {
+    type: 'object' | 'string' | 'number' | 'integer' | 'array' | 'boolean' | 'null';
+    description?: string;
+    properties?: {
+        [key: string]: JSONSchemaObject;
+    };
+    required?: string[];
+    additionalProperties?: boolean;
+}

package/dist/utils.js

@@ -1,28 +1,6 @@
-// Adds http/https to URLs, and prepends with window location if relative
-export function parseUrl(url, base) {
-    if (!url)
-        return '';
-    try {
-        // If the base URL is provided, ensure it has a trailing slash for proper path resolution
-        if (base) {
-            // Don't add trailing slash if the base already ends with a file extension
-            if (!base.match(/\.[a-zA-Z0-9]+$/)) {
-                base = base.endsWith('/') ? base : base + '/';
-            }
-        }
-        // Use URL constructor to properly resolve relative paths
-        const resolvedUrl = new URL(url, base ?? window.location.href);
-        return trimTrailingSlash(resolvedUrl.href);
+export function dispatchEventAndHandler(event) {
+    if (typeof this[`on${event.type}`] === 'function') {
+        this[`on${event.type}`](event);
     }
-    catch (e) {
-        // Return original URL if parsing fails
-        console.warn('Failed to parse URL:', e);
-        return url;
-    }
-}
-function trimTrailingSlash(url) {
-    if (url.endsWith('/')) {
-        return url.slice(0, -1);
-    }
-    return url;
+    this.dispatchEvent(event);
 }

package/dist/web-applets.min.js

@@ -0,0 +1,13 @@
+(()=>{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`
+      :host {
+        display: flex;
+        flex-direction: column;
+        height: 350px;
+      }
+
+      iframe {
+        border: none;
+        height: 100%;
+        width: 100%;
+      }
+    `}};customElements.define("applet-frame",l);var y=new u;window.applets=y;window.AppletEvent=o;window.AppletFrameElement=l;})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-applets/sdk",
-  "version": "0.1.5",
+  "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,10 +18,14 @@
     "url": "git+https://github.com/unternet-co/web-applets.git"
   },
   "scripts": {
-    "build": "tsc && cp ../README.md ./README.md",
+    "build": "npm run build:module && npm run build:shim",
+    "build:module": "tsc && cp ../README.md ./README.md",
+    "build:shim": "node ./scripts/build.js",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
+    "@types/node": "^22.13.9",
+    "esbuild": "^0.25.0",
     "typescript": "^5.6.2"
   }
 }

package/dist/components/applet-frame.d.ts

@@ -1,19 +0,0 @@
-import { Applet } from '../index';
-export declare class AppletFrame extends HTMLElement {
-    #private;
-    container?: HTMLIFrameElement;
-    applet?: Applet;
-    loaded?: boolean;
-    static observedAttributes: string[];
-    connectedCallback(): void;
-    set src(value: string);
-    get src(): string;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    loadApplet(url: string): Promise<void>;
-    set data(data: any);
-    resizeContainer(dimensions: {
-        height: number;
-        width: number;
-    }): void;
-    get styles(): string;
-}

package/dist/components/applet-frame.js

@@ -1,94 +0,0 @@
-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 _AppletFrame_root, _AppletFrame_src;
-import { applets, } from '../index';
-// TODO: Add resize event handler, and resize DOM element
-export class AppletFrame extends HTMLElement {
-    constructor() {
-        super(...arguments);
-        _AppletFrame_root.set(this, void 0);
-        _AppletFrame_src.set(this, void 0);
-    }
-    connectedCallback() {
-        __classPrivateFieldSet(this, _AppletFrame_root, this.attachShadow({ mode: 'open' }), "f");
-        this.container = document.createElement('iframe');
-        __classPrivateFieldGet(this, _AppletFrame_root, "f").appendChild(this.container);
-        const styles = document.createElement('style');
-        styles.textContent = this.styles;
-        __classPrivateFieldGet(this, _AppletFrame_root, "f").appendChild(styles);
-        const url = this.getAttribute('src');
-        if (url)
-            this.loadApplet(url);
-    }
-    set src(value) {
-        __classPrivateFieldSet(this, _AppletFrame_src, value, "f");
-        this.loadApplet(value);
-    }
-    get src() {
-        return __classPrivateFieldGet(this, _AppletFrame_src, "f");
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (name === 'src') {
-            this.src = newValue;
-        }
-    }
-    async loadApplet(url) {
-        if (!this.container)
-            return;
-        this.applet = await applets.load(url, this.container);
-        // When data received, bubble the event up
-        this.applet.ondata = (dataEvent) => {
-            this.dispatchEvent(dataEvent);
-        };
-        // Resize
-        this.applet.onresize = (resizeEvent) => {
-            this.resizeContainer(resizeEvent.dimensions);
-        };
-        this.applet.onactions = (e) => { };
-        // Emit a load event when loading complete
-        this.dispatchEvent(new Event('load'));
-        this.loaded = true;
-    }
-    set data(data) {
-        if (this.applet && this.loaded) {
-            this.applet.data = data;
-        }
-        else {
-            const loadListener = () => {
-                this.applet.data = data;
-                this.removeEventListener('load', loadListener);
-            };
-            this.addEventListener('load', loadListener);
-        }
-    }
-    resizeContainer(dimensions) {
-        this.style.height = `${dimensions.height}px`;
-    }
-    get styles() {
-        return /*css*/ `
-      :host {
-        display: flex;
-        flex-direction: column;
-        height: 350px;
-      }
-
-      iframe {
-        border: none;
-        height: 100%;
-        width: 100%;
-      }
-    `;
-    }
-}
-_AppletFrame_root = new WeakMap(), _AppletFrame_src = new WeakMap();
-AppletFrame.observedAttributes = ['src'];
-customElements.define('applet-frame', AppletFrame);

package/dist/core/applet.d.ts

@@ -1,21 +0,0 @@
-import { AppletAction, ActionParams, AppletManifest, AppletDataEvent, AppletResizeEvent, AppletActionsEvent, AppletMessageRelay, AppletReadyEvent } from './shared';
-export declare function load(url: string, container?: HTMLIFrameElement): Promise<Applet>;
-export interface AppletOptions {
-    manifest: AppletManifest;
-    container: HTMLIFrameElement;
-}
-export declare class Applet<T = any> extends EventTarget {
-    #private;
-    messageRelay: AppletMessageRelay;
-    actions: AppletAction[];
-    container: HTMLIFrameElement;
-    constructor(manifest: AppletManifest, targetWindow: Window);
-    dispatchAction(actionId: string, params?: ActionParams): Promise<import("./shared").AppletMessage>;
-    get data(): T;
-    set data(data: T);
-    get manifest(): AppletManifest;
-    onready(event: AppletReadyEvent): void;
-    onresize(event: AppletResizeEvent): void;
-    onactions(event: AppletActionsEvent): void;
-    ondata(event: AppletDataEvent): void;
-}

package/dist/core/applet.js

@@ -1,117 +0,0 @@
-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 _Applet_instances, _Applet_manifest, _Applet_data, _Applet_addListeners;
-import { parseUrl } from '../utils';
-import { AppletDataMessage, AppletInitMessage, AppletDataEvent, AppletResizeEvent, AppletActionsEvent, AppletMessageRelay, loadManifest, AppletReadyEvent, AppletActionMessage, } from './shared';
-// Container for initializing applets without an explicit container
-const hiddenContainer = document.createElement('iframe');
-hiddenContainer.style.display = 'none';
-document.body.appendChild(hiddenContainer);
-// Options for loading an applet
-// interface LoadOpts {
-//   unsafe?: boolean;
-// }
-// const defaultOpts: LoadOpts = {
-//   unsafe: false,
-// };
-// Load an applet object from a URL
-export async function load(url, container
-// opts?: LoadOpts
-) {
-    if (!container)
-        container = hiddenContainer;
-    url = parseUrl(url);
-    const manifest = await loadManifest(url);
-    // If unsafe enabled, allow same origin sandbox
-    // This is required for e.g. YouTube embeds
-    //   const _opts = Object.assign(defaultOpts, opts ?? {});
-    // if (_opts.unsafe && manifest.unsafe) {
-    //   container.setAttribute(
-    //     'sandbox',
-    //     'allow-scripts allow-forms allow-same-origin'
-    //   );
-    // } else {
-    //   container.setAttribute('sandbox', 'allow-scripts allow-forms');
-    // }
-    container.setAttribute('sandbox', 'allow-scripts allow-forms allow-same-origin');
-    container.src = url;
-    const applet = new Applet(manifest, container.contentWindow);
-    return new Promise((resolve) => {
-        applet.onready = () => resolve(applet);
-    });
-}
-export class Applet extends EventTarget {
-    constructor(manifest, targetWindow) {
-        super();
-        _Applet_instances.add(this);
-        this.actions = [];
-        _Applet_manifest.set(this, void 0);
-        _Applet_data.set(this, void 0);
-        this.messageRelay = new AppletMessageRelay(targetWindow);
-        __classPrivateFieldSet(this, _Applet_manifest, manifest, "f");
-        __classPrivateFieldGet(this, _Applet_instances, "m", _Applet_addListeners).call(this);
-        this.messageRelay.on('ready', () => {
-            this.messageRelay.send(new AppletInitMessage());
-        });
-    }
-    async dispatchAction(actionId, params) {
-        const actionMessage = new AppletActionMessage({
-            actionId,
-            params,
-        });
-        return await this.messageRelay.send(actionMessage);
-    }
-    get data() {
-        return __classPrivateFieldGet(this, _Applet_data, "f");
-    }
-    set data(data) {
-        __classPrivateFieldSet(this, _Applet_data, data, "f");
-        this.messageRelay.send(new AppletDataMessage({ data }));
-    }
-    get manifest() {
-        return __classPrivateFieldGet(this, _Applet_manifest, "f");
-    }
-    onready(event) { }
-    onresize(event) { }
-    onactions(event) { }
-    ondata(event) { }
-}
-_Applet_manifest = new WeakMap(), _Applet_data = new WeakMap(), _Applet_instances = new WeakSet(), _Applet_addListeners = function _Applet_addListeners() {
-    this.messageRelay.on('ready', (message) => {
-        const readyEvent = new AppletReadyEvent();
-        if (typeof this.onready === 'function')
-            this.onready(readyEvent);
-        this.dispatchEvent(readyEvent);
-    });
-    this.messageRelay.on('data', (message) => {
-        __classPrivateFieldSet(this, _Applet_data, message.data, "f");
-        const dataEvent = new AppletDataEvent({ data: message.data });
-        if (typeof this.ondata === 'function')
-            this.ondata(dataEvent);
-        this.dispatchEvent(dataEvent);
-    });
-    this.messageRelay.on('resize', (message) => {
-        const resizeEvent = new AppletResizeEvent({
-            dimensions: message.dimensions,
-        });
-        if (typeof this.onresize === 'function')
-            this.onresize(resizeEvent);
-        this.dispatchEvent(resizeEvent);
-    });
-    this.messageRelay.on('actions', (message) => {
-        this.actions = message.actions;
-        const actionsEvent = new AppletActionsEvent({ actions: message.actions });
-        if (typeof this.onactions === 'function')
-            this.onactions(actionsEvent);
-        this.dispatchEvent(actionsEvent);
-    });
-};