What problem does it solve?
Trace data flow through the Puree engine for a specific feature or behavior. Use to understand how a CSS property, event, or render feature works end-to-end across Python, Rust, and GLSL layers.
Core Features & Use Cases
- Identify the Trace Target: define the feature to trace (CSS property flow, event routing, render path, layout flow, hot reload flow, component flow) and map its data movement.
- Read Each Layer: identify entry points, transformations, outputs, key variables, and edge cases across all engine layers.
- Document the Full Path: produce a comprehensive trace showing inputs, transformations, and outputs across layers to map the complete data journey.
- Identify Extension Points: note where changes could be made to add properties or adjust behavior at any layer.
- Report: provide a complete, text-based flow diagram and per-layer details with file paths, line numbers, and data transformations.
Quick Start
Choose a trace target (e.g., CSS property flow, event routing, or render path) and document its end-to-end data path across Python, Rust, and GLSL.