Skip to content

Stacked preview package: transitions, floating, measurement#54

Open
rauhryan wants to merge 41 commits into
mainfrom
rr/stacked-preview-v2
Open

Stacked preview package: transitions, floating, measurement#54
rauhryan wants to merge 41 commits into
mainfrom
rr/stacked-preview-v2

Conversation

@rauhryan
Copy link
Copy Markdown
Collaborator

Summary

Replacement for #31: a fresh stacked preview branch built from latest main, merging the intended stack in order:

  1. Update transitions branch with upstream changes #53 Update transitions branch with upstream changes
  2. feat: expand floating parameters #29 feat: expand floating parameters
  3. ✨ add text measurement helpers #30 add text measurement helpers

This PR is intended to create a preview package we can work from while preserving the individual feature PRs as the preferred review path.

Notes

Validation

  • scripts/run-checks 31
  • Final result: 13 passed (171 steps) | 0 failed
  • Log: logs/pr-31/check-20260531-101457-45256.log

cowboyd and others added 30 commits April 21, 2026 21:32
Design spec for clayterm transitions: frame-snapshot-compatible interpolation
of element position, size, and color properties. Defines the deltaTime
convention, the animating signal on RenderResult, declarative enter/exit
semantics that replace Clay's function-pointer callbacks, and cancellation
as a structural consequence of re-describing state. Implementation is
gated on bumping the Clay submodule past the upstream transition commit.
Scope v1 to what Clay currently supports without userData on transition
callbacks: one duration and one easing per element, applied to all listed
properties. Drop per-property longhand, enter/exit deltas, cubicBezier,
and corner radius — each with an explicit "Deferred Until Upstream Clay"
entry in §13 referencing nicbarker/clay#603 and the forthcoming exit-flag
work. Easings are plain string literals ("linear" | "easeIn" | "easeOut"
| "easeInOut") since v1 has no parametric easings.
Ports the spirit of the raylib-transitions demo to clayterm: a 4×4 grid
of colored boxes that animate position, size, and bg color. Shuffle (s)
animates positions via Clay's transition system; recolor (c) toggles
between two palettes with animated bg interpolation; hover tints each
box by blending its bg toward white (overlay-color field is not yet in
the v1 command buffer, so lighten-on-hover substitutes). Full mouse
tracking is wired via mouseTracking() + pointer state from input events.
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented May 31, 2026

Open in StackBlitz

npm i https://pkg.pr.new/clayterm@54

commit: 57c00a5

@rauhryan
Copy link
Copy Markdown
Collaborator Author

Y'all can ignore this PR

Its a hack to produce a preview package I can use to update the solidjs bindings

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.

2 participants