Skip to content

feat(editor): customize-sidebar pass — pill toggles, color mode, shared theme helpers#113

Merged
Vijayabaskar56 merged 1 commit into
mainfrom
dev
Jun 17, 2026
Merged

feat(editor): customize-sidebar pass — pill toggles, color mode, shared theme helpers#113
Vijayabaskar56 merged 1 commit into
mainfrom
dev

Conversation

@Vijayabaskar56

Copy link
Copy Markdown
Member

Summary

Editor customization redesign plus review cleanups.

  • Drag-able PillToggle / ToggleSelect segmented controls in the Customize sidebar
  • Dedicated editor color-mode store (use-editor-color-mode) scoping light/dark to the preview (not the app theme)
  • Elastic-slider, share-summary, embed, and version-history sidebar refinements
  • Eager sidebar imports — drops the lazy-modules.ts code-split
  • IBM Plex Mono 400 woff2 + assorted theme/CSS var work

Review cleanups (from /code-review)

  • Extracted shared clamp() into lib/utils (was duplicated in 3 files)
  • Extracted resolveEffectiveMode() shared by useFormCustomization + customize-sidebar (mode-precedence was duplicated)
  • Cache the PillToggle track rect on pointerDown so pointerMove no longer forces a layout read each frame

Verification

  • tsc --noEmit clean
  • pre-commit (oxfmt, oxlint, knip) + pre-push (typecheck, tests) all green

Left for human decision (review findings NOT auto-applied)

These are intentional design changes in the diff, not bugs — flagging rather than reverting:

  • Global text-alignment control removed from Typography while textAlign is still consumed (CSS var, Pro key, header render). Either re-add the control or remove the now-orphaned consumers — a product call.
  • Color-swatch border removed (Figma: "shadow defines white-on-white"); confirm the shadow-only edge holds in dark mode.
  • Eager sidebar imports trade a smaller initial chunk for fewer round-trips — confirm intended.

…ed theme helpers

Editor customization redesign: drag-able PillToggle/ToggleSelect controls, a
dedicated editor color-mode store (use-editor-color-mode), elastic-slider and
share-summary refinements, and eager sidebar imports (drop lazy-modules split).

Review cleanups folded in:
- extract shared clamp() to lib/utils (was duplicated 3×)
- extract resolveEffectiveMode() shared by useFormCustomization + customize-sidebar
- cache PillToggle track rect on pointerDown (no per-frame layout read)
@Vijayabaskar56 Vijayabaskar56 merged commit fc78230 into main Jun 17, 2026
7 of 8 checks passed
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