@jason/post-wallet-napp

A React component package for displaying wallet posts with infinite scroll, mobile optimization, and video support.

Version 1.0.1

Latest Updates

• ✅ Fixed video muting issue - Videos now show controls and allow users to unmute
• ✅ Enhanced video controls - Added play/pause, volume, progress, and fullscreen controls
• ✅ Improved user experience - Videos start muted (for autoplay compliance) but users can enable audio

Features

• 📱 Mobile-optimized post feed
• ♾️ Infinite scroll with virtual scrolling
• 🎥 Video support with HLS streaming
• 🖼️ Image grid layouts (1, 2, 3+ items)
• ⚡ Performance optimized with lazy loading
• 🎨 Customizable styling with SCSS

Video Controls

Videos in the post feed now include:

• Play/Pause button
• Volume/Mute toggle
• Progress bar with seeking
• Fullscreen option
• Auto-play (muted by default for browser compliance)

Installation

npm install @jason/post-wallet-napp

Usage

import Post from '@jason/post-wallet-napp';

// Basic usage
<Post 
  walletGUID="your-wallet-guid"
  onPostClick={(post) => console.log('Post clicked:', post)}
/>

Props

• walletGUID - The wallet identifier
• onPostClick - Callback when a post is clicked
• showControls - Show video controls (default: true)
• autoPlay - Auto-play videos (default: true, muted)
• loop - Loop videos (default: true)

Browser Support

• Modern browsers with video support
• Mobile browsers (iOS Safari, Chrome Mobile)
• HLS streaming support via hls.js