@diagrammo/dgmo 0.8.14 → 0.8.16

package/src/palettes/rose-pine.ts

@@ -46,6 +46,8 @@ export const rosePinePalette: PaletteConfig = {
       teal: '#286983', // Pine
       cyan: '#56949f', // Foam
       gray: '#9893a5', // Muted
+      black: '#575279',
+      white: '#fffaf3',
     },
   },
   dark: {
@@ -69,6 +71,8 @@ export const rosePinePalette: PaletteConfig = {
       teal: '#3e8fb0', // Pine
       cyan: '#9ccfd8', // Foam
       gray: '#6e6a86', // Muted
+      black: '#2a273f',
+      white: '#e0def4',
     },
   },
 };

package/src/palettes/solarized.ts

@@ -39,6 +39,8 @@ export const solarizedPalette: PaletteConfig = {
       teal: '#2aa198',
       cyan: '#2aa198', // Solarized has no separate cyan — reuse teal
       gray: '#586e75', // base01
+      black: '#657b83',
+      white: '#eee8d5',
     },
   },
   dark: {
@@ -62,6 +64,8 @@ export const solarizedPalette: PaletteConfig = {
       teal: '#2aa198',
       cyan: '#2aa198',
       gray: '#586e75', // base01
+      black: '#073642',
+      white: '#839496',
     },
   },
 };

package/src/palettes/tokyo-night.ts

@@ -48,6 +48,8 @@ export const tokyoNightPalette: PaletteConfig = {
       teal: '#118c74',
       cyan: '#007197',
       gray: '#8990b3', // Day dark3
+      black: '#1a1b26',
+      white: '#d0d5e3',
     },
   },
   dark: {
@@ -71,6 +73,8 @@ export const tokyoNightPalette: PaletteConfig = {
       teal: '#1abc9c',
       cyan: '#7dcfff',
       gray: '#565f89', // Night comment
+      black: '#292e42',
+      white: '#c0caf5',
     },
   },
 };

package/src/palettes/types.ts

@@ -48,6 +48,8 @@ export interface PaletteColors {
     teal: string;
     cyan: string;
     gray: string;
+    black: string;
+    white: string;
   };
 }
 

package/src/sequence/parser.ts

