# configuration/constants/anatomy.constants.ts

> 70 lines of code and 44 definitions.

Tree: Site tree
Language: typescript
Layer: infrastructure
Canonical: https://banes-lab.com/anatomy/tree#file-configuration-constants-anatomy-constants-ts
Source text: https://banes-lab.com/assets/sources/source.fd23da4d41837d396c1b49abdc745963297c4c6f913b973e9aa8a916e5518126.generated.txt

## Definitions

- `CSS_LANGUAGE` (lexical_declaration, line 9)
- `HTML_LANGUAGE` (lexical_declaration, line 11)
- `LANGUAGE_BY_EXTENSION` (lexical_declaration, line 13, exported)
- `FALLBACK_LANGUAGE` (lexical_declaration, line 22, exported)
- `EXTENSION_SEPARATOR` (lexical_declaration, line 24, exported)
- `PATH_SEPARATOR` (lexical_declaration, line 26, exported)
- `KEY_SEPARATOR` (lexical_declaration, line 28, exported)
- `CHART_TAGS` (lexical_declaration, line 30, exported)
- `WIDE_CHARTS` (lexical_declaration, line 35, exported)
- `STRUCTURE_DIAGRAM_HEADER` (lexical_declaration, line 37, exported)
- `STRUCTURE_ARROW` (lexical_declaration, line 39, exported)
- `WALK_STATUS_CLASS` (lexical_declaration, line 41, exported)
- `WALK_CELL_SELECTOR` (lexical_declaration, line 43, exported)
- `WALK_REF_ATTRIBUTE` (lexical_declaration, line 45, exported)
- `WALK_CURRENT_CLASS` (lexical_declaration, line 47, exported)
- `WALK_GHOST_CLASS` (lexical_declaration, line 49, exported)
- `WALK_TRAIL_CLASS` (lexical_declaration, line 51, exported)
- `GHOST_STEP_MS` (lexical_declaration, line 53, exported)
- `GHOST_REFERENCE_CELLS` (lexical_declaration, line 55, exported)
- `GHOST_TAIL_SHARE` (lexical_declaration, line 57, exported)
- `GHOST_DECAY_PROPERTY` (lexical_declaration, line 59, exported)
- `GHOST_LOOP_PAUSE_MS` (lexical_declaration, line 61, exported)
- `REF_RADIX` (lexical_declaration, line 63, exported)
- `CELL_COLUMNS` (lexical_declaration, line 65, exported)
- `DRAG_TOLERANCE_PX` (lexical_declaration, line 76, exported)
- `CELL_TEXT_SEPARATOR` (lexical_declaration, line 78, exported)
- `STATS_SEPARATOR` (lexical_declaration, line 80, exported)
- `IMPORT_DIAGRAM_HEADER` (lexical_declaration, line 82, exported)
- `NODE_ATTRIBUTE` (lexical_declaration, line 84, exported)
- `SOURCE_LOADED_EVENT` (lexical_declaration, line 86, exported)
- `LINE_INFIX` (lexical_declaration, line 88, exported)
- `TREE_MARK` (lexical_declaration, line 90, exported)
- `SNIPPET_RADIUS` (lexical_declaration, line 92, exported)
- `SELF_IMPORT_MARK` (lexical_declaration, line 94, exported)
- `TYPESCRIPT_EXTENSION` (lexical_declaration, line 96, exported)
- `INLINE_CODE_SELECTOR` (lexical_declaration, line 98, exported)
- `STRING_TOKEN_SELECTOR` (lexical_declaration, line 100, exported)
- `QUOTE_MARKS` (lexical_declaration, line 102, exported)
- `REFERENCE_CLASS_NAME` (lexical_declaration, line 104, exported)
- `REFERENCE_SELECTOR` (lexical_declaration, line 106, exported)
- `REFERENCE_NAME_ATTRIBUTE` (lexical_declaration, line 108, exported)
- `TREE_LINK_SELECTOR` (lexical_declaration, line 110, exported)
- `NODE_CLASS` (lexical_declaration, line 112, exported)
- `TREE_FOLDER_CLASS` (lexical_declaration, line 114, exported)

## Source

```typescript
import {
    JAVASCRIPT_LANGUAGE,
    JSON_LANGUAGE,
    MARKDOWN_LANGUAGE,
    TEXT_LANGUAGE,
    TYPESCRIPT_LANGUAGE,
} from "#configuration/constants/code.constants";

const CSS_LANGUAGE = "css";

const HTML_LANGUAGE = "html";

export const LANGUAGE_BY_EXTENSION: ReadonlyMap<string, string> = new Map([
    ["css", CSS_LANGUAGE],
    ["html", HTML_LANGUAGE],
    ["js", JAVASCRIPT_LANGUAGE],
    ["json", JSON_LANGUAGE],
    ["md", MARKDOWN_LANGUAGE],
    ["ts", TYPESCRIPT_LANGUAGE],
]);

export const FALLBACK_LANGUAGE = TEXT_LANGUAGE;

export const EXTENSION_SEPARATOR = ".";

export const PATH_SEPARATOR = "/";

export const KEY_SEPARATOR = "::";

export const CHART_TAGS: ReadonlyMap<string, string> = new Map([
    ["data-flow", "data flow"],
    ["flow", "logical flow"],
]);

export const WIDE_CHARTS: ReadonlySet<string> = new Set(["data-flow", "flow"]);

export const STRUCTURE_DIAGRAM_HEADER = "flowchart LR";

export const STRUCTURE_ARROW = " --> ";

export const WALK_STATUS_CLASS = "walk-status";

export const WALK_CELL_SELECTOR = "[data-ref]";

export const WALK_REF_ATTRIBUTE = "data-ref";

export const WALK_CURRENT_CLASS = "hex-current";

export const WALK_GHOST_CLASS = "hex-ghost";

export const WALK_TRAIL_CLASS = "hex-trail";

export const GHOST_STEP_MS = 5;

export const GHOST_REFERENCE_CELLS = 300;

export const GHOST_TAIL_SHARE = 4;

export const GHOST_DECAY_PROPERTY = "--ghost-decay";

export const GHOST_LOOP_PAUSE_MS = 120;

export const REF_RADIX = 36;

export const CELL_COLUMNS = {
    depth: "depth",
    file: "file",
    label: "label",
    line: "line",
    name: "name",
    severity: "severity",
    state: "state",
    text: "text",
} as const;

export const DRAG_TOLERANCE_PX = 4;

export const CELL_TEXT_SEPARATOR = " · ";

export const STATS_SEPARATOR = " · ";

export const IMPORT_DIAGRAM_HEADER = "flowchart LR";

export const NODE_ATTRIBUTE = "data-node";

export const SOURCE_LOADED_EVENT = "source-loaded";

export const LINE_INFIX = ":";

export const TREE_MARK = "~";

export const SNIPPET_RADIUS = 2;

export const SELF_IMPORT_MARK = "#";

export const TYPESCRIPT_EXTENSION = "ts";

export const INLINE_CODE_SELECTOR = "p code, li code, td code, th code, blockquote code";

export const STRING_TOKEN_SELECTOR = ".syntax-string";

export const QUOTE_MARKS = "\"'`";

export const REFERENCE_CLASS_NAME = "code-ref";

export const REFERENCE_SELECTOR = ".code-ref";

export const REFERENCE_NAME_ATTRIBUTE = "data-name";

export const TREE_LINK_SELECTOR = "a[href]";

export const NODE_CLASS = "filesystem-node";

export const TREE_FOLDER_CLASS = "tree-folder";
```