// Copyright (c) Meta Platforms, Inc. and affiliates.

/**
 * @file tokens.ts
 * @input None (pure token definitions)
 * @output syntaxTokenDefaults, SyntaxTokenName
 * @position Domain token sub-module; re-exported from domainTokens/index.ts
 *
 * Code syntax highlighting tokens. Used by the CodeBlock component and any
 * consumer that renders highlighted source code.
 *
 * Default values reference the theme's named palette via var() so syntax
 * colors automatically adapt to any theme's color system. Themes can also
 * set an explicit syntax theme via defineTheme({ syntax: dracula }).
 *
 * 14-token architecture validated against 11 community code themes.
 * All themes map cleanly to these 14 slots.
 *
 * @see https://github.com/facebook/astryx/issues/1148
 */

export const syntaxTokenDefaults = {
  // keyword -> accent text (control flow: if, return, const)
  '--color-syntax-keyword': 'var(--color-text-accent)',
  // string -> green text (string literals)
  '--color-syntax-string': 'var(--color-text-green)',
  // comment -> secondary text (passive annotations)
  '--color-syntax-comment': 'var(--color-text-secondary)',
  // number -> orange text (numeric literals)
  '--color-syntax-number': 'var(--color-text-orange)',
  // function -> blue text (function/method names)
  '--color-syntax-function': 'var(--color-text-blue)',
  // type -> purple text (types, interfaces, classes)
  '--color-syntax-type': 'var(--color-text-purple)',
  // variable -> primary text (neutral identifiers)
  '--color-syntax-variable': 'var(--color-text-primary)',
  // operator -> cyan text (=, +, =>, &&)
  '--color-syntax-operator': 'var(--color-text-cyan)',
  // constant -> orange text (true, false, null)
  '--color-syntax-constant': 'var(--color-text-orange)',
  // tag -> red text (HTML/JSX tags)
  '--color-syntax-tag': 'var(--color-text-red)',
  // attribute -> teal text (HTML/JSX attributes)
  '--color-syntax-attribute': 'var(--color-text-teal)',
  // property -> cyan text (object properties)
  '--color-syntax-property': 'var(--color-text-cyan)',
  // punctuation -> secondary text (brackets, semicolons). Not disabled text:
  // disabled grey is calibrated to fail AA on purpose (WCAG exempts inactive
  // controls), and punctuation in a code sample is normal, always-active
  // text — see #5386.
  '--color-syntax-punctuation': 'var(--color-text-secondary)',
  // background -> muted surface
  '--color-syntax-background': 'var(--color-background-muted)'
} as const;
export type SyntaxTokenName = keyof typeof syntaxTokenDefaults;