@web-applets/sdk 0.1.1 → 0.1.2

package/dist/core/shared.d.ts

@@ -1,15 +1,14 @@
 export interface AppletManifest {
     name?: string;
     short_name?: string;
-    icons: AppletIcons;
+    icons: ManifestIcon[];
     description?: string;
-    icon?: string;
     display?: string;
     start_url?: string;
     unsafe?: boolean;
     actions?: AppletAction[];
 }
-export interface AppletIcons {
+export interface ManifestIcon {
     src: string;
     purpose?: string;
     sizes?: string;

package/dist/core/shared.js

@@ -13,7 +13,10 @@ export async function loadManifest(pageUrl) {
         const manifestUrl = parseUrl(href, pageUrl);
         const manifestRequest = await fetch(manifestUrl);
         manifest = await manifestRequest.json();
-        // TODO: Add verification this is a valid manifest
+        manifest.icons = manifest.icons.map((icon) => {
+            icon.src = parseUrl(icon.src, pageUrl);
+            return icon;
+        });
     }
     catch (e) {
         return;

package/dist/utils.js

@@ -1,8 +1,24 @@
 // Adds http/https to URLs, and prepends with window location if relative
 export function parseUrl(url, base) {
-    if (url)
-        url = URL.parse(url, base ?? window.location.href).href;
-    return trimTrailingSlash(url);
+    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);
+    }
+    catch (e) {
+        // Return original URL if parsing fails
+        console.warn('Failed to parse URL:', e);
+        return url;
+    }
 }
 function trimTrailingSlash(url) {
     if (url.endsWith('/')) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-applets/sdk",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "The Web Applets SDK, for creating & hosting Web Applets.",
   "author": "Rupert Manfredi <rupert@unternet.co>",
   "license": "MIT",

package/dist/core/host.d.ts

@@ -1,31 +0,0 @@
-import { AppletAction, AppletMessage, ActionParams, AppletManifest, AppletDataEvent, AppletResizeEvent, AppletActionsEvent, AppletMessageRelay } from './shared';
-interface LoadOpts {
-    unsafe?: boolean;
-}
-declare function load(url: string, container?: HTMLIFrameElement, opts?: LoadOpts): Promise<Applet>;
-interface AppletOptions {
-    manifest: AppletManifest;
-    container: HTMLIFrameElement;
-}
-declare class Applet<T = any> extends EventTarget {
-    #private;
-    messageRelay: AppletMessageRelay;
-    url: string;
-    actions: AppletAction[];
-    container: HTMLIFrameElement;
-    type: string;
-    constructor(options: AppletOptions);
-    initializeListeners(): void;
-    get data(): T;
-    set data(data: T);
-    get manifest(): AppletManifest;
-    onresize(event: AppletResizeEvent): void;
-    onactions(event: AppletActionsEvent): void;
-    ondata(event: AppletDataEvent): void;
-    disconnect(): void;
-    dispatchAction(actionId: string, params: ActionParams): Promise<AppletMessage>;
-}
-export declare const applets: {
-    load: typeof load;
-};
-export { Applet };

package/dist/core/host.js

@@ -1,134 +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_manifest, _Applet_data;
-import { AppletMessage, AppletDataMessage, AppletInitMessage, AppletDataEvent, AppletResizeEvent, AppletActionsEvent, AppletMessageRelay, } from './shared';
-import { parseUrl } from '../lib/utils';
-// Container for initializing applets without an explicit container
-const hiddenContainer = document.createElement('iframe');
-hiddenContainer.style.display = 'none';
-document.body.appendChild(hiddenContainer);
-const defaultOpts = {
-    unsafe: false,
-};
-// Load an applet object from a URL
-async function load(url, container, opts) {
-    const _opts = Object.assign(defaultOpts, opts ?? {});
-    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
-    if (_opts.unsafe && manifest.unsafe) {
-        container.setAttribute('sandbox', 'allow-scripts allow-forms allow-same-origin');
-    }
-    else {
-        container.setAttribute('sandbox', 'allow-scripts allow-forms');
-    }
-    // Load the applet
-    const applet = new Applet({
-        manifest,
-        container,
-    });
-    return new Promise((resolve) => {
-        applet.messageRelay.on('ready', () => {
-            resolve(applet);
-        });
-    });
-}
-class Applet extends EventTarget {
-    constructor(options) {
-        super();
-        this.actions = [];
-        _Applet_manifest.set(this, void 0);
-        this.type = 'host';
-        _Applet_data.set(this, void 0);
-        this.container = options.container;
-        this.container.src = options.manifest.start_url;
-        this.messageRelay = new AppletMessageRelay(this.container.contentWindow);
-        __classPrivateFieldSet(this, _Applet_manifest, options.manifest, "f");
-        this.initializeListeners();
-        this.messageRelay.on('ready', () => {
-            this.messageRelay.send(new AppletInitMessage({ manifest: options.manifest }));
-        });
-    }
-    initializeListeners() {
-        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);
-        });
-    }
-    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");
-    }
-    onresize(event) { }
-    onactions(event) { }
-    ondata(event) { }
-    disconnect() {
-        this.container.src = 'about:blank';
-    }
-    async dispatchAction(actionId, params) {
-        const actionMessage = new AppletMessage('action', {
-            actionId,
-            params,
-        });
-        return await this.messageRelay.send(actionMessage);
-    }
-}
-_Applet_manifest = new WeakMap(), _Applet_data = new WeakMap();
-// Loads a manifest and parses the JSON
-async function loadManifest(baseUrl) {
-    baseUrl = parseUrl(baseUrl);
-    let manifest;
-    try {
-        const request = await fetch(`${baseUrl}/manifest.json`);
-        manifest = await request.json();
-        // TODO: Add verification this is a valid manifest
-    }
-    catch (e) {
-        console.error(e.message);
-    }
-    manifest.start_url = manifest.start_url
-        ? parseUrl(manifest.start_url, baseUrl)
-        : baseUrl;
-    return manifest;
-}
-// Exports
-export const applets = {
-    load,
-};
-export { Applet };

