Daily Development Update: HiveStats Growth Integration and hSnaps Build Stabilization

hive-stats-reactjs

Growth Tab Integration with HiveReactKit

• Linked local HiveReactKit package for development:
  • Switched dependency to local file reference.

• Enabled Growth tab in UserDetailProfile:
  • Integrated newly introduced analytics features.

• Verified:
  • Build stability
  • Compatibility with latest HiveReactKit updates

Growth Tab in HiveStats Profile

hSnaps App

Build and Dependency Stabilization

• hot-fix(deps,build): migrate to @aioha/react-ui and shim @hiveio/dhive for Vite.
• Replaced:
  • @aioha/react-provider → @aioha/react-ui

• Removed unused dependencies for cleaner setup.

• Added UMD shim and Vite resolver plugin:
  • Fixed browser/ESM/CJS resolution issues for @hiveio/dhive

• Ensured dependency pre-bundling:
  • Configured matching esbuild plugin

• Added buffer polyfill:
  • Enabled global Buffer support in browser environment

• Stabilized build:
  • Handled dhive exports and Node built-in issues consistently

Mobile UX Fixes: Toasts and Media Handling

• fix(mobile): improve toast behavior and media preview handling.
• Fixed Sonner toast issues:
  • Added duration={3500} to auto-dismiss
  • Prevented toast from getting stuck on mobile

• Improved interaction handling:
  • Disabled pointer events on toast body
  • Kept action and close buttons interactive

• Enhanced media UX:
  • Registered ImageLightbox and MediaPopup with useBackDismiss stack

• Android improvements:
  • Hardware back button now closes media previews
  • Prevents unintended navigation

Toast Behavior Fix

Media Popup Close via Back Button

Get Back to Feed Screen after clicking back button

Renderer Refactor: Unified Markdown Rendering

• Refactor(renderer): unify Hive markdown rendering across detail pages.
• Introduced shared rendering hooks:
  • Standardized content rendering logic

• Added image fallback handling:
  • Improved reliability for media display

• Removed duplicate renderer implementations:
  • Reduced code redundancy

• Reused HiveReactKit styles:
  • Applied hive-post-body for consistent UI

• Ensured:
  • Edit flows use the same rendering pipeline

• Outcome:
  • Cleaner codebase
  • Consistent rendering across all detail pages

Unified Markdown Rendering Example

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 App	Vote as Witness	Support via Discord

▶️ 3Speak