@diagrammo/dgmo 0.8.25 → 0.8.27

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.8.25",
+  "version": "0.8.27",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/diagrammo/dgmo.git"
+  },
+  "homepage": "https://github.com/diagrammo/dgmo#readme",
   "type": "module",
   "bin": {
     "dgmo": "dist/cli.cjs"
@@ -84,7 +89,7 @@
     "check:deadcode": "knip",
     "check:spelling": "cspell \"src/**/*.ts\" \"tests/**/*.ts\"",
     "check:all": "pnpm check:deadcode && pnpm check:spelling && pnpm check:duplication && pnpm check:circular && pnpm check:deps && pnpm check:security && pnpm build && pnpm check:publish && pnpm check:types",
-    "check:circular": "madge --circular --extensions ts src/ --json | node -e \"const c=JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')); const n=c.length; if(n>7){console.error('New circular deps found ('+n+' > 7 known type-only cycles)');process.exit(1)}else if(n>0){console.log(n+' known type-only/dynamic cycles (safe)')}else{console.log('No circular dependencies')}\"",
+    "check:circular": "madge --circular --extensions ts src/ --json | node -e \"const c=JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')); const n=c.length; if(n>10){console.error('New circular deps found ('+n+' > 10 known type-only cycles)');process.exit(1)}else if(n>0){console.log(n+' known type-only/dynamic cycles (safe)')}else{console.log('No circular dependencies')}\"",
     "check:deps": "depcheck --ignores='@codemirror/language,@lezer/*,husky,lint-staged,tsup'",
     "check:security": "pnpm audit --prod",
     "check:publish": "publint",

package/src/d3.ts

@@ -2681,8 +2681,10 @@ function renderEras(
   eras.forEach((era, i) => {
     const startVal = parseTimelineDate(era.startDate);
     const endVal = parseTimelineDate(era.endDate);
+    if (!Number.isFinite(startVal) || !Number.isFinite(endVal)) return;
     const start = scale(startVal);
     const end = scale(endVal);
+    if (!Number.isFinite(start) || !Number.isFinite(end)) return;
     const color = era.color || eraColors[i % eraColors.length];
 
     const eraG = g
@@ -2772,7 +2774,9 @@ function renderMarkers(
 
   markers.forEach((marker) => {
     const dateVal = parseTimelineDate(marker.date);
+    if (!Number.isFinite(dateVal)) return;
     const pos = scale(dateVal);
+    if (!Number.isFinite(pos)) return;
     const color = marker.color || defaultColor;
     const lineOpacity = 0.5;
     const diamondSize = 5;
@@ -3480,6 +3484,33 @@ export function renderTimeline(
       latestEndDateStr = ev.endDate ?? ev.date;
     }
   }
+
+  // Eras and markers anchor the time axis — fold their dates into the
+  // domain so out-of-range items still render within the chart.
+  for (const era of timelineEras) {
+    const eraStartNum = parseTimelineDate(era.startDate);
+    const eraEndNum = parseTimelineDate(era.endDate);
+    if (Number.isFinite(eraStartNum) && eraStartNum < minDate) {
+      minDate = eraStartNum;
+      earliestStartDateStr = era.startDate;
+    }
+    if (Number.isFinite(eraEndNum) && eraEndNum > maxDate) {
+      maxDate = eraEndNum;
+      latestEndDateStr = era.endDate;
+    }
+  }
+  for (const marker of timelineMarkers) {
+    const markerNum = parseTimelineDate(marker.date);
+    if (!Number.isFinite(markerNum)) continue;
+    if (markerNum < minDate) {
+      minDate = markerNum;
+      earliestStartDateStr = marker.date;
+    }
+    if (markerNum > maxDate) {
+      maxDate = markerNum;
+      latestEndDateStr = marker.date;
+    }
+  }
   const datePadding = (maxDate - minDate) * 0.05 || 0.5;
 
   const FADE_OPACITY = 0.1;

package/src/journey-map/layout.ts

@@ -27,7 +27,7 @@ export interface StepLayout {
   color: string;
 }
 
-export interface PhaseLayout {
+interface PhaseLayout {
   x: number;
   y: number;
   width: number;
@@ -88,8 +88,6 @@ export function scoreToColor(score: number, palette: PaletteColors): string {
 // Layout Engine
 // ============================================================
 
-export const COLLAPSED_PHASE_WIDTH = 60;
-
 export function layoutJourneyMap(
   parsed: ParsedJourneyMap,
   palette: PaletteColors,

package/src/tech-radar/layout.ts

@@ -186,5 +186,4 @@ export function getRadarGeometry(
   return { cx, cy, maxRadius, ringBandWidth: maxRadius / ringCount };
 }
 
-/** Exported for testing. */
-export { POSITION_ORDER, getQuadrantArc, BASE_BLIP_RADIUS, MIN_BLIP_RADIUS };
+export { POSITION_ORDER, getQuadrantArc };

package/src/tech-radar/parser.ts

@@ -33,7 +33,7 @@ const POSITION_ORDER: readonly QuadrantPosition[] = [
 /** Known tech-radar options (key-value). */
 const KNOWN_OPTIONS = new Set<string>([]);
 /** Known tech-radar boolean options (bare keyword). */
-const KNOWN_BOOLEANS = new Set<string>([]);
+const KNOWN_BOOLEANS = new Set<string>(['show-blip-legend']);
 
 export function parseTechRadar(content: string): ParsedTechRadar {
   const result: ParsedTechRadar = {

package/src/tech-radar/renderer.ts

@@ -111,8 +111,10 @@ export function renderTechRadar(
     return;
   }
 
-  // Determine if listing is visible — always show for export (blip legend is essential)
-  const showListing = exportDims ? true : (options?.showListing ?? false);
+  // Determine if listing is visible — always show for export (blip legend is essential).
+  // Otherwise: runtime option wins; falls back to the `show-blip-legend` directive in source.
+  const directiveOn = parsed.options['show-blip-legend'] === 'on';
+  const showListing = exportDims ? true : (options?.showListing ?? directiveOn);
   const listingHeight = showListing ? estimateListingHeight(parsed) : 0;
 
   const init = initRadarSvg(container, palette, exportDims);

package/src/tech-radar/shared.ts

@@ -4,7 +4,7 @@ import type { PaletteColors } from '../palettes';
 import type { QuadrantPosition, BlipTrend } from './types';
 
 /** Default quadrant colors by position when not overridden. */
-export const DEFAULT_QUADRANT_COLORS: Record<QuadrantPosition, string> = {
+const DEFAULT_QUADRANT_COLORS: Record<QuadrantPosition, string> = {
   'top-left': 'blue',
   'top-right': 'green',
   'bottom-left': 'red',
@@ -101,20 +101,6 @@ function renderCrescent(
     .attr('stroke-linecap', 'round');
 }
 
-/** Trend indicator character for text listings. */
-export function getTrendChar(trend: BlipTrend | null): string {
-  switch (trend) {
-    case 'new':
-      return ' ★';
-    case 'up':
-      return ' ▲';
-    case 'down':
-      return ' ▼';
-    default:
-      return '';
-  }
-}
-
 // ============================================================
 // Shared Constants
 // ============================================================
@@ -163,25 +149,3 @@ export function createTooltip(
   container.appendChild(tip);
   return tip;
 }
-
-export function showTooltip(
-  tooltip: HTMLDivElement,
-  text: string,
-  event: MouseEvent
-): void {
-  tooltip.textContent = text;
-  tooltip.style.display = 'block';
-  const container = tooltip.parentElement!;
-  const rect = container.getBoundingClientRect();
-  let left = event.clientX - rect.left + 12;
-  let top = event.clientY - rect.top - 28;
-  const tipW = tooltip.offsetWidth;
-  if (left + tipW > rect.width) left = rect.width - tipW - 4;
-  if (top < 0) top = event.clientY - rect.top + 16;
-  tooltip.style.left = `${left}px`;
-  tooltip.style.top = `${top}px`;
-}
-
-export function hideTooltip(tooltip: HTMLDivElement): void {
-  tooltip.style.display = 'none';
-}

package/src/tech-radar/index.ts

@@ -1,14 +0,0 @@
-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';