Skip to content

perf: coalesce preview renders and lazy-load video export#10

Merged
CodeWithDennis merged 2 commits into
mainfrom
perf/preview-and-lazy-video
Jul 26, 2026
Merged

perf: coalesce preview renders and lazy-load video export#10
CodeWithDennis merged 2 commits into
mainfrom
perf/preview-and-lazy-video

Conversation

@CodeWithDennis

Copy link
Copy Markdown
Owner

Summary

  • Coalesce Alpine preview updates with requestAnimationFrame so slider/drag changes render once per frame
  • Cache compositor background / side / mask layers and avoid resetting canvas buffers when size is unchanged
  • Tile noise backgrounds and lazy-load video-export.js only when Video export is selected

Test plan

  • Drag split position / diagonal angle — preview stays smooth, handle still tracks
  • Switch Vertical / Horizontal / Diagonal / Overlap (cards, side, stack) + shadow toggle
  • Toggle labels, theme, background patterns (especially Noise)
  • Export PNG and JPG at 1× / 2×
  • Select Video — confirm network loads video-export-*.js, play preview + export MP4/WebM

Cache compositor layers, tile noise backgrounds, and defer MediaRecorder
code until video export is selected so slider updates stay responsive.
@CodeWithDennis
CodeWithDennis merged commit 769266a into main Jul 26, 2026
4 checks passed
@CodeWithDennis
CodeWithDennis deleted the perf/preview-and-lazy-video branch July 26, 2026 11:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant