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:
- 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
▶️ 3Speak
