@diagrammo/dgmo 0.8.3 → 0.8.5

package/src/graph/flowchart-parser.ts

@@ -9,13 +9,7 @@ import {
   OPTION_NOCOLON_RE,
   ALL_CHART_TYPES,
 } from '../utils/parsing';
-import type {
-  ParsedGraph,
-  GraphNode,
-  GraphEdge,
-  GraphShape,
-  GraphDirection,
-} from './types';
+import type { ParsedGraph, GraphNode, GraphEdge, GraphShape } from './types';
 
 // ============================================================
 // Helpers
@@ -36,10 +30,7 @@ interface NodeRef {
  * Try to parse a node reference from a text fragment.
  * Order matters: subroutine & document before process.
  */
-function parseNodeRef(
-  text: string,
-  palette?: PaletteColors
-): NodeRef | null {
+function parseNodeRef(text: string, palette?: PaletteColors): NodeRef | null {
   const t = text.trim();
   if (!t) return null;
 
@@ -47,7 +38,12 @@ function parseNodeRef(
   let m = t.match(/^\[\[([^\]]+)\]\]$/);
   if (m) {
     const { label, color } = extractColor(m[1].trim(), palette);
-    return { id: nodeId('subroutine', label), label, shape: 'subroutine', color };
+    return {
+      id: nodeId('subroutine', label),
+      label,
+      shape: 'subroutine',
+      color,
+    };
   }
 
   // Document: [Label~]
@@ -99,7 +95,12 @@ function splitArrows(line: string): string[] {
   const segments: string[] = [];
   let lastIndex = 0;
   // Simpler approach: find all `->` positions, then determine if there's a label prefix
-  const arrowPositions: { start: number; end: number; label?: string; color?: string }[] = [];
+  const arrowPositions: {
+    start: number;
+    end: number;
+    label?: string;
+    color?: string;
+  }[] = [];
 
   // Find all -> occurrences
   let searchFrom = 0;
@@ -124,10 +125,14 @@ function splitArrows(line: string): string[] {
         scanBack--;
       }
       // Check if this `-` could be the start of the arrow
-      if (line[scanBack] === '-' && (scanBack === 0 || /\s/.test(line[scanBack - 1]))) {
+      if (
+        line[scanBack] === '-' &&
+        (scanBack === 0 || /\s/.test(line[scanBack - 1]))
+      ) {
         // Content between opening `-` and `->` (strip trailing `-` that is part of `->`)
         let arrowContent = line.substring(scanBack + 1, idx);
-        if (arrowContent.endsWith('-')) arrowContent = arrowContent.slice(0, -1);
+        if (arrowContent.endsWith('-'))
+          arrowContent = arrowContent.slice(0, -1);
         // Parse label and color from arrow content
         const colorMatch = arrowContent.match(/\(([^)]+)\)\s*$/);
         if (colorMatch) {
@@ -159,7 +164,8 @@ function splitArrows(line: string): string[] {
     }
     // Arrow marker
     let arrowToken = '->';
-    if (arrow.label && arrow.color) arrowToken = `-${arrow.label}(${arrow.color})->`;
+    if (arrow.label && arrow.color)
+      arrowToken = `-${arrow.label}(${arrow.color})->`;
     else if (arrow.label) arrowToken = `-${arrow.label}->`;
     else if (arrow.color) arrowToken = `-(${arrow.color})->`;
     segments.push(arrowToken);
@@ -190,7 +196,9 @@ function parseArrowToken(token: string, palette?: PaletteColors): ArrowInfo {
   const m = token.match(/^-(.+?)(?:\(([^)]+)\))?->$/);
   if (m) {
     const label = m[1]?.trim() || undefined;
-    let color = m[2] ? resolveColor(m[2].trim(), palette) ?? undefined : undefined;
+    let color = m[2]
+      ? (resolveColor(m[2].trim(), palette) ?? undefined)
+      : undefined;
     if (label && !color) {
       color = inferArrowColor(label);
     }
@@ -214,7 +222,7 @@ export function parseFlowchart(
   const lines = content.split('\n');
   const result: ParsedGraph = {
     type: 'flowchart',
-    direction: 'LR',
+    direction: 'TB',
     nodes: [],
     edges: [],
     options: {},
@@ -406,9 +414,9 @@ export function parseFlowchart(
 
     // Options (space-separated, before content)
     if (!contentStarted) {
-      // Bare boolean: direction-tb
-      if (/^direction-tb$/i.test(trimmed)) {
-        result.direction = 'TB';
+      // Bare boolean: direction-lr
+      if (/^direction-lr$/i.test(trimmed)) {
+        result.direction = 'LR';
         continue;
       }
 
@@ -435,7 +443,10 @@ export function parseFlowchart(
 
   // Validation: no nodes found
   if (result.nodes.length === 0 && !result.error) {
-    const diag = makeDgmoError(1, 'No nodes found. Add flowchart content with shape syntax like [Process] or (Start).');
+    const diag = makeDgmoError(
+      1,
+      'No nodes found. Add flowchart content with shape syntax like [Process] or (Start).'
+    );
     result.diagnostics.push(diag);
     result.error = formatDgmoError(diag);
   }
@@ -449,7 +460,13 @@ export function parseFlowchart(
     }
     for (const node of result.nodes) {
       if (!connectedIds.has(node.id)) {
-        result.diagnostics.push(makeDgmoError(node.lineNumber, `Node "${node.label}" is not connected to any other node`, 'warning'));
+        result.diagnostics.push(
+          makeDgmoError(
+            node.lineNumber,
+            `Node "${node.label}" is not connected to any other node`,
+            'warning'
+          )
+        );
       }
     }
   }
@@ -485,7 +502,7 @@ export function looksLikeFlowchart(content: string): boolean {
   // Look for patterns like `[X] ->` or `-> [X]` or `(X) ->` etc.
   const shapeNearArrow =
     /[\])][ \t]*-.*->/.test(content) || // shape ] or ) followed by arrow
-    /->[ \t]*[\[(<\/]/.test(content); // arrow followed by shape opener
+    /->[ \t]*[[(</]/.test(content); // arrow followed by shape opener
 
   return shapeNearArrow;
 }
@@ -509,7 +526,11 @@ export function extractSymbols(docText: string): DiagramSymbols {
   for (const rawLine of docText.split('\n')) {
     const line = rawLine.trim();
     // Skip old-style colon metadata and new-style space-separated options
-    if (inMetadata && (/^[a-z-]+\s*:/i.test(line) || /^[a-z-]+\s+\S/i.test(line))) continue;
+    if (
+      inMetadata &&
+      (/^[a-z-]+\s*:/i.test(line) || /^[a-z-]+\s+\S/i.test(line))
+    )
+      continue;
     inMetadata = false;
     if (line.length === 0 || /^\s/.test(rawLine)) continue;
     const m = NODE_ID_RE.exec(line);

package/src/graph/state-parser.ts

@@ -8,12 +8,7 @@ import {
   OPTION_NOCOLON_RE,
   ALL_CHART_TYPES,
 } from '../utils/parsing';
-import type {
-  ParsedGraph,
-  GraphNode,
-  GraphGroup,
-  GraphDirection,
-} from './types';
+import type { ParsedGraph, GraphNode, GraphGroup } from './types';
 
 // ============================================================
 // Constants
@@ -36,7 +31,12 @@ const GROUP_BRACKET_RE = /^\[([^\]]+)\](?:\(([^)]+)\))?\s*$/;
  */
 function splitArrows(line: string): string[] {
   const segments: string[] = [];
-  const arrowPositions: { start: number; end: number; label?: string; color?: string }[] = [];
+  const arrowPositions: {
+    start: number;
+    end: number;
+    label?: string;
+    color?: string;
+  }[] = [];
 
   let searchFrom = 0;
   while (searchFrom < line.length) {
@@ -52,9 +52,13 @@ function splitArrows(line: string): string[] {
       while (scanBack > 0 && line[scanBack] !== '-') {
         scanBack--;
       }
-      if (line[scanBack] === '-' && (scanBack === 0 || /\s/.test(line[scanBack - 1]))) {
+      if (
+        line[scanBack] === '-' &&
+        (scanBack === 0 || /\s/.test(line[scanBack - 1]))
+      ) {
         let arrowContent = line.substring(scanBack + 1, idx);
-        if (arrowContent.endsWith('-')) arrowContent = arrowContent.slice(0, -1);
+        if (arrowContent.endsWith('-'))
+          arrowContent = arrowContent.slice(0, -1);
         const colorMatch = arrowContent.match(/\(([^)]+)\)\s*$/);
         if (colorMatch) {
           color = colorMatch[1].trim();
@@ -81,7 +85,8 @@ function splitArrows(line: string): string[] {
     if (beforeText || i === 0) segments.push(beforeText);
 
     let arrowToken = '->';
-    if (arrow.label && arrow.color) arrowToken = `-${arrow.label}(${arrow.color})->`;
+    if (arrow.label && arrow.color)
+      arrowToken = `-${arrow.label}(${arrow.color})->`;
     else if (arrow.label) arrowToken = `-${arrow.label}->`;
     else if (arrow.color) arrowToken = `-(${arrow.color})->`;
     segments.push(arrowToken);
@@ -101,11 +106,14 @@ interface ArrowInfo {
 function parseArrowToken(token: string, palette?: PaletteColors): ArrowInfo {
   if (token === '->') return {};
   const colorOnly = token.match(/^-\(([^)]+)\)->$/);
-  if (colorOnly) return { color: resolveColor(colorOnly[1].trim(), palette) ?? undefined };
+  if (colorOnly)
+    return { color: resolveColor(colorOnly[1].trim(), palette) ?? undefined };
   const m = token.match(/^-(.+?)(?:\(([^)]+)\))?->$/);
   if (m) {
     const label = m[1]?.trim() || undefined;
-    const color = m[2] ? resolveColor(m[2].trim(), palette) ?? undefined : undefined;
+    const color = m[2]
+      ? (resolveColor(m[2].trim(), palette) ?? undefined)
+      : undefined;
     return { label, color };
   }
   return {};
@@ -122,13 +130,20 @@ interface NodeRef {
   color?: string;
 }
 
-function parseStateNodeRef(text: string, palette?: PaletteColors): NodeRef | null {
+function parseStateNodeRef(
+  text: string,
+  palette?: PaletteColors
+): NodeRef | null {
   const t = text.trim();
   if (!t) return null;
 
   // Pseudostate: [*]
   if (t === '[*]') {
-    return { id: PSEUDOSTATE_ID, label: PSEUDOSTATE_LABEL, shape: 'pseudostate' };
+    return {
+      id: PSEUDOSTATE_ID,
+      label: PSEUDOSTATE_LABEL,
+      shape: 'pseudostate',
+    };
   }
 
   // State: bare text with optional (color) suffix
@@ -350,7 +365,13 @@ export function parseState(
         // Use explicit source if available, else implicit from indent
         const sourceId = lastNodeId ?? implicitSourceId;
         if (sourceId) {
-          addEdge(sourceId, node.id, lineNumber, pendingArrow.label, pendingArrow.color);
+          addEdge(
+            sourceId,
+            node.id,
+            lineNumber,
+            pendingArrow.label,
+            pendingArrow.color
+          );
         }
         pendingArrow = null;
       }
@@ -367,7 +388,10 @@ export function parseState(
 
   // Validation: no nodes found
   if (result.nodes.length === 0 && !result.error) {
-    const diag = makeDgmoError(1, 'No states found. Add state transitions like: Idle -> Active');
+    const diag = makeDgmoError(
+      1,
+      'No states found. Add state transitions like: Idle -> Active'
+    );
     result.diagnostics.push(diag);
     result.error = formatDgmoError(diag);
   }
@@ -381,7 +405,13 @@ export function parseState(
     }
     for (const node of result.nodes) {
       if (!connectedIds.has(node.id)) {
-        result.diagnostics.push(makeDgmoError(node.lineNumber, `State "${node.label}" is not connected to any other state`, 'warning'));
+        result.diagnostics.push(
+          makeDgmoError(
+            node.lineNumber,
+            `State "${node.label}" is not connected to any other state`,
+            'warning'
+          )
+        );
       }
     }
   }

package/src/index.ts

@@ -27,13 +27,8 @@ export type { RenderCategory } from './dgmo-router';
 // Parsers
 // ============================================================
 
-export { parseChart } from './chart';
-export type {
-  ParsedChart,
-  ChartType,
-  ChartDataPoint,
-  ChartEra,
-} from './chart';
+export { parseChart, parseDataRowValues } from './chart';
+export type { ParsedChart, ChartType, ChartDataPoint, ChartEra } from './chart';
 
 export { parseExtendedChart } from './echarts';
 export type { ParsedExtendedChart, ExtendedChartType } from './echarts';
@@ -46,7 +41,13 @@ export {
   computeTimeTicks,
   formatDateLabel,
 } from './d3';
-export type { ParsedVisualization, VisualizationType, D3ExportDimensions, ArcLink, ArcNodeGroup } from './d3';
+export type {
+  ParsedVisualization,
+  VisualizationType,
+  D3ExportDimensions,
+  ArcLink,
+  ArcNodeGroup,
+} from './d3';
 
 export {
   parseSequenceDgmo,
@@ -99,7 +100,10 @@ export type {
   ClassLayoutEdge,
 } from './class/layout';
 
-export { renderClassDiagram, renderClassDiagramForExport } from './class/renderer';
+export {
+  renderClassDiagram,
+  renderClassDiagramForExport,
+} from './class/renderer';
 
 export { parseERDiagram, looksLikeERDiagram } from './er/parser';
 
@@ -113,11 +117,7 @@ export type {
 } from './er/types';
 
 export { layoutERDiagram } from './er/layout';
-export type {
-  ERLayoutResult,
-  ERLayoutNode,
-  ERLayoutEdge,
-} from './er/layout';
+export type { ERLayoutResult, ERLayoutNode, ERLayoutEdge } from './er/layout';
 
 export { renderERDiagram, renderERDiagramForExport } from './er/renderer';
 
@@ -136,10 +136,7 @@ export { parseInlineMarkdown, truncateBareUrl } from './utils/inline-markdown';
 export type { InlineSpan } from './utils/inline-markdown';
 
 export { parseOrg } from './org/parser';
-export type {
-  ParsedOrg,
-  OrgNode,
-} from './org/parser';
+export type { ParsedOrg, OrgNode } from './org/parser';
 
 export { layoutOrg } from './org/layout';
 export type {
@@ -159,7 +156,11 @@ export type {
   KanbanTagGroup,
   KanbanTagEntry,
 } from './kanban/types';
-export { computeCardMove, computeCardArchive, isArchiveColumn } from './kanban/mutations';
+export {
+  computeCardMove,
+  computeCardArchive,
+  isArchiveColumn,
+} from './kanban/mutations';
 export { renderKanban, renderKanbanForExport } from './kanban/renderer';
 
 export { parseC4 } from './c4/parser';
@@ -176,7 +177,13 @@ export type {
   C4TagEntry,
 } from './c4/types';
 
-export { layoutC4Context, layoutC4Containers, layoutC4Components, layoutC4Deployment, rollUpContextRelationships } from './c4/layout';
+export {
+  layoutC4Context,
+  layoutC4Containers,
+  layoutC4Components,
+  layoutC4Deployment,
+  rollUpContextRelationships,
+} from './c4/layout';
 export type {
   C4LayoutResult,
   C4LayoutNode,
@@ -197,7 +204,10 @@ export {
   renderC4DeploymentForExport,
 } from './c4/renderer';
 
-export { parseInitiativeStatus, looksLikeInitiativeStatus } from './initiative-status/parser';
+export {
+  parseInitiativeStatus,
+  looksLikeInitiativeStatus,
+} from './initiative-status/parser';
 export type {
   ParsedInitiativeStatus,
   ISNode,
@@ -214,7 +224,10 @@ export type {
   ISLayoutGroup,
 } from './initiative-status/layout';
 
-export { renderInitiativeStatus, renderInitiativeStatusForExport } from './initiative-status/renderer';
+export {
+  renderInitiativeStatus,
+  renderInitiativeStatusForExport,
+} from './initiative-status/renderer';
 export type { ISRenderOptions } from './initiative-status/renderer';
 
 export { collapseInitiativeStatus } from './initiative-status/collapse';
@@ -247,16 +260,42 @@ export { collapseSitemapTree } from './sitemap/collapse';
 
 // ── Infra Chart ────────────────────────────────────────────
 export { parseInfra } from './infra/parser';
-export type { ParsedInfra, InfraNode, InfraEdge, InfraGroup, InfraTagGroup, InfraProperty, InfraDiagnostic, InfraComputeParams, InfraBehaviorKey } from './infra/types';
+export type {
+  ParsedInfra,
+  InfraNode,
+  InfraEdge,
+  InfraGroup,
+  InfraTagGroup,
+  InfraProperty,
+  InfraDiagnostic,
+  InfraComputeParams,
+  InfraBehaviorKey,
+} from './infra/types';
 export { INFRA_BEHAVIOR_KEYS } from './infra/types';
 export { computeInfra } from './infra/compute';
-export type { ComputedInfraModel, ComputedInfraNode, ComputedInfraEdge, InfraLatencyPercentiles, InfraAvailabilityPercentiles, InfraCbState } from './infra/types';
+export type {
+  ComputedInfraModel,
+  ComputedInfraNode,
+  ComputedInfraEdge,
+  InfraLatencyPercentiles,
+  InfraAvailabilityPercentiles,
+  InfraCbState,
+} from './infra/types';
 export { validateInfra, validateComputed } from './infra/validation';
 export { inferRoles, collectDiagramRoles } from './infra/roles';
 export type { InfraRole } from './infra/roles';
 export { layoutInfra } from './infra/layout';
-export type { InfraLayoutResult, InfraLayoutNode, InfraLayoutEdge, InfraLayoutGroup } from './infra/layout';
-export { renderInfra, parseAndLayoutInfra, computeInfraLegendGroups } from './infra/renderer';
+export type {
+  InfraLayoutResult,
+  InfraLayoutNode,
+  InfraLayoutEdge,
+  InfraLayoutGroup,
+} from './infra/layout';
+export {
+  renderInfra,
+  parseAndLayoutInfra,
+  computeInfraLegendGroups,
+} from './infra/renderer';
 export type { InfraLegendGroup, InfraPlaybackState } from './infra/renderer';
 export type { CollapsedSitemapResult } from './sitemap/collapse';
 
@@ -264,7 +303,13 @@ export type { CollapsedSitemapResult } from './sitemap/collapse';
 export { parseGantt } from './gantt/parser';
 export { calculateSchedule } from './gantt/calculator';
 export { renderGantt, buildTagLaneRowList } from './gantt/renderer';
-export type { GanttInteractiveOptions, GanttRow, GanttGroupRow, GanttTaskRow, GanttLaneHeaderRow } from './gantt/renderer';
+export type {
+  GanttInteractiveOptions,
+  GanttRow,
+  GanttGroupRow,
+  GanttTaskRow,
+  GanttLaneHeaderRow,
+} from './gantt/renderer';
 export { resolveTaskName, collectTasks } from './gantt/resolver';
 export type {
   ParsedGantt,
@@ -288,7 +333,11 @@ export { collapseOrgTree } from './org/collapse';
 export type { CollapsedOrgResult } from './org/collapse';
 
 export { resolveOrgImports } from './org/resolver';
-export type { ReadFileFn, ResolveImportsResult, ImportSource } from './org/resolver';
+export type {
+  ReadFileFn,
+  ResolveImportsResult,
+  ImportSource,
+} from './org/resolver';
 
 export { layoutGraph } from './graph/layout';
 export type {
@@ -298,13 +347,23 @@ export type {
   LayoutGroup,
 } from './graph/layout';
 
-export { renderFlowchart, renderFlowchartForExport } from './graph/flowchart-renderer';
+export {
+  renderFlowchart,
+  renderFlowchartForExport,
+} from './graph/flowchart-renderer';
 
 // ============================================================
 // Config Builders (produce framework-specific config objects)
 // ============================================================
 
-export { buildExtendedChartOption, buildSimpleChartOption, renderExtendedChartForExport, getExtendedChartLegendGroups, getSimpleChartLegendGroups, computeScatterLabelGraphics } from './echarts';
+export {
+  buildExtendedChartOption,
+  buildSimpleChartOption,
+  renderExtendedChartForExport,
+  getExtendedChartLegendGroups,
+  getSimpleChartLegendGroups,
+  computeScatterLabelGraphics,
+} from './echarts';
 export type { ScatterLabelPoint } from './echarts';
 export { renderLegendSvg, type LegendGroupData } from './utils/legend-svg';
 export { LEGEND_HEIGHT } from './utils/legend-constants';
@@ -403,7 +462,13 @@ export {
   PIPE_METADATA,
   extractTagDeclarations,
 } from './completion';
-export type { DiagramSymbols, ExtractFn, DirectiveSpec, DirectiveValueSpec, PipeKeySpec } from './completion';
+export type {
+  DiagramSymbols,
+  ExtractFn,
+  DirectiveSpec,
+  DirectiveValueSpec,
+  PipeKeySpec,
+} from './completion';
 
 export { parseFirstLine, ALL_CHART_TYPES } from './utils/parsing';