How hrk84ya/cron-expression-builder works
tick.works is a browser-based cron expression builder. Users configure a schedule, then see its cron expression, a plain-English summary, and upcoming matching run times; they can also load popular patterns or copy the expression. The UI, schedule state, and cron calculations are implemented together in src/App.tsx, so the internal stages below represent responsibilities within that component, not separate modules. The sampled entry point shows src/main.tsx mounting the app. No backend or persistent store is evidenced.
Main entry points: App.tsx Schedule state · main.tsx React mount
Components 10
App entry
- React mount
src/main.tsx
Schedule builder
- Builder app
src/App.tsx - Schedule controls
src/App.tsx - Schedule state
src/App.tsx - Popular patterns
src/App.tsx
Schedule results
- Cron expression
src/App.tsx - Schedule summary
src/App.tsx - Upcoming runs
src/App.tsx
Other components
- User
- Clipboard API
Connections 11
- User → React mount: opens app
- React mount → Builder app: mounts UI
- User → Schedule controls: sets schedule
- User → Popular patterns: selects pattern
- Schedule controls → Schedule state: updates values
- Popular patterns → Schedule state: loads values
- Schedule state → Cron expression: formats expression
- Schedule state → Schedule summary: describes schedule
- Schedule state → Upcoming runs: computes run dates
- User → Cron expression: requests copy
- Cron expression → Clipboard API: writes expression