Function wrapText

web/src/components/report/imageGenerator.ts:14–83

(
  ctx: CanvasRenderingContext2D,
  text: string,
  maxWidth: number
)

// Helper function to wrap text
const wrapText = (
  ctx: CanvasRenderingContext2D,
  text: string,
  maxWidth: number
): string[] => {
  // Check if the text contains any Chinese characters
  const containsChinese = /[\u4e00-\u9fa5]/.test(text);
  const punctuation = [
    ".",
    ",",
    "!",
    "?",
    ";",
    ":",
    "。",
    "！",
    "，",
    "、",
    "；",
    "：",
  ];

  const lines: string[] = [];
  let currentLine = "";

  if (containsChinese) {
    // For Chinese text, wrap character by character
    for (let i = 0; i < text.length; i++) {
      const char = text[i];
      const testLine = currentLine + char;
      const metrics = ctx.measureText(testLine);

      if (metrics.width > maxWidth && currentLine !== "") {
        if (punctuation.includes(char)) {
          currentLine += text[i];
          lines.push(testLine);
          currentLine = "";
        } else {
          lines.push(currentLine);
          currentLine = char;
        }
      } else {
        currentLine = testLine;
      }
    }
  } else {
    // For non-Chinese text, wrap word by word
    const words = text.split(" ");

    for (const word of words) {
      const separator = currentLine === "" ? "" : " ";
      const testLine = currentLine + separator + word;
      const metrics = ctx.measureText(testLine);

      if (metrics.width > maxWidth && currentLine !== "") {
        lines.push(currentLine);
        currentLine = word;
      } else {