# XWUIGameCombatLog

A filterable, scrollable combat log that renders monospace text lines with timestamps and type-based colouring for `damage`, `heal`, `buff`, `debuff`, and `system` events, fronted by a row of filter buttons that hide non-matching lines. Log content comes from the `data.lines` array, while `conf_comp.maxLines` (default 100) caps history, `conf_comp.showTimestamp` toggles per-line timestamps, `conf_comp.filters` defines the available filter categories (`all`, `damage`, `heal`, `buff`, `debuff`, `system`), and `conf_comp.fontSize` (default 11 px) sets the text size. Use it as a battle history feed where players review what happened each round and filter by event type.

## Basic Usage

Constructs a combat log with empty data and default config, mounting an empty log with the standard six filter buttons, timestamps enabled, an 11 px monospace font, and a 100-line cap.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A scrollable, filterable combat log with timestamps and type-based coloring.
```

## Filtered to Healing

A seeded log narrowed to healing events with `setFilter("heal")`, then extended live with `addLine()`.

```example
file: examples/FilteredHealing.ts
html: examples/FilteredHealing.html
title: Filtered to Healing
description: A log switched to the heal filter after construction, with new lines streamed in via addLine().
```

## Timestamp-Free Feed

A dense kill feed with `showTimestamp` off, a smaller font, and a trimmed custom `filters` set.

```example
file: examples/NoTimestamps.ts
html: examples/NoTimestamps.html
title: Timestamp-Free Feed
description: A compact shooter feed with timestamps disabled, a 10 px font, and a reduced filter set.
```

```api
```