← Back to Blog MILESTONE · 0.7.0 · VIDEO · BROWSER

Page Present — Browser Visual Integration Pipeline

videobrowserrendermilestone0.7.0

page_present.sg ties the full browser visual pipeline into one call: layout_boxcss_paint (bg/border/radius) → text_layout + font_raster (text content) → compositor layer → comp_dirty (partial update) → scanout. This is the browser's visual integration capstone — DOM nodes become pixels through one composited pipeline.

Public API

page_style_set
Per-node style setuppage_style_set(idx, bg, border_w, border_col, radius, text_col, text_ptr, text_len): configures visual properties for layout node idx. Background color, border width/color, corner radius, text color and content pointer.
page_render_present
Full compositepage_render_present(dest, pitch, fw, fh, n_nodes, ctr_w): runs the complete pipeline (layout → paint → text → composite → scanout) for all nodes. One-call page render.
page_render_dirty
Incremental update — partial-tile compositor update. Only re-renders tiles that changed since the last present. Uses comp_dirty skip proof from the compositor layer.

Test verification

3-node DOM: h1 with border + text, p with text, div with rounded background. 5 probes all green. PAGEPRESENT-PASS.