momer 1.0.0

package/README.md

@@ -0,0 +1,76 @@
+# ✨ momer ✨
+
+cute iMessage client for your terminal 💕
+
+```
+｡･:*:･ﾟ★,｡･:*:･ﾟ☆
+```
+
+## Install
+
+```bash
+# Clone and install
+git clone <repo-url> momer
+cd momer
+./install.sh
+```
+
+Or manually:
+```bash
+npm install -g .
+```
+
+## Usage
+
+```bash
+momer              # Launch interactive UI
+momer config       # View settings
+```
+
+### Settings
+
+```bash
+momer config --theme cute      # Pink & sparkly ✨
+momer config --theme minimal   # Clean & simple
+
+momer config --view compact    # Single-line messages
+momer config --view spaced     # Bubble-style messages
+```
+
+### Keyboard Shortcuts
+
+**Conversation List:**
+- `↑↓` Navigate
+- `⏎` Open chat
+- `n` New message
+- `r` Refresh
+- `q` Quit
+
+**Chat View:**
+- `↑↓` Scroll
+- `⏎` Send message
+- `esc` Back
+
+## Requirements
+
+- macOS (uses iMessage database)
+- Node.js 18+
+- Full Disk Access permission for your terminal
+
+### Grant Full Disk Access
+
+1. Open **System Settings**
+2. Go to **Privacy & Security** > **Full Disk Access**
+3. Add your terminal app (Terminal, iTerm2, etc.)
+
+## Uninstall
+
+```bash
+./uninstall.sh
+# or
+npm uninstall -g momer
+```
+
+```
+☆ﾟ･:*:･｡ momer ★ﾟ･:*:･｡
+```

package/bin/momer.js

@@ -0,0 +1,19 @@
+#!/usr/bin/env node
+
+import { spawnSync } from 'child_process';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const entryPoint = join(__dirname, '..', 'src', 'index.tsx');
+
+const result = spawnSync(
+  'npx',
+  ['tsx', entryPoint, ...process.argv.slice(2)],
+  {
+    stdio: 'inherit',
+    cwd: join(__dirname, '..'),
+  }
+);
+
+process.exit(result.status || 0);

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "momer",
+  "version": "1.0.0",
+  "description": "cute iMessage client for your terminal ✨",
+  "type": "module",
+  "main": "src/index.tsx",
+  "bin": {
+    "momer": "./bin/momer.js"
+  },
+  "scripts": {
+    "start": "tsx src/index.tsx",
+    "postinstall": "echo '\\n✨ momer installed! Run: momer\\n'"
+  },
+  "keywords": ["imessage", "cli", "macos", "messages", "terminal", "cute"],
+  "license": "MIT",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "os": ["darwin"],
+  "dependencies": {
+    "better-sqlite3": "^11.0.0",
+    "chalk": "^5.3.0",
+    "commander": "^12.0.0",
+    "date-fns": "^3.0.0",
+    "ink": "^5.0.1",
+    "ink-text-input": "^6.0.0",
+    "react": "^18.2.0",
+    "sharp": "^0.33.0",
+    "tsx": "^4.7.0"
+  },
+  "files": [
+    "bin",
+    "src"
+  ]
+}

package/src/app.tsx

@@ -0,0 +1,75 @@
+import React, { useState, useEffect } from 'react';
+import { Box, useApp, useInput } from 'ink';
+import ConversationList from './components/ConversationList.js';
+import ChatView from './components/ChatView.js';
+import NewMessage from './components/NewMessage.js';
+import Onboarding from './components/Onboarding.js';
+import { closeDatabase } from './db.js';
+import { isFirstRun } from './config.js';
+
+export default function App() {
+  const { exit } = useApp();
+  const [screen, setScreen] = useState(isFirstRun() ? 'onboarding' : 'list');
+  const [selectedContact, setSelectedContact] = useState(null);
+
+  // Cleanup on unmount
+  useEffect(() => {
+    return () => {
+      closeDatabase();
+    };
+  }, []);
+
+  // Handle opening a chat
+  const openChat = (conversation) => {
+    setSelectedContact(conversation);
+    setScreen('chat');
+  };
+
+  // Handle going back to list
+  const goBack = () => {
+    setSelectedContact(null);
+    setScreen('list');
+  };
+
+  // Handle new message screen
+  const openNewMessage = () => {
+    setScreen('new');
+  };
+
+  // Global quit handler
+  useInput((input, key) => {
+    if (input === 'q' && screen === 'list') {
+      closeDatabase();
+      exit();
+    }
+  });
+
+  return (
+    <Box flexDirection="column" height="100%">
+      {screen === 'onboarding' && (
+        <Onboarding onComplete={() => setScreen('list')} />
+      )}
+      {screen === 'list' && (
+        <ConversationList
+          onSelect={openChat}
+          onNew={openNewMessage}
+        />
+      )}
+      {screen === 'chat' && selectedContact && (
+        <ChatView
+          contact={selectedContact}
+          onBack={goBack}
+        />
+      )}
+      {screen === 'new' && (
+        <NewMessage
+          onBack={goBack}
+          onSent={(contact) => {
+            setSelectedContact(contact);
+            setScreen('chat');
+          }}
+        />
+      )}
+    </Box>
+  );
+}

