@web-applets/sdk 0.1.3 → 0.1.5

package/README.md

@@ -52,11 +52,11 @@ Now let's build out a basic web applet that will say hello when we send it an ac
 </html>
 ```
 
-Let's add some Web Applets functionality, so this can respond to a `set_name` action:
+Let's add some Web Applets functionality, so this can respond to a `set_name` action. You can do this by adding actions that a model can call, with each on accepting a parameters object that we can describe using JSONSchema.
 
 `public/manifest.json`:
 
-```json
+```js
 {
   // ...
   "actions": [
@@ -69,7 +69,8 @@ Let's add some Web Applets functionality, so this can respond to a `set_name` ac
           "name": {
             "type": "string"
           }
-        }
+        },
+        "required": ["name"]
       }
     }
   ]
@@ -84,7 +85,7 @@ import { applets } from '@web-applets/sdk';
 const context = applets.getContext();
 
 // Define a 'set_name' action, and make it update the shared data object with the new name
-context.addActionHandler('set_name', ({ name }) => {
+context.setActionHandler('set_name', ({ name }) => {
   context.data = { name };
 });
 

package/dist/components/applet-frame.js

@@ -71,13 +71,14 @@ export class AppletFrame extends HTMLElement {
         }
     }
     resizeContainer(dimensions) {
-        this.container.style.height = `${dimensions.height + 2}px`;
+        this.style.height = `${dimensions.height}px`;
     }
     get styles() {
         return /*css*/ `
       :host {
         display: flex;
         flex-direction: column;
+        height: 350px;
       }
 
       iframe {

package/dist/core/applet.js

@@ -42,7 +42,7 @@ export async function load(url, container
     // } else {
     //   container.setAttribute('sandbox', 'allow-scripts allow-forms');
     // }
-    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) => {

package/dist/core/context.js

@@ -32,7 +32,6 @@ export class AppletContext extends EventTarget {
             // Document not yet loaded, we'll add an event listener to call when it does
             window.addEventListener('DOMContentLoaded', this.initialize.bind(this));
         }
-        this.createResizeObserver();
         this.attachListeners();
     }
     async initialize() {
@@ -60,6 +59,7 @@ export class AppletContext extends EventTarget {
         this.dispatchEvent(readyEvent);
         if (typeof this.onready === 'function')
             this.onready(readyEvent);
+        this.createResizeObserver();
     }
     createResizeObserver() {
         const resizeObserver = new ResizeObserver((entries) => {

package/dist/core/shared.js

@@ -50,6 +50,8 @@ export class AppletMessageRelay {
                 return;
             if (messageEvent.data.type !== messageType)
                 return;
+            if (messageEvent.source !== this.target)
+                return;
             const message = new AppletMessage(messageEvent.data.type, messageEvent.data);
             // Wait for the callback to complete, then send a 'resolve' event
             // with the message ID.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-applets/sdk",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "The Web Applets SDK, for creating & hosting Web Applets.",
   "author": "Rupert Manfredi <rupert@unternet.co>",
   "license": "MIT",
@@ -23,9 +23,5 @@
   },
   "devDependencies": {
     "typescript": "^5.6.2"
-  },
-  "dependencies": {
-    "marked": "^14.1.3",
-    "vite": "^5.4.7"
   }
 }