@happyvertical/smrt-messages 0.30.0

package/dist/svelte/playground.d.ts

@@ -0,0 +1,341 @@
+declare const _default: {
+    packageName: string;
+    displayName: string;
+    description: string | undefined;
+    moduleMeta: import("@happyvertical/smrt-types").SmrtModuleMeta;
+    entries: ({
+        id: string;
+        title: string;
+        description: string;
+        loadComponent: () => Promise<typeof import("./components/AccountList.svelte")>;
+        order: number;
+        props: {
+            accounts: ({
+                id: string;
+                name: string;
+                email: string;
+                providerType: string;
+                isActive: boolean;
+                unreadCount: number;
+                totalCount: number;
+                lastSyncAt: string;
+            } | {
+                id: string;
+                name: string;
+                providerType: string;
+                isActive: boolean;
+                unreadCount: number;
+                totalCount: number;
+                lastSyncAt: string;
+                email?: undefined;
+            })[];
+            onaccountclick: () => void;
+            onsync: () => void;
+            onremove: () => void;
+            messages?: undefined;
+            activeMessageId?: undefined;
+            showAccount?: undefined;
+            onmessageclick?: undefined;
+            onselect?: undefined;
+            onflag?: undefined;
+            message?: undefined;
+            attachments?: undefined;
+            account?: undefined;
+            onreply?: undefined;
+            onforward?: undefined;
+            ondelete?: undefined;
+            type?: undefined;
+            initialState?: undefined;
+            onsend?: undefined;
+            onsavedraft?: undefined;
+            ondiscard?: undefined;
+        };
+        modes: {
+            mock: {
+                label: string;
+            };
+        };
+    } | {
+        id: string;
+        title: string;
+        description: string;
+        loadComponent: () => Promise<typeof import("./components/MessageList.svelte")>;
+        order: number;
+        props: {
+            messages: ({
+                id: string;
+                type: string;
+                accountId: string;
+                subject: string;
+                body: string;
+                senderName: string;
+                senderAddress: string;
+                recipientAddresses: {
+                    address: string;
+                    name: string;
+                }[];
+                ccAddresses: {
+                    address: string;
+                    name: string;
+                }[];
+                threadId: string;
+                isRead: boolean;
+                isFlagged: boolean;
+                hasAttachments: boolean;
+                attachments: {
+                    id: string;
+                    filename: string;
+                    contentType: string;
+                    size: number;
+                }[];
+                date: string;
+                folderPath: string;
+                labels: string[];
+                sendStatus: string;
+                meta?: undefined;
+            } | {
+                id: string;
+                type: string;
+                accountId: string;
+                subject: string;
+                body: string;
+                senderName: string;
+                senderAddress: string;
+                recipientAddresses: {
+                    address: string;
+                }[];
+                isRead: boolean;
+                isFlagged: boolean;
+                hasAttachments: boolean;
+                date: string;
+                folderPath: string;
+                meta: {
+                    channelName: string;
+                };
+                ccAddresses?: undefined;
+                threadId?: undefined;
+                attachments?: undefined;
+                labels?: undefined;
+                sendStatus?: undefined;
+            })[];
+            activeMessageId: string;
+            accounts: ({
+                id: string;
+                name: string;
+                email: string;
+                providerType: string;
+                isActive: boolean;
+                unreadCount: number;
+                totalCount: number;
+                lastSyncAt: string;
+            } | {
+                id: string;
+                name: string;
+                providerType: string;
+                isActive: boolean;
+                unreadCount: number;
+                totalCount: number;
+                lastSyncAt: string;
+                email?: undefined;
+            })[];
+            showAccount: boolean;
+            onmessageclick: () => void;
+            onselect: () => void;
+            onflag: () => void;
+            onaccountclick?: undefined;
+            onsync?: undefined;
+            onremove?: undefined;
+            message?: undefined;
+            attachments?: undefined;
+            account?: undefined;
+            onreply?: undefined;
+            onforward?: undefined;
+            ondelete?: undefined;
+            type?: undefined;
+            initialState?: undefined;
+            onsend?: undefined;
+            onsavedraft?: undefined;
+            ondiscard?: undefined;
+        };
+        modes: {
+            mock: {
+                label: string;
+            };
+        };
+    } | {
+        id: string;
+        title: string;
+        description: string;
+        loadComponent: () => Promise<typeof import("./components/MessageDetail.svelte")>;
+        order: number;
+        props: {
+            message: {
+                id: string;
+                type: string;
+                accountId: string;
+                subject: string;
+                body: string;
+                senderName: string;
+                senderAddress: string;
+                recipientAddresses: {
+                    address: string;
+                    name: string;
+                }[];
+                ccAddresses: {
+                    address: string;
+                    name: string;
+                }[];
+                threadId: string;
+                isRead: boolean;
+                isFlagged: boolean;
+                hasAttachments: boolean;
+                attachments: {
+                    id: string;
+                    filename: string;
+                    contentType: string;
+                    size: number;
+                }[];
+                date: string;
+                folderPath: string;
+                labels: string[];
+                sendStatus: string;
+                meta?: undefined;
+            } | {
+                id: string;
+                type: string;
+                accountId: string;
+                subject: string;
+                body: string;
+                senderName: string;
+                senderAddress: string;
+                recipientAddresses: {
+                    address: string;
+                }[];
+                isRead: boolean;
+                isFlagged: boolean;
+                hasAttachments: boolean;
+                date: string;
+                folderPath: string;
+                meta: {
+                    channelName: string;
+                };
+                ccAddresses?: undefined;
+                threadId?: undefined;
+                attachments?: undefined;
+                labels?: undefined;
+                sendStatus?: undefined;
+            };
+            attachments: {
+                id: string;
+                filename: string;
+                contentType: string;
+                size: number;
+            }[];
+            account: {
+                id: string;
+                name: string;
+                email: string;
+                providerType: string;
+                isActive: boolean;
+                unreadCount: number;
+                totalCount: number;
+                lastSyncAt: string;
+            } | {
+                id: string;
+                name: string;
+                providerType: string;
+                isActive: boolean;
+                unreadCount: number;
+                totalCount: number;
+                lastSyncAt: string;
+                email?: undefined;
+            };
+            onreply: () => void;
+            onforward: () => void;
+            ondelete: () => void;
+            accounts?: undefined;
+            onaccountclick?: undefined;
+            onsync?: undefined;
+            onremove?: undefined;
+            messages?: undefined;
+            activeMessageId?: undefined;
+            showAccount?: undefined;
+            onmessageclick?: undefined;
+            onselect?: undefined;
+            onflag?: undefined;
+            type?: undefined;
+            initialState?: undefined;
+            onsend?: undefined;
+            onsavedraft?: undefined;
+            ondiscard?: undefined;
+        };
+        modes: {
+            mock: {
+                label: string;
+            };
+        };
+    } | {
+        id: string;
+        title: string;
+        description: string;
+        loadComponent: () => Promise<typeof import("./components/ComposeForm.svelte")>;
+        order: number;
+        props: {
+            type: string;
+            accounts: ({
+                id: string;
+                name: string;
+                email: string;
+                providerType: string;
+                isActive: boolean;
+                unreadCount: number;
+                totalCount: number;
+                lastSyncAt: string;
+            } | {
+                id: string;
+                name: string;
+                providerType: string;
+                isActive: boolean;
+                unreadCount: number;
+                totalCount: number;
+                lastSyncAt: string;
+                email?: undefined;
+            })[];
+            initialState: {
+                accountId: string;
+                to: {
+                    address: string;
+                    name: string;
+                    isValid: boolean;
+                }[];
+                subject: string;
+                body: string;
+            };
+            onsend: () => void;
+            onsavedraft: () => void;
+            ondiscard: () => void;
+            onaccountclick?: undefined;
+            onsync?: undefined;
+            onremove?: undefined;
+            messages?: undefined;
+            activeMessageId?: undefined;
+            showAccount?: undefined;
+            onmessageclick?: undefined;
+            onselect?: undefined;
+            onflag?: undefined;
+            message?: undefined;
+            attachments?: undefined;
+            account?: undefined;
+            onreply?: undefined;
+            onforward?: undefined;
+            ondelete?: undefined;
+        };
+        modes: {
+            mock: {
+                label: string;
+            };
+        };
+    })[];
+};
+export default _default;
+//# sourceMappingURL=playground.d.ts.map

