@joewinke/jatui 0.1.0

package/src/lib/index.ts

@@ -0,0 +1,185 @@
+// Components — from JAT IDE
+export { default as SearchDropdown } from './components/SearchDropdown.svelte';
+export { default as FilterDropdown } from './components/FilterDropdown.svelte';
+export { default as ChipInput } from './components/ChipInput.svelte';
+export { default as ResizableDivider } from './components/ResizableDivider.svelte';
+export { default as DateRangePicker } from './components/DateRangePicker.svelte';
+export { default as SortDropdown } from './components/SortDropdown.svelte';
+export { default as InlineEdit } from './components/InlineEdit.svelte';
+
+// Components — from Flush
+export { default as Button } from './components/Button.svelte';
+export { default as Badge } from './components/Badge.svelte';
+export { default as Card } from './components/Card.svelte';
+export { default as Drawer } from './components/Drawer.svelte';
+export { default as Modal } from './components/Modal.svelte';
+export { default as LoadingSpinner } from './components/LoadingSpinner.svelte';
+export { default as StatusBadge } from './components/StatusBadge.svelte';
+export { default as TextInput } from './components/TextInput.svelte';
+export { default as TextArea } from './components/TextArea.svelte';
+export { default as SelectInput } from './components/SelectInput.svelte';
+export { default as PhoneInput } from './components/PhoneInput.svelte';
+
+// Components — from Chimaro
+export { default as AudioWaveform } from './components/AudioWaveform.svelte';
+export { default as CharacterCounter } from './components/CharacterCounter.svelte';
+export { default as ColorSelector } from './components/ColorSelector.svelte';
+export { default as ConfirmModal } from './components/ConfirmModal.svelte';
+export { default as CountdownTimer } from './components/CountdownTimer.svelte';
+export { default as ImageUpload } from './components/ImageUpload.svelte';
+export { default as LazyImage } from './components/LazyImage.svelte';
+export { default as ResizablePanel } from './components/ResizablePanel.svelte';
+export { default as VoicePlayer } from './components/VoicePlayer.svelte';
+export { default as SpeechForm } from './components/SpeechForm.svelte';
+
+// Components — from Headcount
+export { default as ThemeSelector } from './components/ThemeSelector.svelte';
+export { default as Sparkline } from './components/Sparkline.svelte';
+
+// Components — from Marduk
+export { default as SignaturePad } from './components/SignaturePad.svelte';
+export { default as TimeSlotPicker } from './components/TimeSlotPicker.svelte';
+export { default as CalendarPicker } from './components/CalendarPicker.svelte';
+export { default as AvailabilityModal } from './components/AvailabilityModal.svelte';
+export { default as BookingForm } from './components/BookingForm.svelte';
+
+// Component types — JAT IDE
+export type { SearchDropdownOption, SearchDropdownGroup } from './components/SearchDropdown.svelte';
+export type { ChipSuggestion, SuggestionGroup, ChipInfo } from './components/ChipInput.svelte';
+export type { SortOption } from './components/SortDropdown.svelte';
+export type { DisplaySegment } from './components/InlineEdit.svelte';
+
+// Component types — Flush
+export type { SelectOption } from './components/SelectInput.svelte';
+export type { StatusValue } from './components/StatusBadge.svelte';
+
+// Booking types (centralized)
+export type {
+	LocationType,
+	BookingStatus,
+	OverrideType,
+	Host,
+	EventType,
+	WeeklyAvailability,
+	DateOverride,
+	Booking,
+	BookingAttendee,
+	TimeSlot,
+	BookingFormData,
+	AvailabilityCounts
+} from './types/booking';
+export {
+	DAYS_OF_WEEK,
+	DAYS_SHORT,
+	LOCATION_LABELS,
+	LOCATION_ICONS
+} from './types/booking';
+
+// Utilities — date formatting
+export {
+	normalizeTimestamp,
+	parseTimestamp,
+	formatRelativeTime,
+	formatFullDate,
+	formatShortDate,
+	formatLastActivity,
+	formatDate,
+	getTimeSinceMs,
+	getTimeSinceMinutes,
+	isWithinMinutes
+} from './utils/dateFormatters';
+
+// Utilities — phone formatting
+export {
+	stripPhoneNumber,
+	formatPhoneNumber,
+	isCompletePhoneNumber,
+	isValidPhoneNumber,
+	updatePhoneInput
+} from './utils/phoneFormat';
+
+// Utilities — currency
+export { formatCurrency } from './utils/currency';
+
+// Utilities — DaisyUI colors (Canvas/JS contexts)
+export {
+	getDaisyUIColor,
+	lightenColor,
+	darkenColor,
+	watchThemeChanges,
+	isDarkTheme,
+	getCurrentTheme,
+	clearColorCache
+} from './utils/daisyuiColors';
+
+// Components — Messaging (from Flush)
+export { default as Avatar } from './components/messaging/Avatar.svelte';
+export { default as ChannelList } from './components/messaging/ChannelList.svelte';
+export { default as ChannelMemberAvatarStack } from './components/messaging/ChannelMemberAvatarStack.svelte';
+export { default as DirectMessageList } from './components/messaging/DirectMessageList.svelte';
+export { default as EmojiSelector } from './components/messaging/EmojiSelector.svelte';
+export { default as MentionAutocomplete } from './components/messaging/MentionAutocomplete.svelte';
+export { default as MessageAttachment } from './components/messaging/MessageAttachment.svelte';
+export { default as MessageAttachmentUpload } from './components/messaging/MessageAttachmentUpload.svelte';
+export { default as MessageInput } from './components/messaging/MessageInput.svelte';
+export { default as MessageItem } from './components/messaging/MessageItem.svelte';
+export { default as MessageThread } from './components/messaging/MessageThread.svelte';
+export { default as QuotedMessageDisplay } from './components/messaging/QuotedMessageDisplay.svelte';
+export { default as ThreadPanel } from './components/messaging/ThreadPanel.svelte';
+export { default as CreateChannelModal } from './components/messaging/CreateChannelModal.svelte';
+export { default as StartDMModal } from './components/messaging/StartDMModal.svelte';
+export { default as ChannelInfoModal } from './components/messaging/ChannelInfoModal.svelte';
+export { default as ChannelMembersModal } from './components/messaging/ChannelMembersModal.svelte';
+export { default as NotificationSettingsModal } from './components/messaging/NotificationSettingsModal.svelte';
+
+// Messaging types
+export type {
+	Message,
+	QuotedMessage,
+	MessageAttachment as MessageAttachmentType,
+	PendingAttachment,
+	Channel,
+	ChannelMember,
+	DirectConversation,
+	OrgMember,
+	EmojiCategory,
+	SkinTone,
+	StandardEmoji,
+	CustomEmoji,
+	EmojiReaction,
+	ReactionSummary,
+	EmojiSelection,
+	EmojiPreferences,
+	EmojiCategoryInfo,
+	SkinToneInfo,
+	MentionItem,
+	NotificationPreferences,
+	PresenceState,
+	MessageCallbacks,
+	ReactionCallbacks,
+	AttachmentCallbacks,
+	MentionCallbacks,
+	EmojiCallbacks,
+	ChannelCallbacks,
+	ThreadCallbacks,
+	NotificationCallbacks
+} from './types/messaging';
+export {
+	EMOJI_CATEGORIES,
+	SKIN_TONES,
+	DEFAULT_QUICK_REACTIONS
+} from './types/messaging';
+
+// Utilities — mention parsing
+export {
+	parseMentions,
+	renderMentionsAsHTML,
+	createMentionString,
+	extractPlainText,
+	findMentionAtCursor,
+	findPartialMention,
+	replaceMentionInContent,
+	escapeHTML,
+	countMentions,
+	setMentionUrlGenerator
+} from './utils/mentionParser';

