@diagrammo/dgmo 0.47.0 → 0.48.0

package/src/palettes/nord.ts

@@ -1,67 +0,0 @@
-import type { PaletteConfig } from './types';
-import { registerPalette } from './registry';
-
-// ============================================================
-// Nord Palette Definition
-// ============================================================
-
-export const nordPalette: PaletteConfig = {
-  id: 'nord',
-  name: 'Nord',
-  light: {
-    bg: '#eceff4', // nord6
-    surface: '#e5e9f0', // nord5
-    overlay: '#d8dee9', // nord4 (muted/secondary backgrounds)
-    border: '#d8dee9', // nord4
-    text: '#2e3440', // nord0
-    textMuted: '#4c566a', // nord3
-    textOnFillLight: '#eceff4', // nord6
-    textOnFillDark: '#2e3440', // nord0
-    primary: '#5e81ac', // nord10
-    secondary: '#81a1c1', // nord9
-    accent: '#81a1c1', // nord9
-    destructive: '#bf616a', // nord11
-    colors: {
-      red: '#bf616a', // nord11
-      orange: '#d08770', // nord12
-      yellow: '#ebcb8b', // nord13
-      green: '#a3be8c', // nord14
-      blue: '#5e81ac', // nord10
-      purple: '#b48ead', // nord15
-      teal: '#8fbcbb', // nord7
-      cyan: '#88c0d0', // nord8
-      gray: '#4c566a', // nord3
-      black: '#2e3440',
-      white: '#e5e9f0',
-    },
-  },
-  dark: {
-    bg: '#2e3440', // nord0
-    surface: '#3b4252', // nord1
-    overlay: '#434c5e', // nord2
-    border: '#4c566a', // nord3
-    text: '#eceff4', // nord6
-    textMuted: '#d8dee9', // nord4
-    textOnFillLight: '#eceff4', // nord6
-    textOnFillDark: '#2e3440', // nord0
-    primary: '#88c0d0', // nord8 (different from light's nord10)
-    secondary: '#81a1c1', // nord9
-    accent: '#81a1c1', // nord9
-    destructive: '#bf616a', // nord11
-    colors: {
-      red: '#bf616a', // nord11
-      orange: '#d08770', // nord12
-      yellow: '#ebcb8b', // nord13
-      green: '#a3be8c', // nord14
-      blue: '#5e81ac', // nord10
-      purple: '#b48ead', // nord15
-      teal: '#8fbcbb', // nord7
-      cyan: '#88c0d0', // nord8
-      gray: '#4c566a', // nord3
-      black: '#3b4252',
-      white: '#eceff4',
-    },
-  },
-};
-
-registerPalette(nordPalette);

package/src/palettes/registry.ts

