Enhancement batch foundation: reusable StylePanel controls + presets + CodeMirror deps #13

2026-07-14T13:12:21Z

jknapp commented

2026-07-14 13:12:21 +00:00

Foundation for the enhancement batch. Reusable controls in styles/shared.tsx (NumericUnitInput, SizeControl, AspectRatioControl, FocalPointGrid, SpacingControl, BorderControl, AnimationControl, VisibilityControl) + shared presets + CodeMirror 6 deps installed. Pure additions (no existing export changed); animation/visibility prop names verified against html-export buildDataAttrs. Not wired into panels yet. 656 tests (+34 controls).

🤖 Generated with Claude Code

Foundation for the enhancement batch. Reusable controls in styles/shared.tsx (NumericUnitInput, SizeControl, AspectRatioControl, FocalPointGrid, SpacingControl, BorderControl, AnimationControl, VisibilityControl) + shared presets + CodeMirror 6 deps installed. Pure additions (no existing export changed); animation/visibility prop names verified against html-export buildDataAttrs. Not wired into panels yet. 656 tests (+34 controls). 🤖 Generated with [Claude Code](https://claude.com/claude-code)

jknapp added 3 commits 2026-07-14 13:12:21 +00:00

feat(builder): add shared style presets for size/aspect-ratio/shadow/typography rollout 9591fcb8a7

ASPECT_RATIOS, SHADOW_PRESETS, LINE_HEIGHTS, LETTER_SPACINGS, OBJECT_FIT,
BORDER_STYLES, and SIZE_PRESETS -- foundation for the new shared StylePanel
controls (SizeControl, AspectRatioControl, BorderControl) so upcoming
feature panels share one preset source instead of each defining their own.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

feat(builder): add reusable StylePanel controls (foundation for enh batch) fb40e3ece4

Adds NumericUnitInput, SizeControl, AspectRatioControl, FocalPointGrid,
SpacingControl, BorderControl, AnimationControl, and VisibilityControl to
src/panels/right/styles/shared.tsx -- presentational value/onChange controls
that upcoming feature panels will import instead of reinventing size,
spacing, border, and animation/visibility UI per panel.

AnimationControl/VisibilityControl emit the exact prop names
(animation/animationDelay, hideOnDesktop/hideOnTablet/hideOnMobile) already
consumed by html-export.ts's buildDataAttrs(), verified by reading that file
directly. ANIMATIONS matches the export's actual data-animation set
(fade-in/slide-up/slide-left/slide-right/zoom-in/bounce) rather than the
slide-down variant that doesn't exist in the export.

No existing shared.tsx exports were touched, and nothing is wired into any
feature panel yet -- that's the downstream feature branches' job.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

chore(builder): install CodeMirror deps for the upcoming code-editor feature 8d69982a0b

Adds @codemirror/state, view, commands, autocomplete, language,
lang-html, lang-javascript, lang-css, and theme-one-dark to package.json
now (unused for now, tree-shaken out of the build) so the code-editor
feature branch doesn't need to touch package.json/package-lock.json itself
and conflict with other enh-batch branches doing the same.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

jknapp merged commit 1d9460c173 into main

2026-07-14 13:12:22 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: cloud-hosting-platform/site-builder#13