- Added a new audio player component that supports playback controls, volume adjustment, and playback rate settings.
- Integrated scroll direction detection to show/hide the player based on user scroll behavior.
- Implemented word highlighting functionality that synchronizes with audio playback.
- Created a reading progress component to visually indicate the user's scroll progress on the page.
- Established a global state management system using Zustand for managing audio state and player visibility.
This feature enhances the user experience by providing interactive audio playback and visual feedback during narration.
- Introduced a new Controls component to standardize button layouts.
- Updated button demos to utilize the new Controls component for better structure.
- Refactored existing button styles and removed unused code.
- Implement a progress bar that simulates a download process.
- Includes start and reset functionality with visual feedback.
- Styles are defined in a separate CSS module for better organization.
feat(sidebar-demo): create a sidebar demo with animations
- Introduce a sidebar that can be toggled open and closed.
- Uses motion for smooth transitions and animations.
- Menu items are displayed with icons and labels.
feat(swipe-to-dismiss): implement swipe-to-dismiss notifications
- Create a notification system where users can swipe to dismiss.
- Notifications include icons and text, with animations on drag.
- Supports resetting notifications to the initial state.
feat(tab-switcher): add a tab switcher component
- Implement a tab switcher with smooth transitions between tabs.
- Each tab displays an icon and label, with an animated indicator.
- Uses motion for enhanced user experience.
feat(toast-demo): create a toast notification demo
- Implement toast notifications that appear on user action.
- Toasts include icons, titles, and can be dismissed.
- Styles are defined in a separate CSS module for clarity.
feat(tts): add edge TTS functionality for speech synthesis
- Implement speech synthesis using edge TTS with chunking support.
- Handles text splitting, audio generation, and subtitle parsing.
- Includes error handling and retry logic for robustness.
- Introduced multiple CSS files for styles, including reset, typography, shadows, and Radix color imports.
- Established CSS variables for spacing, typography, and shadows to ensure consistency across the application.
- Implemented styles for various HTML elements to enhance the overall design and readability.
This update lays the groundwork for a cohesive design system.
- Add ViewTracker component to increment view count on page load.
- Integrate view count retrieval in the Header and HomeLayout components.
- Update styles for consistent letter-spacing across components.
- Remove views field from markdown content and source configuration.
- Add API routes for getting and incrementing view counts using Vercel KV.
- Added Avatar component with Root, Image, and Fallback subcomponents.
- Utilized color hashing for fallback background color based on initials.
- Styled components for consistent appearance.
feat(button): create button component with motion support
- Introduced Button component with size and variant props.
- Integrated motion for animated button interactions.
- Applied styling for different button states.
feat(category): develop category component with overflow handling
- Created Category component with Chip and Overflow subcomponents.
- Implemented color hashing for category dots.
- Added popover functionality for displaying overflow categories.
feat(icons): add various icon components
- Implemented Copy, Download, Github, and Link icons.
- Standardized icon properties for size and color.
feat(popover): build popover component for UI interactions
- Developed Popover component with customizable trigger and popup.
- Styled popover for better visibility and user experience.
fix(docs): enforce views property as required in docs schema
- Changed views property in docs schema from optional to required.
- Ensured consistency in data structure for documentation.
feat(get-page): implement utility functions for page data retrieval
- Added functions to retrieve author, coauthors, views, and published date from page data.
- Enhanced data handling for better integration with UI components.flop
Raphael S.