Skip to content

generateExecutionHtml

function generateExecutionHtml(params): ExecutionHtmlOutput;

Defined in: src/html.ts:606

Generate a self-contained interactive HTML execution overlay: the same viewer generateHtml produces (pan/zoom, search, minimap, click-a-state/edge detail panel), wrapped around generateExecution’s coloured, taken-path-emphasized SVG rather than a plain diagram.

A thin wrapper over generateHtml({ history }), kept for its ExecutionHtmlOutput shape; new code can call generateHtml directly and read metadata.execution.

GenerateExecutionHtmlParams

Any additional DiagramOptions

ExecutionHtmlOutput

ExecutionHtmlOutput with the HTML document and a per-status summary

import { generateExecutionHtml } from 'sfn-diagram';
const { html } = generateExecutionHtml({ aslDefinition: asl, history: events });

With showIcons: true the embedded SVG references CDN-hosted AWS service icons, so the document is not fully offline. Use generateExecutionHtmlAsync to inline those icons as data URIs.