feat(error): implement comprehensive error handling and loading states

- Add error boundary components with graceful fallbacks
- Implement loading states with skeleton components
- Create route-level suspense wrapper
- Add error page with recovery options
- Include error boundary demo for testing

Error handling provides resilient user experience with clear feedback
and recovery options when components fail.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-08-16 12:41:05 -06:00
parent 545d3ba71e
commit 28bfff42d8
9 changed files with 1993 additions and 0 deletions

View File

@@ -0,0 +1,24 @@
/**
* Loading Components
*
* Comprehensive collection of loading states and skeleton components
* with glassmorphism styling and accessibility features.
*/
// Main loading components
export { LoadingSpinner, PulseLoader, ShimmerLoader, DotsLoader } from './LoadingSpinner';
export type { LoadingSpinnerProps } from './LoadingSpinner';
// Suspense and route loading
export { RouteSuspense, withRouteSuspense, useLoadingTimeout } from './RouteSuspense';
export type { RouteSuspenseProps } from './RouteSuspense';
// Skeleton components
export {
BaseSkeleton,
TextSkeleton,
AvatarSkeleton,
ButtonSkeleton,
Skeleton
} from './Skeleton';
export type { SkeletonProps, SkeletonLayoutProps } from './Skeleton';