2024-12-09 19:14:21 +01:00
|
|
|
!!! Please pay attention to the following points when writing the readme: !!!
|
|
|
|
* Give a short rundown of components and a few points abputspecific features on each.
|
|
|
|
* Try to list all components in a summary.
|
2025-06-12 10:44:21 +00:00
|
|
|
* Then list all components with a short description.
|
|
|
|
|
|
|
|
## Chart Components
|
|
|
|
|
|
|
|
### dees-chart-area
|
|
|
|
- Fully functional area chart component using ApexCharts
|
|
|
|
- Displays time-series data with gradient fills
|
2025-06-12 11:00:33 +00:00
|
|
|
- Responsive with ResizeObserver (debounced to prevent flicker)
|
2025-06-12 10:44:21 +00:00
|
|
|
- Demo shows CPU and memory usage metrics
|
2025-06-12 11:00:33 +00:00
|
|
|
- Fixed: Chart now properly respects container boundaries on initial render
|
|
|
|
- Overflow prevention with proper CSS containment
|
2025-06-12 10:44:21 +00:00
|
|
|
|
|
|
|
### dees-chart-log
|
|
|
|
- Server log viewer component (not a chart despite the name)
|
|
|
|
- Terminal-style interface with monospace font
|
|
|
|
- Supports log levels: debug, info, warn, error, success
|
|
|
|
- Features:
|
|
|
|
- Auto-scroll toggle
|
|
|
|
- Clear logs button
|
|
|
|
- Colored log levels
|
|
|
|
- Timestamp with milliseconds
|
|
|
|
- Source labels for log entries
|
|
|
|
- Maximum 1000 entries (configurable)
|
|
|
|
- Light/dark theme support
|
|
|
|
- Demo includes realistic server log simulation
|
|
|
|
- Note: In demos, buttons use `@clicked` event (not `@click`)
|
|
|
|
- Demo uses global reference to access log element (window.__demoLogElement)
|