@zombie-mermaid/svg-renderer 4.2.2 → 5.0.0

package/src/er/renderer.ts

@@ -1,516 +0,0 @@
-import type {
-  PositionedErDiagram,
-  PositionedErEntity,
-  PositionedErRelationship,
-  ErAttribute,
-  Cardinality,
-} from '@zombie-mermaid/mermaid-parser'
-import type { DiagramColors, SvgEmitOptions } from '@zombie-mermaid/core'
-import {
-  svgOpenTag,
-  renderMultilineText,
-  escapeXml as escapeXmlUtil,
-  escapeAttr,
-  measureMultilineText,
-  f,
-} from '@zombie-mermaid/core'
-import { withDataSrc } from '../renderer.ts'
-import {
-  buildSvgStyleBlock,
-  FONT_SIZES,
-  FONT_WEIGHTS,
-  STROKE_WIDTHS,
-  estimateTextWidth,
-  TEXT_BASELINE_SHIFT,
-} from '../styles.ts'
-import type { FontSizes } from '../styles.ts'
-
-// ============================================================================
-// ER diagram SVG renderer
-//
-// Renders positioned ER diagrams to SVG.
-// All colors use CSS custom properties (var(--_xxx)) from the theme system.
-//
-// Render order:
-//   1. Relationship lines (behind boxes)
-//   2. Entity boxes (header + attribute rows)
-//   3. Cardinality markers (crow's foot notation)
-//   4. Relationship labels
-// ============================================================================
-
-/**
- * Relationship-label text: `--fg` mixed into `--bg` at this percentage.
- * The shared `--_text-muted` (40%) is ~2.4:1 on the default white theme and
- * `--_text-sec` (60%) is ~4.1:1, both under the WCAG AA 4.5:1 text minimum;
- * 70% is ~5.6:1 while still reading as secondary to the entity names (#1244).
- * Local to ER so other diagram types keep their tuned text hierarchy.
- */
-const ER_EDGE_LABEL_FG_PERCENT = 70
-
-/** Font sizes specific to ER diagrams */
-const ER_FONT = {
-  attrSize: 11,
-  attrWeight: 400,
-  keySize: 9,
-  keyWeight: 600,
-} as const
-
-/**
- * Render a positioned ER diagram as an SVG string.
- *
- * @param colors - DiagramColors with bg/fg and optional enrichment variables.
- * @param transparent - If true, renders with transparent background.
- * @param embedSource - Original diagram source to stamp onto the root `<svg>`
- *                       as `data-src` (from `options.embedSource`). Omitted
- *                       when the option is off.
- * @param title - Accessible name (from `options.title`). See svgOpenTag() in
- *                packages/core/src/theme.ts.
- * @param decorative - Marks the SVG decorative (from `options.decorative`).
- * @param emit - Strict-CSP controls (from `options.nonce` /
- *               `options.styleAttribute`, see #216). Default: no nonce,
- *               root `style` attribute on.
- */
-export function renderErSvg(
-  diagram: PositionedErDiagram,
-  colors: DiagramColors,
-  font: string = 'Inter',
-  transparent: boolean = false,
-  fontSizes: FontSizes = FONT_SIZES,
-  embedSource?: string,
-  title?: string,
-  decorative?: boolean,
-  emit: SvgEmitOptions = {},
-): string {
-  const parts: string[] = []
-
-  // SVG root with CSS variables + style block (with mono font) + defs
-  parts.push(
-    withDataSrc(
-      svgOpenTag(
-        diagram.width,
-        diagram.height,
-        colors,
-        transparent,
-        title,
-        decorative,
-        undefined,
-        emit.styleAttribute,
-      ),
-      embedSource,
-    ),
-  )
-  parts.push(buildSvgStyleBlock(font, true, emit.nonce))
-  parts.push('<defs>')
-  parts.push('</defs>') // No marker defs — we draw crow's foot inline
-
-  // 1. Relationship lines
-  for (const rel of diagram.relationships) {
-    parts.push(renderRelationshipLine(rel))
-  }
-
-  // 2. Entity boxes
-  for (const entity of diagram.entities) {
-    parts.push(renderEntityBox(entity, fontSizes))
-  }
-
-  // 3. Cardinality markers at relationship endpoints
-  for (const rel of diagram.relationships) {
-    parts.push(renderCardinality(rel))
-  }
-
-  // 4. Relationship labels
-  for (const rel of diagram.relationships) {
-    parts.push(renderRelationshipLabel(rel, fontSizes))
-  }
-
-  parts.push('</svg>')
-  return parts.join('\n')
-}
-
-// ============================================================================
-// Entity box rendering
-// ============================================================================
-
-/**
- * Render an entity box with header and attribute rows.
- * Wrapped in <g class="entity"> with semantic data attributes.
- */
-function renderEntityBox(
-  entity: PositionedErEntity,
-  fontSizes: FontSizes,
-): string {
-  const {
-    id,
-    x,
-    y,
-    width,
-    height,
-    headerHeight,
-    rowHeight,
-    label,
-    attributes,
-  } = entity
-  const parts: string[] = []
-
-  // Semantic wrapper with entity metadata
-  parts.push(
-    f`<g class="entity" data-id="${escapeAttr(id)}" data-label="${escapeAttr(label)}">`,
-  )
-
-  // Outer rectangle
-  parts.push(
-    f`  <rect x="${x}" y="${y}" width="${width}" height="${height}" ` +
-      f`rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${STROKE_WIDTHS.outerBox}" />`,
-  )
-
-  // Header background
-  parts.push(
-    f`  <rect x="${x}" y="${y}" width="${width}" height="${headerHeight}" ` +
-      f`rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${STROKE_WIDTHS.outerBox}" />`,
-  )
-
-  // Entity name (supports multi-line via <br> tags)
-  parts.push(
-    '  ' +
-      renderMultilineText(
-        label,
-        x + width / 2,
-        y + headerHeight / 2,
-        fontSizes.nodeLabel,
-        f`text-anchor="middle" font-size="${fontSizes.nodeLabel}" font-weight="700" fill="var(--_text)"`,
-      ),
-  )
-
-  // Divider
-  const attrTop = y + headerHeight
-  parts.push(
-    f`  <line x1="${x}" y1="${attrTop}" x2="${x + width}" y2="${attrTop}" ` +
-      f`stroke="var(--_node-stroke)" stroke-width="${STROKE_WIDTHS.innerBox}" />`,
-  )
-
-  // Attribute rows
-  for (let i = 0; i < attributes.length; i++) {
-    const attr = attributes[i]!
-    const rowY = attrTop + i * rowHeight + rowHeight / 2
-    parts.push(
-      '  ' + renderAttribute(attr, x, rowY, width).replace(/\n/g, '\n  '),
-    )
-  }
-
-  // Empty row placeholder when no attributes
-  if (attributes.length === 0) {
-    parts.push(
-      f`  <text x="${x + width / 2}" y="${attrTop + rowHeight / 2}" text-anchor="middle" dy="${TEXT_BASELINE_SHIFT}" ` +
-        f`font-size="${ER_FONT.attrSize}" fill="var(--_text-faint)" font-style="italic">(no attributes)</text>`,
-    )
-  }
-
-  parts.push('</g>')
-  return parts.join('\n')
-}
-
-/**
- * Render a single attribute row with monospace syntax highlighting.
- * Layout: [PK badge]  type  name  (left-aligned in mono, name right-aligned)
- * Uses <tspan> elements for per-part coloring, matching the class diagram style.
- *
- * Key badge uses var(--_key-badge) for background tint.
- * Comments are shown as tooltips via SVG <title> element.
- */
-function renderAttribute(
-  attr: ErAttribute,
-  boxX: number,
-  y: number,
-  boxWidth: number,
-): string {
-  const parts: string[] = []
-
-  // Wrap in a group if there's a comment (for tooltip support)
-  const hasComment = attr.comment && attr.comment.length > 0
-  if (attr.comment && attr.comment.length > 0) {
-    // Replace <br> with newlines for tooltip display
-    const tooltipText = attr.comment.replace(/<br\s*\/?>/gi, '\n')
-    parts.push(f`<g><title>${escapeXml(tooltipText)}</title>`)
-  }
-
-  // Key badges on the left (keep proportional font — they're visual tags, not code)
-  let keyWidth = 0
-  if (attr.keys.length > 0) {
-    const keyText = attr.keys.join(',')
-    keyWidth =
-      estimateTextWidth(keyText, ER_FONT.keySize, ER_FONT.keyWeight) + 8
-    parts.push(
-      f`<rect x="${boxX + 6}" y="${y - 7}" width="${keyWidth}" height="14" rx="2" ry="2" ` +
-        `fill="var(--_key-badge)" />`,
-    )
-    parts.push(
-      f`<text x="${boxX + 6 + keyWidth / 2}" y="${y}" text-anchor="middle" dy="${TEXT_BASELINE_SHIFT}" ` +
-        f`font-size="${ER_FONT.keySize}" font-weight="${ER_FONT.keyWeight}" fill="var(--_text-sec)">${attr.keys.join(',')}</text>`,
-    )
-  }
-
-  // Type (left-aligned after keys, monospace with syntax highlighting)
-  const typeX = boxX + 8 + (keyWidth > 0 ? keyWidth + 6 : 0)
-  parts.push(
-    f`<text x="${typeX}" y="${y}" class="mono" dy="${TEXT_BASELINE_SHIFT}" ` +
-      f`font-size="${ER_FONT.attrSize}" font-weight="${ER_FONT.attrWeight}">` +
-      f`<tspan fill="var(--_text-muted)">${escapeXml(attr.type)}</tspan></text>`,
-  )
-
-  // Name (right-aligned, monospace with syntax highlighting)
-  const nameX = boxX + boxWidth - 8
-  parts.push(
-    f`<text x="${nameX}" y="${y}" class="mono" text-anchor="end" dy="${TEXT_BASELINE_SHIFT}" ` +
-      f`font-size="${ER_FONT.attrSize}" font-weight="${ER_FONT.attrWeight}">` +
-      f`<tspan fill="var(--_text-sec)">${escapeXml(attr.name)}</tspan></text>`,
-  )
-
-  // Close the group if we opened one
-  if (hasComment) {
-    parts.push('</g>')
-  }
-
-  return parts.join('\n')
-}
-
-// ============================================================================
-// Relationship rendering
-// ============================================================================
-
-/**
- * Render a relationship line with semantic data attributes.
- */
-function renderRelationshipLine(rel: PositionedErRelationship): string {
-  if (rel.points.length < 2) return ''
-
-  const pathData = rel.points.map((p) => f`${p.x},${p.y}`).join(' ')
-  const dashArray = !rel.identifying ? ' stroke-dasharray="6 4"' : ''
-
-  // Semantic data attributes for relationship inspection
-  const labelAttr = rel.label ? f` data-label="${escapeAttr(rel.label)}"` : ''
-  const dataAttrs = [
-    'class="er-relationship"',
-    f`data-entity1="${escapeAttr(rel.entity1)}"`,
-    f`data-entity2="${escapeAttr(rel.entity2)}"`,
-    f`data-cardinality1="${rel.cardinality1}"`,
-    f`data-cardinality2="${rel.cardinality2}"`,
-    f`data-identifying="${rel.identifying}"`,
-  ]
-
-  return (
-    f`<polyline ${dataAttrs.join(' ')}${labelAttr} points="${pathData}" fill="none" stroke="var(--_line)" ` +
-    f`stroke-width="${STROKE_WIDTHS.connector}"${dashArray} />`
-  )
-}
-
-/** Render a relationship label at the midpoint (supports multi-line) */
-function renderRelationshipLabel(
-  rel: PositionedErRelationship,
-  fontSizes: FontSizes,
-): string {
-  if (!rel.label || rel.points.length < 2) return ''
-
-  const mid = midpoint(rel.points)
-  const metrics = measureMultilineText(
-    rel.label,
-    fontSizes.edgeLabel,
-    FONT_WEIGHTS.edgeLabel,
-  )
-
-  // Background pill for readability
-  const bgW = metrics.width + 8
-  const bgH = metrics.height + 6
-
-  return (
-    f`<rect x="${mid.x - bgW / 2}" y="${mid.y - bgH / 2}" width="${bgW}" height="${bgH}" rx="2" ry="2" ` +
-    `fill="var(--bg)" stroke="var(--_inner-stroke)" stroke-width="0.5" />` +
-    f`\n${renderMultilineText(
-      rel.label,
-      mid.x,
-      mid.y,
-      fontSizes.edgeLabel,
-      f`text-anchor="middle" font-size="${fontSizes.edgeLabel}" font-weight="${FONT_WEIGHTS.edgeLabel}" fill="color-mix(in srgb, var(--fg) ${ER_EDGE_LABEL_FG_PERCENT}%, var(--bg))"`,
-    )}`
-  )
-}
-
-/**
- * Render crow's foot cardinality markers at both endpoints of a relationship.
- *
- * Crow's foot notation:
- *   'one':       ─║─   (single vertical line)
- *   'zero-one':  ─o║─  (circle + single line)
- *   'many':      ─╢─   (crow's foot + bar)
- *   'zero-many': ─o╣─  (circle + crow's foot)
- */
-function renderCardinality(rel: PositionedErRelationship): string {
-  if (rel.points.length < 2) return ''
-  const parts: string[] = []
-
-  // Entity1 side (first point, direction toward second point)
-  const p1 = rel.points[0]!
-  const p2 = rel.points[1]!
-  parts.push(renderCrowsFoot(p1, p2, rel.cardinality1))
-
-  // Entity2 side (last point, direction toward second-to-last point)
-  const pN = rel.points[rel.points.length - 1]!
-  const pN1 = rel.points[rel.points.length - 2]!
-  parts.push(renderCrowsFoot(pN, pN1, rel.cardinality2))
-
-  return parts.join('\n')
-}
-
-/**
- * Render a crow's foot marker at a given endpoint.
- * `point` is the endpoint, `toward` gives the direction the line comes from.
- */
-function renderCrowsFoot(
-  point: { x: number; y: number },
-  toward: { x: number; y: number },
-  cardinality: Cardinality,
-): string {
-  const parts: string[] = []
-  const sw = STROKE_WIDTHS.connector + 0.25
-
-  // Calculate direction from toward → point (unit vector)
-  const dx = point.x - toward.x
-  const dy = point.y - toward.y
-  const len = Math.sqrt(dx * dx + dy * dy)
-  if (len === 0) return ''
-  const ux = dx / len
-  const uy = dy / len
-
-  // Perpendicular direction
-  const px = -uy
-  const py = ux
-
-  // Marker sits 4px from the endpoint, extending 12px back along the edge
-  const tipX = point.x - ux * 4
-  const tipY = point.y - uy * 4
-  const backX = point.x - ux * 16
-  const backY = point.y - uy * 16
-
-  // Single line: always present for 'one' and part of others
-  const hasOneLine = cardinality === 'one' || cardinality === 'zero-one'
-  const hasCrowsFoot = cardinality === 'many' || cardinality === 'zero-many'
-  const hasCircle = cardinality === 'zero-one' || cardinality === 'zero-many'
-
-  // Draw single vertical line (perpendicular to edge) at the tip
-  if (hasOneLine) {
-    const halfW = 6
-    parts.push(
-      f`<line x1="${tipX + px * halfW}" y1="${tipY + py * halfW}" ` +
-        f`x2="${tipX - px * halfW}" y2="${tipY - py * halfW}" ` +
-        f`stroke="var(--_line)" stroke-width="${sw}" />`,
-    )
-    // Second line slightly back for "exactly one" emphasis
-    const line2X = tipX - ux * 4
-    const line2Y = tipY - uy * 4
-    parts.push(
-      f`<line x1="${line2X + px * halfW}" y1="${line2Y + py * halfW}" ` +
-        f`x2="${line2X - px * halfW}" y2="${line2Y - py * halfW}" ` +
-        f`stroke="var(--_line)" stroke-width="${sw}" />`,
-    )
-  }
-
-  // Crow's foot (three lines fanning out from tip)
-  if (hasCrowsFoot) {
-    const fanW = 7
-    // Center line
-    const cfTipX = tipX
-    const cfTipY = tipY
-    // Three lines from tip to back, fanning out
-    parts.push(
-      // Top fan line
-      f`<line x1="${cfTipX + px * fanW}" y1="${cfTipY + py * fanW}" ` +
-        f`x2="${backX}" y2="${backY}" ` +
-        f`stroke="var(--_line)" stroke-width="${sw}" />`,
-    )
-    parts.push(
-      // Center line
-      f`<line x1="${cfTipX}" y1="${cfTipY}" ` +
-        f`x2="${backX}" y2="${backY}" ` +
-        f`stroke="var(--_line)" stroke-width="${sw}" />`,
-    )
-    parts.push(
-      // Bottom fan line
-      f`<line x1="${cfTipX - px * fanW}" y1="${cfTipY - py * fanW}" ` +
-        f`x2="${backX}" y2="${backY}" ` +
-        f`stroke="var(--_line)" stroke-width="${sw}" />`,
-    )
-  }
-
-  // Bar across the foot's convergence point: distinguishes one-or-many
-  // from a bare crow's foot (#1233)
-  if (cardinality === 'many') {
-    const barX = point.x - ux * 20
-    const barY = point.y - uy * 20
-    const halfW = 6
-    parts.push(
-      f`<line x1="${barX + px * halfW}" y1="${barY + py * halfW}" ` +
-        f`x2="${barX - px * halfW}" y2="${barY - py * halfW}" ` +
-        f`stroke="var(--_line)" stroke-width="${sw}" />`,
-    )
-  }
-
-  // Circle (for zero variants)
-  if (hasCircle) {
-    const circleOffset = hasCrowsFoot ? 20 : 12
-    const circleX = point.x - ux * circleOffset
-    const circleY = point.y - uy * circleOffset
-    parts.push(
-      f`<circle cx="${circleX}" cy="${circleY}" r="4" ` +
-        f`fill="var(--bg)" stroke="var(--_line)" stroke-width="${sw}" />`,
-    )
-  }
-
-  return parts.join('\n')
-}
-
-/** Compute the arc-length midpoint of a polyline path.
- *  Walks along each segment, finds the point at exactly 50% of total path length.
- *  This ensures the label sits ON the path even for orthogonal routes with bends,
- *  unlike the naive first/last geometric center which floats in space for L/Z shapes. */
-function midpoint(points: Array<{ x: number; y: number }>): {
-  x: number
-  y: number
-} {
-  if (points.length === 0) return { x: 0, y: 0 }
-  if (points.length === 1) return points[0]!
-
-  // Compute total path length
-  let totalLen = 0
-  for (let i = 1; i < points.length; i++) {
-    const dx = points[i]!.x - points[i - 1]!.x
-    const dy = points[i]!.y - points[i - 1]!.y
-    totalLen += Math.sqrt(dx * dx + dy * dy)
-  }
-
-  if (totalLen === 0) return points[0]!
-
-  // Walk to 50% of total length, interpolating within the segment that crosses the halfway mark
-  const halfLen = totalLen / 2
-  let walked = 0
-  for (let i = 1; i < points.length; i++) {
-    const dx = points[i]!.x - points[i - 1]!.x
-    const dy = points[i]!.y - points[i - 1]!.y
-    const segLen = Math.sqrt(dx * dx + dy * dy)
-    if (walked + segLen >= halfLen) {
-      const t = segLen > 0 ? (halfLen - walked) / segLen : 0
-      return {
-        x: points[i - 1]!.x + dx * t,
-        y: points[i - 1]!.y + dy * t,
-      }
-    }
-    walked += segLen
-  }
-
-  return points[points.length - 1]!
-}
-
-// ============================================================================
-// Utilities
-// ============================================================================
-
-// Use shared escapeXml from multiline-utils
-const escapeXml = escapeXmlUtil

