@vyaz/renderer 0.0.2 → 0.0.4

package/src/SVGRenderer.ts

@@ -1,582 +0,0 @@
-/**
- * SVGRenderer.ts — SVG text builder.
- *
- * Converts Line[] into SVG markup using a builder pattern.
- *
- * Four presets:
- *   flat     — all text in one <text> element, xml:space="preserve", no <tspan>
- *   browser  — expanded <tspan> per run, xml:space="preserve", diff attributes, no textLength
- *   preserve — expanded <tspan> per run, xml:space="preserve", diff attributes, textLength
- *   glyph    — <tspan> per glyph with per-character x positions, xml:space="preserve"
- *
- * All presets preserve whitespace via xml:space="preserve". Space spans (type: 'space')
- * are rendered as separate <tspan> elements with explicit x coordinates.
- *
- * Usage:
- *   const svg = renderToSVG(lines, { preset: 'browser' })
- *   const svg = renderToSVG(lines, { preset: 'preserve', style: 'css', fit: 'frag' })
- */
-
-import type { Line, Span, ParagraphLayoutResult } from '@vyaz/core';
-import type { DebugFlags } from './types.js';
-import { computeBBox } from './utils.js';
-
-// ── Types ────────────────────────────────────────────────────────────────
-
-export type SvgPreset = 'flat' | 'browser' | 'preserve' | 'glyph';
-
-export type SvgStyle = 'css' | 'xml';
-
-export type SvgFit = 'none' | 'text' | 'frag';
-
-export type SvgSizing = 'frame' | 'content';
-
-export interface SVGRenderOptions {
-  /** Shorthand that sets structure + spacing at once. */
-  preset?: SvgPreset;
-  /** How style properties are expressed: as CSS `style` attribute or as XML presentation attributes. */
-  style?: SvgStyle;
-  /** How `textLength` is applied. */
-  fit?: SvgFit;
-  /** How SVG determines its size: 'frame' — use width/height from options; 'content' — compute BBox from lines. */
-  sizing?: SvgSizing;
-  /** SVG canvas width (px). Used when sizing='frame' or as fallback. */
-  width?: number;
-  /** SVG canvas height (px). Used when sizing='frame' or as fallback. */
-  height?: number;
-  /** CSS class for `<svg>`. */
-  className?: string;
-  /** Debug overlays. */
-  debug?: DebugFlags;
-}
-
-type SpacingMode = 'browser' | 'preserve';
-type StructureMode = 'flat' | 'expanded' | 'glyph';
-
-type ResolvedOptions = {
-  structure: StructureMode;
-  spacing: SpacingMode;
-  style: 'css' | 'xml';
-  fit: 'none' | 'text' | 'frag';
-  sizing: 'frame' | 'content';
-  width?: number;
-  height?: number;
-  className?: string;
-  debug?: DebugFlags;
-};
-
-// ── Preset map ───────────────────────────────────────────────────────────
-
-const PRESETS: Record<SvgPreset, { structure: StructureMode; spacing: SpacingMode; defaultFit: SvgFit }> = {
-  flat:     { structure: 'flat',     spacing: 'preserve', defaultFit: 'none' },
-  browser:  { structure: 'expanded', spacing: 'preserve', defaultFit: 'none' },
-  preserve: { structure: 'expanded', spacing: 'preserve', defaultFit: 'none' },
-  glyph:    { structure: 'glyph',    spacing: 'preserve', defaultFit: 'none' },
-};
-
-// ── Helpers ──────────────────────────────────────────────────────────────
-
-function escapeXml(text: string): string {
-  return text
-    .replace(/&/g, '&#38;')
-    .replace(/</g, '&#60;')
-    .replace(/>/g, '&#62;')
-    .replace(/"/g, '&#34;');
-}
-
-function fontWeightCSS(weight: string | number): string {
-  if (weight === 'bold') return 'bold';
-  if (weight === 'normal') return '400';
-  if (typeof weight === 'number') return String(weight);
-  return '400';
-}
-
-function fontWeightNumeric(weight: string | number): number {
-  if (weight === 'bold') return 700;
-  if (weight === 'normal') return 400;
-  if (typeof weight === 'number') return weight;
-  return 400;
-}
-
-function colorToRGB(color: string): string {
-  if (!color) return 'rgb(0, 0, 0)';
-  let hex = color;
-  if (hex.length === 4 && hex[0] === '#') {
-    hex = `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}`;
-  }
-  if (hex.length === 7 && hex[0] === '#') {
-    return `rgb(${parseInt(hex.slice(1, 3), 16)}, ${parseInt(hex.slice(3, 5), 16)}, ${parseInt(hex.slice(5, 7), 16)})`;
-  }
-  return 'rgb(0, 0, 0)';
-}
-
-/** Compute gutter widths per line for justify alignment */
-function computeGutterWidths(line: Line, totalSlack: number): number[] {
-  const spaceSpans = line.spans.filter(f => f.type === 'space' || f.text.trim() === '');
-  if (spaceSpans.length === 0) return [];
-  const perGap = totalSlack / spaceSpans.length;
-  return line.spans.map(f => (f.type === 'space' || f.text.trim() === '') ? perGap : 0);
-}
-
-// ── Resolve options ──────────────────────────────────────────────────────
-
-function resolveOptions(opts: SVGRenderOptions): ResolvedOptions {
-  let structure: StructureMode;
-  let spacing: SpacingMode;
-  let defaultFit: SvgFit;
-
-  if (opts.preset) {
-    const preset = PRESETS[opts.preset];
-    if (!preset) {
-      console.warn(`SVGRenderer: unknown preset "${opts.preset}", falling back to browser`);
-      structure = 'expanded';
-      spacing = 'browser';
-      defaultFit = 'none';
-    } else {
-      structure = preset.structure;
-      spacing = preset.spacing;
-      defaultFit = preset.defaultFit;
-    }
-  } else {
-    structure = 'expanded';
-    spacing = 'browser';
-    defaultFit = 'none';
-  }
-
-  const style = opts.style ?? 'xml';
-  let fit = opts.fit ?? defaultFit;
-  const sizing = opts.sizing ?? 'frame';
-
-  // Validation rules
-  if (structure === 'glyph' && fit !== 'none') {
-    console.warn(`SVGRenderer: fit="${fit}" is ignored when structure="glyph"`);
-    fit = 'none';
-  }
-  if (structure === 'flat' && fit === 'frag') {
-    console.warn(`SVGRenderer: fit="frag" downgraded to "text" when structure="flat"`);
-    fit = 'text';
-  }
-
-  return { structure, spacing, style, fit, sizing, width: opts.width, height: opts.height, className: opts.className, debug: opts.debug };
-}
-
-// ── Attribute builders ───────────────────────────────────────────────────
-
-interface StyleState {
-  fontFamily: string;
-  fontSize: number;
-  fontWeight: number;
-  color: string;
-  fontStyle: string;
-  decoration: string;
-}
-
-function defaultStyleState(span: Span): StyleState {
-  return {
-    fontFamily: span.style.fontFamily || 'Arial',
-    fontSize: span.fontMetrics.fontSize || 16,
-    fontWeight: fontWeightNumeric(span.style.fontWeight),
-    color: span.style.color || '#000000',
-    fontStyle: span.style.fontStyle || 'normal',
-    decoration: span.style.underline ? 'underline' : span.style.strikethrough ? 'line-through' : '',
-  };
-}
-
-function equalStyle(a: StyleState, b: StyleState): boolean {
-  return a.fontFamily === b.fontFamily && a.fontSize === b.fontSize &&
-    a.fontWeight === b.fontWeight && a.color === b.color &&
-    a.fontStyle === b.fontStyle && a.decoration === b.decoration;
-}
-
-/** Build style string for CSS mode */
-function cssStyleString(s: StyleState): string {
-  const parts: string[] = [];
-  parts.push(`font-family: '${s.fontFamily}', sans-serif`);
-  parts.push(`font-size: ${s.fontSize}px`);
-  parts.push(`fill: ${colorToRGB(s.color)}`);
-  if (s.fontWeight !== 400) parts.push(`font-weight: ${s.fontWeight}`);
-  if (s.fontStyle === 'italic') parts.push(`font-style: italic`);
-  if (s.decoration) parts.push(`text-decoration: ${s.decoration}`);
-  return parts.join('; ');
-}
-
-/** Build XML presentation attributes for a style */
-function xmlStyleAttrs(s: StyleState): string {
-  let attrs = `font-family="${s.fontFamily}" font-size="${s.fontSize}" fill="${s.color}" font-weight="${s.fontWeight}"`;
-  if (s.fontStyle === 'italic') attrs += ' font-style="italic"';
-  if (s.decoration) attrs += ` text-decoration="${s.decoration}"`;
-  return attrs;
-}
-
-/** Build attributes for <text> element */
-function buildTextAttrs(line: Line, span: Span, opts: ResolvedOptions, runId?: string): string {
-  const x = line.x;
-  const y = line.y + line.baseline;
-  const s = defaultStyleState(span);
-
-  let attrs = ` x="${x}" y="${y}"`;
-  if (runId) attrs += ` id="${runId}"`;
-
-  if (opts.style === 'css') {
-    let css = cssStyleString(s);
-    if (opts.spacing === 'preserve') css += '; white-space: pre';
-    attrs += ` style="${css}"`;
-  } else {
-    attrs += ` ${xmlStyleAttrs(s)}`;
-    if (opts.spacing === 'preserve') attrs += ' xml:space="preserve"';
-  }
-
-  // text-anchor is only meaningful for flat mode where text sits directly in <text>.
-  // For expanded/glyph modes, each <tspan> has explicit x="..." coordinates that already
-  // account for alignment — text-anchor on <text> would then double-shift the text.
-  if (opts.structure === 'flat') {
-    const anchor = line.alignment === 'center' ? 'middle' : line.alignment === 'right' ? 'end' : 'start';
-    if (anchor !== 'start') attrs += ` text-anchor="${anchor}"`;
-  }
-
-  return attrs;
-}
-
-/** Build attributes for <tspan> (expanded mode — only diff from current style) */
-function buildTspanAttrs(span: Span, x: number, currentStyle: StyleState | null): { attrs: string; newStyle: StyleState } {
-  const s = defaultStyleState(span);
-  let attrs = ` x="${x}"`;
-
-  if (currentStyle && equalStyle(s, currentStyle)) {
-    return { attrs, newStyle: s };
-  }
-
-  // textLength is NOT added here — it is handled by buildFragFitAttr() separately
-  // to avoid duplicate textLength when fit='frag'.
-
-  if (!currentStyle || s.fontWeight !== currentStyle.fontWeight) attrs += ` font-weight="${s.fontWeight}"`;
-  if (!currentStyle || s.fontStyle !== currentStyle.fontStyle) attrs += ` font-style="${s.fontStyle}"`;
-  if (!currentStyle || s.fontFamily !== currentStyle.fontFamily) attrs += ` font-family="${s.fontFamily}"`;
-  if (!currentStyle || s.fontSize !== currentStyle.fontSize) attrs += ` font-size="${s.fontSize}"`;
-  if (!currentStyle || s.color !== currentStyle.color) attrs += ` fill="${s.color}"`;
-  if (!currentStyle || s.decoration !== currentStyle.decoration) {
-    if (s.decoration) attrs += ` text-decoration="${s.decoration}"`;
-  }
-
-  return { attrs, newStyle: s };
-}
-
-/** Build per-glyph x positions for glyph mode */
-function buildGlyphPositions(span: Span, _lineX: number): string {
-  if (!span.glyphAdvances || span.glyphAdvances.length === 0) {
-    return '';
-  }
-  // span.x is already absolute — computed by PositioningEngine.
-  // lineX is NOT added because that would double-shift.
-  const spanX = span.x;
-  let xPos = spanX;
-  const positions: string[] = [xPos.toFixed(1)];
-  for (let i = 0; i < span.glyphAdvances.length - 1; i++) {
-    xPos += span.glyphAdvances[i];
-    positions.push(xPos.toFixed(1));
-  }
-  return positions.join(' ');
-}
-
-/** Build textLength attribute for a line */
-function buildFitAttr(line: Line, opts: ResolvedOptions): string {
-  if (opts.fit === 'text') {
-    return ` textLength="${line.width}" lengthAdjust="spacing"`;
-  }
-  return '';
-}
-
-/** Build textLength for a span */
-function buildSpanFitAttr(span: Span, opts: ResolvedOptions): string {
-  if (opts.fit === 'frag') {
-    return ` textLength="${span.width}"`;
-  }
-  return '';
-}
-
-// ── SVG builder ──────────────────────────────────────────────────────────
-
-class SvgBuilder {
-  private parts: string[] = [];
-  private opts: ResolvedOptions;
-
-  constructor(width: number, height: number, opts: ResolvedOptions) {
-    this.opts = opts;
-    const className = opts.className ? ` class="${escapeXml(opts.className)}"` : '';
-    this.parts.push(`<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"${className}>\n`);
-    if (opts.className) {
-      this.parts[0] = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" class="${escapeXml(opts.className)}">\n`;
-    }
-  }
-
-  addText(line: Line, baseSpan: Span, runId?: string, yOverride?: number, fontSizeOverride?: number): void {
-    let attrs: string;
-    if (yOverride !== undefined && fontSizeOverride !== undefined) {
-      // For flat mode sub/superscript — override y and font-size
-      const s = defaultStyleState(baseSpan);
-      const x = line.x;
-      attrs = ` x="${x}" y="${yOverride}"`;
-      if (this.opts.style === 'css') {
-        let css = cssStyleString(s);
-        if (this.opts.spacing === 'preserve') css += '; white-space: pre';
-        attrs += ` style="${css}"`;
-      } else {
-        let xml = ` font-family="${s.fontFamily}" font-size="${fontSizeOverride}" fill="${s.color}" font-weight="${s.fontWeight}"`;
-        if (s.fontStyle === 'italic') xml += ' font-style="italic"';
-        if (s.decoration) xml += ` text-decoration="${s.decoration}"`;
-        if (this.opts.spacing === 'preserve') xml += ' xml:space="preserve"';
-        attrs += xml;
-      }
-    } else {
-      attrs = buildTextAttrs(line, baseSpan, this.opts, runId);
-    }
-    const fit = buildFitAttr(line, this.opts);
-    this.parts.push(`  <text${attrs}${fit}>\n`);
-  }
-
-  addFlatSpan(text: string): void {
-    this.parts.push(`${escapeXml(text)}`);
-  }
-
-  /** Write a raw SVG line (for flat mode where each span is its own <text>). */
-  pushLine(line: string): void {
-    this.parts.push(line);
-  }
-
-  closeText(): void {
-    this.parts.push('</text>\n');
-  }
-
-  addExpandedSpan(span: Span, x: number, style: StyleState | null): StyleState {
-    const { attrs, newStyle } = buildTspanAttrs(span, x, style);
-    const fit = buildSpanFitAttr(span, this.opts);
-    this.parts.push(`    <tspan${attrs}${fit}>${escapeXml(span.text)}</tspan>\n`);
-    return newStyle;
-  }
-
-  addGlyphSpan(span: Span, lineX: number): void {
-    const positions = buildGlyphPositions(span, lineX);
-    if (positions) {
-      this.parts.push(`    <tspan x="${positions}">${escapeXml(span.text)}</tspan>\n`);
-    } else {
-      this.parts.push(`    <tspan>${escapeXml(span.text)}</tspan>\n`);
-    }
-  }
-
-
-  addDebug(debugOverlay: string): void {
-    if (debugOverlay) {
-      this.parts.push(`<!-- debug overlay -->\n${debugOverlay}\n`);
-    }
-  }
-
-  build(): string {
-    this.parts.push('</svg>\n');
-    return this.parts.join('');
-  }
-}
-
-// ── Debug overlay ────────────────────────────────────────────────────────
-
-function renderDebugToSVG(lines: Line[], width: number, height: number, flags: DebugFlags): string {
-  const parts: string[] = [];
-
-  if (flags.frame && lines.length > 0) {
-    const first = lines[0];
-    const last = lines[lines.length - 1];
-    const maxW = Math.max(...lines.map(l => l.x + l.width));
-    parts.push(
-      `  <rect x="${first.x}" y="${first.y}" width="${maxW - first.x}" height="${last.y + last.height - first.y}"` +
-      ` fill="none" stroke="rgba(255,200,0,0.6)" stroke-width="1" stroke-dasharray="6,2" />`,
-    );
-  }
-
-  for (const line of lines) {
-    const bx = line.x, by = line.y, bw = line.width, bh = line.height;
-    const baselineY = line.y + line.baseline;
-
-    if (flags.lineGap) {
-      parts.push(`  <rect x="${bx}" y="${by}" width="${bw}" height="${bh}" fill="rgba(0,150,255,0.10)" stroke="none" />`);
-    }
-    if (flags.box) {
-      parts.push(`  <rect x="${bx}" y="${by}" width="${bw}" height="${bh}" fill="none" stroke="rgba(255,100,100,0.5)" stroke-width="1" />`);
-    }
-    if (flags.baseline) {
-      parts.push(`  <line x1="${bx}" y1="${baselineY}" x2="${bx + bw}" y2="${baselineY}" stroke="rgba(100,100,255,0.5)" stroke-width="1" />`);
-    }
-    if (flags.ascentDescent) {
-      parts.push(`  <line x1="${bx}" y1="${baselineY - line.ascent}" x2="${bx + bw}" y2="${baselineY - line.ascent}" stroke="rgba(100,255,100,0.4)" stroke-width="0.5" stroke-dasharray="3,2" />`);
-      parts.push(`  <line x1="${bx}" y1="${baselineY + line.descent}" x2="${bx + bw}" y2="${baselineY + line.descent}" stroke="rgba(100,255,100,0.4)" stroke-width="0.5" stroke-dasharray="3,2" />`);
-    }
-    if (flags.labels) {
-      parts.push(`  <text x="${bx}" y="${by - 2}" font-size="9" fill="rgba(0,0,0,0.55)" font-family="monospace">y=${by.toFixed(1)} x=${bx.toFixed(1)} w=${bw.toFixed(1)} h=${bh.toFixed(1)} bl=${baselineY.toFixed(1)}</text>`);
-    }
-    if (flags.runs) {
-      for (const span of line.spans) {
-        if (span.width <= 0) continue;
-        const rx = line.x + span.x;
-        const ry = baselineY - span.fontMetrics.ascent;
-        parts.push(`  <rect x="${rx}" y="${ry}" width="${span.width}" height="${span.fontMetrics.ascent + span.fontMetrics.descent}" fill="none" stroke="rgba(200,100,255,0.4)" stroke-width="0.5" />`);
-      }
-    }
-  }
-
-  return parts.join('\n');
-}
-
-// ── Main render logic ────────────────────────────────────────────────────
-
-/**
- * Render Line[] into SVG string.
- *
- * @param lines — layout lines with spans
- * @param options — rendering options (preset + style/fit/sizing modifiers)
- * @returns SVG string
- */
-export function renderToSVG(lines: Line[], options: SVGRenderOptions = {}): string {
-  const opts = resolveOptions(options);
-
-  // Determine canvas size
-  let svgWidth: number;
-  let svgHeight: number;
-
-  if (opts.sizing === 'content') {
-    const bbox = computeBBox(lines);
-    svgWidth = bbox.width;
-    svgHeight = bbox.height;
-  } else {
-    // sizing='frame' requires explicit width/height — no fallback
-    if (opts.width === undefined || opts.height === undefined) {
-      throw new Error(
-        `renderToSVG: sizing="frame" requires explicit width and height. ` +
-        `Got width=${opts.width}, height=${opts.height}. ` +
-        `Use renderResultToSVG(result, options) to auto-pass dimensions.`
-      );
-    }
-    svgWidth = opts.width;
-    svgHeight = opts.height;
-  }
-
-  const builder = new SvgBuilder(svgWidth, svgHeight, opts);
-
-  for (const line of lines) {
-    if (opts.structure === 'glyph') {
-      // Per-glyph positioning with run-based <text> grouping
-      let currentRunIdx = -1;
-      for (const span of line.spans) {
-        if (!span.text) continue;
-        const runIdx = span.itemIndex;
-        if (runIdx !== currentRunIdx) {
-          if (currentRunIdx !== -1) {
-            builder.closeText();
-          }
-          const runId = span.paragraphId ? `${span.paragraphId}-${runIdx}` : undefined;
-          builder.addText(line, span, runId);
-          currentRunIdx = runIdx;
-        }
-        builder.addGlyphSpan(span, line.x);
-      }
-      if (currentRunIdx !== -1) {
-        builder.closeText();
-      }
-    } else if (opts.structure === 'flat') {
-      // flat mode: group spans by (baseline + offset). Each group → one <text>.
-      const groups: { spans: Span[]; targetY: number; fontSize: number }[] = [];
-      for (const span of line.spans) {
-        if (!span.text) continue;
-        const offset = span.fontMetrics.baselineOffset || 0;
-        const targetY = Math.round((line.y + line.baseline + offset) * 100) / 100;
-        const fontSize = span.fontMetrics.fontSize;
-        const last = groups[groups.length - 1];
-        if (last && last.targetY === targetY && last.fontSize === fontSize) {
-          last.spans.push(span);
-        } else {
-          groups.push({ spans: [span], targetY, fontSize });
-        }
-      }
-      for (const group of groups) {
-        const s = defaultStyleState(group.spans[0]);
-        const text = group.spans.map(sp => escapeXml(sp.text)).join('');
-        let attrs = ` x="${line.x}" y="${group.targetY}" font-family="${s.fontFamily}" font-size="${group.fontSize}" fill="${s.color}" font-weight="${s.fontWeight}"`;
-        if (s.fontStyle === 'italic') attrs += ' font-style="italic"';
-        if (s.decoration) attrs += ` text-decoration="${s.decoration}"`;
-        attrs += ' xml:space="preserve"';
-        // text-anchor for center/right alignment
-        if (line.alignment === 'center') attrs += ' text-anchor="middle"';
-        else if (line.alignment === 'right') attrs += ' text-anchor="end"';
-        builder.pushLine(`  <text${attrs}>${text}</text>\n`);
-      }
-    } else {
-      // expanded: single <text> per line with <tspan> children
-      const baseSpan = line.spans.find(f => f.type === 'text' && f.text.length > 0) || line.spans[0];
-      if (!baseSpan) continue;
-
-      builder.addText(line, baseSpan);
-      let currentStyle: StyleState | null = null;
-      for (const span of line.spans) {
-        if (!span.text) continue;
-        const x = span.x;
-
-        const shouldRender = span.type !== 'space' || opts.spacing === 'preserve';
-        if (shouldRender) {
-          const newStyle = builder.addExpandedSpan(span, x, currentStyle);
-          if (span.type !== 'space') {
-            currentStyle = newStyle;
-          }
-        }
-      }
-      builder.closeText();
-    }
-  }
-
-  if (opts.debug) {
-    const debugSvg = renderDebugToSVG(lines, svgWidth, svgHeight, opts.debug);
-    builder.addDebug(debugSvg);
-  }
-
-  return builder.build();
-}
-
-/**
- * Render one ParagraphLayoutResult to SVG (convenience wrapper).
- */
-export function renderParagraphToSVG(
-  lines: Line[],
-  paragraphWidth: number,
-  paragraphHeight: number,
-  options?: SVGRenderOptions,
-): string {
-  return renderToSVG(lines, {
-    width: paragraphWidth,
-    height: paragraphHeight,
-    ...options,
-  });
-}
-
-/**
- * Render a ParagraphLayoutResult to SVG, auto-passing dimensions.
- *
- * Uses `result.width` and `result.height` as the SVG canvas size.
- * This is the recommended way to render when you have a layout result
- * and want `sizing: 'frame'` with correct dimensions.
- *
- * @param result — layout result from ParagraphLayoutEngine.layout()
- * @param options — rendering options (preset, style, fit, etc.)
- * @returns SVG string
- *
- * @example
- * ```ts
- * const result = paragraphLayoutEngine.layout(paragraph, 300);
- * const svg = renderResultToSVG(result, { preset: 'preserve' });
- * ```
- */
-export function renderResultToSVG(
-  result: ParagraphLayoutResult,
-  options?: SVGRenderOptions,
-): string {
-  return renderToSVG(result.lines, {
-    width: result.width,
-    height: result.height,
-    ...options,
-  });
-}

package/src/index.ts

@@ -1,13 +0,0 @@
-/**
- * @vyaz/renderer — SVG and Canvas renderers.
- *
- * Converts Line[] (from @vyaz/core) into SVG strings or Canvas drawings.
- */
-
-export { renderToSVG, renderParagraphToSVG, renderResultToSVG } from './SVGRenderer.js';
-export type { SVGRenderOptions, SvgPreset, SvgStyle, SvgFit, SvgSizing } from './SVGRenderer.js';
-
-export { renderToCanvas, renderDebugToCanvas } from './CanvasRenderer.js';
-export type { CanvasRenderOptions } from './CanvasRenderer.js';
-
-export type { DebugFlags } from './types.js';

package/src/types.ts

@@ -1,14 +0,0 @@
-/**
- * Render types shared across all renderers (SVG, Canvas, etc.).
- */
-
-export interface DebugFlags {
-  box?: boolean;
-  baseline?: boolean;
-  ascentDescent?: boolean;
-  frame?: boolean;
-  labels?: boolean;
-  runs?: boolean;
-  /** Show filled rect for each line's lineHeight (background fill). */
-  lineGap?: boolean;
-}

package/src/utils.ts

@@ -1,15 +0,0 @@
-/**
- * render/utils.ts — shared renderer utilities.
- */
-
-import type { Line } from '@vyaz/core';
-
-/**
- * Compute the bounding box (content width + height) from an array of Line.
- */
-export function computeBBox(lines: Line[]): { width: number; height: number } {
-  if (lines.length === 0) return { width: 0, height: 0 };
-  const width = Math.max(...lines.map(l => l.x + l.width));
-  const height = lines[lines.length - 1].y + lines[lines.length - 1].height;
-  return { width, height };
-}