@diagrammo/dgmo 0.2.18 → 0.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "type": "module",

package/src/chart.ts

@@ -20,6 +20,8 @@ export interface ChartDataPoint {
   lineNumber: number;
 }
 
+import type { DgmoError } from './diagnostics';
+
 export interface ParsedChart {
   type: ChartType;
   title?: string;
@@ -34,6 +36,7 @@ export interface ParsedChart {
   label?: string;
   labels?: 'name' | 'value' | 'percent' | 'full';
   data: ChartDataPoint[];
+  diagnostics: DgmoError[];
   error?: string;
 }
 
@@ -43,6 +46,7 @@ export interface ParsedChart {
 
 import { resolveColor } from './colors';
 import type { PaletteColors } from './palettes';
+import { makeDgmoError, formatDgmoError, suggest } from './diagnostics';
 
 // ============================================================
 // Parser
@@ -85,6 +89,14 @@ export function parseChart(
   const result: ParsedChart = {
     type: 'bar',
     data: [],
+    diagnostics: [],
+  };
+
+  const fail = (line: number, message: string): ParsedChart => {
+    const diag = makeDgmoError(line, message);
+    result.diagnostics.push(diag);
+    result.error = formatDgmoError(diag);
+    return result;
   };
 
   for (let i = 0; i < lines.length; i++) {
@@ -114,8 +126,10 @@ export function parseChart(
       if (VALID_TYPES.has(chartType)) {
         result.type = chartType;
       } else {
-        result.error = `Unsupported chart type: ${value}. Supported types: ${[...VALID_TYPES].join(', ')}.`;
-        return result;
+        let msg = `Unsupported chart type: ${value}. Supported types: ${[...VALID_TYPES].join(', ')}.`;
+        const hint = suggest(raw, [...VALID_TYPES]);
+        if (hint) msg += ` ${hint}`;
+        return fail(lineNumber, msg);
       }
       continue;
     }
@@ -150,9 +164,12 @@ export function parseChart(
     }
 
     if (key === 'orientation') {
-      const v = value.toLowerCase();
-      if (v === 'horizontal' || v === 'vertical') {
-        result.orientation = v;
+      // Only bar and bar-stacked support orientation (axis swapping)
+      if (result.type === 'bar' || result.type === 'bar-stacked') {
+        const v = value.toLowerCase();
+        if (v === 'horizontal' || v === 'vertical') {
+          result.orientation = v;
+        }
       }
       continue;
     }
@@ -219,12 +236,22 @@ export function parseChart(
   }
 
   // Validation
+  const setChartError = (line: number, message: string) => {
+    const diag = makeDgmoError(line, message);
+    result.diagnostics.push(diag);
+    result.error = formatDgmoError(diag);
+  };
+
+  const warn = (line: number, message: string): void => {
+    result.diagnostics.push(makeDgmoError(line, message, 'warning'));
+  };
+
   if (!result.error && result.data.length === 0) {
-    result.error = 'No data points found. Add data in format: Label: 123';
+    warn(1, 'No data points found. Add data in format: Label: 123');
   }
 
   if (!result.error && result.type === 'bar-stacked' && !result.seriesNames) {
-    result.error = `Chart type "bar-stacked" requires multiple series names. Use: series: Name1, Name2, Name3`;
+    setChartError(1, 'Chart type "bar-stacked" requires multiple series names. Use: series: Name1, Name2, Name3');
   }
 
   if (!result.error && result.seriesNames) {
@@ -232,10 +259,14 @@ export function parseChart(
     for (const dp of result.data) {
       const actualCount = 1 + (dp.extraValues?.length ?? 0);
       if (actualCount !== expectedCount) {
-        result.error = `Data point "${dp.label}" has ${actualCount} value(s), but ${expectedCount} series defined. Each row must have ${expectedCount} comma-separated values.`;
-        break;
+        warn(dp.lineNumber, `Data point "${dp.label}" has ${actualCount} value(s), but ${expectedCount} series defined. Each row must have ${expectedCount} comma-separated values.`);
       }
     }
+    // Filter out mismatched data points so renderers get clean data
+    result.data = result.data.filter((dp) => {
+      const actualCount = 1 + (dp.extraValues?.length ?? 0);
+      return actualCount === expectedCount;
+    });
   }
 
   return result;

package/src/class/parser.ts

@@ -1,5 +1,6 @@
 import { resolveColor } from '../colors';
 import type { PaletteColors } from '../palettes';
+import { makeDgmoError, formatDgmoError, suggest } from '../diagnostics';
 import type {
   ParsedClassDiagram,
   ClassNode,
@@ -169,6 +170,15 @@ export function parseClassDiagram(
     type: 'class',
     classes: [],
     relationships: [],
+    options: {},
+    diagnostics: [],
+  };
+
+  const fail = (line: number, message: string): ParsedClassDiagram => {
+    const diag = makeDgmoError(line, message);
+    result.diagnostics.push(diag);
+    result.error = formatDgmoError(diag);
+    return result;
   };
 
   const classMap = new Map<string, ClassNode>();
@@ -216,8 +226,11 @@ export function parseClassDiagram(
       // Only recognize known metadata keys
       if (key === 'chart') {
         if (value.toLowerCase() !== 'class') {
-          result.error = `Line ${lineNumber}: Expected chart type "class", got "${value}"`;
-          return result;
+          const allTypes = ['class', 'flowchart', 'sequence', 'er', 'org', 'bar', 'line', 'pie', 'scatter', 'sankey', 'venn', 'timeline', 'arc', 'slope'];
+          let msg = `Expected chart type "class", got "${value}"`;
+          const hint = suggest(value.toLowerCase(), allTypes);
+          if (hint) msg += `. ${hint}`;
+          return fail(lineNumber, msg);
         }
         continue;
       }
@@ -228,8 +241,11 @@ export function parseClassDiagram(
         continue;
       }
 
-      // Unknown single-word keys are metadata — skip
-      if (!/\s/.test(key)) continue;
+      // Store diagram-level options (e.g., color: off)
+      if (!/\s/.test(key)) {
+        result.options[key] = value;
+        continue;
+      }
     }
 
     // Indented lines = members of current class
@@ -314,8 +330,23 @@ export function parseClassDiagram(
 
   // Validation
   if (result.classes.length === 0 && !result.error) {
-    result.error =
-      'No classes found. Add class declarations like "ClassName" or "ClassName [interface]".';
+    const diag = makeDgmoError(1, 'No classes found. Add class declarations like "ClassName" or "ClassName [interface]".');
+    result.diagnostics.push(diag);
+    result.error = formatDgmoError(diag);
+  }
+
+  // Warn about isolated classes (not in any relationship)
+  if (result.classes.length >= 2 && result.relationships.length >= 1 && !result.error) {
+    const connectedIds = new Set<string>();
+    for (const rel of result.relationships) {
+      connectedIds.add(rel.source);
+      connectedIds.add(rel.target);
+    }
+    for (const cls of result.classes) {
+      if (!connectedIds.has(cls.id)) {
+        result.diagnostics.push(makeDgmoError(cls.lineNumber, `Class "${cls.name}" is not connected to any other class`, 'warning'));
+      }
+    }
   }
 
   return result;

package/src/class/renderer.ts

@@ -16,6 +16,7 @@ import { layoutClassDiagram } from './layout';
 // ============================================================
 
 const DIAGRAM_PADDING = 20;
+const MAX_SCALE = 3;
 const CLASS_FONT_SIZE = 13;
 const MEMBER_FONT_SIZE = 11;
 const EDGE_LABEL_FONT_SIZE = 11;
@@ -40,7 +41,8 @@ function mix(a: string, b: string, pct: number): string {
   return `#${c(ar,br)}${c(ag,bg)}${c(ab,bb)}`;
 }
 
-function modifierColor(modifier: ClassModifier | undefined, palette: PaletteColors): string {
+function modifierColor(modifier: ClassModifier | undefined, palette: PaletteColors, colorOff?: boolean): string {
+  if (colorOff) return palette.textMuted;
   switch (modifier) {
     case 'interface':  return palette.colors.blue;
     case 'abstract':   return palette.colors.purple;
@@ -49,13 +51,13 @@ function modifierColor(modifier: ClassModifier | undefined, palette: PaletteColo
   }
 }
 
-function nodeFill(palette: PaletteColors, isDark: boolean, modifier: ClassModifier | undefined, nodeColor?: string): string {
-  const color = nodeColor ?? modifierColor(modifier, palette);
+function nodeFill(palette: PaletteColors, isDark: boolean, modifier: ClassModifier | undefined, nodeColor?: string, colorOff?: boolean): string {
+  const color = nodeColor ?? modifierColor(modifier, palette, colorOff);
   return mix(color, isDark ? palette.surface : palette.bg, 20);
 }
 
-function nodeStroke(palette: PaletteColors, modifier: ClassModifier | undefined, nodeColor?: string): string {
-  return nodeColor ?? modifierColor(modifier, palette);
+function nodeStroke(palette: PaletteColors, modifier: ClassModifier | undefined, nodeColor?: string, colorOff?: boolean): string {
+  return nodeColor ?? modifierColor(modifier, palette, colorOff);
 }
 
 // ============================================================
@@ -130,7 +132,7 @@ export function renderClassDiagram(
   const availH = height - titleHeight;
   const scaleX = (width - DIAGRAM_PADDING * 2) / diagramW;
   const scaleY = (availH - DIAGRAM_PADDING * 2) / diagramH;
-  const scale = Math.min(1, scaleX, scaleY);
+  const scale = Math.min(MAX_SCALE, scaleX, scaleY);
 
   const scaledW = diagramW * scale;
   const scaledH = diagramH * scale;
@@ -340,8 +342,9 @@ export function renderClassDiagram(
 
     const w = node.width;
     const h = node.height;
-    const fill = nodeFill(palette, isDark, node.modifier, node.color);
-    const stroke = nodeStroke(palette, node.modifier, node.color);
+    const colorOff = parsed.options?.color === 'off';
+    const fill = nodeFill(palette, isDark, node.modifier, node.color, colorOff);
+    const stroke = nodeStroke(palette, node.modifier, node.color, colorOff);
 
     // Outer rectangle
     nodeG.append('rect')

package/src/class/types.ts

@@ -41,11 +41,15 @@ export interface ClassRelationship {
   lineNumber: number;
 }
 
+import type { DgmoError } from '../diagnostics';
+
 export interface ParsedClassDiagram {
   type: 'class';
   title?: string;
   titleLineNumber?: number;
   classes: ClassNode[];
   relationships: ClassRelationship[];
+  options: Record<string, string>;
+  diagnostics: DgmoError[];
   error?: string;
 }

package/src/cli.ts

@@ -3,9 +3,13 @@ import { execSync } from 'node:child_process';
 import { resolve, basename, extname } from 'node:path';
 import { Resvg } from '@resvg/resvg-js';
 import { render } from './render';
+import { parseDgmo } from './dgmo-router';
+import { parseDgmoChartType } from './dgmo-router';
+import { formatDgmoError } from './diagnostics';
 import { getPalette } from './palettes/registry';
 import { DEFAULT_FONT_NAME } from './fonts';
 import { encodeDiagramUrl } from './sharing';
+import { resolveOrgImports } from './org/resolver';
 
 const PALETTES = [
   'nord',
@@ -220,6 +224,20 @@ async function main(): Promise<void> {
     noInput();
   }
 
+  // Resolve org chart imports (tags: and import: directives)
+  if (opts.input && parseDgmoChartType(content) === 'org') {
+    const inputPath = resolve(opts.input);
+    const resolved = await resolveOrgImports(
+      content,
+      inputPath,
+      (p) => readFileSync(p, 'utf-8'),
+    );
+    for (const diag of resolved.diagnostics) {
+      console.error(formatDgmoError(diag));
+    }
+    content = resolved.content;
+  }
+
   // Determine output format early to handle URL before rendering
   const format = inferFormat(opts.output);
 
@@ -271,6 +289,21 @@ async function main(): Promise<void> {
     process.exit(1);
   }
 
+  // Parse first to collect diagnostics
+  const { diagnostics } = parseDgmo(content);
+  const errors = diagnostics.filter((d) => d.severity === 'error');
+  const warnings = diagnostics.filter((d) => d.severity === 'warning');
+
+  // Print warnings even if rendering succeeds
+  for (const w of warnings) {
+    console.error(`\u26A0 ${formatDgmoError(w)}`);
+  }
+
+  // Print errors
+  for (const e of errors) {
+    console.error(`\u2716 ${formatDgmoError(e)}`);
+  }
+
   const svg = await render(content, {
     theme: opts.theme,
     palette: opts.palette,
@@ -278,9 +311,11 @@ async function main(): Promise<void> {
   });
 
   if (!svg) {
-    console.error(
-      'Error: Failed to render diagram. The input may be empty, invalid, or use an unsupported chart type.'
-    );
+    if (errors.length === 0) {
+      console.error(
+        'Error: Failed to render diagram. The input may be empty, invalid, or use an unsupported chart type.'
+      );
+    }
     process.exit(1);
   }
 

package/src/d3.ts

@@ -167,6 +167,7 @@ export interface ParsedD3 {
   quadrantYAxis: [string, string] | null;
   quadrantYAxisLineNumber: number | null;
   quadrantTitleLineNumber: number | null;
+  diagnostics: DgmoError[];
   error: string | null;
 }
 
@@ -177,6 +178,8 @@ export interface ParsedD3 {
 import { resolveColor } from './colors';
 import type { PaletteColors } from './palettes';
 import { getSeriesColors } from './palettes';
+import type { DgmoError } from './diagnostics';
+import { makeDgmoError, formatDgmoError, suggest } from './diagnostics';
 
 // ============================================================
 // Timeline Date Helper
@@ -298,12 +301,19 @@ export function parseD3(content: string, palette?: PaletteColors): ParsedD3 {
     quadrantYAxis: null,
     quadrantYAxisLineNumber: null,
     quadrantTitleLineNumber: null,
+    diagnostics: [],
     error: null,
   };
 
-  if (!content || !content.trim()) {
-    result.error = 'Empty content';
+  const fail = (line: number, message: string): ParsedD3 => {
+    const diag = makeDgmoError(line, message);
+    result.diagnostics.push(diag);
+    result.error = formatDgmoError(diag);
     return result;
+  };
+
+  if (!content || !content.trim()) {
+    return fail(0, 'Empty content');
   }
 
   const lines = content.split('\n');
@@ -604,8 +614,11 @@ export function parseD3(content: string, palette?: PaletteColors): ParsedD3 {
         ) {
           result.type = value;
         } else {
-          result.error = `Unsupported chart type: ${value}. Supported types: slope, wordcloud, arc, timeline, venn, quadrant, sequence`;
-          return result;
+          const validD3Types = ['slope', 'wordcloud', 'arc', 'timeline', 'venn', 'quadrant', 'sequence'];
+          let msg = `Unsupported chart type: ${value}. Supported types: ${validD3Types.join(', ')}`;
+          const hint = suggest(value, validD3Types);
+          if (hint) msg += `. ${hint}`;
+          return fail(lineNumber, msg);
         }
         continue;
       }
@@ -620,12 +633,15 @@ export function parseD3(content: string, palette?: PaletteColors): ParsedD3 {
       }
 
       if (key === 'orientation') {
-        const v = line
-          .substring(colonIndex + 1)
-          .trim()
-          .toLowerCase();
-        if (v === 'horizontal' || v === 'vertical') {
-          result.orientation = v;
+        // Only arc and timeline support orientation
+        if (result.type === 'arc' || result.type === 'timeline') {
+          const v = line
+            .substring(colonIndex + 1)
+            .trim()
+            .toLowerCase();
+          if (v === 'horizontal' || v === 'vertical') {
+            result.orientation = v;
+          }
         }
         continue;
       }
@@ -783,8 +799,7 @@ export function parseD3(content: string, palette?: PaletteColors): ParsedD3 {
 
   // Validation
   if (!result.type) {
-    result.error = 'Missing required "chart:" line (e.g., "chart: slope")';
-    return result;
+    return fail(1, 'Missing required "chart:" line (e.g., "chart: slope")');
   }
 
   // Sequence diagrams are parsed by their own dedicated parser
@@ -792,15 +807,17 @@ export function parseD3(content: string, palette?: PaletteColors): ParsedD3 {
     return result;
   }
 
+  const warn = (line: number, message: string): void => {
+    result.diagnostics.push(makeDgmoError(line, message, 'warning'));
+  };
+
   if (result.type === 'wordcloud') {
     // If no structured words were found, parse freeform text as word frequencies
     if (result.words.length === 0 && freeformLines.length > 0) {
       result.words = tokenizeFreeformText(freeformLines.join(' '));
     }
     if (result.words.length === 0) {
-      result.error =
-        'No words found. Add words as "word: weight", one per line, or paste freeform text';
-      return result;
+      warn(1, 'No words found. Add words as "word: weight", one per line, or paste freeform text');
     }
     // Apply max word limit (words are already sorted by weight desc for freeform)
     if (
@@ -817,15 +834,13 @@ export function parseD3(content: string, palette?: PaletteColors): ParsedD3 {
 
   if (result.type === 'arc') {
     if (result.links.length === 0) {
-      result.error =
-        'No links found. Add links as "Source -> Target: weight" (e.g., "Alice -> Bob: 5")';
-      return result;
+      warn(1, 'No links found. Add links as "Source -> Target: weight" (e.g., "Alice -> Bob: 5")');
     }
     // Validate arc ordering vs groups
     if (result.arcNodeGroups.length > 0) {
       if (result.arcOrder === 'name' || result.arcOrder === 'degree') {
-        result.error = `Cannot use "order: ${result.arcOrder}" with ## section headers. Use "order: group" or remove section headers.`;
-        return result;
+        warn(1, `Cannot use "order: ${result.arcOrder}" with ## section headers. Use "order: group" or remove section headers.`);
+        result.arcOrder = 'group';
       }
       if (result.arcOrder === 'appearance') {
         result.arcOrder = 'group';
@@ -836,70 +851,67 @@ export function parseD3(content: string, palette?: PaletteColors): ParsedD3 {
 
   if (result.type === 'timeline') {
     if (result.timelineEvents.length === 0) {
-      result.error =
-        'No events found. Add events as "YYYY: description" or "YYYY->YYYY: description"';
-      return result;
+      warn(1, 'No events found. Add events as "YYYY: description" or "YYYY->YYYY: description"');
     }
     return result;
   }
 
   if (result.type === 'venn') {
     if (result.vennSets.length < 2) {
-      result.error =
-        'At least 2 sets are required. Add sets as "Name: size" (e.g., "Math: 100")';
-      return result;
+      return fail(1, 'At least 2 sets are required. Add sets as "Name: size" (e.g., "Math: 100")');
     }
     if (result.vennSets.length > 3) {
-      result.error = 'At most 3 sets are supported. Remove extra sets.';
-      return result;
+      return fail(1, 'At most 3 sets are supported. Remove extra sets.');
     }
-    // Validate overlap references and sizes
+    // Validate overlap references and sizes — skip invalid overlaps
     const setMap = new Map(result.vennSets.map((s) => [s.name, s.size]));
+    const validOverlaps = [];
     for (const ov of result.vennOverlaps) {
+      let valid = true;
       for (const setName of ov.sets) {
         if (!setMap.has(setName)) {
-          result.error = `Overlap references unknown set "${setName}". Define it first as "${setName}: <size>"`;
-          return result;
+          result.diagnostics.push(makeDgmoError(ov.lineNumber, `Overlap references unknown set "${setName}". Define it first as "${setName}: <size>"`));
+          if (!result.error) result.error = formatDgmoError(result.diagnostics[result.diagnostics.length - 1]);
+          valid = false;
+          break;
         }
       }
+      if (!valid) continue;
       const minSetSize = Math.min(...ov.sets.map((s) => setMap.get(s)!));
       if (ov.size > minSetSize) {
-        result.error = `Overlap size ${ov.size} exceeds smallest constituent set size ${minSetSize}`;
-        return result;
+        warn(ov.lineNumber, `Overlap size ${ov.size} exceeds smallest constituent set size ${minSetSize}`);
       }
+      validOverlaps.push(ov);
     }
+    result.vennOverlaps = validOverlaps;
     return result;
   }
 
   if (result.type === 'quadrant') {
     if (result.quadrantPoints.length === 0) {
-      result.error =
-        'No data points found. Add points as "Label: x, y" (e.g., "Item A: 0.5, 0.7")';
-      return result;
+      warn(1, 'No data points found. Add points as "Label: x, y" (e.g., "Item A: 0.5, 0.7")');
     }
     return result;
   }
 
   // Slope chart validation
   if (result.periods.length < 2) {
-    result.error =
-      'Missing or invalid periods line. Provide at least 2 comma-separated period labels (e.g., "2020, 2024")';
-    return result;
+    return fail(1, 'Missing or invalid periods line. Provide at least 2 comma-separated period labels (e.g., "2020, 2024")');
   }
 
   if (result.data.length === 0) {
-    result.error =
-      'No data lines found. Add data as "Label: value1, value2" (e.g., "Apple: 25, 35")';
-    return result;
+    warn(1, 'No data lines found. Add data as "Label: value1, value2" (e.g., "Apple: 25, 35")');
   }
 
-  // Validate value counts match period count
+  // Validate value counts match period count — warn and skip mismatched items
   for (const item of result.data) {
     if (item.values.length !== result.periods.length) {
-      result.error = `Data item "${item.label}" has ${item.values.length} value(s) but ${result.periods.length} period(s) are defined`;
-      return result;
+      warn(item.lineNumber, `Data item "${item.label}" has ${item.values.length} value(s) but ${result.periods.length} period(s) are defined`);
     }
   }
+  result.data = result.data.filter(
+    (item) => item.values.length === result.periods.length
+  );
 
   return result;
 }
@@ -2916,6 +2928,34 @@ export function renderTimeline(
           if (ev.endDate) {
             const y2 = yScale(parseTimelineDate(ev.endDate));
             const rectH = Math.max(y2 - y, 4);
+
+            let fill: string = laneColor;
+            if (ev.uncertain) {
+              const gradientId = `uncertain-vg-${ev.lineNumber}`;
+              const defs =
+                svg.select('defs').node() || svg.append('defs').node();
+              d3Selection
+                .select(defs as Element)
+                .append('linearGradient')
+                .attr('id', gradientId)
+                .attr('x1', '0%')
+                .attr('y1', '0%')
+                .attr('x2', '0%')
+                .attr('y2', '100%')
+                .selectAll('stop')
+                .data([
+                  { offset: '0%', opacity: 1 },
+                  { offset: '80%', opacity: 1 },
+                  { offset: '100%', opacity: 0 },
+                ])
+                .enter()
+                .append('stop')
+                .attr('offset', (d) => d.offset)
+                .attr('stop-color', laneColor)
+                .attr('stop-opacity', (d) => d.opacity);
+              fill = `url(#${gradientId})`;
+            }
+
             evG
               .append('rect')
               .attr('x', laneCenter - 6)
@@ -2923,7 +2963,7 @@ export function renderTimeline(
               .attr('width', 12)
               .attr('height', rectH)
               .attr('rx', 4)
-              .attr('fill', laneColor);
+              .attr('fill', fill);
             evG
               .append('text')
               .attr('x', laneCenter + 14)
@@ -3127,6 +3167,34 @@ export function renderTimeline(
         if (ev.endDate) {
           const y2 = yScale(parseTimelineDate(ev.endDate));
           const rectH = Math.max(y2 - y, 4);
+
+          let fill: string = color;
+          if (ev.uncertain) {
+            const gradientId = `uncertain-v-${ev.lineNumber}`;
+            const defs =
+              svg.select('defs').node() || svg.append('defs').node();
+            d3Selection
+              .select(defs as Element)
+              .append('linearGradient')
+              .attr('id', gradientId)
+              .attr('x1', '0%')
+              .attr('y1', '0%')
+              .attr('x2', '0%')
+              .attr('y2', '100%')
+              .selectAll('stop')
+              .data([
+                { offset: '0%', opacity: 1 },
+                { offset: '80%', opacity: 1 },
+                { offset: '100%', opacity: 0 },
+              ])
+              .enter()
+              .append('stop')
+              .attr('offset', (d) => d.offset)
+              .attr('stop-color', color)
+              .attr('stop-opacity', (d) => d.opacity);
+            fill = `url(#${gradientId})`;
+          }
+
           evG
             .append('rect')
             .attr('x', axisX - 6)
@@ -3134,7 +3202,7 @@ export function renderTimeline(
             .attr('width', 12)
             .attr('height', rectH)
             .attr('rx', 4)
-            .attr('fill', color);
+            .attr('fill', fill);
           evG
             .append('text')
             .attr('x', axisX + 16)

package/src/dgmo-mermaid.ts

@@ -4,6 +4,8 @@
 // ============================================================
 
 import { resolveColor } from './colors';
+import type { DgmoError } from './diagnostics';
+import { makeDgmoError, formatDgmoError } from './diagnostics';
 
 // ============================================================
 // Types
@@ -29,6 +31,7 @@ export interface ParsedQuadrant {
     bottomRight: QuadrantLabel | null;
   };
   points: { label: string; x: number; y: number; lineNumber: number }[];
+  diagnostics: DgmoError[];
   error: string | null;
 }
 
@@ -68,6 +71,7 @@ export function parseQuadrant(content: string): ParsedQuadrant {
       bottomRight: null,
     },
     points: [],
+    diagnostics: [],
     error: null,
   };
 
@@ -154,7 +158,9 @@ export function parseQuadrant(content: string): ParsedQuadrant {
   }
 
   if (result.points.length === 0) {
-    result.error = 'No data points found. Add lines like: Label: 0.5, 0.7';
+    const diag = makeDgmoError(1, 'No data points found. Add lines like: Label: 0.5, 0.7');
+    result.diagnostics.push(diag);
+    result.error = formatDgmoError(diag);
   }
 
   return result;