package/dist/lib/utils.d.ts

@@ -1,17 +0,0 @@
-import { AppletAction } from '../core/shared';
-export declare function parseUrl(url: string, base?: string): string;
-export declare function createOpenAISchemaForAction(action: AppletAction): {
-    strict: boolean;
-    name: string;
-    schema: {
-        type: string;
-        required: string[];
-        properties: {
-            id: {
-                type: string;
-            };
-            params: import("../core/shared").JSONSchemaProperties;
-        };
-        additionalProperties: boolean;
-    };
-};

package/dist/lib/utils.js

@@ -1,37 +0,0 @@
-// Adds http/https to URLs, and prepends with window location if relative
-export function parseUrl(url, base) {
-    if (['http', 'https'].includes(url.split('://')[0])) {
-        return url;
-    }
-    let path = trimSlashes(url);
-    url = `${base || window.location.origin}/${path}`;
-    return url;
-}
-function trimSlashes(str) {
-    return str.replace(/^\/+|\/+$/g, '');
-}
-export function createOpenAISchemaForAction(action) {
-    return {
-        strict: true,
-        name: 'action_schema',
-        schema: {
-            type: 'object',
-            required: Object.keys(action),
-            properties: {
-                id: { type: 'string' },
-                params: action.params,
-            },
-            additionalProperties: false,
-        },
-    };
-}
-// export async function loadAppletManifest(url: string): Promise<AppletManifest> {
-//   url = parseUrl(url);
-//   const request = await fetch(`${url}/manifest.json`);
-//   const appletManifest = await request.json();
-//   if (appletManifest.type !== 'applet') {
-//     throw new Error("URL doesn't point to a valid applet manifest.");
-//   }
-//   appletManifest.entrypoint = parseUrl(appletManifest.entrypoint, url);
-//   return appletManifest;
-// }