@@ -1,114 +0,0 @@
-import type { PaletteConfig, PaletteColors } from './types';
-
-// ============================================================
-// Constants
-// ============================================================
-
-const PALETTE_REGISTRY = new Map<string, PaletteConfig>();
-const DEFAULT_PALETTE_ID = 'slate';
-
-// ============================================================
-// Validation
-// ============================================================
-
-/** Validate that a hex string is well-formed (#RGB or #RRGGBB). */
-export function isValidHex(value: string): boolean {
-  return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(value);
-}
-
-/** Named color keys that must be present in PaletteColors.colors. */
-const COLOR_KEYS: (keyof PaletteColors['colors'])[] = [
-  'red',
-  'orange',
-  'yellow',
-  'green',
-  'blue',
-  'purple',
-  'teal',
-  'cyan',
-  'gray',
-];
-
-/** Semantic color keys that must be present at the top level of PaletteColors. */
-const SEMANTIC_KEYS: (keyof Omit<PaletteColors, 'colors'>)[] = [
-  'bg',
-  'surface',
-  'overlay',
-  'border',
-  'text',
-  'textMuted',
-  'primary',
-  'secondary',
-  'accent',
-  'destructive',
-];
-
-function validatePaletteColors(
-  colors: PaletteColors,
-  mode: string,
-  paletteId: string
-): void {
-  for (const key of SEMANTIC_KEYS) {
-    const value = colors[key];
-    if (typeof value !== 'string' || !isValidHex(value)) {
-      throw new Error(
-        `Palette "${paletteId}" ${mode}.${key}: invalid hex "${value}"`
-      );
-    }
-  }
-  for (const key of COLOR_KEYS) {
-    const value = colors.colors[key];
-    if (typeof value !== 'string' || !isValidHex(value)) {
-      throw new Error(
-        `Palette "${paletteId}" ${mode}.colors.${key}: invalid hex "${value}"`
-      );
-    }
-  }
-}
-
-// ============================================================
-// Registry Functions
-// ============================================================
-
-/**
- * Register a palette. Called at module initialization.
- * Validates that all 19 color fields per mode are present and valid hex.
- * Throws on malformed palettes to catch errors at startup, not at render time.
- */
-export function registerPalette(palette: PaletteConfig): void {
-  validatePaletteColors(palette.light, 'light', palette.id);
-  validatePaletteColors(palette.dark, 'dark', palette.id);
-  PALETTE_REGISTRY.set(palette.id, palette);
-}
-
-/** Get palette by id. Silently returns the default palette if id is unrecognized. */
-export function getPalette(id: string): PaletteConfig {
-  return PALETTE_REGISTRY.get(id) ?? PALETTE_REGISTRY.get(DEFAULT_PALETTE_ID)!;
-}
-
-/**
- * Resolve a palette by id, falling back to the default palette when the id is
- * unregistered. If a `warn` callback is supplied, it is invoked once with a
- * human-readable fallback message on a miss — the single place the "resolve,
- * fall back, warn" policy lives, so each host can surface it its own way
- * (console.warn, Obsidian Notice, MCP response). Silent when the id resolves or
- * when no callback is passed.
- */
-export function resolvePaletteOrFallback(
-  id: string,
-  warn?: (message: string) => void
-): PaletteConfig {
-  const found = PALETTE_REGISTRY.get(id);
-  if (found) return found;
-  warn?.(
-    `Palette "${id}" is not registered — falling back to "${DEFAULT_PALETTE_ID}".`
-  );
-  return PALETTE_REGISTRY.get(DEFAULT_PALETTE_ID)!;
-}
-
-/** List all registered palettes alphabetically (for the selector UI). */
-export function getAvailablePalettes(): PaletteConfig[] {
-  return Array.from(PALETTE_REGISTRY.values()).sort((a, b) =>
-    a.name.localeCompare(b.name)
-  );
-}

package/src/palettes/slate.ts

