Function createCanvasImageUrl

packages/plugin-ui/src/lib/utils.ts:8–33

(width: number, height: number)

}

const createCanvasImageUrl = (width: number, height: number): string => {
  const canvas = document.createElement("canvas");
  canvas.width = width;
  canvas.height = height;

  const ctx = canvas.getContext("2d");
  if (!ctx) {
    return `https://placehold.co/${width}x${height}`;
  }

  ctx.fillStyle = "#f5f5f5";
  ctx.fillRect(0, 0, width, height);

  const fontSize = Math.max(12, Math.floor(width * 0.15));
  ctx.font = `bold ${fontSize}px Inter, Arial, Helvetica, sans-serif`;
  ctx.fillStyle = "#888888";

  const text = `${width} x ${height}`;
  const textWidth = ctx.measureText(text).width;
  const x = (width - textWidth) / 2;
  const y = (height + fontSize) / 2;

  ctx.fillText(text, x, y);

  return canvas.toDataURL();
};

export function replaceExternalImagesWithCanvas(html: string): string {
  return html.replace(