Skip to content

Always-visible preview with font management and refresh#29

Merged
BernardGatt merged 1 commit into
mainfrom
builder-always-visible-preview
May 27, 2026
Merged

Always-visible preview with font management and refresh#29
BernardGatt merged 1 commit into
mainfrom
builder-always-visible-preview

Conversation

@BernardGatt

@BernardGatt BernardGatt commented May 27, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Split center panel: Preview is now always visible alongside the editor/code view, with a resizable divider (250–600px range)
  • Custom font loading: Load fonts via CSS URL (e.g. Google Fonts), persisted in localStorage. Shows loaded fonts with remove buttons, auto-detects font name from Google Fonts URLs
  • Preview refresh: Refresh button recreates the preview web component without a full page reload
  • Removed the "Preview" tab from the view switcher — only "Editor" and "Code" remain

Test plan

  • Load a sample template and verify the preview renders alongside the editor
  • Switch between Editor and Code views — preview should stay visible
  • Drag the resize handle between editor and preview
  • Click the font icon (Aa) in the preview header to open font management
  • Add a Google Fonts URL and verify the name auto-fills
  • Verify loaded fonts persist across page refreshes (localStorage)
  • Remove a font and verify it disappears from the list and preview
  • Click the refresh button and verify the preview re-renders

Split the center panel so the preview is always visible alongside
the editor/code view. Added custom font loading (with localStorage
persistence), a refresh button, and a resizable divider between
editor and preview.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@BernardGatt BernardGatt merged commit 5c49382 into main May 27, 2026
6 checks passed
@BernardGatt BernardGatt deleted the builder-always-visible-preview branch May 27, 2026 11:17
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