Daily Development Update: HiveReactKit Composer Refactor and hSnaps Reply Flow Enhancements

Words
392
Reading
2 min
Listen
Play
4M


HiveReactKit

Composer Refactor: Inline Tag Editor

  • Refactor(composer): replace Tags popover with inline editor.
  • Replaced portalled Tags popover with inline editor positioned below textarea.
  • Added input row for tags:
    • Press Enter or comma to add tags
    • Press Esc to close input
  • Updated toolbar button:
    • Reflects active and open state
  • Removed:
    • Popover-related state
    • Refs
    • Positioning logic

Inline Tag Editor UI

Inline Tag Editor UI


Renderer and Profile Enhancements

  • feat(renderer,profile): configurable link routing, snaps pagination, and segmented tabs.
  • Added renderOptions:
    • Customize Hive link generation (default: peakd).
  • Enabled in-app navigation:
    • Uses existing link interception callbacks.
  • Optimized snaps pagination:
    • Cached references with 20 items per page slicing.
  • Added segmented Snaps tab:
    • Snaps
    • Ecency
    • Threads
    • Liketu
  • Improved state handling for segmented navigation.

  • fix(share):

    • Routed all profile and share links through hSnaps.
    • Removed unintended peakd link leaks.

Segmented Snaps Tabs UI
Segmented Snaps Tabs UI

Snaps Tabs UI - Skeleton Loading
In-App Link Routing Example


hSnaps (hive-snaps-reactjs)

Reply Flow Enhancement: Vote + Comment Integration

  • feat(replies): enable upvote-on-publish with unified vote and comment flow.

  • Integrated upvote toggle directly into reply flow.

  • Enabled combined vote + comment submission in a single flow.

  • Technical updates:

    • Linked local hive-react-kit with React deduplication and proper Vite configuration.
    • Passed alreadyVoted and parentTags from PostCard to ReplyComposerModal.
    • Normalized reply tags.
    • Implemented branching logic:
      • Comment only
      • Vote + comment

Reply Composer with Upvote Toggle
Reply Composer with Upvote Toggle


Post Detail Enhancement: Vote-on-Publish and App Badge Rendering

  • feat(post-detail): integrate vote-on-publish and app badge rendering.
  • Enabled upvote-on-publish in post detail:
    • Supports combined vote + comment transaction.
  • Submission logic:
    • Branches based on voteWeight
    • Executes single transaction when applicable
  • Content cleanup:
    • Removed “via Apps” footer from body
    • Replaced with contextual #tag badge
  • Maintained app-specific logic in hSnaps using processBody hook.

Post Detail with Vote + Comment Flow
Post Detail with Vote + Comment Flow

App Tag Badge Rendering
App Tag Badge Rendering


Powering the Hive Ecosystem

  • Continuously improving Hive applications with a focus on stability, performance, and scalability
  • Contributing to open-source development and building reusable solutions for the community
  • Working towards a stronger, more accessible, and feature-rich Hive ecosystem

Final Note

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

More Links
HiveSuite AppVote as WitnessSupport via Discord

▶️ 3Speak

Daily Development Update: HiveReactKit Composer Refactor and hSnaps... | Ecency