Add Mastodon/Discord/Slack preview cards to editor #69

Closed
opened 2026-06-23 13:31:30 +00:00 by jmiller · 1 comment
Owner

Summary

Add social preview cards for Mastodon, Discord, and Slack alongside the existing Facebook, Twitter, and LinkedIn (#61) previews.

Why

  • MokoOG uniquely supports Discord/Telegram/Fediverse tags — previewing them completes the story
  • No other extension previews how links appear on these platforms
  • Differentiates MokoOG as the multi-platform social sharing tool

Implementation

  • Discord preview: dark theme card with theme-color accent bar, title, description, image, site name
  • Mastodon preview: card with image, title, description, fediverse:creator attribution
  • Slack preview: unfurl card with favicon, site name, title, description, image thumbnail
  • Add platform selector tabs or show all cards in a scrollable grid
  • Reuse existing preview.js architecture
## Summary Add social preview cards for Mastodon, Discord, and Slack alongside the existing Facebook, Twitter, and LinkedIn (#61) previews. ## Why - MokoOG uniquely supports Discord/Telegram/Fediverse tags — previewing them completes the story - No other extension previews how links appear on these platforms - Differentiates MokoOG as the multi-platform social sharing tool ## Implementation - **Discord preview**: dark theme card with theme-color accent bar, title, description, image, site name - **Mastodon preview**: card with image, title, description, fediverse:creator attribution - **Slack preview**: unfurl card with favicon, site name, title, description, image thumbnail - Add platform selector tabs or show all cards in a scrollable grid - Reuse existing preview.js architecture
jmiller added this to the v2.0 — Schema & UX Expansion milestone 2026-06-23 13:31:30 +00:00
jmiller added the enhancement label 2026-06-23 13:31:30 +00:00
Author
Owner

Branch created: feature/69-add-mastodon-discord-slack-preview-cards

git fetch origin
git checkout feature/69-add-mastodon-discord-slack-preview-cards
Branch created: [`feature/69-add-mastodon-discord-slack-preview-cards`](https://git.mokoconsulting.tech/MokoConsulting/MokoSuiteOpenGraph/src/branch/feature/69-add-mastodon-discord-slack-preview-cards) ```bash git fetch origin git checkout feature/69-add-mastodon-discord-slack-preview-cards ```
Sign in to join this conversation.
Priority Medium
Type Feature
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteOpenGraph#69