Skip to content

feat: Live preview editing mode for PreviewView - #7780

Merged
bastianallgeier merged 16 commits into
v6/developfrom
v6/feat/preview-view-form
Dec 22, 2025
Merged

feat: Live preview editing mode for PreviewView#7780
bastianallgeier merged 16 commits into
v6/developfrom
v6/feat/preview-view-form

Conversation

@distantnative

@distantnative distantnative commented Dec 13, 2025

Copy link
Copy Markdown
Member

Description

Merge first

Changelog

🎉 Features

  • Preview view: new mode that let's you edit your pages right next to its live preview
    • Preview mode syncs navigation in the browser(s)
    • Open preview in the browser window, still live previews changes
    • Preview your site in different viewport widths in the preview view
    • New panel.preview.sizes option to define custom viewport sizes
Screen.Recording.2025-12-20.at.14.04.07.mp4

🚨 Breaking changes

For review team

  • Add changes & docs to release notes draft in Notion

@distantnative distantnative self-assigned this Dec 13, 2025
Comment thread panel/src/components/Views/Preview/PreviewForm.vue Outdated
@distantnative
distantnative force-pushed the v6/feat/preview-view-form branch 8 times, most recently from c33a54a to 6c56b29 Compare December 18, 2025 18:47
@distantnative

Copy link
Copy Markdown
Member Author

@bastianallgeier Would be great to have a first review round with this.

@distantnative
distantnative force-pushed the v6/feat/preview-view-form branch 11 times, most recently from 186717c to 8f1ac41 Compare December 21, 2025 10:02
@distantnative distantnative changed the title feat: Preview view live editing mode feat: Live preview editing mode for PreviewView Dec 21, 2025
@distantnative
distantnative force-pushed the v6/feat/preview-view-form branch 2 times, most recently from 2b6d53d to 1617718 Compare December 21, 2025 11:48
@distantnative distantnative added this to the 6.0.0-alpha.2 milestone Dec 21, 2025
Comment thread panel/src/components/Drawers/Elements/Tabs.vue
Comment thread panel/src/components/Navigation/Button.vue
@distantnative
distantnative force-pushed the v6/feat/preview-view-form branch 2 times, most recently from 98cbb9d to 6fba01b Compare December 21, 2025 12:18
@distantnative
distantnative marked this pull request as ready for review December 21, 2025 12:33
@distantnative
distantnative requested review from a team and bastianallgeier December 21, 2025 12:34
@distantnative
distantnative force-pushed the v6/feat/preview-view-form branch 2 times, most recently from e5cfff9 to 647901b Compare December 22, 2025 11:56
@bastianallgeier

bastianallgeier commented Dec 22, 2025

Copy link
Copy Markdown
Member

First impressions:

  • It's AWESOME!!
  • We might need a new tablet icon. It looks very close to the phone icon.
    Screenshot 2025-12-22 at 13 04 26
  • I'm a bit astonished by some of our breakpoint choices for the columns grid.
    Screenshot 2025-12-22 at 13 06 18
  • I wonder if we could use something more fancy for the dropdown label instead of "Edit content". Maybe something like "Live Editor"
    Screenshot 2025-12-22 at 13 08 19
  • I'm still a bit hesitant about the model tab change, but the rest looks very clean to me.

@distantnative
distantnative force-pushed the v6/feat/preview-view-form branch 2 times, most recently from 96293a9 to bf5ecb9 Compare December 22, 2025 13:19
@distantnative
distantnative force-pushed the v6/feat/preview-view-form branch from d105090 to 74d8a40 Compare December 22, 2025 13:26
@bastianallgeier
bastianallgeier merged commit b7a86a2 into v6/develop Dec 22, 2025
19 of 20 checks passed
@bastianallgeier
bastianallgeier deleted the v6/feat/preview-view-form branch December 22, 2025 16:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants