@diagrammo/dgmo 0.8.21 → 0.8.23

package/src/sitemap/renderer.ts

@@ -9,6 +9,8 @@ import type { PaletteColors } from '../palettes';
 import { mix } from '../palettes/color-utils';
 import type { ParsedSitemap } from './types';
 import type { SitemapLayoutResult, SitemapLegendGroup } from './layout';
+import { renderInlineText } from '../utils/inline-markdown';
+import { preprocessDescriptionLine } from '../utils/description-helpers';
 import {
   LEGEND_HEIGHT,
   LEGEND_GROUP_GAP,
@@ -522,6 +524,38 @@ export function renderSitemap(
       }
     }
 
+    // Description lines (after metadata)
+    if (node.description && node.description.length > 0) {
+      const metaCount = Object.keys(node.metadata).length;
+      // Separator line before descriptions
+      const sepY =
+        metaCount > 0
+          ? HEADER_HEIGHT + SEPARATOR_GAP + metaCount * META_LINE_HEIGHT
+          : HEADER_HEIGHT;
+      nodeG
+        .append('line')
+        .attr('x1', 0)
+        .attr('y1', sepY)
+        .attr('x2', node.width)
+        .attr('y2', sepY)
+        .attr('stroke', stroke)
+        .attr('stroke-opacity', 0.3);
+
+      const descStartY =
+        HEADER_HEIGHT + SEPARATOR_GAP + metaCount * META_LINE_HEIGHT;
+      for (let di = 0; di < node.description.length; di++) {
+        const processed = preprocessDescriptionLine(node.description[di]);
+        const rowY = descStartY + (di + 1) * META_LINE_HEIGHT - 4;
+        const textEl = nodeG
+          .append('text')
+          .attr('x', 10)
+          .attr('y', rowY)
+          .attr('fill', palette.textMuted)
+          .attr('font-size', META_FONT_SIZE);
+        renderInlineText(textEl, processed, palette, META_FONT_SIZE);
+      }
+    }
+
     // Collapsed accent bar
     if (!exportDims && node.hiddenCount && node.hiddenCount > 0) {
       const clipId = `clip-${node.id}`;

package/src/sitemap/types.ts

@@ -11,6 +11,7 @@ export interface SitemapNode {
   metadata: Record<string, string>;
   children: SitemapNode[];
   parentId: string | null;
+  description?: string[];
   /** True for [Group Name] container nodes */
   isContainer: boolean;
   lineNumber: number;

package/src/tech-radar/index.ts

@@ -0,0 +1,14 @@
+export { parseTechRadar } from './parser';
+export { computeRadarLayout, getRadarGeometry } from './layout';
+export { renderTechRadar, renderTechRadarForExport } from './renderer';
+export { renderQuadrantFocus } from './interactive';
+export type {
+  ParsedTechRadar,
+  TechRadarRing,
+  TechRadarQuadrant,
+  TechRadarBlip,
+  TechRadarLayoutPoint,
+  QuadrantPosition,
+  BlipTrend,
+  TechRadarRenderOptions,
+} from './types';