@@ -1,73 +0,0 @@
-import type { PaletteConfig } from './types';
-import { registerPalette } from './registry';
-
-// ============================================================
-// Slate Palette Definition
-// ============================================================
-//
-// A restrained, presentation-grade palette for professional decks and
-// reports — the "not very stylistic" option done tastefully. Clean white
-// (or deep slate) ground, one confident corporate blue, neutral cool-gray
-// surfaces, and a categorical rotation tuned to a single perceived weight
-// so no series shouts. Replaces the harsh primary-RGB feel of "bold".
-
-export const slatePalette: PaletteConfig = {
-  id: 'slate',
-  name: 'Slate',
-  light: {
-    bg: '#ffffff', // clean slide white
-    surface: '#f3f5f8', // light cool-gray panel
-    overlay: '#eaeef3', // popovers, dropdowns
-    border: '#d4dae1', // hairline rule
-    text: '#1f2933', // near-black slate (softer than pure black)
-    textMuted: '#5b6672', // secondary label
-    textOnFillLight: '#ffffff', // light text on dark fills
-    textOnFillDark: '#1f2933', // dark text on light fills
-    primary: '#3b6ea5', // confident corporate blue
-    secondary: '#5b6672', // slate gray
-    accent: '#3a9188', // muted teal accent
-    destructive: '#c0504d', // brick red
-    colors: {
-      red: '#c0504d', // brick
-      orange: '#cc7a33', // muted amber
-      yellow: '#c9a227', // gold (not neon)
-      green: '#5b9357', // forest / sage
-      blue: '#3b6ea5', // corporate blue
-      purple: '#7d5ba6', // muted violet
-      teal: '#3a9188', // teal
-      cyan: '#4f96c4', // steel cyan
-      gray: '#7e8a97', // cool gray
-      black: '#1f2933', // slate ink
-      white: '#f3f5f8', // panel
-    },
-  },
-  dark: {
-    bg: '#161b22', // deep slate (keynote dark)
-    surface: '#202833', // raised panel
-    overlay: '#29323e', // popovers, dropdowns
-    border: '#38424f', // divider
-    text: '#e6eaef', // off-white
-    textMuted: '#9aa5b1', // secondary label
-    textOnFillLight: '#ffffff', // light text on dark fills
-    textOnFillDark: '#161b22', // dark text on light fills
-    primary: '#5b9bd5', // lifted corporate blue
-    secondary: '#8593a3', // slate gray, lifted
-    accent: '#45b3a3', // teal, lifted
-    destructive: '#e07b6e', // brick, lifted
-    colors: {
-      red: '#e07b6e', // brick
-      orange: '#e0975a', // amber
-      yellow: '#d9bd5a', // gold
-      green: '#74b56e', // forest / sage
-      blue: '#5b9bd5', // corporate blue
-      purple: '#a585c9', // violet
-      teal: '#45b3a3', // teal
-      cyan: '#62b0d9', // steel cyan
-      gray: '#95a1ae', // cool gray
-      black: '#202833', // raised panel
-      white: '#e6eaef', // off-white
-    },
-  },
-};
-
-registerPalette(slatePalette);

package/src/palettes/tidewater.ts

@@ -1,73 +0,0 @@
-import type { PaletteConfig } from './types';
-import { registerPalette } from './registry';
-
-// ============================================================
-// Tidewater Palette Definition
-// ============================================================
-//
-// A nautical, maritime-chart palette — on-brand with Diagrammo's seafaring
-// voice. Weathered sea-mist paper with deep ship's-log navy ink, rope/manila
-// tan, brass, signal-flag red, and sea-glass greens (light). Dark mode dives
-// to a night-harbor deep-sea ground with the same rigging lifted to read on
-// the dark water.
-
-export const tidewaterPalette: PaletteConfig = {
-  id: 'tidewater',
-  name: 'Tidewater',
-  light: {
-    bg: '#eceff0', // weathered sea-mist paper
-    surface: '#e0e4e3', // worn deck panel
-    overlay: '#dadfdf', // popovers, dropdowns
-    border: '#a9b2b3', // muted slate rule
-    text: '#18313f', // ship's-log navy ink
-    textMuted: '#51636b', // faded log entry
-    textOnFillLight: '#f3f5f3', // weathered white
-    textOnFillDark: '#162c38', // deep navy
-    primary: '#1f4e6b', // deep-sea navy
-    secondary: '#b08a4f', // rope / manila tan
-    accent: '#c69a3e', // brass
-    destructive: '#c1433a', // signal-flag red
-    colors: {
-      red: '#c1433a', // signal-flag red
-      orange: '#cc7a38', // weathered amber
-      yellow: '#d6bf5a', // brass gold
-      green: '#4f8a6b', // sea-glass green
-      blue: '#1f4e6b', // deep-sea navy
-      purple: '#6a5a8c', // twilight harbor
-      teal: '#3d8c8c', // sea-glass teal
-      cyan: '#4f9bb5', // shallow water
-      gray: '#8a8d86', // driftwood gray
-      black: '#18313f', // navy ink
-      white: '#e0e4e3', // deck panel
-    },
-  },
-  dark: {
-    bg: '#0f2230', // night-harbor deep sea
-    surface: '#16303f', // raised hull
-    overlay: '#1d3a4a', // popovers, dropdowns
-    border: '#2c4856', // rigging line
-    text: '#e6ebe8', // weathered white
-    textMuted: '#9aaab0', // faded label
-    textOnFillLight: '#f3f5f3', // weathered white
-    textOnFillDark: '#0f2230', // deep sea
-    primary: '#4f9bc4', // lifted sea blue
-    secondary: '#c9a46a', // rope tan, lifted
-    accent: '#d9b25a', // brass, lifted
-    destructive: '#e06a5e', // signal red, lifted
-    colors: {
-      red: '#e06a5e', // signal-flag red
-      orange: '#df9a52', // amber
-      yellow: '#e0c662', // brass gold
-      green: '#6fb58c', // sea-glass green
-      blue: '#4f9bc4', // sea blue
-      purple: '#9486bf', // twilight harbor
-      teal: '#5cb0ac', // sea-glass teal
-      cyan: '#62b4cf', // shallow water
-      gray: '#9aa39c', // driftwood gray
-      black: '#16303f', // raised hull
-      white: '#e6ebe8', // weathered white
-    },
-  },
-};
-
-registerPalette(tidewaterPalette);