@@ -604,7 +604,12 @@ export function parseSequenceDgmo(content: string): ParsedSequenceDgmo {
     // First entry is the default unless another is marked `default`
     if (currentTagGroup && !contentStarted && measureIndent(raw) > 0) {
       const { text: cleanEntry, isDefault } = stripDefaultModifier(trimmed);
-      const { label, color } = extractColor(cleanEntry);
+      const { label, color } = extractColor(
+        cleanEntry,
+        undefined,
+        result.diagnostics,
+        lineNumber
+      );
       if (!color) {
         pushError(
           lineNumber,

package/src/sequence/renderer.ts

@@ -12,7 +12,6 @@ import {
 } from '../utils/inline-markdown';
 export { parseInlineMarkdown, truncateBareUrl };
 import { FONT_FAMILY } from '../fonts';
-import { resolveColor } from '../colors';
 import type {
   ParsedSequenceDgmo,
   SequenceElement,
@@ -936,10 +935,7 @@ export function renderSequenceDiagram(
     );
     if (tg) {
       for (const entry of tg.entries) {
-        tagValueToColor.set(
-          entry.value.toLowerCase(),
-          resolveColor(entry.color) ?? entry.color
-        );
+        tagValueToColor.set(entry.value.toLowerCase(), entry.color);
       }
     }
   }
@@ -1598,7 +1594,7 @@ export function renderSequenceDiagram(
         name: tg.name,
         entries: tg.entries.map((e) => ({
           value: e.value,
-          color: resolveColor(e.color) ?? e.color,
+          color: e.color,
         })),
       }));
     const legendConfig: LegendConfig = {

package/src/sharing.ts

@@ -17,11 +17,13 @@ export interface DiagramViewState {
 export interface DecodedDiagramUrl {
   dsl: string;
   viewState: DiagramViewState;
+  filename?: string;
 }
 
 export interface EncodeDiagramUrlOptions {
   baseUrl?: string;
   viewState?: DiagramViewState;
+  filename?: string;
 }
 
 export type EncodeDiagramUrlResult =
@@ -80,6 +82,10 @@ export function encodeDiagramUrl(
     hash += `&th=${encodeURIComponent(options.viewState.theme)}`;
   }
 
+  if (options?.filename) {
+    hash += `&fn=${encodeURIComponent(options.filename)}`;
+  }
+
   // Encode in both query param AND hash fragment — some share mechanisms
   // strip one or the other (iOS share sheet strips #, AirDrop strips ?)
   return { url: `${baseUrl}?${hash}#${hash}` };
@@ -97,6 +103,7 @@ export function encodeDiagramUrl(
  */
 export function decodeDiagramUrl(hash: string): DecodedDiagramUrl {
   const empty: DecodedDiagramUrl = { dsl: '', viewState: {} };
+  let filename: string | undefined;
   if (!hash) return empty;
 
   let raw = hash;
@@ -134,6 +141,7 @@ export function decodeDiagramUrl(hash: string): DecodedDiagramUrl {
     if (key === 'pal' && val) viewState.palette = val;
     if (key === 'th' && (val === 'light' || val === 'dark'))
       viewState.theme = val;
+    if (key === 'fn' && val) filename = val;
   }
 
   // Strip 'dgmo=' prefix
@@ -141,12 +149,12 @@ export function decodeDiagramUrl(hash: string): DecodedDiagramUrl {
     payload = payload.slice(5);
   }
 
-  if (!payload) return { dsl: '', viewState };
+  if (!payload) return { dsl: '', viewState, filename };
 
   try {
     const result = decompressFromEncodedURIComponent(payload);
-    return { dsl: result ?? '', viewState };
+    return { dsl: result ?? '', viewState, filename };
   } catch {
-    return { dsl: '', viewState };
+    return { dsl: '', viewState, filename };
   }
 }

package/src/sitemap/parser.ts

@@ -3,7 +3,8 @@
 // ============================================================
 
 import type { PaletteColors } from '../palettes';
-import { resolveColor } from '../colors';
+import { resolveColorWithDiagnostic } from '../colors';
+import type { DgmoError } from '../diagnostics';
 import { makeDgmoError, formatDgmoError, suggest } from '../diagnostics';
 import type { TagGroup } from '../utils/tag-groups';
 import {
@@ -46,7 +47,9 @@ const BARE_ARROW_RE = /^->\s*(.+)$/;
 
 function parseArrowLine(
   trimmed: string,
-  palette?: PaletteColors
+  palette: PaletteColors | undefined,
+  lineNumber: number,
+  diagnostics: DgmoError[]
 ): {
   label?: string;
   color?: string;
@@ -69,10 +72,22 @@ function parseArrowLine(
   if (arrowMatch) {
     const label = arrowMatch[1]?.trim() || undefined;
     let color = arrowMatch[2]
-      ? (resolveColor(arrowMatch[2].trim(), palette) ?? undefined)
+      ? resolveColorWithDiagnostic(
+          arrowMatch[2].trim(),
+          lineNumber,
+          diagnostics,
+          palette
+        )
       : undefined;
     if (label && !color) {
-      color = inferArrowColor(label);
+      const inferred = inferArrowColor(label);
+      if (inferred)
+        color = resolveColorWithDiagnostic(
+          inferred,
+          lineNumber,
+          diagnostics,
+          palette
+        );
     }
     const rawTarget = arrowMatch[3].trim();
     const groupMatch = rawTarget.match(/^\[(.+)\]$/);
@@ -321,7 +336,12 @@ export function parseSitemap(
 
     // Check for arrow syntax (must check before metadata — arrows contain `:` in labels
     // but also start with `-`)
-    const arrowInfo = parseArrowLine(trimmed, palette);
+    const arrowInfo = parseArrowLine(
+      trimmed,
+      palette,
+      lineNumber,
+      result.diagnostics
+    );
     if (arrowInfo) {
       // Find the source node: the most recent node on the indent stack
       // at a shallower indent (same pattern as metadata attachment)
@@ -351,7 +371,12 @@ export function parseSitemap(
 
     if (containerMatch) {
       const rawLabel = containerMatch[1].trim();
-      const { label, color } = extractColor(rawLabel, palette);
+      const { label, color } = extractColor(
+        rawLabel,
+        palette,
+        result.diagnostics,
+        lineNumber
+      );
 
       // Parse optional pipe metadata on the container line
       const pipeStr = containerMatch[2];
@@ -401,7 +426,8 @@ export function parseSitemap(
           palette,
           ++nodeCounter,
           aliasMap,
-          pushWarning
+          pushWarning,
+          result.diagnostics
         );
         attachNode(node, indent, indentStack, result);
         labelToNode.set(node.label.toLowerCase(), node);
@@ -416,7 +442,8 @@ export function parseSitemap(
         palette,
         ++nodeCounter,
         aliasMap,
-        pushWarning
+        pushWarning,
+        result.diagnostics
       );
       attachNode(node, indent, indentStack, result);
       labelToNode.set(node.label.toLowerCase(), node);
@@ -503,11 +530,17 @@ function parseNodeLabel(
   palette: PaletteColors | undefined,
   counter: number,
   aliasMap: Map<string, string> = new Map(),
-  warnFn?: (line: number, msg: string) => void
+  warnFn?: (line: number, msg: string) => void,
+  diagnostics?: DgmoError[]
 ): SitemapNode {
   const segments = trimmed.split('|').map((s) => s.trim());
   const rawLabel = segments[0];
-  const { label, color } = extractColor(rawLabel, palette);
+  const { label, color } = extractColor(
+    rawLabel,
+    palette,
+    diagnostics,
+    lineNumber
+  );
   const metadata = parsePipeMetadata(
     segments,
     aliasMap,

package/src/utils/duration.ts

@@ -87,10 +87,19 @@ export function addBusinessDays(
   const days = Math.round(Math.abs(count));
   if (days === 0) return new Date(startDate);
 
+  // Guard: an invalid start date would produce an infinite loop because
+  // isWorkday() always returns false for NaN day-of-week. This happens
+  // mid-edit when the user is typing a partial date like `start 2026-`.
+  if (Number.isNaN(startDate.getTime())) return new Date(startDate);
+
+  // Guard: a workweek with no workdays (or fully blocked by holidays) would
+  // also loop forever. Bound the search at days * 14 calendar days, which
+  // covers up to 2 weeks of skipped days per business day requested.
   const current = new Date(startDate);
   let remaining = days;
+  let safety = days * 14 + 14;
 
-  while (remaining > 0) {
+  while (remaining > 0 && safety-- > 0) {
     current.setDate(current.getDate() + direction);
     if (isWorkday(current, workweek, holidaySet)) {
       remaining--;

package/src/utils/parsing.ts

@@ -4,7 +4,8 @@
  * pipe-metadata parsing.
  */
 
-import { resolveColor } from '../colors';
+import { resolveColor, resolveColorWithDiagnostic } from '../colors';
+import type { DgmoError } from '../diagnostics';
 import type { PaletteColors } from '../palettes';
 
 // ── All known chart types ────────────────────────────────────
@@ -65,14 +66,22 @@ export const COLOR_SUFFIX_RE = /\(([^)]+)\)\s*$/;
 /** Extract an optional trailing color suffix from a label, resolving via palette. */
 export function extractColor(
   label: string,
-  palette?: PaletteColors
+  palette?: PaletteColors,
+  diagnostics?: DgmoError[],
+  line?: number
 ): { label: string; color?: string } {
   const m = label.match(COLOR_SUFFIX_RE);
   if (!m) return { label };
   const colorName = m[1].trim();
+  let color: string | undefined;
+  if (diagnostics && line !== undefined) {
+    color = resolveColorWithDiagnostic(colorName, line, diagnostics, palette);
+  } else {
+    color = resolveColor(colorName, palette) ?? undefined;
+  }
   return {
     label: label.substring(0, m.index!).trim(),
-    color: resolveColor(colorName, palette) ?? undefined,
+    color,
   };
 }
 
@@ -299,7 +308,8 @@ export function parseSeriesNames(
   value: string,
   lines: string[],
   lineIndex: number,
-  palette?: PaletteColors
+  palette?: PaletteColors,
+  diagnostics?: DgmoError[]
 ): {
   series: string;
   names: string[];
@@ -328,8 +338,14 @@ export function parseSeriesNames(
   }
   const names: string[] = [];
   const nameColors: (string | undefined)[] = [];
-  for (const raw of rawNames) {
-    const extracted = extractColor(raw, palette);
+  for (let i = 0; i < rawNames.length; i++) {
+    const raw = rawNames[i];
+    const extracted = extractColor(
+      raw,
+      palette,
+      diagnostics,
+      nameLineNumbers[i]
+    );
     nameColors.push(extracted.color);
     names.push(extracted.label);
   }