@signing-room/embed 0.0.1

package/apps/embed/src/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/embed';

package/apps/embed/src/lib/embed.d.ts

@@ -0,0 +1,12 @@
+export declare class SigningRoomElement extends HTMLElement {
+    private iframe;
+    private targetOrigin;
+    private messageListener?;
+    private _isReady;
+    private _queuedPsbt;
+    constructor();
+    connectedCallback(): void;
+    loadPsbt(psbtBase64: string): void;
+    disconnectedCallback(): void;
+    handleMessage(event: MessageEvent): void;
+}

package/index.js

@@ -0,0 +1,77 @@
+// apps/embed/src/lib/embed.ts
+var SigningRoomElement = class extends HTMLElement {
+  constructor() {
+    super();
+    this.targetOrigin = "";
+    this._isReady = false;
+    this._queuedPsbt = null;
+    this.attachShadow({ mode: "open" });
+    this.iframe = document.createElement("iframe");
+    this.iframe.style.width = "100%";
+    this.iframe.style.height = "100%";
+    this.iframe.style.minHeight = "600px";
+    this.iframe.style.border = "none";
+    this.iframe.style.borderRadius = "12px";
+    this.iframe.allow = "clipboard-write";
+  }
+  connectedCallback() {
+    const rawOrigin = this.getAttribute("relay-endpoint") || "https://signingroom.io";
+    this.targetOrigin = rawOrigin.replace(/\/$/, "");
+    const network = this.getAttribute("network") || "bitcoin";
+    const roomId = this.getAttribute("room-id");
+    const key = this.getAttribute("decryption-key");
+    const view = this.getAttribute("view");
+    const hideHeader = this.getAttribute("hide-header") === "true";
+    const hostOrigin = encodeURIComponent(window.location.origin);
+    let src = `${this.targetOrigin}/create?embedded=true&network=${network}&host=${hostOrigin}&hideHeader=${hideHeader}`;
+    if (view) src += `&view=${view}`;
+    if (roomId) {
+      src = `${this.targetOrigin}/room/${roomId}?embedded=true&host=${hostOrigin}&hideHeader=${hideHeader}`;
+      if (key) src += `#${key}`;
+    }
+    this.iframe.src = src;
+    this.shadowRoot?.appendChild(this.iframe);
+    this.messageListener = this.handleMessage.bind(this);
+    window.addEventListener("message", this.messageListener);
+  }
+  loadPsbt(psbtBase64) {
+    if (this._isReady && this.iframe.contentWindow) {
+      this.iframe.contentWindow.postMessage({
+        type: "SIGNING_ROOM_COMMAND",
+        action: "LOAD_PSBT",
+        payload: psbtBase64
+      }, this.targetOrigin);
+    } else {
+      this._queuedPsbt = psbtBase64;
+    }
+  }
+  disconnectedCallback() {
+    if (this.messageListener) {
+      window.removeEventListener("message", this.messageListener);
+    }
+  }
+  handleMessage(event) {
+    if (event.origin !== this.targetOrigin) return;
+    const { type, action, payload } = event.data || {};
+    if (type === "SIGNING_ROOM_EVENT" && action) {
+      if (action === "WIDGET_READY") {
+        this._isReady = true;
+        if (this._queuedPsbt) {
+          this.loadPsbt(this._queuedPsbt);
+          this._queuedPsbt = null;
+        }
+      }
+      this.dispatchEvent(new CustomEvent(action, {
+        detail: payload,
+        bubbles: true,
+        composed: true
+      }));
+    }
+  }
+};
+if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("signing-room")) {
+  customElements.define("signing-room", SigningRoomElement);
+}
+export {
+  SigningRoomElement
+};

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@signing-room/embed",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./index.cjs",
+  "module": "./index.js",
+  "types": "./apps/embed/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./apps/embed/src/index.d.ts",
+      "import": "./index.js",
+      "require": "./index.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}