package/src/palettes/tokyo-night.ts

@@ -1,86 +0,0 @@
-import type { PaletteConfig } from './types';
-import { registerPalette } from './registry';
-
-// ============================================================
-// Tokyo Night Palette Definition
-// ============================================================
-
-// Official Tokyo Night colors: https://github.com/folke/tokyonight.nvim
-//
-// Night (dark):
-//   bg #1a1b26 | bg_highlight #292e42 | terminal_black #414868
-//   fg_gutter #3b4261 | fg #c0caf5 | fg_dark #a9b1d6
-//   comment #565f89
-//
-// Day (light):
-//   bg #e1e2e7 | bg_float #d0d5e3 | bg_highlight #c4c8da
-//   fg_gutter #a8aecb | fg #3760bf | fg_dark #6172b0
-//   dark3 #8990b3
-//
-// Accents (Day / Night):
-//   Red     #f52a65 / #f7768e | Orange  #b15c00 / #ff9e64
-//   Yellow  #8c6c3e / #e0af68 | Green   #587539 / #9ece6a
-//   Blue    #2e7de9 / #7aa2f7 | Purple  #7847bd / #bb9af7
-//   Teal    #118c74 / #1abc9c | Cyan    #007197 / #7dcfff
-//   Magenta #9854f1 / #bb9af7
-
-export const tokyoNightPalette: PaletteConfig = {
-  id: 'tokyo-night',
-  name: 'Tokyo Night',
-  light: {
-    bg: '#e1e2e7', // Day bg
-    surface: '#d0d5e3', // Day bg_float
-    overlay: '#c4c8da', // Day bg_highlight
-    border: '#a8aecb', // Day fg_gutter
-    text: '#3760bf', // Day fg
-    textMuted: '#6172b0', // Day fg_dark
-    textOnFillLight: '#e1e2e7', // Day bg
-    textOnFillDark: '#1a1b26', // Night bg (deep dark)
-    primary: '#2e7de9', // Day blue
-    secondary: '#007197', // Day cyan
-    accent: '#9854f1', // Day magenta
-    destructive: '#f52a65', // Day red
-    colors: {
-      red: '#f52a65',
-      orange: '#b15c00',
-      yellow: '#8c6c3e',
-      green: '#587539',
-      blue: '#2e7de9',
-      purple: '#7847bd',
-      teal: '#118c74',
-      cyan: '#007197',
-      gray: '#8990b3', // Day dark3
-      black: '#1a1b26',
-      white: '#d0d5e3',
-    },
-  },
-  dark: {
-    bg: '#1a1b26', // Night bg
-    surface: '#292e42', // Night bg_highlight
-    overlay: '#414868', // Night terminal_black
-    border: '#3b4261', // Night fg_gutter
-    text: '#c0caf5', // Night fg
-    textMuted: '#a9b1d6', // Night fg_dark
-    textOnFillLight: '#c0caf5', // Night fg
-    textOnFillDark: '#1a1b26', // Night bg
-    primary: '#7aa2f7', // Night blue
-    secondary: '#7dcfff', // Night cyan
-    accent: '#bb9af7', // Night magenta
-    destructive: '#f7768e', // Night red
-    colors: {
-      red: '#f7768e',
-      orange: '#ff9e64',
-      yellow: '#e0af68',
-      green: '#9ece6a',
-      blue: '#7aa2f7',
-      purple: '#bb9af7',
-      teal: '#1abc9c',
-      cyan: '#7dcfff',
-      gray: '#565f89', // Night comment
-      black: '#292e42',
-      white: '#c0caf5',
-    },
-  },
-};
-
-registerPalette(tokyoNightPalette);

