dorfteich/apps/web/src/plugins/frame-transport.ts
Claude Fable 5 0875e2a087
All checks were successful
CI / Build container images (push) Has been skipped
CI / Lint, typecheck, test (push) Successful in 2m57s
CI / Import/export fidelity gate (push) Successful in 46s
CD / Build and push images (push) Successful in 3m16s
CD / Deploy to Test (push) Successful in 8s
CI / Auth e2e pack (push) Successful in 4m8s
CD / Smoke tests against Test (push) Successful in 1m9s
CD / Promote to Int (push) Successful in 10s
Add the sandbox host runtime for plugin iframes (#73)
Implements the security core of the plugin system: code-plugin surfaces
run in opaque-origin iframes (sandbox="allow-scripts", never
allow-same-origin) with a capability-filtered RPC bridge.

- api: serve a per-plugin sandbox frame document at
  /plugins/:id/:version/frame with a CSP that pins every load to the
  plugin's own asset path (built from APP_BASE_URL, not the request Host,
  so a Host-rewriting proxy cannot break it) and forbids network access
  (connect-src 'none'). Plugin assets get Access-Control-Allow-Origin: *
  so the null-origin frame can load its own module bundle.
- web: sandbox-host creates the frame, wires the SDK host bridge over a
  source-filtered postMessage transport, drives render under a 5 s
  deadline (hung/failed plugin -> placeholder, never a frozen page), and
  tears down on unmount. PluginFrame/PluginPreviewPage surface it; the
  built-in ui.resize handler clamps plugin-requested heights.
- plugin-sdk: host bridge reports gate violations via onViolation and
  registers a gated handler for every v1 method, so an undeclared
  capability is rejected with capability_not_permitted (not
  unknown_method).
- tests: SDK gate unit test; web sandbox unit tests (opaque origin,
  source filtering, timeout); and the e2e security pack with a permanent
  malicious fixture plugin proving no escape (DOM/cookies/storage/fetch/
  undeclared capability all blocked) plus well-behaved and hung cases.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EwZ4jR4KFAPvpjWevfUGX1
2026-07-11 09:16:30 +02:00

30 lines
1.1 KiB
TypeScript

import type { RpcMessage, RpcTransport } from '@dorfteich/plugin-sdk';
/**
* RPC transport bound to one sandbox iframe (ADR 0008, issue #73).
*
* Outgoing messages go to the frame's window; `targetOrigin '*'` is the only
* option for an opaque-origin sandbox (it has no origin to pin), and is safe
* because the payload never contains secrets — capability *results* flow only
* after the gate approved the call.
*
* Incoming messages are accepted **only** when `event.source` is this exact
* frame's window: another plugin frame (or any other window) on the page must
* not be able to spoof requests or responses on this channel.
*/
export function frameTransport(frame: HTMLIFrameElement): RpcTransport {
return {
post: (message) => {
frame.contentWindow?.postMessage(message, '*');
},
listen: (onMessage) => {
const listener = (event: MessageEvent): void => {
if (event.source === null || event.source !== frame.contentWindow) return;
onMessage(event.data as RpcMessage);
};
window.addEventListener('message', listener);
return () => window.removeEventListener('message', listener);
},
};
}