@diagrammo/dgmo 0.15.0 → 0.15.1

package/src/echarts.ts

@@ -1026,7 +1026,7 @@ function buildChordOption(
   isDark: boolean,
   textColor: string,
   colors: string[],
-  bg: string,
+  _bg: string,
   titleConfig: EChartsOption['title']
 ): EChartsOption {
   // Extract unique nodes from links
@@ -1185,7 +1185,7 @@ function evaluateExpression(expr: string, x: number): number {
 function buildFunctionOption(
   parsed: ParsedExtendedChart,
   palette: PaletteColors,
-  isDark: boolean,
+  _isDark: boolean,
   textColor: string,
   axisLineColor: string,
   gridOpacity: number,
@@ -2092,7 +2092,7 @@ function buildFunnelOption(
   isDark: boolean,
   textColor: string,
   colors: string[],
-  bg: string,
+  _bg: string,
   titleConfig: EChartsOption['title']
 ): EChartsOption {
   // Sort data descending by value for funnel ordering
@@ -2464,7 +2464,7 @@ function buildBarOption(
   splitLineColor: string,
   gridOpacity: number,
   colors: string[],
-  bg: string,
+  _bg: string,
   titleConfig: EChartsOption['title'],
   chartWidth?: number
 ): EChartsOption {
@@ -2893,7 +2893,7 @@ function buildPieOption(
   isDark: boolean,
   textColor: string,
   colors: string[],
-  bg: string,
+  _bg: string,
   titleConfig: EChartsOption['title'],
   isDoughnut: boolean
 ): EChartsOption {
@@ -3021,7 +3021,7 @@ function buildPolarAreaOption(
   isDark: boolean,
   textColor: string,
   colors: string[],
-  bg: string,
+  _bg: string,
   titleConfig: EChartsOption['title']
 ): EChartsOption {
   const data = parsed.data.map((d, i) => {
@@ -3079,7 +3079,7 @@ function buildBarStackedOption(
   splitLineColor: string,
   gridOpacity: number,
   colors: string[],
-  bg: string,
+  _bg: string,
   titleConfig: EChartsOption['title'],
   chartWidth?: number
 ): EChartsOption {
@@ -3282,11 +3282,11 @@ export async function renderExtendedChartForExport(
       // In static export, expand the first group so entries are visible
       // Extract grid offsets for plot-area-centered legend
       const grid = option.grid as Record<string, unknown> | undefined;
-      const gridLeftPct = grid?.left
-        ? parseFloat(String(grid.left))
+      const gridLeftPct = grid?.['left']
+        ? parseFloat(String(grid['left']))
         : undefined;
-      const gridRightPct = grid?.right
-        ? parseFloat(String(grid.right))
+      const gridRightPct = grid?.['right']
+        ? parseFloat(String(grid['right']))
         : undefined;
       const { svg: legendSvgStr } = renderLegendSvg(legendGroups, {
         palette: effectivePalette,

package/src/er/parser.ts

@@ -229,14 +229,6 @@ export function parseERDiagram(
     error: null,
   };
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const _fail = (line: number, message: string): ParsedERDiagram => {
-    const diag = makeDgmoError(line, message);
-    result.diagnostics.push(diag);
-    result.error = formatDgmoError(diag);
-    return result;
-  };
-
   const pushError = (line: number, message: string): void => {
     const diag = makeDgmoError(line, message);
     result.diagnostics.push(diag);
@@ -628,7 +620,7 @@ export function looksLikeERDiagram(content: string): boolean {
 // Symbol extraction (for completion API)
 // ============================================================
 
-import type { DiagramSymbols } from '../completion';
+import type { DiagramSymbols } from '../completion-types';
 
 /**
  * Extract table names (entities) and ER keywords from document text.

package/src/er/renderer.ts

@@ -340,7 +340,7 @@ export function renderERDiagram(
     semanticRoles !== null && (semanticColorsActive ?? true);
 
   // ── Edges (behind nodes) ──
-  const useLabels = parsed.options.notation === 'labels';
+  const useLabels = parsed.options['notation'] === 'labels';
 
   for (const edge of layout.edges) {
     if (edge.points.length < 2) continue;

package/src/gantt/calculator.ts

@@ -9,7 +9,7 @@
 // 3. Forward pass: resolve dates using universal max rule
 // 4. (Optional) Critical path: backward pass to find zero-slack chain
 
-import { makeDgmoError, formatDgmoError } from '../diagnostics';
+import { makeDgmoError } from '../diagnostics';
 import type { DgmoError } from '../diagnostics';
 import type {
   ParsedGantt,
@@ -67,14 +67,6 @@ export function calculateSchedule(parsed: ParsedGantt): ResolvedSchedule {
     diagnostics.push(makeDgmoError(line, message, 'warning'));
   };
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const _fail = (line: number, message: string): ResolvedSchedule => {
-    const diag = makeDgmoError(line, message);
-    diagnostics.push(diag);
-    result.error = formatDgmoError(diag);
-    return result;
-  };
-
   // ── Build holiday set ───────────────────────────────────
 
   const holidaySet = buildHolidaySet(parsed.holidays);
@@ -124,8 +116,6 @@ export function calculateSchedule(parsed: ParsedGantt): ResolvedSchedule {
   // ── Resolve explicit -> dependencies ────────────────────
 
   for (const task of allTasks) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const _node = taskMap.get(task.id)!;
     for (const dep of task.dependencies) {
       const resolved = resolveTaskName(dep.targetName, allTasks);
       if (isResolverError(resolved)) {

package/src/gantt/parser.ts

@@ -435,15 +435,15 @@ export function parseGantt(
             metaAliasMap,
             () => warn(lineNumber, MULTIPLE_PIPE_ERROR)
           );
-          if (meta.lag || meta.lead) {
-            const key = meta.lag ? 'lag' : 'lead';
+          if (meta['lag'] || meta['lead']) {
+            const key = meta['lag'] ? 'lag' : 'lead';
             softError(
               lineNumber,
               `"${key}" is no longer supported — use "offset: ${meta[key]}" instead.${key === 'lead' ? ' Negate the value for lead behavior: "offset: -...".' : ''}`
             );
           }
-          if (meta.offset) {
-            const raw = meta.offset;
+          if (meta['offset']) {
+            const raw = meta['offset'];
             if (raw.trim().startsWith('+')) {
               warn(
                 lineNumber,
@@ -903,15 +903,15 @@ export function parseGantt(
           metaAliasMap,
           () => warn(lineNumber, MULTIPLE_PIPE_ERROR)
         );
-        if (meta.lag || meta.lead) {
-          const key = meta.lag ? 'lag' : 'lead';
+        if (meta['lag'] || meta['lead']) {
+          const key = meta['lag'] ? 'lag' : 'lead';
           softError(
             lineNumber,
             `"${key}" is no longer supported — use "offset: ${meta[key]}" instead.${key === 'lead' ? ' Negate the value for lead behavior: "offset: -...".' : ''}`
           );
         }
-        if (meta.offset) {
-          const raw = meta.offset;
+        if (meta['offset']) {
+          const raw = meta['offset'];
           if (raw.trim().startsWith('+')) {
             warn(
               lineNumber,
@@ -1023,9 +1023,9 @@ export function parseGantt(
 
     // Extract progress from metadata or shorthand
     let progress: number | null = null;
-    if (metadata.progress) {
-      progress = parseFloat(metadata.progress);
-      delete metadata.progress;
+    if (metadata['progress']) {
+      progress = parseFloat(metadata['progress']);
+      delete metadata['progress'];
     }
     // Check for progress shorthand: `| 80%` or `| t:X, 80%`
     for (const part of segments.slice(1).join(',').split(',')) {
@@ -1037,8 +1037,8 @@ export function parseGantt(
     }
 
     // Reject lag/lead — use offset instead
-    if (metadata.lag || metadata.lead) {
-      const key = metadata.lag ? 'lag' : 'lead';
+    if (metadata['lag'] || metadata['lead']) {
+      const key = metadata['lag'] ? 'lag' : 'lead';
       softError(
         ln,
         `"${key}" is no longer supported — use "offset: ${metadata[key]}" instead.${key === 'lead' ? ' Negate the value for lead behavior: "offset: -...".' : ''}`
@@ -1047,8 +1047,8 @@ export function parseGantt(
 
     // Extract task-level offset from metadata
     let taskOffset: Offset | undefined;
-    if (metadata.offset) {
-      const raw = metadata.offset;
+    if (metadata['offset']) {
+      const raw = metadata['offset'];
       if (raw.trim().startsWith('+')) {
         warn(
           ln,
@@ -1063,7 +1063,7 @@ export function parseGantt(
           );
         }
       }
-      delete metadata.offset;
+      delete metadata['offset'];
     }
 
     // Inherit metadata from parent groups (tag inheritance)

package/src/gantt/renderer.ts

@@ -1973,7 +1973,7 @@ function renderTagLegend(
   isDark: boolean,
   hasCriticalPath: boolean,
   criticalPathActive: boolean,
-  optionLineNumbers: Record<string, number>,
+  _optionLineNumbers: Record<string, number>,
   onToggle?: (groupName: string) => void,
   onToggleControlsExpand?: () => void,
   currentSwimlaneGroup?: string | null,
@@ -3633,7 +3633,7 @@ function resolveTaskColor(
 function renderTimeScaleHorizontal(
   g: d3Selection.Selection<SVGGElement, unknown, null, undefined>,
   scale: d3Scale.ScaleLinear<number, number>,
-  innerWidth: number,
+  _innerWidth: number,
   innerHeight: number,
   textColor: string
 ): void {

package/src/graph/flowchart-parser.ts

@@ -663,7 +663,7 @@ export function looksLikeFlowchart(content: string): boolean {
 // Symbol extraction (for completion API)
 // ============================================================
 
-import type { DiagramSymbols } from '../completion';
+import type { DiagramSymbols } from '../completion-types';
 
 // Node ID: identifier at line start followed by a shape delimiter or space (arrow line)
 const NODE_ID_RE = /^([a-zA-Z_][\w-]*)[\s([</{]/;

package/src/graph/flowchart-renderer.ts

@@ -623,7 +623,7 @@ export function renderFlowchart(
   }
 
   // Render nodes (top layer)
-  const colorOff = graph.options?.color === 'off';
+  const colorOff = graph.options?.['color'] === 'off';
   const solid = graph.options?.['solid-fill'] === 'on';
   for (const node of layout.nodes) {
     const nodeG = contentG

package/src/graph/state-renderer.ts

@@ -431,7 +431,7 @@ export function renderState(
   }
 
   // Render nodes (top layer)
-  const colorOff = graph.options?.color === 'off';
+  const colorOff = graph.options?.['color'] === 'off';
   const solid = graph.options?.['solid-fill'] === 'on';
   for (const node of layout.nodes) {
     const isCollapsedGroup = collapsedGroupIds.has(node.id);

package/src/index.ts

@@ -13,6 +13,7 @@ import { render as renderInternal } from './render';
 import {
   encodeDiagramUrl as encodeDiagramUrlInternal,
   decodeDiagramUrl as decodeDiagramUrlInternal,
+  type CompactViewState,
 } from './sharing';
 import { parseDgmo as validate } from './dgmo-router';
 import { palettes, getPalette } from './palettes';
@@ -20,6 +21,8 @@ import type { PaletteConfig } from './palettes/types';
 import type { Theme } from './themes';
 import { formatDgmoError, type DgmoError } from './diagnostics';
 
+export type { CompactViewState } from './sharing';
+
 // ============================================================
 // render(text, options?)
 // ============================================================
@@ -34,6 +37,12 @@ export interface RenderOptions {
    *   'throw'  — throw an Error with the diagnostics
    */
   onError?: 'svg' | 'silent' | 'throw';
+  /**
+   * Pre-applied interactive view state — collapsed sections/columns,
+   * active swimlane tag-group, etc. Used to render a specific view
+   * non-interactively (server-side render, share-link decode).
+   */
+  viewState?: CompactViewState;
 }
 
 export interface RenderResult {
@@ -65,6 +74,7 @@ export async function render(
   const result = await renderInternal(text, {
     theme: options?.theme,
     palette: palette.id,
+    viewState: options?.viewState,
   });
 
   const errors = result.diagnostics.filter((d) => d.severity === 'error');
@@ -139,6 +149,11 @@ export interface EncodeDiagramUrlOptions {
   palette?: PaletteConfig;
   theme?: Theme;
   filename?: string;
+  /**
+   * Initial view state to embed in the URL — re-applied when the link is
+   * decoded so recipients open the diagram in the same configuration.
+   */
+  viewState?: CompactViewState;
 }
 
 /**
@@ -158,6 +173,7 @@ export function encodeDiagramUrl(
     palette: options?.palette?.id,
     theme: internalTheme,
     filename: options?.filename,
+    viewState: options?.viewState,
   });
   return 'error' in result && result.error ? null : (result.url ?? null);
 }
@@ -188,7 +204,7 @@ export function decodeDiagramUrl(url: string): DecodedDiagramUrl | null {
 // Palettes + themes (namespaces)
 // ============================================================
 
-export { palettes } from './palettes';
+export { palettes, getPalette } from './palettes';
 export { themes, type Theme } from './themes';
 
 // ============================================================

package/src/infra/parser.ts

@@ -351,11 +351,11 @@ export function parseInfra(content: string): ParsedInfra {
 
       // animate (default ON) / no-animate
       if (trimmed === 'animate') {
-        result.options.animate = 'on';
+        result.options['animate'] = 'on';
         continue;
       }
       if (trimmed === 'no-animate') {
-        result.options.animate = 'off';
+        result.options['animate'] = 'off';
         continue;
       }
 
@@ -550,11 +550,11 @@ export function parseInfra(content: string): ParsedInfra {
         const pipeMeta = extractPipeMetadata(targetRaw);
         const targetName = pipeMeta.clean || targetRaw;
         warnUnparsedPipeMeta(targetName, lineNumber, warn);
-        const split = pipeMeta.tags.split
-          ? parseFloat(pipeMeta.tags.split)
+        const split = pipeMeta.tags['split']
+          ? parseFloat(pipeMeta.tags['split'])
           : null;
-        const fanoutRaw = pipeMeta.tags.fanout
-          ? parseInt(pipeMeta.tags.fanout, 10)
+        const fanoutRaw = pipeMeta.tags['fanout']
+          ? parseInt(pipeMeta.tags['fanout'], 10)
           : null;
         if (fanoutRaw !== null && fanoutRaw < 1) {
           warn(
@@ -588,11 +588,11 @@ export function parseInfra(content: string): ParsedInfra {
         const pipeMeta = extractPipeMetadata(targetRaw);
         const targetName = pipeMeta.clean || targetRaw;
         warnUnparsedPipeMeta(targetName, lineNumber, warn);
-        const split = pipeMeta.tags.split
-          ? parseFloat(pipeMeta.tags.split)
+        const split = pipeMeta.tags['split']
+          ? parseFloat(pipeMeta.tags['split'])
           : null;
-        const fanoutRaw = pipeMeta.tags.fanout
-          ? parseInt(pipeMeta.tags.fanout, 10)
+        const fanoutRaw = pipeMeta.tags['fanout']
+          ? parseInt(pipeMeta.tags['fanout'], 10)
           : null;
         if (fanoutRaw !== null && fanoutRaw < 1) {
           warn(
@@ -631,11 +631,11 @@ export function parseInfra(content: string): ParsedInfra {
         const pipeMeta = extractPipeMetadata(targetRaw);
         const targetName = pipeMeta.clean || targetRaw;
         warnUnparsedPipeMeta(targetName, lineNumber, warn);
-        const split = pipeMeta.tags.split
-          ? parseFloat(pipeMeta.tags.split)
+        const split = pipeMeta.tags['split']
+          ? parseFloat(pipeMeta.tags['split'])
           : null;
-        const fanoutRaw = pipeMeta.tags.fanout
-          ? parseInt(pipeMeta.tags.fanout, 10)
+        const fanoutRaw = pipeMeta.tags['fanout']
+          ? parseInt(pipeMeta.tags['fanout'], 10)
           : null;
         if (fanoutRaw !== null && fanoutRaw < 1) {
           warn(
@@ -669,11 +669,11 @@ export function parseInfra(content: string): ParsedInfra {
         const pipeMeta = extractPipeMetadata(targetRaw);
         const targetName = pipeMeta.clean || targetRaw;
         warnUnparsedPipeMeta(targetName, lineNumber, warn);
-        const split = pipeMeta.tags.split
-          ? parseFloat(pipeMeta.tags.split)
+        const split = pipeMeta.tags['split']
+          ? parseFloat(pipeMeta.tags['split'])
           : null;
-        const fanoutRaw = pipeMeta.tags.fanout
-          ? parseInt(pipeMeta.tags.fanout, 10)
+        const fanoutRaw = pipeMeta.tags['fanout']
+          ? parseInt(pipeMeta.tags['fanout'], 10)
           : null;
         if (fanoutRaw !== null && fanoutRaw < 1) {
           warn(
@@ -892,7 +892,7 @@ export function parseInfra(content: string): ParsedInfra {
 // Symbol extraction (for completion API)
 // ============================================================
 
-import type { DiagramSymbols } from '../completion';
+import type { DiagramSymbols } from '../completion-types';
 
 /**
  * Extract component names (entities) from infra document text.

package/src/infra/renderer.ts

@@ -1165,7 +1165,7 @@ function renderEdgePaths(
   nodes: InfraLayoutNode[],
   groups: InfraLayoutGroup[],
   palette: PaletteColors,
-  isDark: boolean,
+  _isDark: boolean,
   animate: boolean,
   direction: 'LR' | 'TB',
   speedMultiplier: number = 1
@@ -1245,7 +1245,7 @@ function renderEdgeLabels(
   nodes: InfraLayoutNode[],
   groups: InfraLayoutGroup[],
   palette: PaletteColors,
-  isDark: boolean,
+  _isDark: boolean,
   animate: boolean,
   direction: 'LR' | 'TB'
 ) {