Svelte 5 component · machines-ui · Animated
GraphCron
A live, character-based preview of a cron schedule, showing matching minute and calendar positions.
Install
GraphCron is a Svelte 5 animated ASCII cron component in @fractaldesign/machines-ui. It works in SvelteKit and in any Svelte 5 app.
pnpm add @fractaldesign/machines-uiImport
import '@fractaldesign/machines-ui/style.css';
import { GraphCron } from '@fractaldesign/machines-ui';Usage
<GraphCron title="WEEKDAYS" expr="0 9 * * 1-5" count={8} />Props
| Name | Type | Default |
|---|---|---|
title | string Caption drawn on the top edge as `[ TITLE ]`. | — |
expr | string Standard 5-field cron expression: `min hour dom mon dow`. | — |
count | number Number of next runs to render on the tick timeline. Default 8. | 8 |
baseTime | number Base time as ms since epoch; next runs are computed from this point. Default now. | — |
cols | number Scene width in characters. Default 60. | 60 |
animated | boolean Animate the tick highlight. Default true. Reduced motion freezes on first run. | true |
speedMs | number Milliseconds per tick. Default 220. | 220 |
label | string Caption rendered muted under the timeline. | '' |
class | string | '' |
Related components
GraphDamru A damru (hourglass drum) drawn in ASCII, pulsing in place through the eight beats of Adi tala.GraphDeps A dependency tree drawn with ASCII branch lines, cascading package by package and showing each name with its…GraphDiya A row of diyas that light one by one and then breathe, drawn as character-art candle flames over a dark…GraphFire A looping character-art fire animation with adjustable dimensions, cooling, and speed.GraphFlame A flame graph drawn in ASCII, cycling which leaf of the call tree is lit as the hot path.GraphFlowPlayer Plays through an ordered list of process steps, typing on the active step's label and revealing its detail…