import React from 'react';
import { __setGraphvizRuntimeLoaderForTests } from '../utils/graphviz';
import { DiagramBlock, type DiagramBlockProps } from './DiagramBlock';

/** Test hook: stand in for the engine import and shorten the retry delay
 * (the slot's, re-exported under the name the lazy-retry test uses). */
export const __setVizLoaderForTests = __setGraphvizRuntimeLoaderForTests;

/**
 * A dot fence. The engine comes from the slot in `utils/graphviz` (lazy on
 * the first dot fence); the canvas, the comment overlay and the popout are
 * `DiagramBlock`'s, one code path with `MermaidBlock`.
 */
export const GraphvizBlock = React.memo(
  (props: DiagramBlockProps) => <DiagramBlock kind="graphviz" {...props} />,
  (prev, next) =>
    prev.block.id === next.block.id &&
    prev.block.content === next.block.content &&
    prev.block.startLine === next.block.startLine &&
    prev.annotations === next.annotations &&
    prev.selectedAnnotationId === next.selectedAnnotationId &&
    prev.onSelectAnnotation === next.onSelectAnnotation &&
    prev.onAddAnnotation === next.onAddAnnotation &&
    prev.readOnly === next.readOnly &&
    prev.onRestoreReport === next.onRestoreReport,
);