Skip to content

feat: responsive preview HTML sidecar with breakpoint simulation - #155

Open
laurentketterle-hub wants to merge 2 commits into
mergeos-bounties:masterfrom
laurentketterle-hub:feat/preview-sidecar-78
Open

feat: responsive preview HTML sidecar with breakpoint simulation#155
laurentketterle-hub wants to merge 2 commits into
mergeos-bounties:masterfrom
laurentketterle-hub:feat/preview-sidecar-78

Conversation

@laurentketterle-hub

Copy link
Copy Markdown

Closes #78

Feature: Responsive preview HTML sidecar

Emit a responsive preview HTML alongside the generated XML for local browser validation.

What it does:

  • Generates a self-contained HTML page with 3 device-frame breakpoints:
    • Mobile (375px)
    • Tablet (768px)
    • Desktop (1100px)
  • Each breakpoint shows the theme in an iframe with actual responsive CSS
  • Uses the theme's real colors, fonts, and layout

New CLI flag:

Output: generates alongside .

Tests: 7 new (all passing)

  • Valid HTML output
  • Three breakpoints present (mobile, tablet, desktop)
  • Three iframes for device simulation
  • Theme colors propagate to preview
  • CLI --preview flag works
  • CLI help shows --preview
  • Sidebar reflected in preview

Verification:

…eme sharing

- Add generate_multi_page() SDK function sharing colors/fonts across pages
- Add 'bloggereasy gen multi --home/--about/--contact' CLI command
- 9 tests covering: single page, three pages, color sharing, dark/landing templates, empty input, CLI help, output file validation
- All 122 tests pass, zero regressions

Closes mergeos-bounties#80
- Add generate_preview_sidecar() SDK function with 3 breakpoints (mobile/tablet/desktop)
- Add --preview flag to gen html, gen url, gen image, and gen multi commands
- Sidecar uses iframes with responsive CSS media queries for each viewport
- 7 tests covering: valid HTML, breakpoints, iframes, theme colors, CLI flag, help, sidebar

Closes mergeos-bounties#78
@laurentketterle-hub

Copy link
Copy Markdown
Author

/attempt 78

@laurentketterle-hub

Copy link
Copy Markdown
Author

Friendly ping - PR open for a few days. Anything needed? Thanks!

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.

[100 MRG] Feature: responsive preview HTML sidecar

1 participant