package/src/generated/mono-font-subset.ts

@@ -1,32 +0,0 @@
-/**
- * GENERATED FILE — do not edit by hand.
- *
- * Regenerate with `pnpm run build:mono-font`
- * (scripts/build-mono-font-subset.ts), which subsets
- * third_party/fonts/jetbrains-mono-nl/JetBrainsMonoNL-Regular.ttf down to
- * Basic Latin + Latin-1 Supplement — the self-hosted, embeddable
- * `@font-face` packages/svg-renderer/src/styles.ts's `buildSvgStyleBlock()` inlines
- * into an SVG's own `<style>` for its `.mono` rule (class-diagram method
- * signatures, ER-diagram attribute types), replacing a Google Fonts CDN
- * `@import` this library's SVG output previously depended on by default
- * (#1061). See that script's header comment for why this subset is
- * deliberately narrower than the site's own (demo/components/generated/
- * mono-font-subset.ts).
- */
-
-/** The self-hosted family name every consumer's font stack should list
- * first — matches this subset's own `name` table entry. */
-export const MONO_FONT_FAMILY = 'JetBrains Mono NL'
-
-/** The `@font-face` rule embedding the subset as a base64 `woff2` data
- * URI — no separate network request, no page-depth-relative path to get
- * wrong (see the script header comment for why data-URI over a static
- * asset file). */
-export const MONO_FONT_FACE_CSS = `@font-face {
-  font-family: 'JetBrains Mono NL';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(data:font/woff2;base64,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) format('woff2');
-  unicode-range: U+0020-007E, U+00A0-00FF;
-}`