package/src/components/ChatView.tsx

@@ -0,0 +1,283 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { getMessages, getMessagesSince, refreshDatabase } from '../db.js';
+import { sendMessage } from '../sender.js';
+import { getTheme, isCuteMode, isCompactMode } from '../config.js';
+import { isImagePath } from '../imageRenderer.js';
+import ImageMessage from './ImageMessage.js';
+import { format } from 'date-fns';
+
+const VISIBLE_MESSAGES = 12;
+const POLL_INTERVAL = 1500;
+const MESSAGE_AREA_HEIGHT = 18;
+
+function formatTime(date) {
+  if (!date) return '';
+  return format(date, 'h:mm a');
+}
+
+export default function ChatView({ contact, onBack }) {
+  const [messages, setMessages] = useState([]);
+  const [inputValue, setInputValue] = useState('');
+  const [sending, setSending] = useState(false);
+  const [error, setError] = useState(null);
+  const [scrollOffset, setScrollOffset] = useState(0);
+  const lastMessageId = useRef(0);
+  const pollRef = useRef(null);
+
+  const theme = getTheme();
+  const cute = isCuteMode();
+  const compact = isCompactMode();
+
+  const termWidth = process.stdout.columns || 60;
+  const bubbleMaxWidth = Math.floor((termWidth - 10) * 0.65);
+  const imageMaxWidth = Math.floor(bubbleMaxWidth * 0.8);
+
+  // Load all messages from DB
+  const loadMessages = () => {
+    try {
+      const msgs = getMessages(null, 100, contact.chatId);
+      // Deduplicate by message ID (attachment joins can create duplicates)
+      const seen = new Set();
+      const unique = msgs.filter(m => {
+        if (seen.has(m.id)) return false;
+        seen.add(m.id);
+        return true;
+      });
+      // Filter: keep messages with text OR image attachments
+      const filtered = unique.filter(m =>
+        (m.text && m.text.trim()) ||
+        (m.attachmentPath && isImagePath(m.attachmentPath))
+      );
+      setMessages(filtered);
+      if (filtered.length > 0) {
+        lastMessageId.current = Math.max(...filtered.map(m => m.id));
+      }
+      setScrollOffset(Math.max(0, filtered.length - VISIBLE_MESSAGES));
+    } catch (err) {
+      setError(err.message);
+    }
+  };
+
+  // Check for new messages
+  const checkNewMessages = () => {
+    try {
+      refreshDatabase(); // Refresh to see Messages app changes
+      const newMsgs = getMessagesSince(lastMessageId.current, null, contact.chatId);
+      // Deduplicate by message ID (attachment joins can create duplicates)
+      const seen = new Set();
+      const unique = newMsgs.filter(m => {
+        if (seen.has(m.id)) return false;
+        seen.add(m.id);
+        return true;
+      });
+      const filtered = unique.filter(m =>
+        (m.text && m.text.trim()) ||
+        (m.attachmentPath && isImagePath(m.attachmentPath))
+      );
+
+      if (filtered.length > 0) {
+        setMessages(prev => {
+          const existingIds = new Set(prev.map(m => m.id));
+          const uniqueNew = filtered.filter(m => !existingIds.has(m.id));
+
+          if (uniqueNew.length === 0) return prev;
+
+          const updated = [...prev, ...uniqueNew];
+          lastMessageId.current = Math.max(...updated.map(m => m.id));
+          setScrollOffset(Math.max(0, updated.length - VISIBLE_MESSAGES));
+          return updated;
+        });
+      }
+    } catch (err) {
+      // Silently ignore
+    }
+  };
+
+  useEffect(() => {
+    loadMessages();
+    pollRef.current = setInterval(checkNewMessages, POLL_INTERVAL);
+    return () => {
+      if (pollRef.current) clearInterval(pollRef.current);
+    };
+  }, [contact.chatId]);
+
+  useInput((input, key) => {
+    if (key.escape) {
+      onBack();
+    } else if (key.upArrow) {
+      setScrollOffset(prev => Math.max(0, prev - 1));
+    } else if (key.downArrow) {
+      setScrollOffset(prev => Math.min(Math.max(0, messages.length - VISIBLE_MESSAGES), prev + 1));
+    }
+  });
+
+  const handleSubmit = (value) => {
+    if (!value.trim() || sending) return;
+
+    setSending(true);
+    setError(null);
+    setInputValue('');
+
+    const recipient = contact.contactId || contact.identifier;
+    const result = sendMessage(recipient, value.trim(), {
+      isGroup: contact.isGroup,
+      service: contact.service,
+      chatIdentifier: contact.identifier
+    });
+
+    if (result.success) {
+      // Wait longer for Messages app to write to database, then refresh connection
+      setTimeout(() => {
+        refreshDatabase();
+        loadMessages();
+        setSending(false);
+      }, 1500);
+    } else {
+      setError(result.error);
+      setSending(false);
+    }
+  };
+
+  const visibleMessages = messages.slice(
+    scrollOffset,
+    scrollOffset + VISIBLE_MESSAGES
+  );
+
+  const displayName = contact.displayName || contact.contactId || contact.identifier;
+  const isGroup = contact.isGroup;
+
+  // Check if message has an image
+  const hasImage = (msg) => msg.attachmentPath && isImagePath(msg.attachmentPath);
+
+  return (
+    <Box flexDirection="column">
+      {/* Decorative top */}
+      {cute && theme.decorTop && (
+        <Box justifyContent="center">
+          <Text color={theme.primary}>{theme.decorTop}</Text>
+        </Box>
+      )}
+
+      {/* Header */}
+      <Text color={theme.headerBorder}>╭{'─'.repeat(termWidth - 2)}╮</Text>
+      <Box width={termWidth}>
+        <Text color={theme.headerBorder}>│ </Text>
+        <Text>
+          {isGroup && <Text>{theme.group} </Text>}
+          <Text bold color={theme.primary}>{displayName}</Text>
+          {cute && <Text> 💕</Text>}
+        </Text>
+        <Text>{'  '}</Text>
+        {isGroup && <Text dimColor>{contact.participantCount} people</Text>}
+      </Box>
+      <Text color={theme.headerBorder}>╰{'─'.repeat(termWidth - 2)}╯</Text>
+
+      {/* Messages */}
+      <Box
+        flexDirection="column"
+        borderStyle="round"
+        borderColor={theme.border}
+        paddingX={1}
+        flexGrow={0}
+        flexShrink={0}
+      >
+        {visibleMessages.length === 0 ? (
+          <Text dimColor>{theme.noMessages}</Text>
+        ) : compact ? (
+          /* Compact view - single line per message */
+          visibleMessages.map((msg) => (
+            <Box
+              key={msg.id}
+              flexDirection="row"
+              justifyContent={msg.isFromMe ? 'flex-end' : 'flex-start'}
+            >
+              {hasImage(msg) && (
+                <Text dimColor>[img] </Text>
+              )}
+              {msg.text && msg.text.trim() && (
+                <Text>
+                  {!msg.isFromMe && <Text dimColor>{msg.sender}: </Text>}
+                  <Text color={msg.isFromMe ? theme.sent : 'white'}>{msg.text.slice(0, 50)}{msg.text.length > 50 ? '…' : ''}</Text>
+                  <Text dimColor> {formatTime(msg.date)}</Text>
+                </Text>
+              )}
+            </Box>
+          ))
+        ) : (
+          /* Spaced view - bubbles with more detail */
+          visibleMessages.map((msg, index) => (
+            <Box
+              key={msg.id}
+              flexDirection="column"
+              alignItems={msg.isFromMe ? 'flex-end' : 'flex-start'}
+              marginBottom={index < visibleMessages.length - 1 ? 1 : 0}
+            >
+              {hasImage(msg) && (
+                <Box marginBottom={msg.text ? 0 : 0}>
+                  <ImageMessage path={msg.attachmentPath} maxWidth={imageMaxWidth} />
+                </Box>
+              )}
+              {msg.text && msg.text.trim() && (
+                <Box
+                  borderStyle="round"
+                  borderColor={msg.isFromMe ? theme.sent : 'gray'}
+                  paddingX={1}
+                  maxWidth={bubbleMaxWidth}
+                >
+                  <Text color={msg.isFromMe ? theme.sent : 'white'} wrap="wrap">
+                    {msg.text}
+                  </Text>
+                </Box>
+              )}
+              <Text dimColor>
+                {!msg.isFromMe && `${msg.sender} · `}
+                {formatTime(msg.date)}
+              </Text>
+            </Box>
+          ))
+        )}
+
+        {/* Scroll indicator */}
+        {messages.length > VISIBLE_MESSAGES && (
+          <Box justifyContent="center">
+            <Text dimColor>
+              {scrollOffset > 0 && '↑ '}
+              {Math.min(scrollOffset + VISIBLE_MESSAGES, messages.length)}/{messages.length}
+              {scrollOffset + VISIBLE_MESSAGES < messages.length && ' ↓'}
+            </Text>
+          </Box>
+        )}
+      </Box>
+
+      {/* Error */}
+      {error && (
+        <Box paddingX={1}>
+          <Text color="red">{cute ? '💔 ' : '✗ '}{error}</Text>
+        </Box>
+      )}
+
+      {/* Input */}
+      <Box borderStyle="round" borderColor={sending ? 'yellow' : theme.secondary} paddingX={1}>
+        <Text color={theme.secondary}>{sending ? '...' : '>'} </Text>
+        <TextInput
+          value={inputValue}
+          onChange={setInputValue}
+          onSubmit={handleSubmit}
+          placeholder={sending ? 'sending...' : 'Type a message...'}
+        />
+      </Box>
+
+      {/* Status Bar */}
+      <Box borderStyle="round" borderColor="gray" paddingX={1}>
+        {cute && <Text color={theme.primary}>{theme.decorBottom} </Text>}
+        <Text dimColor>
+          <Text color={theme.secondary}>esc</Text> back
+          <Text color={theme.secondary}> ↑↓</Text> scroll
+          <Text color={theme.secondary}> ⏎</Text> send
+        </Text>
+      </Box>
+    </Box>
+  );
+}

