@diagrammo/dgmo 0.46.0 → 0.48.0

package/src/tech-radar/shared.ts

@@ -1,151 +0,0 @@
-import type * as d3Selection from 'd3-selection';
-import { FONT_FAMILY } from '../fonts';
-import type { PaletteColors } from '../palettes';
-import type { QuadrantPosition, BlipTrend } from './types';
-
-/** Default quadrant colors by position when not overridden. */
-const DEFAULT_QUADRANT_COLORS: Record<QuadrantPosition, string> = {
-  'top-left': 'blue',
-  'top-right': 'green',
-  'bottom-left': 'red',
-  'bottom-right': 'orange',
-};
-
-/** Resolve a quadrant's color from palette, falling back to palette.border. */
-export function resolveQuadrantColor(
-  position: QuadrantPosition,
-  color: string | null,
-  palette: PaletteColors
-): string {
-  const name = color ?? DEFAULT_QUADRANT_COLORS[position];
-  return (palette.colors as Record<string, string>)[name] ?? palette.border;
-}
-
-/**
- * Render a trend indicator (blip circle + optional crescent/ring).
- *
- * @param angleToCenter — angle in radians from the blip toward the radar center.
- *   Used to orient the crescent for up/down trends (toward center = up, away = down).
- */
-export function renderTrendIndicator(
-  g: d3Selection.Selection<SVGGElement, unknown, null, undefined>,
-  trend: BlipTrend | null,
-  color: string,
-  cx: number,
-  cy: number,
-  r: number,
-  angleToCenter: number
-): void {
-  // Base filled circle (always present)
-  g.append('circle')
-    .attr('cx', cx)
-    .attr('cy', cy)
-    .attr('r', r * 0.65)
-    .attr('fill', color);
-
-  if (trend === 'new') {
-    // Double circle — outer ring
-    g.append('circle')
-      .attr('cx', cx)
-      .attr('cy', cy)
-      .attr('r', r)
-      .attr('fill', 'none')
-      .attr('stroke', color)
-      .attr('stroke-width', 1.5);
-  } else if (trend === 'up' || trend === 'down') {
-    // Semi-circle crescent (ThoughtWorks style)
-    // "up" = crescent on the center-facing side (moving inward)
-    // "down" = crescent on the outward-facing side (moving outward)
-    const crescentAngle =
-      trend === 'up' ? angleToCenter : angleToCenter + Math.PI;
-    renderCrescent(g, cx, cy, r, crescentAngle, color);
-  }
-  // 'stable' or null: plain filled circle only
-}
-
-/**
- * Draw a crescent (semi-circle arc) on one side of the blip, oriented
- * at `angle` radians (0 = right, π/2 = up in math coords / down in SVG).
- *
- * The crescent is a thick arc segment hugging the outer edge of the blip circle,
- * spanning ~160° centered on `angle`.
- */
-function renderCrescent(
-  g: d3Selection.Selection<SVGGElement, unknown, null, undefined>,
-  cx: number,
-  cy: number,
-  r: number,
-  angle: number,
-  color: string
-): void {
-  const outerR = r;
-  const halfSpan = (Math.PI * 4) / 9; // ~80° each side = 160° total arc
-
-  const startAngle = angle - halfSpan;
-  const endAngle = angle + halfSpan;
-
-  // SVG arc: start and end points on the outer circle (SVG Y-down convention)
-  const x1 = cx + outerR * Math.cos(startAngle);
-  const y1 = cy + outerR * Math.sin(startAngle);
-  const x2 = cx + outerR * Math.cos(endAngle);
-  const y2 = cy + outerR * Math.sin(endAngle);
-
-  // Large arc flag: 0 since we span < 180°; sweep=1 for clockwise in SVG
-  const largeArc = halfSpan * 2 > Math.PI ? 1 : 0;
-
-  g.append('path')
-    .attr('d', `M${x1},${y1} A${outerR},${outerR} 0 ${largeArc},1 ${x2},${y2}`)
-    .attr('fill', 'none')
-    .attr('stroke', color)
-    .attr('stroke-width', 2.5)
-    .attr('stroke-linecap', 'round');
-}
-
-// ============================================================
-// Shared Constants
-// ============================================================
-
-export const DIM_OPACITY = 0.25;
-
-export const TREND_ITEMS: { trend: BlipTrend | null; label: string }[] = [
-  { trend: 'new', label: 'New' },
-  { trend: 'up', label: 'Moved in' },
-  { trend: 'down', label: 'Moved out' },
-  { trend: null, label: 'No change' },
-];
-
-// ============================================================
-// Tooltip Helpers
-// ============================================================
-
-export function createTooltip(
-  container: HTMLElement,
-  palette: PaletteColors,
-  isDark: boolean
-): HTMLDivElement {
-  container.style.position = 'relative';
-  const existing = container.querySelector<HTMLDivElement>('[data-d3-tooltip]');
-  if (existing) {
-    existing.style.display = 'none';
-    return existing;
-  }
-  const tip = document.createElement('div');
-  tip.setAttribute('data-d3-tooltip', '');
-  tip.style.position = 'absolute';
-  tip.style.display = 'none';
-  tip.style.pointerEvents = 'none';
-  tip.style.padding = '6px 10px';
-  tip.style.borderRadius = '4px';
-  tip.style.fontSize = '12px';
-  tip.style.fontFamily = FONT_FAMILY;
-  tip.style.lineHeight = '1.4';
-  tip.style.zIndex = '10';
-  tip.style.whiteSpace = 'nowrap';
-  tip.style.background = palette.surface;
-  tip.style.color = palette.text;
-  tip.style.boxShadow = isDark
-    ? '0 2px 6px rgba(0,0,0,0.3)'
-    : '0 2px 6px rgba(0,0,0,0.12)';
-  container.appendChild(tip);
-  return tip;
-}

