mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
3e6252864b
Major Features: - Visual Page Builder with drag-and-drop interface - Shiki syntax highlighting integration via Fumadocs - 10 new blocks (5 newsletter variants + blog/photo/showcase blocks) - AI Voice Settings component - Comprehensive AI documentation Page Builder Features: - Filterable block library with 1/4 scale previews - Drag-to-reorder blocks in canvas - Viewport controls (Desktop/Tablet/Mobile) - Export to React TSX, copy code, download file - Deploy with Hanzo integration - Real-time block rendering with dynamic imports Syntax Highlighting: - GitHub Light/Dark themes for automatic mode support - Multi-color syntax highlighting - Copy-to-clipboard, line numbers, line highlighting - Zero client-side JavaScript (static HTML) New Blocks: - newsletter-01 through newsletter-05 (5 variants) - blog-cards-01 (Modern blog post card layout) - photo-grid-01 (Responsive photo gallery) - showcase-marketing-01, showcase-ecommerce-01, showcase-app-ui-01 New Components: - ai-voice-settings (Voice configuration interface) New Documentation: - AI Actions, Agents, Assistant, Code, Models, Vision, Voice guides - Newsletter blocks documentation Bug Fixes: - Fixed block display registry access pattern - Stubbed billing-dependent blocks with instructions - Replaced iframe previews with direct component rendering - Eliminated 404 errors in block previews Technical Improvements: - Enhanced MDX configuration with Shiki rehype plugin - Integrated Fumadocs CodeBlock wrapper - Improved registry build error handling - Updated component props for better type safety CI/CD: - Added automatic npm publishing on tag creation - Tests must pass before publishing - Automatic GitHub release creation - Documentation deployment to GitHub Pages CHANGELOG: - Created comprehensive CHANGELOG.md with v0.2.0 release notes
4.1 KiB
4.1 KiB
Changelog
All notable changes to the Hanzo UI project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
0.2.0 - 2025-11-04
Added
Page Builder
- Visual Page Builder (
/builder) - Drag-and-drop interface for assembling pages from blocks- Filterable block library with 1/4 scale previews
- Drag-to-reorder blocks in canvas
- Viewport controls (Desktop/Tablet/Mobile) for responsive preview
- Export to React TSX code
- Copy code to clipboard
- Download as .tsx file
- Deploy with Hanzo integration
- Real-time block rendering with dynamic imports
- Error handling and loading states for blocks
Syntax Highlighting
- Shiki Integration - Build-time syntax highlighting via Fumadocs
- GitHub Light/Dark themes for automatic light/dark mode support
- Multi-color syntax highlighting for all code blocks
- Copy-to-clipboard button on code blocks
- Line numbers and line highlighting support
- File name labels via meta strings
- Zero client-side JavaScript (all highlighting is static HTML)
New Blocks
- Newsletter Blocks (5 variants)
newsletter-01- Simple newsletter signupnewsletter-02- Newsletter with descriptionnewsletter-03- Newsletter with imagenewsletter-04- Newsletter with testimonialnewsletter-05- Full-width newsletter section
- Blog Cards - Modern blog post card layout
- Photo Grid - Responsive photo gallery grid
- Showcase Blocks
showcase-marketing-01- Marketing website showcaseshowcase-ecommerce-01- E-commerce site showcaseshowcase-app-ui-01- App UI showcase
New AI Components
- AI Voice Settings - Voice configuration interface for AI assistants
- Voice model selection
- Speed, pitch, and volume controls
- Preview functionality
- Settings persistence
New Documentation
- AI Components Documentation
- AI Actions guide
- AI Agents guide
- AI Assistant guide
- AI Code editor guide
- AI Models selector guide
- AI Vision guide
- AI Voice Settings guide
- AI Voice guide
- Blocks Documentation
- Newsletter blocks guide with all variants
Fixed
- Block Display Component - Fixed registry access pattern for proper block rendering
- Now uses
getBlock()function with style parameter - Proper fallback to
BlockWrapperfor blocks - Correct handling of component vs block types
- Now uses
- Stub Components - Fixed three blocks with missing
@hanzo/ui/billingdependencyinvoice-manager-01- Added placeholder with installation instructionspayment-settings-01- Added placeholder with installation instructionssubscription-portal-01- Added placeholder with installation instructions
- Dynamic Block Loading - Replaced iframe-based previews with direct component rendering
- Eliminates 404 errors in block previews
- Better error handling and loading states
- Proper scaling with transform CSS
Changed
- Page Builder Layout
- Reduced sidebar width from w-80 to w-64 for more canvas space
- Removed right sidebar to maximize preview area
- Changed block preview scale from 1/2 to 1/4 in sidebar
- Removed gaps between stacked blocks using border-b pattern
- Added viewport width controls for responsive testing
Technical Improvements
- MDX Configuration - Enhanced with Shiki rehype plugin options
- MDX Components - Integrated Fumadocs CodeBlock wrapper for code blocks
- Build Process - Improved registry build with proper error handling
- Type Safety - Updated component props to use React.ComponentPropsWithoutRef
0.1.0 - 2025-10-05
Initial Release
- Base component library with 150+ components
- Two theme variants (default, new-york)
- 24+ viewport-sized blocks
- Documentation site with MDX support
- CLI for component installation
- External registry support
- Responsive design system
- Dark mode support