package/src/components/ConversationList.tsx

@@ -0,0 +1,211 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { getConversations, refreshDatabase } from '../db.js';
+import { getTheme, isCuteMode, isCompactMode } from '../config.js';
+import { formatDistanceToNow } from 'date-fns';
+
+const VISIBLE_COUNT = 12;
+const POLL_INTERVAL = 3000;
+const LIST_HEIGHT = 18;
+
+function truncate(str, len) {
+  if (!str) return '';
+  const clean = str.replace(/\n/g, ' ').trim();
+  return clean.length > len ? clean.slice(0, len - 1) + '…' : clean;
+}
+
+function formatTime(date) {
+  if (!date) return '';
+  return formatDistanceToNow(date, { addSuffix: true });
+}
+
+export default function ConversationList({ onSelect, onNew }) {
+  const [conversations, setConversations] = useState([]);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [scrollOffset, setScrollOffset] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+
+  const theme = getTheme();
+  const cute = isCuteMode();
+  const compact = isCompactMode();
+
+  const loadConversations = () => {
+    try {
+      refreshDatabase(); // Refresh to see Messages app changes
+      const convos = getConversations(50);
+      setConversations(convos);
+      setLoading(false);
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    loadConversations();
+    const interval = setInterval(loadConversations, POLL_INTERVAL);
+    return () => clearInterval(interval);
+  }, []);
+
+  useInput((input, key) => {
+    if (key.upArrow) {
+      setSelectedIndex((prev) => {
+        const newIndex = Math.max(0, prev - 1);
+        if (newIndex < scrollOffset) {
+          setScrollOffset(newIndex);
+        }
+        return newIndex;
+      });
+    } else if (key.downArrow) {
+      setSelectedIndex((prev) => {
+        const newIndex = Math.min(conversations.length - 1, prev + 1);
+        if (newIndex >= scrollOffset + VISIBLE_COUNT) {
+          setScrollOffset(newIndex - VISIBLE_COUNT + 1);
+        }
+        return newIndex;
+      });
+    } else if (key.return) {
+      if (conversations[selectedIndex]) {
+        onSelect(conversations[selectedIndex]);
+      }
+    } else if (input === 'n') {
+      onNew();
+    } else if (input === 'r') {
+      setLoading(true);
+      loadConversations();
+    }
+  });
+
+  const visibleConversations = conversations.slice(
+    scrollOffset,
+    scrollOffset + VISIBLE_COUNT
+  );
+
+  const termWidth = process.stdout.columns || 60;
+  const boxWidth = Math.min(termWidth - 4, 65);
+
+  if (error) {
+    return (
+      <Box flexDirection="column" borderStyle="round" borderColor="red" paddingX={1}>
+        <Text color="red" bold>Error</Text>
+        <Text>{error}</Text>
+        <Text dimColor>Press r to retry</Text>
+      </Box>
+    );
+  }
+
+  return (
+    <Box flexDirection="column">
+      {/* Decorative top */}
+      {cute && theme.decorTop && (
+        <Box justifyContent="center">
+          <Text color={theme.primary}>{theme.decorTop}</Text>
+        </Box>
+      )}
+
+      {/* Header */}
+      <Text color={theme.headerBorder}>╭{'─'.repeat(termWidth - 2)}╮</Text>
+      <Box width={termWidth}>
+        <Text color={theme.headerBorder}>│ </Text>
+        <Text bold color={theme.primary}>{theme.title}</Text>
+        <Text>{'  '}</Text>
+        <Text dimColor>{conversations.length} chats</Text>
+      </Box>
+      <Text color={theme.headerBorder}>╰{'─'.repeat(termWidth - 2)}╯</Text>
+
+      {/* Conversation List */}
+      <Box
+        flexDirection="column"
+        borderStyle="round"
+        borderColor={theme.border}
+        paddingX={1}
+        flexGrow={0}
+        flexShrink={0}
+      >
+        {loading ? (
+          <Text dimColor>Loading...</Text>
+        ) : conversations.length === 0 ? (
+          <Text dimColor>No conversations</Text>
+        ) : compact ? (
+          /* Compact view - single line */
+          visibleConversations.map((conv, index) => {
+            const actualIndex = scrollOffset + index;
+            const isSelected = actualIndex === selectedIndex;
+
+            return (
+              <Box key={conv.chatId}>
+                <Text color={isSelected ? theme.primary : 'white'}>
+                  {isSelected ? '>' : ' '}
+                </Text>
+                {conv.isGroup && <Text>{theme.group}</Text>}
+                <Text bold={isSelected} color={isSelected ? theme.primary : 'white'}>
+                  {truncate(conv.displayName, 20)}
+                </Text>
+                <Text dimColor> {conv.isFromMe ? 'You: ' : ''}{truncate(conv.lastMessage || '', 25)}</Text>
+                <Box flexGrow={1} />
+                <Text dimColor>{formatTime(conv.lastDate)}</Text>
+              </Box>
+            );
+          })
+        ) : (
+          /* Spaced view - two lines per conversation */
+          visibleConversations.map((conv, index) => {
+            const actualIndex = scrollOffset + index;
+            const isSelected = actualIndex === selectedIndex;
+
+            return (
+              <Box
+                key={conv.chatId}
+                flexDirection="column"
+                marginBottom={index < visibleConversations.length - 1 ? 1 : 0}
+              >
+                <Box>
+                  <Text color={isSelected ? theme.primary : 'white'}>
+                    {isSelected ? '> ' : '  '}
+                  </Text>
+                  {conv.isGroup && <Text>{theme.group} </Text>}
+                  <Text bold color={isSelected ? theme.primary : 'white'}>
+                    {truncate(conv.displayName, conv.isGroup ? 25 : 28)}
+                  </Text>
+                  <Box flexGrow={1} />
+                  <Text dimColor>{formatTime(conv.lastDate)}</Text>
+                </Box>
+                <Box paddingLeft={3}>
+                  <Text dimColor>
+                    {conv.isFromMe ? 'You: ' : ''}
+                    {truncate(conv.lastMessage || '', boxWidth - 12)}
+                  </Text>
+                </Box>
+              </Box>
+            );
+          })
+        )}
+
+        {/* Scroll indicator */}
+        {conversations.length > VISIBLE_COUNT && (
+          <Box justifyContent="center">
+            <Text dimColor>
+              {scrollOffset > 0 && '↑ '}
+              {selectedIndex + 1}/{conversations.length}
+              {scrollOffset + VISIBLE_COUNT < conversations.length && ' ↓'}
+            </Text>
+          </Box>
+        )}
+      </Box>
+
+      {/* Status Bar */}
+      <Box borderStyle="round" borderColor="gray" paddingX={1}>
+        {cute && <Text color={theme.primary}>{theme.decorBottom} </Text>}
+        <Text dimColor>
+          <Text color={theme.secondary}>↑↓</Text> navigate
+          <Text color={theme.secondary}> ⏎</Text> open
+          <Text color={theme.secondary}> n</Text> new
+          <Text color={theme.secondary}> r</Text> refresh
+          <Text color={theme.secondary}> q</Text> quit
+        </Text>
+      </Box>
+    </Box>
+  );
+}