How numpy-byte/codeframe works
CodeFrame is a desktop code-to-image app. The main workflow is to capture clipboard content or enter code in the sidebar, configure its appearance, render a preview, then copy or save the result. The graph also preserves documented export formats, global-hotkey capture, settings persistence, and preview controls. The README documents several capabilities whose implementation is not shown in the excerpts; their links are included only where the documented workflow supports them.
Main entry points: app.py Desktop app · clipboard.py Clipboard reader · sidebar.py Source controls · renderer.py Code renderer
Components 13
Capture and input
- Desktop app
app.py - Clipboard reader
core/clipboard.py - Source controls
ui/sidebar.py - Global hotkey
app.py
Customize and preview
- Render controls
ui/sidebar.py - Live preview
ui/preview.py
Rendering and export
- Code renderer
core/renderer.py - Image exporter
core/exporter.py
Preferences
- User preferences
utils/config.py
Other components
- User
- Code editor
- System clipboard
- Exported image
Connections 21
- User → Code editor: copies code
- Code editor → System clipboard: writes text
- User → Desktop app: operates
- System clipboard → Clipboard reader: provides content
- Desktop app → Clipboard reader: reads clipboard
- Clipboard reader → Desktop app: returns payload
- User → Global hotkey: presses shortcut
- Global hotkey → Desktop app: queues snap
- User → Source controls: enters code
- Source controls → Desktop app: provides source
- User → Render controls: adjusts options
- Render controls → Desktop app: signals changes
- Desktop app → Code renderer: renders source
- Code renderer → Desktop app: returns image
- Desktop app → Live preview: sets preview image
- User → Live preview: selects zoom
- User → Desktop app: requests export
- Desktop app → Image exporter: exports image
- Image exporter → Exported image: writes PNG, JPEG, or SVG
- Desktop app → System clipboard: copies image
- Desktop app → User preferences: loads and saves settings