▶️ Watch on 3Speak

Improved media embeds, inline speech highlighting, auto-scroll reading & cleaner post detail rendering across Hive app.

HiveReactKit & HiveSuite

Cleaner Post Detail Experience

Simplified Image Presentation

• Removed image captions from Post Detail pages.

• Preserved the existing image alignment, spacing, and responsive layout.

• Creates a cleaner reading experience by placing greater focus on the media itself.

Shared Integration

• Linked HiveSuite to the latest local HiveReactKit package.

• Successfully rebuilt and verified both HiveReactKit and HiveSuite after the update.

Post Detail Improvements

Media Embed Rendering Fixes

Restored Embedded Media Support

• Fixed an issue where YouTube previews and other embedded media were not rendering correctly.

• Media links are now preserved during URL processing, preventing embeds from breaking.

• Restored reliable support for:

  • YouTube
  • 3Speak
  • Odysee
  • Spotify
  • Vimeo
  • Twitch
  • SoundCloud
  • Twitter/X
  • IPFS media

Embedded Media Support

Better Media Preview Reliability

Improved URL Handling

• Fixed incorrect URL formatting that could prevent embedded content from loading.

• Restored broken thumbnails and video previews across supported media providers.

• Embedded content now displays consistently throughout HiveReactKit-powered applications.

Verified Integration

• Successfully rebuilt HiveReactKit.

• Verified successful HiveSuite compilation using the updated shared component library.

Media Preview Improvements

Speech Reader Enhancements

Inline Word Highlighting

• Added word-by-word highlighting directly inside post content while speech playback is active.

• Reading now feels more natural by highlighting words within the body instead of using a separate reading bar.

• Users can follow spoken content directly in the article.

Speech Reader Highlighting

Interactive Reading Experience

Automatic Scrolling

• Added automatic scrolling to keep the currently spoken word visible during playback.

• Long articles remain easy to follow without manual scrolling.

Tap-to-Read Navigation

• Users can now tap any word inside the post body to jump directly to that reading position.

• Makes speech playback significantly more interactive and easier to control.

Improved Stability

• Fixed an issue where highlighting previously worked only on post titles.

• Speech highlighting now remains active throughout the full body content.

• Prevented highlighting from being lost during page updates.

• Fixed a React Hook ordering error introduced by the speech reader implementation.

Interactive Speech Reader

Internal Improvements

Rendering & Accessibility Enhancements

• Removed unnecessary image captions while preserving layout consistency.

• Restored reliable embedded media rendering across multiple providers.

• Improved URL processing for media-rich posts.

• Enhanced speech reader stability, interaction, and accessibility.

• Successfully rebuilt and verified both HiveReactKit and HiveSuite.

User Experience Enhancements

• Cleaner post layouts.
• Reliable media embeds.
• Restored thumbnails and video previews.
• Inline speech highlighting.
• Automatic reading scroll.
• Tap-to-jump speech navigation.
• Improved rendering stability.

Powering the Hive Ecosystem

• Continuously improving HiveReactKit with richer media rendering and accessibility features that enhance content consumption across Hive applications.
• Strengthening the integration between HiveReactKit and HiveSuite to deliver new capabilities with minimal application-level changes.
• Contributing open-source improvements that improve usability, consistency, and accessibility throughout the Hive ecosystem.

Final Note

• This post has been refined with the help of AI to improve readability and structure.
• The original development updates and optimized version are both available for reference.

More Links

HiveSuite App	Vote as Witness	Support via Discord

▶️ 3Speak

_{via Apps from}