package/dist/svelte/playground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../src/svelte/playground.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,wBAiGE"}

package/dist/svelte/playground.js

@@ -0,0 +1,171 @@
+import { MESSAGES_MODULE_META } from '../ui.js';
+const noop = () => { };
+const sampleAccounts = [
+    {
+        id: 'account-editorial',
+        name: 'Editorial Inbox',
+        email: 'editorial@example.com',
+        providerType: 'email',
+        isActive: true,
+        unreadCount: 12,
+        totalCount: 438,
+        lastSyncAt: '2026-03-21T16:12:00.000Z',
+    },
+    {
+        id: 'account-social',
+        name: 'Community Slack',
+        providerType: 'slack',
+        isActive: true,
+        unreadCount: 3,
+        totalCount: 91,
+        lastSyncAt: '2026-03-21T16:05:00.000Z',
+    },
+];
+const sampleAttachments = [
+    {
+        id: 'attachment-proof',
+        filename: 'proofing-notes.pdf',
+        contentType: 'application/pdf',
+        size: 248512,
+    },
+];
+const sampleMessages = [
+    {
+        id: 'message-1',
+        type: 'email',
+        accountId: 'account-editorial',
+        subject: 'Governance review complete',
+        body: 'The editorial governance review is complete and the draft is ready for publication.',
+        senderName: 'Taylor Rowan',
+        senderAddress: 'taylor@example.com',
+        recipientAddresses: [
+            { address: 'editorial@example.com', name: 'Editorial Desk' },
+        ],
+        ccAddresses: [{ address: 'governance@example.com', name: 'Governance' }],
+        threadId: 'thread-1',
+        isRead: true,
+        isFlagged: false,
+        hasAttachments: true,
+        attachments: sampleAttachments,
+        date: '2026-03-21T15:30:00.000Z',
+        folderPath: 'Inbox',
+        labels: ['governance', 'release'],
+        sendStatus: 'sent',
+    },
+    {
+        id: 'message-2',
+        type: 'slack',
+        accountId: 'account-social',
+        subject: 'Release coordination',
+        body: 'Can we confirm the package rollout order for this afternoon?',
+        senderName: 'Jordan Lee',
+        senderAddress: 'jordan@example.com',
+        recipientAddresses: [{ address: '#release-coordination' }],
+        isRead: false,
+        isFlagged: true,
+        hasAttachments: false,
+        date: '2026-03-21T16:02:00.000Z',
+        folderPath: 'Slack / release-coordination',
+        meta: {
+            channelName: 'release-coordination',
+        },
+    },
+];
+const loadAccountList = () => import('./components/AccountList.svelte');
+const loadComposeForm = () => import('./components/ComposeForm.svelte');
+const loadMessageDetail = () => import('./components/MessageDetail.svelte');
+const loadMessageList = () => import('./components/MessageList.svelte');
+export default {
+    packageName: '@happyvertical/smrt-messages',
+    displayName: MESSAGES_MODULE_META.displayName,
+    description: MESSAGES_MODULE_META.description,
+    moduleMeta: MESSAGES_MODULE_META,
+    entries: [
+        {
+            id: 'account-list',
+            title: 'Account List',
+            description: 'Connected messaging accounts with sync state and unread counts.',
+            loadComponent: loadAccountList,
+            order: 1,
+            props: {
+                accounts: sampleAccounts,
+                onaccountclick: noop,
+                onsync: noop,
+                onremove: noop,
+            },
+            modes: {
+                mock: {
+                    label: 'Mock',
+                },
+            },
+        },
+        {
+            id: 'message-list',
+            title: 'Message List',
+            description: 'Inbox-style message listing with selection, account context, and type-aware cards.',
+            loadComponent: loadMessageList,
+            order: 2,
+            props: {
+                messages: sampleMessages,
+                activeMessageId: 'message-1',
+                accounts: sampleAccounts,
+                showAccount: true,
+                onmessageclick: noop,
+                onselect: noop,
+                onflag: noop,
+            },
+            modes: {
+                mock: {
+                    label: 'Mock',
+                },
+            },
+        },
+        {
+            id: 'message-detail',
+            title: 'Message Detail',
+            description: 'Full message view for reading, attachments, and follow-up actions.',
+            loadComponent: loadMessageDetail,
+            order: 3,
+            props: {
+                message: sampleMessages[0],
+                attachments: sampleAttachments,
+                account: sampleAccounts[0],
+                onreply: noop,
+                onforward: noop,
+                ondelete: noop,
+            },
+            modes: {
+                mock: {
+                    label: 'Mock',
+                },
+            },
+        },
+        {
+            id: 'compose-form',
+            title: 'Compose Form',
+            description: 'Channel-aware compose experience for email, Slack, and short-form posts.',
+            loadComponent: loadComposeForm,
+            order: 4,
+            props: {
+                type: 'email',
+                accounts: sampleAccounts,
+                initialState: {
+                    accountId: 'account-editorial',
+                    to: [
+                        { address: 'ops@example.com', name: 'Operations', isValid: true },
+                    ],
+                    subject: 'Launch checklist follow-up',
+                    body: 'Please confirm the remaining package rollout items for issue #1047.',
+                },
+                onsend: noop,
+                onsavedraft: noop,
+                ondiscard: noop,
+            },
+            modes: {
+                mock: {
+                    label: 'Mock',
+                },
+            },
+        },
+    ],
+};

