renderer

Public entry for the page-injected renderer — Layer 3.

Mapped to @matterway/sdk/UI in the SDK's package.json exports. Surfaces the everyday skill-authoring API:

render() — the entry point that mounts a Block tree on ctx.page and resolves when the user submits.
Block functions (Bubble, Input, NavigationBar, …).
Template helpers (message, success, failure, …).
Types: Block, ChildBlock, RenderSession, RenderOptions.

Low-level / advanced APIs (createRenderer, fromPuppeteer, PagePort, the Layer 2 Renderer/RendererSession interfaces) live on @matterway/sdk/UI/renderer. Skill authors should not need them.

Example

import { render, Bubble, Input, NavigationBar } from '@matterway/sdk/UI';
const {data, button} = await render(ctx, Bubble([
  Input({name: 'email'}),
  NavigationBar({buttons: [{text: 'Go', value: 'go'}]}),
]));