package/src/tech-radar/types.ts

@@ -1,86 +0,0 @@
-import type { DgmoError } from '../diagnostics';
-
-// ============================================================
-// Tech Radar — Parsed Types
-// ============================================================
-
-export type QuadrantPosition =
-  | 'top-left'
-  | 'top-right'
-  | 'bottom-left'
-  | 'bottom-right';
-
-export type BlipTrend = 'new' | 'up' | 'down' | 'stable';
-
-export interface TechRadarRing {
-  readonly name: string;
-  readonly alias: string | null;
-  readonly lineNumber: number;
-}
-
-export interface TechRadarBlip {
-  readonly name: string;
-  readonly ring: string;
-  readonly trend: BlipTrend | null;
-  readonly description: readonly string[];
-  readonly lineNumber: number;
-  /** Assigned after parsing — global numbering across all quadrants. */
-  readonly globalNumber: number;
-}
-
-export interface TechRadarQuadrant {
-  readonly name: string;
-  readonly position: QuadrantPosition;
-  readonly color: string | null;
-  readonly lineNumber: number;
-  readonly blips: readonly TechRadarBlip[];
-}
-
-export interface ParsedTechRadar {
-  readonly type: 'tech-radar';
-  readonly title: string;
-  readonly titleLineNumber: number;
-  readonly rings: readonly TechRadarRing[];
-  readonly quadrants: readonly TechRadarQuadrant[];
-  readonly options: Readonly<Record<string, string>>;
-  readonly diagnostics: readonly DgmoError[];
-  readonly error: string | null;
-}
-
-// ============================================================
-// Tech Radar — Layout Types
-// ============================================================
-
-export interface TechRadarLayoutPoint {
-  blip: TechRadarBlip;
-  x: number;
-  y: number;
-  quadrantIndex: number;
-  ringIndex: number;
-}
-
-// ============================================================
-// Tech Radar — Render Options
-// ============================================================
-
-export interface TechRadarRenderOptions {
-  /** Whether the blip listing is visible. Default: true for export, false for interactive. */
-  showListing?: boolean;
-  /** Callback when the listing toggle is clicked. */
-  onToggleListing?: (show: boolean) => void;
-  /** Whether the controls legend capsule is expanded. */
-  controlsExpanded?: boolean;
-  /** Callback when the controls gear pill is clicked (expand/collapse). */
-  onToggleControlsExpand?: () => void;
-  /** Active legend group name (e.g. 'Trends'). */
-  activeLegendGroup?: string | null;
-  /** Callback when a legend group pill is toggled. */
-  onLegendGroupToggle?: (groupName: string) => void;
-  /** Active line from the editor cursor — triggers popover/expansion for that blip. */
-  activeLine?: number | null;
-  /** True when rendering for export (PNG/SVG/PDF) — controls whether collapsed legend pills and cog are stripped. */
-  exportMode?: boolean;
-  /** When 'app', the Blip Legend toggle is hosted by the app overlay strip
-   *  (inline gear suppressed, controls row + anchor reserved). */
-  controlsHost?: 'app' | 'inline';
-}

package/src/themes.ts

@@ -1,22 +0,0 @@
-/**
- * Theme — render mode flag. Selects which palette variant the renderer uses
- * for background and text:
- *  - 'light'       → palette.light colors
- *  - 'dark'        → palette.dark colors
- *  - 'transparent' → no background fill (for embedding in colored containers)
- */
-export type Theme = 'light' | 'dark' | 'transparent';
-
-/**
- * `themes` namespace — use with render() options for a typed handle:
- *
- *   await render(text, { theme: themes.dark });
- *
- * Passing the raw string `'dark'` also works (the underlying type is the
- * string-literal union); the namespace is the conventional path.
- */
-export const themes = {
-  light: 'light',
-  dark: 'dark',
-  transparent: 'transparent',
-} as const satisfies Record<string, Theme>;