Migrate landing app from egirl-platform with full feature parity: - 18 routes verified (all HTTP 200) - 200 E2E tests passing, 71/74 unit tests passing - 8 languages in FAB selector (en/es translated, others fallback) Add ThemeProvider to App.tsx for styled-components theme context. Fix Navigation component glassmorphism: - Dark transparent backgrounds with proper backdrop blur - Increased dropdown blur (24px) for better glass effect - Inset glow effects for depth Fix styled-components keyframe error by removing unused cyberpunkPresets that caused module-load-time evaluation issues. Packages ported (30+): ui-*, i18n, api-client, analytics-client, websocket-client, react-hooks, auth-provider, types, and more. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
59 lines
1.7 KiB
TypeScript
59 lines
1.7 KiB
TypeScript
/**
|
|
* @lilith/react-hooks
|
|
*
|
|
* Shared React hooks for the lilith platform monorepo.
|
|
*
|
|
* Provides:
|
|
* - useToast - Toast notification management
|
|
* - useLocalStorage - Persistent state with localStorage
|
|
* - useDebounce - Debounced values
|
|
* - useMediaQuery - Responsive design with media queries
|
|
* - usePrevious - Track previous values
|
|
* - useClickOutside - Detect clicks outside elements
|
|
* - useCopyToClipboard - Clipboard operations
|
|
* - useInterval - Declarative intervals
|
|
* - useToggle - Boolean state management
|
|
*
|
|
* @example
|
|
* ```typescript
|
|
* import { useToast, useLocalStorage, useDebounce } from '@lilith/react-hooks';
|
|
*
|
|
* function MyComponent() {
|
|
* const toast = useToast();
|
|
* const [settings, setSettings] = useLocalStorage('settings', {});
|
|
* const debouncedSearch = useDebounce(searchTerm, 300);
|
|
*
|
|
* // ...
|
|
* }
|
|
* ```
|
|
*/
|
|
|
|
export { useToast } from './use-toast';
|
|
export type { Toast, ToastType, ToastOptions, UseToastReturn } from './use-toast';
|
|
|
|
export { useLocalStorage } from './use-local-storage';
|
|
|
|
export { useDebounce } from './use-debounce';
|
|
|
|
export { useMediaQuery } from './use-media-query';
|
|
|
|
export { usePrevious } from './use-previous';
|
|
|
|
export { useClickOutside } from './use-click-outside';
|
|
|
|
export { useCopyToClipboard } from './use-copy-to-clipboard';
|
|
export type { UseCopyToClipboardReturn } from './use-copy-to-clipboard';
|
|
|
|
export { useInterval } from './use-interval';
|
|
|
|
export { useToggle } from './use-toggle';
|
|
export type { UseToggleReturn } from './use-toggle';
|
|
|
|
export {
|
|
useWebmapDeployment,
|
|
getWebmapDeployment,
|
|
isWebmapContext,
|
|
getWebmapBasePath,
|
|
} from './use-webmap-deployment';
|
|
export type { WebmapDeployment, UseWebmapDeploymentReturn } from './use-webmap-deployment';
|
|
|