Function wrapTextToWidth

frontend/src/webview-client/export.ts:155–213

* Wrap text to fit within a given width using canvas measurement. * Used as fallback when DOM-based extraction fails (e.g., large zoomed-out graphs).

(text: string, maxWidth: number, fontSize: number, fontWeight: string = '400')

 * Used as fallback when DOM-based extraction fails (e.g., large zoomed-out graphs).
 */
function wrapTextToWidth(text: string, maxWidth: number, fontSize: number, fontWeight: string = '400'): string[] {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    if (!ctx) return [text];

    ctx.font = `${fontWeight} ${fontSize}px "DM Sans", "Inter", "Segoe UI", -apple-system, sans-serif`;

    const words = text.split(/\s+/);
    const lines: string[] = [];
    let currentLine = '';

    for (const word of words) {
        const testLine = currentLine ? `${currentLine} ${word}` : word;
        const metrics = ctx.measureText(testLine);

        if (metrics.width > maxWidth && currentLine) {
            // Current line is full, start new line
            lines.push(currentLine);
            currentLine = word;
        } else {
            currentLine = testLine;
        }
    }

    // Add the last line
    if (currentLine) {
        lines.push(currentLine);
    }

    // If a single word is too long, we need to break it with hyphens
    const finalLines: string[] = [];
    for (const line of lines) {
        if (ctx.measureText(line).width > maxWidth && !line.includes(' ')) {
            // Single word that's too long - break it
            let remaining = line;
            while (remaining.length > 0) {
                let breakPoint = remaining.length;
                for (let i = 1; i <= remaining.length; i++) {
                    const segment = remaining.substring(0, i) + (i < remaining.length ? '-' : '');
                    if (ctx.measureText(segment).width > maxWidth && i > 1) {
                        breakPoint = i - 1;
                        break;
                    }
                }
                if (breakPoint < remaining.length) {
                    finalLines.push(remaining.substring(0, breakPoint) + '-');
                    remaining = remaining.substring(breakPoint);
                } else {
                    finalLines.push(remaining);
                    remaining = '';
                }
            }
        } else {
            finalLines.push(line);
        }
    }

    return finalLines.length > 0 ? finalLines : [text];