Function downloadImage

yaml-flow-editor/src/utils/image.ts:200–245

(
  nodes: FlowNode[],
  options: Partial<ExportOptions> = {}
)

 * Supports PNG (high-res), SVG (vector), and PDF formats
 */
export async function downloadImage(
  nodes: FlowNode[],
  options: Partial<ExportOptions> = {}
): Promise<void> {
  if (nodes.length === 0) {
    console.warn('No nodes to export');
    return;
  }

  const mergedOptions: Required<ExportOptions> = {
    ...DEFAULT_OPTIONS,
    ...options,
  };

  const element = getViewportElement();
  if (!element) {
    console.error('ReactFlow viewport element not found');
    return;
  }

  const { viewport, width, height } = calculateBoundsAndViewport(nodes);

  try {
    switch (mergedOptions.format) {
      case 'png': {
        const dataUrl = await exportToPng(element, width, height, viewport, mergedOptions);
        triggerDownload(dataUrl, `${mergedOptions.fileName}.png`);
        break;
      }
      case 'svg': {
        const dataUrl = await exportToSvg(element, width, height, viewport, mergedOptions);
        triggerDownload(dataUrl, `${mergedOptions.fileName}.svg`);
        break;
      }
      case 'pdf': {
        await exportToPdf(element, width, height, viewport, mergedOptions);
        break;
      }
      default:
        console.error(`Unsupported format: ${mergedOptions.format}`);
    }
  } catch (error) {
    console.error('Failed to export image:', error);
    throw error;
  }
}

/**
 * Get list of supported export formats