HiveReactKit & HiveSuite Development Update: Media Uploads, Beneficiaries & Cross Posts

sagarkothari88(77)

Published in

HiveDevs

Words

846

Reading

4 min

Listen

Play

HiveReactKit — Media Upload & Beneficiary System

Three-Tier Image Upload Pipeline

Added a 3-tier image upload pipeline for improved reliability:
1. ThreeSpeak
2. Hive Image Proxy
3. Ecency fallback
The fallback architecture provides multiple upload paths when a preferred image service is unavailable or encounters an error.
This improves the overall reliability of image uploads across HiveReactKit-powered applications.

ThreeSpeak JWT Integration

Threaded authenticated ThreeSpeak JWT tokens through all relevant composer flows.
Added token support across:
- Post composers
- Comment composers
- Reply composers
- Modal-based composers

This ensures authenticated ThreeSpeak image uploads can work consistently regardless of where the user starts the content creation process.

Duplicate IPFS Image Fix

Fixed duplicate IPFS image rendering on post detail pages.
Improved image handling so that uploaded media is displayed correctly without unnecessary duplicate entries.

Dynamic ThreeSpeak Beneficiary Locking

Image-Based Beneficiary Calculation

Added dynamic 3Speak beneficiary locking based on the number of IPFS images included in a post.

The current beneficiary structure is:

1–10 images: 1%
11–20 images: 2%
21+ images: 3%
3Speak video: 10%

The image-count logic is applied dynamically so that the required beneficiary percentage can be reflected based on the actual media content being submitted.

Locked Beneficiary UI

Automatically displays locked beneficiary entries across all supported composers.
Added lock icons to clearly indicate protected beneficiary percentages.
Added hover explanations to help users understand why the beneficiary is locked.
Kept beneficiary information visible during the content creation process rather than hiding the blockchain requirement from the user.

This provides better transparency while ensuring the UI accurately represents the beneficiary requirements that will be applied during blockchain submission.

Media Upload & Beneficiary System

Beneficiary Locking Interface

HiveSuite — Upload & Blockchain Integration

Authenticated ThreeSpeak Uploads

Connected authenticated ThreeSpeak image uploads across HiveSuite post and comment pages.
Integrated the updated HiveReactKit upload pipeline with the application-level authentication flow.
Ensured authenticated users can upload supported media through the appropriate ThreeSpeak service.

On-Chain Beneficiary Enforcement

Enforced the required @threespeakfund beneficiary percentages during post and reply broadcasts.
Ensured the beneficiary information represented in the UI is also included correctly in the blockchain submission payload.

UI & Blockchain Synchronization

Synced the image-count logic between the composer UI and blockchain broadcast payload.
This keeps the displayed beneficiary percentage aligned with the actual transaction being submitted to Hive.

This synchronization is important because beneficiary information is not simply a visual setting; it becomes part of the on-chain transaction when content is published.

HiveReactKit — Cross Post Feature

Cross Post Action

Added a new Cross Post action to the 3-dot More Actions menu.
Made the action available across multiple HiveReactKit content surfaces, including:
- Posts
- Snaps
- Profiles
- Post Details

This gives users a consistent way to cross-post content regardless of where they encounter the original post.

Reusable CrossPostModal

Created a reusable CrossPostModal component.
Added community selection functionality.
Automatically loads the user's subscribed Hive communities.
Added an optional message/note field when creating a cross-post.

The reusable component structure allows the Cross Post functionality to be integrated into other Hive applications using HiveReactKit without rebuilding the complete workflow.

Cross Post Banner

Added a dedicated Cross Post banner to identify content that originated from another post.
Displays original post information.
Added a "Switch to Original Post" action for quickly returning to the source content.

This maintains a clear relationship between the cross-posted content and the original Hive post.

Exported CrossPostModal for reuse across applications.

Cross Post Menu & Community Selection

Cross Post Banner

HiveSuite — Cross Post Integration

PeakD-Style Cross-Post Broadcasting

Implemented PeakD-style cross-post broadcasting using Hive posting authority.
Connected the reusable HiveReactKit Cross Post workflow to HiveSuite's blockchain publishing flow.
Users can select a subscribed community and publish a cross-post while maintaining a reference to the original content.

Original Post Metadata

Automatically creates cross-post metadata linking the new content back to the original post.
This makes the relationship between the original post and cross-post explicit.
Users can navigate back to the original content through the Cross Post banner.

Reward Protection

Added reward protection for cross-posts by:
- Disabling payouts
- Disabling curation rewards

This prevents cross-posted content from unintentionally creating duplicate reward opportunities while preserving the relationship with the original publication.

HiveSuite Integration

Integrated the Cross Post workflow into:
- Post Details
- User Profile

This makes the feature accessible from important content discovery and profile interaction points throughout HiveSuite.

Cross Post Broadcasting

🚀 Powering the Hive Ecosystem

Continuously improving HiveReactKit with reusable components that make Hive applications richer and more responsive.
Building shared infrastructure for media rendering, translations, and smoother community navigation across the Hive ecosystem.
Contributing open-source enhancements that improve usability, consistency, and long-term maintainability for Hive frontends using HiveReactKit.