feat(#156): Social preview panel for article editor #188

Merged
jmiller merged 1 commits from feature/156-social-preview into dev 2026-06-28 16:10:39 +00:00
Owner

Summary

  • PreviewHelper renders platform-specific mockups (Twitter, Facebook, LinkedIn, Mastodon, Bluesky, Telegram) showing how cross-posted content will appear
  • PreviewController serves AJAX requests with CSRF token validation
  • Content plugin injects platform selector dropdown and Preview button into the article editor for existing articles
  • All user data escaped via htmlspecialchars in PreviewHelper
  • 2 new language strings

Test plan

  • Open an existing article in admin editor
  • Scroll to "Social Preview" fieldset in the attribs tab
  • Select "All Platforms" and click Preview -- verify 6 platform mockups render
  • Select individual platforms (Twitter, Facebook, etc.) and verify each mockup
  • Verify mockup shows article title, intro text, image, and author
  • Verify character counts display for Twitter (280), Mastodon (500), Bluesky (300)
  • Test with new (unsaved) article -- verify preview panel does not appear

Closes #156

## Summary - `PreviewHelper` renders platform-specific mockups (Twitter, Facebook, LinkedIn, Mastodon, Bluesky, Telegram) showing how cross-posted content will appear - `PreviewController` serves AJAX requests with CSRF token validation - Content plugin injects platform selector dropdown and Preview button into the article editor for existing articles - All user data escaped via `htmlspecialchars` in PreviewHelper - 2 new language strings ## Test plan - [ ] Open an existing article in admin editor - [ ] Scroll to "Social Preview" fieldset in the attribs tab - [ ] Select "All Platforms" and click Preview -- verify 6 platform mockups render - [ ] Select individual platforms (Twitter, Facebook, etc.) and verify each mockup - [ ] Verify mockup shows article title, intro text, image, and author - [ ] Verify character counts display for Twitter (280), Mastodon (500), Bluesky (300) - [ ] Test with new (unsaved) article -- verify preview panel does not appear Closes #156
jmiller added 1 commit 2026-06-28 16:10:10 +00:00
feat(#156): add social preview panel for article editor
Universal: PR Check / Branch Policy (pull_request) Successful in 1s
Universal: PR Check / Validate PR (pull_request) Failing after 5s
Universal: PR Check / Secret Scan (pull_request) Successful in 7s
Joomla: Metadata Validation / Validate Joomla Metadata (pull_request) Successful in 11s
RC Revert / Rename rc/ back to dev/ (pull_request) Has been skipped
Branch Cleanup / Delete merged branch (pull_request) Successful in 2s
Universal: Auto Version Bump / Version Bump (push) Successful in 13s
Universal: PR Check / Build RC Package (pull_request) Has been cancelled
Universal: PR Check / Report Issues (pull_request) Has been cancelled
decb1ba8b7
PreviewHelper renders platform-specific mockups (Twitter, Facebook,
LinkedIn, Mastodon, Bluesky, Telegram) showing how cross-posted content
will appear. PreviewController serves AJAX requests from the article
editor. Content plugin injects platform selector and preview button
into the Cross-Posting fieldset for existing articles.

Authored-by: Moko Consulting
jmiller force-pushed feature/156-social-preview from 16c2fd35ff to decb1ba8b7 2026-06-28 16:10:10 +00:00 Compare
jmiller merged commit e0c95b4291 into dev 2026-06-28 16:10:39 +00:00
jmiller deleted branch feature/156-social-preview 2026-06-28 16:10:40 +00:00
Sign in to join this conversation.
No Reviewers
No labels
Priority -
Type -
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteCross#188