package/src/palettes/types.ts

@@ -1,88 +0,0 @@
-// ============================================================
-// Palette Type Definitions
-// ============================================================
-
-/**
- * Color definitions for a single mode (light or dark).
- * 10 semantic UI colors + 9 named accent colors = 19 total.
- *
- * `readonly` on every field (and the nested `colors` map) by design —
- * palettes flow from the registry into every renderer; nothing in the
- * pipeline should ever mutate a palette in place.
- */
-export interface PaletteColors {
-  // ── Surface hierarchy ──────────────────────────────────
-  /** Main background (#eceff4 light / #2e3440 dark for Nord) */
-  readonly bg: string;
-  /** Cards, panels (#e5e9f0 / #3b4252) */
-  readonly surface: string;
-  /** Popovers, dropdowns (#e5e9f0 / #434c5e) */
-  readonly overlay: string;
-  /** Borders, dividers, muted (#d8dee9 / #4c566a) */
-  readonly border: string;
-
-  // ── Text hierarchy ─────────────────────────────────────
-  /** Primary text (#2e3440 / #eceff4) */
-  readonly text: string;
-  /** Secondary/diminished text (#4c566a / #d8dee9) */
-  readonly textMuted: string;
-
-  // ── Contrast tokens for text-on-fill ───────────────────
-  /**
-   * Light-mode arg for `contrastText()` when text is rendered on a
-   * tinted shape fill (e.g. `shapeFill()` output). Must guarantee
-   * ≥ 4.5:1 WCAG AA against any `shapeFill()` the palette can produce.
-   * Distinct from `colors.white` because palette-aesthetic anchors don't
-   * always meet contrast requirements (TD-5).
-   */
-  readonly textOnFillLight: string;
-  /** Dark-mode counterpart to `textOnFillLight`. */
-  readonly textOnFillDark: string;
-
-  // ── Semantic accents ───────────────────────────────────
-  /** Primary accent — buttons, links */
-  readonly primary: string;
-  /** Secondary accent */
-  readonly secondary: string;
-  /** Tertiary accent */
-  readonly accent: string;
-  /** Error/danger */
-  readonly destructive: string;
-
-  // ── Named accent colors ────────────────────────────────
-  /**
-   * Used for: inline annotations (red), pie charts, cScale,
-   * series rotation, journey actors, Gantt tasks.
-   */
-  readonly colors: {
-    readonly red: string;
-    readonly orange: string;
-    readonly yellow: string;
-    readonly green: string;
-    readonly blue: string;
-    readonly purple: string;
-    readonly teal: string;
-    readonly cyan: string;
-    readonly gray: string;
-    readonly black: string;
-    readonly white: string;
-  };
-}
-
-/**
- * Complete palette definition. One object per color scheme.
- * This is what palette authors create — the single artifact for NFR1.
- *
- * Palettes are immutable from the consumer's perspective; the registry
- * hands out the same frozen-shape object on every `getPalette(id)`.
- */
-export interface PaletteConfig {
-  /** Registry key: 'nord', 'slate', 'catppuccin' */
-  readonly id: string;
-  /** Display name: 'Nord', 'Slate', 'Catppuccin' */
-  readonly name: string;
-  /** Light mode color definitions */
-  readonly light: PaletteColors;
-  /** Dark mode color definitions */
-  readonly dark: PaletteColors;
-}