package/dist/svelte/types.d.ts

@@ -0,0 +1,195 @@
+/**
+ * Svelte component types for @happyvertical/smrt-messages
+ *
+ * UI data interfaces decoupled from ORM models.
+ */
+/**
+ * Message type identifier
+ */
+export type MessageType = 'email' | 'tweet' | 'slack' | string;
+/**
+ * Bulk actions for message management
+ */
+export type BulkAction = 'markRead' | 'markUnread' | 'flag' | 'unflag' | 'delete' | 'archive';
+/**
+ * Message data for UI components
+ */
+export interface MessageData {
+    id: string;
+    type: MessageType;
+    accountId: string;
+    subject: string;
+    body: string;
+    htmlBody?: string;
+    senderName: string;
+    senderAddress: string;
+    recipientAddresses: Array<{
+        address: string;
+        name?: string;
+    }>;
+    ccAddresses?: Array<{
+        address: string;
+        name?: string;
+    }>;
+    threadId?: string;
+    isRead: boolean;
+    isFlagged: boolean;
+    hasAttachments: boolean;
+    attachments?: AttachmentData[];
+    date: string | Date;
+    folderPath?: string;
+    labels?: string[];
+    meta?: Record<string, any>;
+    sendStatus?: 'draft' | 'pending' | 'sending' | 'sent' | 'failed' | 'scheduled';
+    isDraft?: boolean;
+}
+/**
+ * Account data for UI components
+ */
+export interface AccountData {
+    id: string;
+    name: string;
+    email?: string;
+    providerType: string;
+    isActive: boolean;
+    lastSyncAt?: string | Date | null;
+    unreadCount?: number;
+    totalCount?: number;
+}
+/**
+ * Email account data for account manager workflows
+ */
+export interface EmailAccountData {
+    id: string;
+    name: string;
+    email: string;
+    providerType: 'imap' | 'gmail' | 'outlook' | 'exchange';
+    isActive: boolean;
+    imapHost?: string;
+    imapPort?: number;
+    imapSecurity?: 'ssl' | 'starttls' | 'none';
+    smtpHost?: string;
+    smtpPort?: number;
+    smtpSecurity?: 'ssl' | 'starttls' | 'none';
+    username?: string;
+    password?: string;
+    lastSyncAt?: string | Date | null;
+}
+/**
+ * Folder data for navigation
+ */
+export interface FolderData {
+    id: string;
+    accountId: string;
+    name: string;
+    path: string;
+    specialUse?: string;
+    messageCount: number;
+    unreadCount: number;
+}
+/**
+ * Attachment data for display
+ */
+export interface AttachmentData {
+    id: string;
+    filename: string;
+    contentType: string;
+    size: number;
+    isInline?: boolean;
+}
+/**
+ * Filter state for message lists
+ */
+export interface MessageFilterState {
+    type?: MessageType;
+    accountId?: string;
+    isRead?: boolean;
+    isFlagged?: boolean;
+    dateFrom?: string;
+    dateTo?: string;
+    search?: string;
+}
+/**
+ * Sort configuration
+ */
+export interface MessageSort {
+    field: 'date' | 'sender' | 'subject' | 'type';
+    direction: 'asc' | 'desc';
+}
+/**
+ * Send status display configuration
+ */
+export interface SendStatusDisplay {
+    status: 'draft' | 'pending' | 'sending' | 'sent' | 'failed' | 'scheduled';
+    label: string;
+    color: string;
+    icon: string;
+}
+/**
+ * Recipient entry for compose forms
+ */
+export interface RecipientEntry {
+    address: string;
+    name?: string;
+    isValid: boolean;
+}
+/**
+ * Compose form state
+ */
+export interface ComposeState {
+    accountId: string;
+    to: RecipientEntry[];
+    cc: RecipientEntry[];
+    bcc: RecipientEntry[];
+    subject: string;
+    body: string;
+    attachments: AttachmentData[];
+    channelId?: string;
+    isDirty: boolean;
+    isSending: boolean;
+}
+/**
+ * Draft data for persistence
+ */
+export interface DraftData {
+    id?: string;
+    accountId: string;
+    type: MessageType;
+    to: Array<{
+        address: string;
+        name?: string;
+    }>;
+    cc?: Array<{
+        address: string;
+        name?: string;
+    }>;
+    bcc?: Array<{
+        address: string;
+        name?: string;
+    }>;
+    subject: string;
+    body: string;
+    channelId?: string;
+    inReplyToMessageId?: string;
+}
+/**
+ * Whitelist entry for email filtering
+ */
+export interface WhitelistEntry {
+    id: string;
+    pattern: string;
+    type: 'email' | 'domain' | 'regex';
+    category?: string | null;
+    description?: string;
+}
+/**
+ * Blacklist entry for email filtering
+ */
+export interface BlacklistEntry {
+    id: string;
+    pattern: string;
+    type: 'email' | 'domain' | 'regex';
+    reason?: string;
+    autoArchive?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map