mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-22 02:06:42 +02:00
- Move type exports from .svelte files to separate .types.ts files (FilterDropdown, CommandBar) to prevent SSR hydration issues - Replace direct NetworkGraph component import in network store with TypeScript interface to avoid SSR component instantiation - Add missing shared packages to vite.config.ts ssr.noExternal and optimizeDeps.exclude (splitscreen, i18n, profile-ui, etc.) The hydration error "Cannot read properties of undefined (reading 'call')" was caused by Svelte 5's stricter handling of component imports in .svelte.ts files and type exports from .svelte files during SSR. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
export { default as Toggle } from './Toggle.svelte';
|
|
export { default as Input } from './Input.svelte';
|
|
export { default as Select } from './Select.svelte';
|
|
export { default as Textarea } from './Textarea.svelte';
|
|
export { default as Checkbox } from './Checkbox.svelte';
|
|
export { default as FilterDropdown } from './FilterDropdown.svelte';
|
|
export type { SelectOption } from './Select.types';
|
|
export type { FilterDropdownOption } from './FilterDropdown.types';
|
|
|
|
// Stats components
|
|
export { GlassCard, StatRow } from './stats';
|
|
|
|
// Tag components
|
|
export {
|
|
TagBadge,
|
|
TagColorPicker,
|
|
TagEditModal,
|
|
TagSelector,
|
|
TagList,
|
|
TAG_COLORS,
|
|
DEFAULT_TAG_COLOR,
|
|
getRandomTagColor,
|
|
getTagColorByName,
|
|
} from './tags';
|
|
export type { Tag, TagData, TagColorName, TagColorHex } from './tags';
|
|
|
|
// Media components
|
|
export { AudioPlayer } from './media';
|
|
|
|
// Loading components
|
|
export {
|
|
SkeletonBox,
|
|
SkeletonText,
|
|
SkeletonAvatar,
|
|
SkeletonRow,
|
|
SkeletonList,
|
|
SkeletonCard,
|
|
SkeletonGrid,
|
|
} from './loaders';
|
|
|
|
// Feedback components
|
|
export { EmptyState } from './feedback';
|
|
|
|
// Contact components
|
|
export { ContactAvatar, ContactBadge, ContactSelector } from './contacts';
|
|
|
|
// Layout components
|
|
export { default as ModalFooter } from './ModalFooter.svelte';
|
|
export { default as DataCard } from './DataCard.svelte';
|
|
export { default as PageHeader } from './PageHeader.svelte';
|
|
export { default as KeyboardShortcutsPanel } from './KeyboardShortcutsPanel.svelte';
|
|
|
|
// Confirmation
|
|
export { default as ConfirmationPopover } from './ConfirmationPopover.svelte';
|