@revinel/embeds

​

Install

npm install @revinel/embeds

​

What’s in it

• RevinelEmbedMessage: the typed union of messages the embed posts (revinel:resize / ready / checkout / error).
• isEmbedMessage(event, iframe): trust guard, true only when a MessageEvent came from iframe’s own window and origin. Call this before trusting any inbound message.
• handleEmbedMessage(data, handlers): parse a validated payload and dispatch it to onResize / onReady / onCheckout / onError.
• buildEmbedUrl({ appUrl, workspaceId, theme }): build the /embed iframe URL.
• EMBED_THEMES / RevinelEmbedTheme, DEFAULT_EMBED_APP_URL, DEFAULT_EMBED_HEIGHT.

​

Custom host listener

import { buildEmbedUrl, handleEmbedMessage, isEmbedMessage } from "@revinel/embeds"

const iframe = document.createElement("iframe")
iframe.src = buildEmbedUrl({ workspaceId: "your-workspace-id", theme: "auto" })
document.body.append(iframe)

window.addEventListener("message", event => {
  if (!isEmbedMessage(event, iframe)) return
  handleEmbedMessage(event.data, {
    onResize: height => (iframe.style.height = `${height}px`),
    onCheckout: ({ tierPriceId }) => {},
  })
})