package/src/lib/types/booking.ts

@@ -0,0 +1,143 @@
+// Booking System Types
+// Generic types for scheduling/booking UI components
+
+export type LocationType = 'remote' | 'phone' | 'in_person';
+export type BookingStatus = 'pending' | 'confirmed' | 'cancelled' | 'completed' | 'no_show';
+export type OverrideType = 'unavailable' | 'custom_hours';
+
+export interface Host {
+	id: string;
+	name: string;
+	email: string;
+	timezone: string;
+	avatar_url?: string;
+	bio?: string;
+	notify_on_new_booking?: boolean;
+	notify_on_cancellation?: boolean;
+	notify_on_reschedule?: boolean;
+	created_at: string;
+	updated_at: string;
+}
+
+export interface EventType {
+	id: string;
+	host_id: string;
+	title: string;
+	slug: string;
+	description?: string;
+	duration_minutes: number;
+	location_type: LocationType;
+	location_details?: string;
+	color: string;
+	is_active: boolean;
+	buffer_before_minutes: number;
+	buffer_after_minutes: number;
+	min_notice_hours: number;
+	max_days_in_advance: number;
+	confirmation_redirect_url?: string;
+	booking_instructions?: string;
+	created_at: string;
+	updated_at: string;
+	host?: Host;
+}
+
+export interface WeeklyAvailability {
+	id: string;
+	host_id: string;
+	day_of_week: number; // 0 = Sunday, 1 = Monday, etc.
+	start_time: string; // HH:MM:SS format
+	end_time: string;
+	event_type_id?: string;
+	is_active: boolean;
+	created_at: string;
+}
+
+export interface DateOverride {
+	id: string;
+	host_id: string;
+	override_date: string; // YYYY-MM-DD
+	override_type: OverrideType;
+	start_time?: string;
+	end_time?: string;
+	reason?: string;
+	created_at: string;
+}
+
+export interface Booking {
+	id: string;
+	event_type_id: string;
+	host_id: string;
+	guest_name: string;
+	guest_email: string;
+	guest_phone?: string;
+	guest_notes?: string;
+	start_time: string;
+	end_time: string;
+	timezone: string;
+	status: BookingStatus;
+	cancelled_at?: string;
+	cancellation_reason?: string;
+	meeting_url?: string;
+	location_details?: string;
+	confirmation_sent_at?: string;
+	reminder_sent_at?: string;
+	created_at: string;
+	updated_at: string;
+	event_type?: EventType;
+	host?: Host;
+	attendees?: BookingAttendee[];
+}
+
+export interface BookingAttendee {
+	id: string;
+	booking_id: string;
+	name: string;
+	email: string;
+	created_at: string;
+}
+
+export interface TimeSlot {
+	start: Date;
+	end: Date;
+	available: boolean;
+}
+
+export interface BookingFormData {
+	guest_name: string;
+	guest_email: string;
+	guest_phone?: string;
+	guest_notes?: string;
+	timezone: string;
+	start_time: string;
+	attendees?: { name: string; email: string }[];
+}
+
+export interface AvailabilityCounts {
+	[dateStr: string]: { available: number; total: number };
+}
+
+// Day of week helpers
+export const DAYS_OF_WEEK = [
+	'Sunday',
+	'Monday',
+	'Tuesday',
+	'Wednesday',
+	'Thursday',
+	'Friday',
+	'Saturday'
+] as const;
+
+export const DAYS_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const;
+
+// Location type display
+export const LOCATION_LABELS: Record<LocationType, string> = {
+	remote: 'Video Call',
+	phone: 'Phone Call',
+	in_person: 'In Person'
+};
+
+export const LOCATION_ICONS: Record<LocationType, string> = {
+	remote: 'video',
+	phone: 'phone',
+	in_person: 'map-pin'
+};