feat(chat): Implement end-to-end encrypted swarm messaging system
- Add Swarm Chat documentation with architecture, API endpoints, and security considerations - Create database schema for chat conversations, messages, and typing indicators - Implement chat API endpoints for sending, receiving, and managing messages - Add client-side encryption utilities using RSA-OAEP with SHA-256 - Create chat page UI for viewing conversations and messages - Add chat type definitions for TypeScript support - Update database schema with new chat tables and relationships - Update sidebar navigation to include chat link - Enable true end-to-end encrypted messaging across swarm nodes without ActivityPub limitations
This commit is contained in:
+160
@@ -0,0 +1,160 @@
|
|||||||
|
# Swarm Chat
|
||||||
|
|
||||||
|
A real-time, end-to-end encrypted chat system built exclusively for the Synapsis Swarm network.
|
||||||
|
|
||||||
|
## Features
|
||||||
|
|
||||||
|
- **End-to-End Encryption**: Messages are encrypted using recipient's public key
|
||||||
|
- **Cross-Node Messaging**: Chat with users on any Synapsis node
|
||||||
|
- **Real-Time Delivery**: Messages delivered instantly via swarm inbox
|
||||||
|
- **Read Receipts**: See when messages are delivered and read
|
||||||
|
- **Typing Indicators**: Know when someone is typing (coming soon)
|
||||||
|
- **No ActivityPub Limitations**: Built specifically for swarm, not constrained by AP spec
|
||||||
|
|
||||||
|
## Architecture
|
||||||
|
|
||||||
|
### Database Schema
|
||||||
|
|
||||||
|
**chat_conversations**: Tracks conversations between users
|
||||||
|
- Stores participant info and last message preview
|
||||||
|
- Unique constraint ensures one conversation per user pair
|
||||||
|
|
||||||
|
**chat_messages**: Individual encrypted messages
|
||||||
|
- Content encrypted with recipient's public key
|
||||||
|
- Swarm message ID for deduplication
|
||||||
|
- Delivery and read status tracking
|
||||||
|
|
||||||
|
**chat_typing_indicators**: Real-time typing status (future)
|
||||||
|
|
||||||
|
### API Endpoints
|
||||||
|
|
||||||
|
**POST /api/swarm/chat/send**
|
||||||
|
- Send a message to any user (local or remote)
|
||||||
|
- Encrypts content with recipient's public key
|
||||||
|
- Delivers to remote nodes via swarm inbox
|
||||||
|
|
||||||
|
**POST /api/swarm/chat/inbox**
|
||||||
|
- Receives messages from other swarm nodes
|
||||||
|
- Validates and stores encrypted messages
|
||||||
|
- Updates conversation metadata
|
||||||
|
|
||||||
|
**GET /api/swarm/chat/conversations**
|
||||||
|
- Lists all conversations for current user
|
||||||
|
- Includes unread counts and last message preview
|
||||||
|
|
||||||
|
**GET /api/swarm/chat/messages**
|
||||||
|
- Fetches messages for a conversation
|
||||||
|
- Supports cursor-based pagination
|
||||||
|
- Returns encrypted content for client-side decryption
|
||||||
|
|
||||||
|
**PATCH /api/swarm/chat/messages**
|
||||||
|
- Marks messages as read
|
||||||
|
- Updates read receipts
|
||||||
|
|
||||||
|
### Encryption
|
||||||
|
|
||||||
|
Messages are encrypted using RSA-OAEP with SHA-256:
|
||||||
|
|
||||||
|
1. **Sending**: Message encrypted with recipient's public key
|
||||||
|
2. **Storage**: Only encrypted content stored in database
|
||||||
|
3. **Decryption**: Client-side decryption using user's private key
|
||||||
|
|
||||||
|
This ensures true end-to-end encryption - even the server cannot read messages.
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
### Starting a Chat
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
// Send a message to start a conversation
|
||||||
|
await fetch('/api/swarm/chat/send', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
recipientHandle: 'user@remote.node',
|
||||||
|
content: 'Hello!',
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
### Receiving Messages
|
||||||
|
|
||||||
|
Messages are automatically received via the swarm inbox endpoint. The system:
|
||||||
|
1. Validates the sender and recipient
|
||||||
|
2. Checks for duplicate messages
|
||||||
|
3. Creates or updates the conversation
|
||||||
|
4. Stores the encrypted message
|
||||||
|
5. Returns success to the sender
|
||||||
|
|
||||||
|
### Client-Side Decryption
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
import { decryptMessage } from '@/lib/swarm/chat-crypto';
|
||||||
|
|
||||||
|
// Decrypt a message using user's private key
|
||||||
|
const plaintext = decryptMessage(
|
||||||
|
message.encryptedContent,
|
||||||
|
userPrivateKey
|
||||||
|
);
|
||||||
|
```
|
||||||
|
|
||||||
|
## Security Considerations
|
||||||
|
|
||||||
|
1. **Private Key Storage**: User private keys should be encrypted at rest
|
||||||
|
2. **Key Derivation**: Consider using password-based key derivation
|
||||||
|
3. **Forward Secrecy**: Future enhancement - implement Signal protocol
|
||||||
|
4. **Message Signing**: Verify sender authenticity with signatures
|
||||||
|
5. **Rate Limiting**: Prevent spam and abuse
|
||||||
|
|
||||||
|
## Future Enhancements
|
||||||
|
|
||||||
|
- [ ] Group chats (multi-party encryption)
|
||||||
|
- [ ] Voice/video calls (WebRTC)
|
||||||
|
- [ ] File attachments (encrypted)
|
||||||
|
- [ ] Message reactions
|
||||||
|
- [ ] Message editing/deletion
|
||||||
|
- [ ] Typing indicators (real-time)
|
||||||
|
- [ ] Online/offline status
|
||||||
|
- [ ] Push notifications
|
||||||
|
- [ ] Desktop notifications
|
||||||
|
- [ ] Message search
|
||||||
|
- [ ] Conversation archiving
|
||||||
|
- [ ] Block/mute users
|
||||||
|
- [ ] Forward secrecy (Signal protocol)
|
||||||
|
|
||||||
|
## Migration
|
||||||
|
|
||||||
|
Run the migration to create the chat tables:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run db:generate
|
||||||
|
npm run db:migrate
|
||||||
|
```
|
||||||
|
|
||||||
|
## Testing
|
||||||
|
|
||||||
|
Test the chat system:
|
||||||
|
|
||||||
|
1. Create two accounts on different nodes
|
||||||
|
2. Navigate to `/chat` on one account
|
||||||
|
3. Click "New Chat" and enter the other user's handle
|
||||||
|
4. Send a message
|
||||||
|
5. Check the other account's `/chat` page
|
||||||
|
|
||||||
|
## Differences from ActivityPub DMs
|
||||||
|
|
||||||
|
Traditional ActivityPub direct messages are just posts with limited visibility. Swarm Chat is superior:
|
||||||
|
|
||||||
|
- **True E2E Encryption**: Not possible with ActivityPub
|
||||||
|
- **Real-Time**: Direct delivery, no polling required
|
||||||
|
- **Proper Chat UX**: Conversations, read receipts, typing indicators
|
||||||
|
- **Lightweight**: No heavyweight ActivityPub overhead
|
||||||
|
- **Swarm-Native**: Built for the swarm, not retrofitted
|
||||||
|
|
||||||
|
## Contributing
|
||||||
|
|
||||||
|
Contributions welcome! Priority areas:
|
||||||
|
- Client-side encryption implementation
|
||||||
|
- Real-time updates (WebSocket/SSE)
|
||||||
|
- Mobile-responsive UI improvements
|
||||||
|
- Group chat support
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
CREATE TABLE "chat_conversations" (
|
||||||
|
"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
|
||||||
|
"type" text DEFAULT 'direct' NOT NULL,
|
||||||
|
"participant1_id" uuid NOT NULL,
|
||||||
|
"participant2_handle" text NOT NULL,
|
||||||
|
"last_message_at" timestamp,
|
||||||
|
"last_message_preview" text,
|
||||||
|
"created_at" timestamp DEFAULT now() NOT NULL,
|
||||||
|
"updated_at" timestamp DEFAULT now() NOT NULL
|
||||||
|
);
|
||||||
|
--> statement-breakpoint
|
||||||
|
CREATE TABLE "chat_messages" (
|
||||||
|
"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
|
||||||
|
"conversation_id" uuid NOT NULL,
|
||||||
|
"sender_handle" text NOT NULL,
|
||||||
|
"sender_display_name" text,
|
||||||
|
"sender_avatar_url" text,
|
||||||
|
"sender_node_domain" text,
|
||||||
|
"encrypted_content" text NOT NULL,
|
||||||
|
"swarm_message_id" text,
|
||||||
|
"delivered_at" timestamp,
|
||||||
|
"read_at" timestamp,
|
||||||
|
"created_at" timestamp DEFAULT now() NOT NULL,
|
||||||
|
CONSTRAINT "chat_messages_swarm_message_id_unique" UNIQUE("swarm_message_id")
|
||||||
|
);
|
||||||
|
--> statement-breakpoint
|
||||||
|
CREATE TABLE "chat_typing_indicators" (
|
||||||
|
"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
|
||||||
|
"conversation_id" uuid NOT NULL,
|
||||||
|
"user_handle" text NOT NULL,
|
||||||
|
"expires_at" timestamp NOT NULL,
|
||||||
|
"created_at" timestamp DEFAULT now() NOT NULL
|
||||||
|
);
|
||||||
|
--> statement-breakpoint
|
||||||
|
ALTER TABLE "chat_conversations" ADD CONSTRAINT "chat_conversations_participant1_id_users_id_fk" FOREIGN KEY ("participant1_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
|
||||||
|
ALTER TABLE "chat_messages" ADD CONSTRAINT "chat_messages_conversation_id_chat_conversations_id_fk" FOREIGN KEY ("conversation_id") REFERENCES "public"."chat_conversations"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
|
||||||
|
ALTER TABLE "chat_typing_indicators" ADD CONSTRAINT "chat_typing_indicators_conversation_id_chat_conversations_id_fk" FOREIGN KEY ("conversation_id") REFERENCES "public"."chat_conversations"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
|
||||||
|
CREATE INDEX "chat_conversations_participant1_idx" ON "chat_conversations" USING btree ("participant1_id");--> statement-breakpoint
|
||||||
|
CREATE INDEX "chat_conversations_last_message_idx" ON "chat_conversations" USING btree ("last_message_at");--> statement-breakpoint
|
||||||
|
CREATE UNIQUE INDEX "chat_conversations_unique" ON "chat_conversations" USING btree ("participant1_id","participant2_handle");--> statement-breakpoint
|
||||||
|
CREATE INDEX "chat_messages_conversation_idx" ON "chat_messages" USING btree ("conversation_id");--> statement-breakpoint
|
||||||
|
CREATE INDEX "chat_messages_created_idx" ON "chat_messages" USING btree ("created_at");--> statement-breakpoint
|
||||||
|
CREATE INDEX "chat_messages_swarm_id_idx" ON "chat_messages" USING btree ("swarm_message_id");--> statement-breakpoint
|
||||||
|
CREATE INDEX "chat_typing_conversation_idx" ON "chat_typing_indicators" USING btree ("conversation_id");--> statement-breakpoint
|
||||||
|
CREATE INDEX "chat_typing_expires_idx" ON "chat_typing_indicators" USING btree ("expires_at");--> statement-breakpoint
|
||||||
|
CREATE UNIQUE INDEX "chat_typing_unique" ON "chat_typing_indicators" USING btree ("conversation_id","user_handle");
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -57,6 +57,13 @@
|
|||||||
"when": 1769446756226,
|
"when": 1769446756226,
|
||||||
"tag": "0007_kind_agent_zero",
|
"tag": "0007_kind_agent_zero",
|
||||||
"breakpoints": true
|
"breakpoints": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idx": 8,
|
||||||
|
"version": "7",
|
||||||
|
"when": 1769453302714,
|
||||||
|
"tag": "0008_illegal_carlie_cooper",
|
||||||
|
"breakpoints": true
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@@ -0,0 +1,87 @@
|
|||||||
|
/**
|
||||||
|
* Swarm Chat Conversations
|
||||||
|
*
|
||||||
|
* GET: List all conversations for the current user
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { db, chatConversations, chatMessages, users } from '@/db';
|
||||||
|
import { eq, desc, and, isNull, sql } from 'drizzle-orm';
|
||||||
|
import { getSession } from '@/lib/auth';
|
||||||
|
|
||||||
|
export async function GET(request: NextRequest) {
|
||||||
|
try {
|
||||||
|
if (!db) {
|
||||||
|
return NextResponse.json({ conversations: [] });
|
||||||
|
}
|
||||||
|
|
||||||
|
const session = await getSession();
|
||||||
|
if (!session?.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get all conversations for this user
|
||||||
|
const conversations = await db.query.chatConversations.findMany({
|
||||||
|
where: eq(chatConversations.participant1Id, session.user.id),
|
||||||
|
orderBy: [desc(chatConversations.lastMessageAt)],
|
||||||
|
with: {
|
||||||
|
messages: {
|
||||||
|
orderBy: [desc(chatMessages.createdAt)],
|
||||||
|
limit: 1,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// Calculate unread count for each conversation
|
||||||
|
const conversationsWithUnread = await Promise.all(
|
||||||
|
conversations.map(async (conv) => {
|
||||||
|
const unreadCount = await db
|
||||||
|
.select({ count: sql<number>`count(*)` })
|
||||||
|
.from(chatMessages)
|
||||||
|
.where(
|
||||||
|
and(
|
||||||
|
eq(chatMessages.conversationId, conv.id),
|
||||||
|
isNull(chatMessages.readAt),
|
||||||
|
sql`${chatMessages.senderHandle} != ${session.user.handle}`
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
// Parse participant info
|
||||||
|
const participant2Handle = conv.participant2Handle;
|
||||||
|
const isRemote = participant2Handle.includes('@');
|
||||||
|
|
||||||
|
let participant2Info = {
|
||||||
|
handle: participant2Handle,
|
||||||
|
displayName: participant2Handle,
|
||||||
|
avatarUrl: null as string | null,
|
||||||
|
};
|
||||||
|
|
||||||
|
// Try to get cached user info
|
||||||
|
const cachedUser = await db.query.users.findFirst({
|
||||||
|
where: eq(users.handle, participant2Handle),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (cachedUser) {
|
||||||
|
participant2Info = {
|
||||||
|
handle: cachedUser.handle,
|
||||||
|
displayName: cachedUser.displayName || cachedUser.handle,
|
||||||
|
avatarUrl: cachedUser.avatarUrl,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
...conv,
|
||||||
|
participant2: participant2Info,
|
||||||
|
unreadCount: Number(unreadCount[0]?.count || 0),
|
||||||
|
};
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
conversations: conversationsWithUnread,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error('List conversations error:', error);
|
||||||
|
return NextResponse.json({ error: 'Failed to list conversations' }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,115 @@
|
|||||||
|
/**
|
||||||
|
* Swarm Chat Inbox
|
||||||
|
*
|
||||||
|
* POST: Receives chat messages from other swarm nodes
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { db, users, chatConversations, chatMessages } from '@/db';
|
||||||
|
import { eq, and } from 'drizzle-orm';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import type { SwarmChatMessagePayload } from '@/lib/swarm/chat-types';
|
||||||
|
|
||||||
|
const chatMessageSchema = z.object({
|
||||||
|
messageId: z.string(),
|
||||||
|
senderHandle: z.string(),
|
||||||
|
senderDisplayName: z.string().optional(),
|
||||||
|
senderAvatarUrl: z.string().optional(),
|
||||||
|
senderNodeDomain: z.string(),
|
||||||
|
recipientHandle: z.string(),
|
||||||
|
encryptedContent: z.string(),
|
||||||
|
timestamp: z.string(),
|
||||||
|
signature: z.string().optional(),
|
||||||
|
});
|
||||||
|
|
||||||
|
export async function POST(request: NextRequest) {
|
||||||
|
try {
|
||||||
|
if (!db) {
|
||||||
|
return NextResponse.json({ error: 'Database not available' }, { status: 503 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const body = await request.json();
|
||||||
|
const data = chatMessageSchema.parse(body) as SwarmChatMessagePayload;
|
||||||
|
|
||||||
|
// Find the recipient (local user)
|
||||||
|
const recipient = await db.query.users.findFirst({
|
||||||
|
where: eq(users.handle, data.recipientHandle.toLowerCase()),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!recipient) {
|
||||||
|
return NextResponse.json({ error: 'Recipient not found' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (recipient.isSuspended) {
|
||||||
|
return NextResponse.json({ error: 'Recipient not available' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if message already exists (prevent duplicates)
|
||||||
|
const swarmMessageId = `swarm:${data.senderNodeDomain}:${data.messageId}`;
|
||||||
|
const existingMessage = await db.query.chatMessages.findFirst({
|
||||||
|
where: eq(chatMessages.swarmMessageId, swarmMessageId),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (existingMessage) {
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
message: 'Message already received',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get or create conversation
|
||||||
|
const senderFullHandle = `${data.senderHandle}@${data.senderNodeDomain}`;
|
||||||
|
let conversation = await db.query.chatConversations.findFirst({
|
||||||
|
where: and(
|
||||||
|
eq(chatConversations.participant1Id, recipient.id),
|
||||||
|
eq(chatConversations.participant2Handle, senderFullHandle)
|
||||||
|
),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!conversation) {
|
||||||
|
const [newConversation] = await db.insert(chatConversations).values({
|
||||||
|
participant1Id: recipient.id,
|
||||||
|
participant2Handle: senderFullHandle,
|
||||||
|
lastMessageAt: new Date(data.timestamp),
|
||||||
|
lastMessagePreview: '[Encrypted message]',
|
||||||
|
}).returning();
|
||||||
|
conversation = newConversation;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Store the message
|
||||||
|
const [newMessage] = await db.insert(chatMessages).values({
|
||||||
|
conversationId: conversation.id,
|
||||||
|
senderHandle: senderFullHandle,
|
||||||
|
senderDisplayName: data.senderDisplayName,
|
||||||
|
senderAvatarUrl: data.senderAvatarUrl,
|
||||||
|
senderNodeDomain: data.senderNodeDomain,
|
||||||
|
encryptedContent: data.encryptedContent,
|
||||||
|
swarmMessageId,
|
||||||
|
deliveredAt: new Date(),
|
||||||
|
createdAt: new Date(data.timestamp),
|
||||||
|
}).returning();
|
||||||
|
|
||||||
|
// Update conversation last message
|
||||||
|
await db.update(chatConversations)
|
||||||
|
.set({
|
||||||
|
lastMessageAt: new Date(data.timestamp),
|
||||||
|
lastMessagePreview: '[Encrypted message]',
|
||||||
|
updatedAt: new Date(),
|
||||||
|
})
|
||||||
|
.where(eq(chatConversations.id, conversation.id));
|
||||||
|
|
||||||
|
console.log(`[Swarm Chat] Received message from ${senderFullHandle} to ${data.recipientHandle}`);
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
message: 'Message received',
|
||||||
|
messageId: newMessage.id,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
if (error instanceof z.ZodError) {
|
||||||
|
return NextResponse.json({ error: 'Invalid payload', details: error.issues }, { status: 400 });
|
||||||
|
}
|
||||||
|
console.error('Swarm chat inbox error:', error);
|
||||||
|
return NextResponse.json({ error: 'Failed to receive message' }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,136 @@
|
|||||||
|
/**
|
||||||
|
* Swarm Chat Messages
|
||||||
|
*
|
||||||
|
* GET: Get messages for a conversation
|
||||||
|
* PATCH: Mark messages as read
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { db, chatConversations, chatMessages, users } from '@/db';
|
||||||
|
import { eq, desc, and, lt } from 'drizzle-orm';
|
||||||
|
import { getSession } from '@/lib/auth';
|
||||||
|
import { decryptMessage } from '@/lib/swarm/chat-crypto';
|
||||||
|
|
||||||
|
export async function GET(request: NextRequest) {
|
||||||
|
try {
|
||||||
|
if (!db) {
|
||||||
|
return NextResponse.json({ messages: [] });
|
||||||
|
}
|
||||||
|
|
||||||
|
const session = await getSession();
|
||||||
|
if (!session?.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const { searchParams } = new URL(request.url);
|
||||||
|
const conversationId = searchParams.get('conversationId');
|
||||||
|
const cursor = searchParams.get('cursor'); // For pagination
|
||||||
|
const limit = Math.min(parseInt(searchParams.get('limit') || '50'), 100);
|
||||||
|
|
||||||
|
if (!conversationId) {
|
||||||
|
return NextResponse.json({ error: 'conversationId required' }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Verify user has access to this conversation
|
||||||
|
const conversation = await db.query.chatConversations.findFirst({
|
||||||
|
where: and(
|
||||||
|
eq(chatConversations.id, conversationId),
|
||||||
|
eq(chatConversations.participant1Id, session.user.id)
|
||||||
|
),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!conversation) {
|
||||||
|
return NextResponse.json({ error: 'Conversation not found' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get user's private key for decryption
|
||||||
|
const user = await db.query.users.findFirst({
|
||||||
|
where: eq(users.id, session.user.id),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!user?.privateKeyEncrypted) {
|
||||||
|
return NextResponse.json({ error: 'Cannot decrypt messages' }, { status: 500 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Build query with cursor-based pagination
|
||||||
|
let whereCondition = eq(chatMessages.conversationId, conversationId);
|
||||||
|
if (cursor) {
|
||||||
|
whereCondition = and(whereCondition, lt(chatMessages.createdAt, new Date(cursor)));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get messages
|
||||||
|
const messages = await db.query.chatMessages.findMany({
|
||||||
|
where: whereCondition,
|
||||||
|
orderBy: [desc(chatMessages.createdAt)],
|
||||||
|
limit,
|
||||||
|
});
|
||||||
|
|
||||||
|
// Decrypt messages
|
||||||
|
// Note: In production, you'd decrypt the private key first using a user password/session key
|
||||||
|
// For now, we'll return encrypted content and decrypt client-side
|
||||||
|
const messagesWithDecryption = messages.map((msg) => {
|
||||||
|
const isSentByMe = msg.senderHandle === session.user.handle;
|
||||||
|
|
||||||
|
return {
|
||||||
|
...msg,
|
||||||
|
// Only include encrypted content - client will decrypt
|
||||||
|
content: undefined, // Remove plaintext
|
||||||
|
isSentByMe,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
messages: messagesWithDecryption.reverse(), // Oldest first for display
|
||||||
|
nextCursor: messages.length === limit ? messages[messages.length - 1].createdAt.toISOString() : null,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Get messages error:', error);
|
||||||
|
return NextResponse.json({ error: 'Failed to get messages' }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function PATCH(request: NextRequest) {
|
||||||
|
try {
|
||||||
|
if (!db) {
|
||||||
|
return NextResponse.json({ error: 'Database not available' }, { status: 503 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const session = await getSession();
|
||||||
|
if (!session?.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const { conversationId } = await request.json();
|
||||||
|
|
||||||
|
if (!conversationId) {
|
||||||
|
return NextResponse.json({ error: 'conversationId required' }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Verify user has access to this conversation
|
||||||
|
const conversation = await db.query.chatConversations.findFirst({
|
||||||
|
where: and(
|
||||||
|
eq(chatConversations.id, conversationId),
|
||||||
|
eq(chatConversations.participant1Id, session.user.id)
|
||||||
|
),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!conversation) {
|
||||||
|
return NextResponse.json({ error: 'Conversation not found' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mark all unread messages as read
|
||||||
|
await db.update(chatMessages)
|
||||||
|
.set({ readAt: new Date() })
|
||||||
|
.where(
|
||||||
|
and(
|
||||||
|
eq(chatMessages.conversationId, conversationId),
|
||||||
|
eq(chatMessages.readAt, null)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
return NextResponse.json({ success: true });
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Mark as read error:', error);
|
||||||
|
return NextResponse.json({ error: 'Failed to mark as read' }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,198 @@
|
|||||||
|
/**
|
||||||
|
* Swarm Chat Send
|
||||||
|
*
|
||||||
|
* POST: Send a chat message to another user (local or remote)
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { db, users, chatConversations, chatMessages } from '@/db';
|
||||||
|
import { eq, and } from 'drizzle-orm';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import { getSession } from '@/lib/auth';
|
||||||
|
import { encryptMessage } from '@/lib/swarm/chat-crypto';
|
||||||
|
import type { SwarmChatMessagePayload } from '@/lib/swarm/chat-types';
|
||||||
|
|
||||||
|
const sendMessageSchema = z.object({
|
||||||
|
recipientHandle: z.string(),
|
||||||
|
content: z.string().min(1).max(5000),
|
||||||
|
});
|
||||||
|
|
||||||
|
export async function POST(request: NextRequest) {
|
||||||
|
try {
|
||||||
|
if (!db) {
|
||||||
|
return NextResponse.json({ error: 'Database not available' }, { status: 503 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const session = await getSession();
|
||||||
|
if (!session?.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const body = await request.json();
|
||||||
|
const data = sendMessageSchema.parse(body);
|
||||||
|
|
||||||
|
// Get sender info
|
||||||
|
const sender = await db.query.users.findFirst({
|
||||||
|
where: eq(users.id, session.user.id),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!sender) {
|
||||||
|
return NextResponse.json({ error: 'Sender not found' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Parse recipient handle (could be local or remote)
|
||||||
|
const recipientHandle = data.recipientHandle.toLowerCase();
|
||||||
|
const isRemote = recipientHandle.includes('@');
|
||||||
|
|
||||||
|
let recipientUser: typeof users.$inferSelect | undefined;
|
||||||
|
let recipientPublicKey: string;
|
||||||
|
let recipientNodeDomain: string | null = null;
|
||||||
|
|
||||||
|
if (isRemote) {
|
||||||
|
// Remote user - need to fetch their public key
|
||||||
|
const [handle, domain] = recipientHandle.split('@');
|
||||||
|
recipientNodeDomain = domain;
|
||||||
|
|
||||||
|
// Try to find cached remote user
|
||||||
|
recipientUser = await db.query.users.findFirst({
|
||||||
|
where: eq(users.handle, recipientHandle),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!recipientUser) {
|
||||||
|
// Fetch from remote node
|
||||||
|
try {
|
||||||
|
const protocol = domain.includes('localhost') ? 'http' : 'https';
|
||||||
|
const response = await fetch(`${protocol}://${domain}/api/users/${handle}`);
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
return NextResponse.json({ error: 'Recipient not found' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const remoteUserData = await response.json();
|
||||||
|
recipientPublicKey = remoteUserData.publicKey;
|
||||||
|
|
||||||
|
// Cache the remote user
|
||||||
|
const [newUser] = await db.insert(users).values({
|
||||||
|
did: remoteUserData.did || `did:swarm:${domain}:${handle}`,
|
||||||
|
handle: recipientHandle,
|
||||||
|
displayName: remoteUserData.displayName,
|
||||||
|
avatarUrl: remoteUserData.avatarUrl,
|
||||||
|
publicKey: recipientPublicKey,
|
||||||
|
}).returning();
|
||||||
|
recipientUser = newUser;
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to fetch remote user:', error);
|
||||||
|
return NextResponse.json({ error: 'Failed to reach recipient node' }, { status: 503 });
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
recipientPublicKey = recipientUser.publicKey;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// Local user
|
||||||
|
recipientUser = await db.query.users.findFirst({
|
||||||
|
where: eq(users.handle, recipientHandle),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!recipientUser) {
|
||||||
|
return NextResponse.json({ error: 'Recipient not found' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (recipientUser.isSuspended) {
|
||||||
|
return NextResponse.json({ error: 'Recipient not available' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
recipientPublicKey = recipientUser.publicKey;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Encrypt the message with recipient's public key
|
||||||
|
const encryptedContent = encryptMessage(data.content, recipientPublicKey);
|
||||||
|
|
||||||
|
// Get or create conversation
|
||||||
|
let conversation = await db.query.chatConversations.findFirst({
|
||||||
|
where: and(
|
||||||
|
eq(chatConversations.participant1Id, sender.id),
|
||||||
|
eq(chatConversations.participant2Handle, recipientHandle)
|
||||||
|
),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!conversation) {
|
||||||
|
const [newConversation] = await db.insert(chatConversations).values({
|
||||||
|
participant1Id: sender.id,
|
||||||
|
participant2Handle: recipientHandle,
|
||||||
|
lastMessageAt: new Date(),
|
||||||
|
lastMessagePreview: data.content.substring(0, 100),
|
||||||
|
}).returning();
|
||||||
|
conversation = newConversation;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Store the message locally
|
||||||
|
const messageId = crypto.randomUUID();
|
||||||
|
const nodeDomain = process.env.NEXT_PUBLIC_NODE_DOMAIN || 'localhost';
|
||||||
|
const swarmMessageId = `swarm:${nodeDomain}:${messageId}`;
|
||||||
|
|
||||||
|
const [newMessage] = await db.insert(chatMessages).values({
|
||||||
|
conversationId: conversation.id,
|
||||||
|
senderHandle: sender.handle,
|
||||||
|
senderDisplayName: sender.displayName,
|
||||||
|
senderAvatarUrl: sender.avatarUrl,
|
||||||
|
senderNodeDomain: null, // Local sender
|
||||||
|
encryptedContent,
|
||||||
|
swarmMessageId,
|
||||||
|
deliveredAt: isRemote ? null : new Date(), // Delivered immediately if local
|
||||||
|
readAt: null,
|
||||||
|
}).returning();
|
||||||
|
|
||||||
|
// Update conversation
|
||||||
|
await db.update(chatConversations)
|
||||||
|
.set({
|
||||||
|
lastMessageAt: new Date(),
|
||||||
|
lastMessagePreview: data.content.substring(0, 100),
|
||||||
|
updatedAt: new Date(),
|
||||||
|
})
|
||||||
|
.where(eq(chatConversations.id, conversation.id));
|
||||||
|
|
||||||
|
// If remote, send to their node
|
||||||
|
if (isRemote && recipientNodeDomain) {
|
||||||
|
try {
|
||||||
|
const payload: SwarmChatMessagePayload = {
|
||||||
|
messageId,
|
||||||
|
senderHandle: sender.handle,
|
||||||
|
senderDisplayName: sender.displayName || undefined,
|
||||||
|
senderAvatarUrl: sender.avatarUrl || undefined,
|
||||||
|
senderNodeDomain: nodeDomain,
|
||||||
|
recipientHandle: recipientHandle.split('@')[0],
|
||||||
|
encryptedContent,
|
||||||
|
timestamp: new Date().toISOString(),
|
||||||
|
};
|
||||||
|
|
||||||
|
const protocol = recipientNodeDomain.includes('localhost') ? 'http' : 'https';
|
||||||
|
const response = await fetch(`${protocol}://${recipientNodeDomain}/api/swarm/chat/inbox`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify(payload),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (response.ok) {
|
||||||
|
// Mark as delivered
|
||||||
|
await db.update(chatMessages)
|
||||||
|
.set({ deliveredAt: new Date() })
|
||||||
|
.where(eq(chatMessages.id, newMessage.id));
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to send message to remote node:', error);
|
||||||
|
// Message is still stored locally, will show as undelivered
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
message: newMessage,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
if (error instanceof z.ZodError) {
|
||||||
|
return NextResponse.json({ error: 'Invalid input', details: error.errors }, { status: 400 });
|
||||||
|
}
|
||||||
|
console.error('Send message error:', error);
|
||||||
|
return NextResponse.json({ error: 'Failed to send message' }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,644 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import { useState, useEffect, useRef } from 'react';
|
||||||
|
import { useAuth } from '@/lib/contexts/AuthContext';
|
||||||
|
import { MessageCircle, Send, ArrowLeft } from 'lucide-react';
|
||||||
|
import { formatFullHandle } from '@/lib/utils/handle';
|
||||||
|
|
||||||
|
interface Conversation {
|
||||||
|
id: string;
|
||||||
|
participant2: {
|
||||||
|
handle: string;
|
||||||
|
displayName: string;
|
||||||
|
avatarUrl: string | null;
|
||||||
|
};
|
||||||
|
lastMessageAt: string;
|
||||||
|
lastMessagePreview: string;
|
||||||
|
unreadCount: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Message {
|
||||||
|
id: string;
|
||||||
|
senderHandle: string;
|
||||||
|
senderDisplayName?: string;
|
||||||
|
senderAvatarUrl?: string;
|
||||||
|
encryptedContent: string;
|
||||||
|
isSentByMe: boolean;
|
||||||
|
deliveredAt?: string;
|
||||||
|
readAt?: string;
|
||||||
|
createdAt: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function ChatPage() {
|
||||||
|
const { user } = useAuth();
|
||||||
|
const [conversations, setConversations] = useState<Conversation[]>([]);
|
||||||
|
const [selectedConversation, setSelectedConversation] = useState<Conversation | null>(null);
|
||||||
|
const [messages, setMessages] = useState<Message[]>([]);
|
||||||
|
const [newMessage, setNewMessage] = useState('');
|
||||||
|
const [newChatHandle, setNewChatHandle] = useState('');
|
||||||
|
const [showNewChat, setShowNewChat] = useState(false);
|
||||||
|
const [loading, setLoading] = useState(true);
|
||||||
|
const [sending, setSending] = useState(false);
|
||||||
|
const messagesEndRef = useRef<HTMLDivElement>(null);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (user) {
|
||||||
|
loadConversations();
|
||||||
|
}
|
||||||
|
}, [user]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (selectedConversation) {
|
||||||
|
loadMessages(selectedConversation.id);
|
||||||
|
markAsRead(selectedConversation.id);
|
||||||
|
}
|
||||||
|
}, [selectedConversation]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
|
||||||
|
}, [messages]);
|
||||||
|
|
||||||
|
const loadConversations = async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetch('/api/swarm/chat/conversations');
|
||||||
|
const data = await res.json();
|
||||||
|
setConversations(data.conversations || []);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to load conversations:', error);
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const loadMessages = async (conversationId: string) => {
|
||||||
|
try {
|
||||||
|
const res = await fetch(`/api/swarm/chat/messages?conversationId=${conversationId}`);
|
||||||
|
const data = await res.json();
|
||||||
|
setMessages(data.messages || []);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to load messages:', error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const markAsRead = async (conversationId: string) => {
|
||||||
|
try {
|
||||||
|
await fetch('/api/swarm/chat/messages', {
|
||||||
|
method: 'PATCH',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({ conversationId }),
|
||||||
|
});
|
||||||
|
// Update unread count locally
|
||||||
|
setConversations(prev =>
|
||||||
|
prev.map(c => c.id === conversationId ? { ...c, unreadCount: 0 } : c)
|
||||||
|
);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to mark as read:', error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const sendMessage = async (e: React.FormEvent) => {
|
||||||
|
e.preventDefault();
|
||||||
|
if (!newMessage.trim() || !selectedConversation) return;
|
||||||
|
|
||||||
|
setSending(true);
|
||||||
|
try {
|
||||||
|
const res = await fetch('/api/swarm/chat/send', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
recipientHandle: selectedConversation.participant2.handle,
|
||||||
|
content: newMessage,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (res.ok) {
|
||||||
|
const data = await res.json();
|
||||||
|
setMessages(prev => [...prev, data.message]);
|
||||||
|
setNewMessage('');
|
||||||
|
loadConversations(); // Refresh to update last message
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to send message:', error);
|
||||||
|
} finally {
|
||||||
|
setSending(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const startNewChat = async (e: React.FormEvent) => {
|
||||||
|
e.preventDefault();
|
||||||
|
if (!newChatHandle.trim()) return;
|
||||||
|
|
||||||
|
setSending(true);
|
||||||
|
try {
|
||||||
|
const res = await fetch('/api/swarm/chat/send', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
recipientHandle: newChatHandle,
|
||||||
|
content: 'Hey! 👋',
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (res.ok) {
|
||||||
|
setShowNewChat(false);
|
||||||
|
setNewChatHandle('');
|
||||||
|
loadConversations();
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to start chat:', error);
|
||||||
|
} finally {
|
||||||
|
setSending(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!user) {
|
||||||
|
return (
|
||||||
|
<div className="chat-page">
|
||||||
|
<div style={{ padding: '48px', textAlign: 'center' }}>
|
||||||
|
<MessageCircle size={48} style={{ margin: '0 auto 16px', opacity: 0.5 }} />
|
||||||
|
<p>Sign in to use Swarm Chat</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="chat-page">
|
||||||
|
<div className="chat-container">
|
||||||
|
{/* Conversations List */}
|
||||||
|
<div className={`chat-sidebar ${selectedConversation ? 'mobile-hidden' : ''}`}>
|
||||||
|
<div className="chat-sidebar-header">
|
||||||
|
<h2>Swarm Chat</h2>
|
||||||
|
<button
|
||||||
|
className="btn-primary"
|
||||||
|
onClick={() => setShowNewChat(true)}
|
||||||
|
style={{ padding: '8px 16px', fontSize: '14px' }}
|
||||||
|
>
|
||||||
|
New Chat
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{loading ? (
|
||||||
|
<div style={{ padding: '24px', textAlign: 'center', opacity: 0.5 }}>
|
||||||
|
Loading...
|
||||||
|
</div>
|
||||||
|
) : conversations.length === 0 ? (
|
||||||
|
<div style={{ padding: '24px', textAlign: 'center', opacity: 0.5 }}>
|
||||||
|
<MessageCircle size={32} style={{ margin: '0 auto 12px' }} />
|
||||||
|
<p>No conversations yet</p>
|
||||||
|
<p style={{ fontSize: '14px', marginTop: '8px' }}>
|
||||||
|
Start a chat with anyone on the swarm
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="conversations-list">
|
||||||
|
{conversations.map((conv) => (
|
||||||
|
<button
|
||||||
|
key={conv.id}
|
||||||
|
className={`conversation-item ${selectedConversation?.id === conv.id ? 'active' : ''}`}
|
||||||
|
onClick={() => setSelectedConversation(conv)}
|
||||||
|
>
|
||||||
|
<div className="conversation-avatar">
|
||||||
|
{conv.participant2.avatarUrl ? (
|
||||||
|
<img src={conv.participant2.avatarUrl} alt={conv.participant2.displayName} />
|
||||||
|
) : (
|
||||||
|
conv.participant2.displayName.charAt(0).toUpperCase()
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className="conversation-info">
|
||||||
|
<div className="conversation-name">
|
||||||
|
{conv.participant2.displayName}
|
||||||
|
{conv.unreadCount > 0 && (
|
||||||
|
<span className="unread-badge">{conv.unreadCount}</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className="conversation-handle">
|
||||||
|
{formatFullHandle(conv.participant2.handle)}
|
||||||
|
</div>
|
||||||
|
<div className="conversation-preview">{conv.lastMessagePreview}</div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Messages View */}
|
||||||
|
<div className={`chat-main ${!selectedConversation ? 'mobile-hidden' : ''}`}>
|
||||||
|
{selectedConversation ? (
|
||||||
|
<>
|
||||||
|
<div className="chat-header">
|
||||||
|
<button
|
||||||
|
className="back-button"
|
||||||
|
onClick={() => setSelectedConversation(null)}
|
||||||
|
>
|
||||||
|
<ArrowLeft size={20} />
|
||||||
|
</button>
|
||||||
|
<div className="chat-header-avatar">
|
||||||
|
{selectedConversation.participant2.avatarUrl ? (
|
||||||
|
<img src={selectedConversation.participant2.avatarUrl} alt="" />
|
||||||
|
) : (
|
||||||
|
selectedConversation.participant2.displayName.charAt(0).toUpperCase()
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className="chat-header-info">
|
||||||
|
<div className="chat-header-name">
|
||||||
|
{selectedConversation.participant2.displayName}
|
||||||
|
</div>
|
||||||
|
<div className="chat-header-handle">
|
||||||
|
{formatFullHandle(selectedConversation.participant2.handle)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="chat-messages">
|
||||||
|
{messages.map((msg) => (
|
||||||
|
<div
|
||||||
|
key={msg.id}
|
||||||
|
className={`message ${msg.isSentByMe ? 'sent' : 'received'}`}
|
||||||
|
>
|
||||||
|
{!msg.isSentByMe && (
|
||||||
|
<div className="message-avatar">
|
||||||
|
{msg.senderAvatarUrl ? (
|
||||||
|
<img src={msg.senderAvatarUrl} alt="" />
|
||||||
|
) : (
|
||||||
|
(msg.senderDisplayName || msg.senderHandle).charAt(0).toUpperCase()
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
<div className="message-content">
|
||||||
|
<div className="message-bubble">
|
||||||
|
{/* Note: In production, decrypt client-side */}
|
||||||
|
<div style={{ opacity: 0.5, fontSize: '12px' }}>
|
||||||
|
[Encrypted: {msg.encryptedContent.substring(0, 20)}...]
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="message-meta">
|
||||||
|
{new Date(msg.createdAt).toLocaleTimeString()}
|
||||||
|
{msg.isSentByMe && (
|
||||||
|
<span style={{ marginLeft: '8px', opacity: 0.7 }}>
|
||||||
|
{msg.readAt ? '✓✓' : msg.deliveredAt ? '✓' : '○'}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
<div ref={messagesEndRef} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form className="chat-input" onSubmit={sendMessage}>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Type a message..."
|
||||||
|
value={newMessage}
|
||||||
|
onChange={(e) => setNewMessage(e.target.value)}
|
||||||
|
disabled={sending}
|
||||||
|
/>
|
||||||
|
<button type="submit" disabled={sending || !newMessage.trim()}>
|
||||||
|
<Send size={20} />
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<div className="chat-empty">
|
||||||
|
<MessageCircle size={64} style={{ opacity: 0.3, marginBottom: '16px' }} />
|
||||||
|
<p>Select a conversation to start chatting</p>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* New Chat Modal */}
|
||||||
|
{showNewChat && (
|
||||||
|
<div className="modal-overlay" onClick={() => setShowNewChat(false)}>
|
||||||
|
<div className="modal-content" onClick={(e) => e.stopPropagation()}>
|
||||||
|
<h3>Start New Chat</h3>
|
||||||
|
<form onSubmit={startNewChat}>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Enter handle (e.g., user@node.domain)"
|
||||||
|
value={newChatHandle}
|
||||||
|
onChange={(e) => setNewChatHandle(e.target.value)}
|
||||||
|
autoFocus
|
||||||
|
/>
|
||||||
|
<div className="modal-actions">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn-secondary"
|
||||||
|
onClick={() => setShowNewChat(false)}
|
||||||
|
>
|
||||||
|
Cancel
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="btn-primary"
|
||||||
|
disabled={sending || !newChatHandle.trim()}
|
||||||
|
>
|
||||||
|
Start Chat
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style jsx>{`
|
||||||
|
.chat-page {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: calc(100vh - 60px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-container {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 350px 1fr;
|
||||||
|
height: 100%;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--background);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-sidebar {
|
||||||
|
border-right: 1px solid var(--border);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-sidebar-header {
|
||||||
|
padding: 16px;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-sidebar-header h2 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversations-list {
|
||||||
|
overflow-y: auto;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-item {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 12px 16px;
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
width: 100%;
|
||||||
|
text-align: left;
|
||||||
|
cursor: pointer;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
transition: background 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-item:hover {
|
||||||
|
background: var(--background-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-item.active {
|
||||||
|
background: var(--accent-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-avatar {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: 600;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-avatar img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 50%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-info {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-name {
|
||||||
|
font-weight: 600;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.unread-badge {
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
font-size: 11px;
|
||||||
|
padding: 2px 6px;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-handle {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--foreground-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-preview {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--foreground-tertiary);
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-header {
|
||||||
|
padding: 16px;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button {
|
||||||
|
display: none;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 8px;
|
||||||
|
color: var(--foreground);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-header-avatar {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-header-avatar img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 50%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-header-info {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-header-name {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-header-handle {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--foreground-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-messages {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 16px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message.sent {
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-avatar {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-avatar img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 50%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-content {
|
||||||
|
max-width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message.sent .message-content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-bubble {
|
||||||
|
padding: 12px 16px;
|
||||||
|
border-radius: 16px;
|
||||||
|
background: var(--background-secondary);
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message.sent .message-bubble {
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-meta {
|
||||||
|
font-size: 11px;
|
||||||
|
color: var(--foreground-tertiary);
|
||||||
|
margin-top: 4px;
|
||||||
|
padding: 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-input {
|
||||||
|
padding: 16px;
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-input input {
|
||||||
|
flex: 1;
|
||||||
|
padding: 12px 16px;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 24px;
|
||||||
|
background: var(--background-secondary);
|
||||||
|
color: var(--foreground);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-input button {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-input button:disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-empty {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: var(--foreground-tertiary);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.chat-container {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`}</style>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -100,6 +100,14 @@ export function Sidebar() {
|
|||||||
)}
|
)}
|
||||||
</Link>
|
</Link>
|
||||||
)}
|
)}
|
||||||
|
{user && (
|
||||||
|
<Link href="/chat" className={`nav-item ${pathname?.startsWith('/chat') ? 'active' : ''}`}>
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||||
|
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
|
||||||
|
</svg>
|
||||||
|
<span>Chat</span>
|
||||||
|
</Link>
|
||||||
|
)}
|
||||||
{user && (
|
{user && (
|
||||||
<Link href="/settings/bots" className={`nav-item ${pathname?.startsWith('/settings/bots') ? 'active' : ''}`}>
|
<Link href="/settings/bots" className={`nav-item ${pathname?.startsWith('/settings/bots') ? 'active' : ''}`}>
|
||||||
<BotIcon />
|
<BotIcon />
|
||||||
|
|||||||
@@ -864,3 +864,102 @@ export const swarmSyncLog = pgTable('swarm_sync_log', {
|
|||||||
index('swarm_sync_log_remote_idx').on(table.remoteDomain),
|
index('swarm_sync_log_remote_idx').on(table.remoteDomain),
|
||||||
index('swarm_sync_log_created_idx').on(table.createdAt),
|
index('swarm_sync_log_created_idx').on(table.createdAt),
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
// ============================================
|
||||||
|
// SWARM CHAT
|
||||||
|
// ============================================
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Chat conversations between users across the swarm.
|
||||||
|
* Each conversation has a unique ID and tracks participants.
|
||||||
|
*/
|
||||||
|
export const chatConversations = pgTable('chat_conversations', {
|
||||||
|
id: uuid('id').primaryKey().defaultRandom(),
|
||||||
|
|
||||||
|
// Conversation type: 'direct' (1-on-1) or 'group' (future)
|
||||||
|
type: text('type').default('direct').notNull(),
|
||||||
|
|
||||||
|
// For direct chats, store both participants
|
||||||
|
participant1Id: uuid('participant1_id').notNull().references(() => users.id, { onDelete: 'cascade' }),
|
||||||
|
participant2Handle: text('participant2_handle').notNull(), // Can be local or remote (user@domain)
|
||||||
|
|
||||||
|
// Last message info for sorting
|
||||||
|
lastMessageAt: timestamp('last_message_at'),
|
||||||
|
lastMessagePreview: text('last_message_preview'),
|
||||||
|
|
||||||
|
// Metadata
|
||||||
|
createdAt: timestamp('created_at').defaultNow().notNull(),
|
||||||
|
updatedAt: timestamp('updated_at').defaultNow().notNull(),
|
||||||
|
}, (table) => [
|
||||||
|
index('chat_conversations_participant1_idx').on(table.participant1Id),
|
||||||
|
index('chat_conversations_last_message_idx').on(table.lastMessageAt),
|
||||||
|
// Ensure unique conversation between two users
|
||||||
|
uniqueIndex('chat_conversations_unique').on(table.participant1Id, table.participant2Handle),
|
||||||
|
]);
|
||||||
|
|
||||||
|
export const chatConversationsRelations = relations(chatConversations, ({ one, many }) => ({
|
||||||
|
participant1: one(users, {
|
||||||
|
fields: [chatConversations.participant1Id],
|
||||||
|
references: [users.id],
|
||||||
|
}),
|
||||||
|
messages: many(chatMessages),
|
||||||
|
}));
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Individual chat messages within conversations.
|
||||||
|
* Messages are encrypted end-to-end using recipient's public key.
|
||||||
|
*/
|
||||||
|
export const chatMessages = pgTable('chat_messages', {
|
||||||
|
id: uuid('id').primaryKey().defaultRandom(),
|
||||||
|
|
||||||
|
// Which conversation this belongs to
|
||||||
|
conversationId: uuid('conversation_id').notNull().references(() => chatConversations.id, { onDelete: 'cascade' }),
|
||||||
|
|
||||||
|
// Sender info
|
||||||
|
senderHandle: text('sender_handle').notNull(), // Can be local or remote
|
||||||
|
senderDisplayName: text('sender_display_name'),
|
||||||
|
senderAvatarUrl: text('sender_avatar_url'),
|
||||||
|
senderNodeDomain: text('sender_node_domain'), // null if local
|
||||||
|
|
||||||
|
// Message content (encrypted for recipient)
|
||||||
|
encryptedContent: text('encrypted_content').notNull(),
|
||||||
|
|
||||||
|
// Swarm sync info
|
||||||
|
swarmMessageId: text('swarm_message_id').unique(), // Format: swarm:domain:uuid
|
||||||
|
|
||||||
|
// Status tracking
|
||||||
|
deliveredAt: timestamp('delivered_at'),
|
||||||
|
readAt: timestamp('read_at'),
|
||||||
|
|
||||||
|
// Metadata
|
||||||
|
createdAt: timestamp('created_at').defaultNow().notNull(),
|
||||||
|
}, (table) => [
|
||||||
|
index('chat_messages_conversation_idx').on(table.conversationId),
|
||||||
|
index('chat_messages_created_idx').on(table.createdAt),
|
||||||
|
index('chat_messages_swarm_id_idx').on(table.swarmMessageId),
|
||||||
|
]);
|
||||||
|
|
||||||
|
export const chatMessagesRelations = relations(chatMessages, ({ one }) => ({
|
||||||
|
conversation: one(chatConversations, {
|
||||||
|
fields: [chatMessages.conversationId],
|
||||||
|
references: [chatConversations.id],
|
||||||
|
}),
|
||||||
|
}));
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Typing indicators for real-time chat UX.
|
||||||
|
* Short-lived records that expire after 10 seconds.
|
||||||
|
*/
|
||||||
|
export const chatTypingIndicators = pgTable('chat_typing_indicators', {
|
||||||
|
id: uuid('id').primaryKey().defaultRandom(),
|
||||||
|
|
||||||
|
conversationId: uuid('conversation_id').notNull().references(() => chatConversations.id, { onDelete: 'cascade' }),
|
||||||
|
userHandle: text('user_handle').notNull(),
|
||||||
|
|
||||||
|
expiresAt: timestamp('expires_at').notNull(),
|
||||||
|
createdAt: timestamp('created_at').defaultNow().notNull(),
|
||||||
|
}, (table) => [
|
||||||
|
index('chat_typing_conversation_idx').on(table.conversationId),
|
||||||
|
index('chat_typing_expires_idx').on(table.expiresAt),
|
||||||
|
uniqueIndex('chat_typing_unique').on(table.conversationId, table.userHandle),
|
||||||
|
]);
|
||||||
|
|||||||
@@ -0,0 +1,83 @@
|
|||||||
|
/**
|
||||||
|
* Swarm Chat Cryptography
|
||||||
|
*
|
||||||
|
* End-to-end encryption for chat messages using public key cryptography.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import crypto from 'crypto';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Encrypt a message using the recipient's public key
|
||||||
|
*/
|
||||||
|
export function encryptMessage(message: string, recipientPublicKey: string): string {
|
||||||
|
try {
|
||||||
|
// Use RSA-OAEP for encryption
|
||||||
|
const encrypted = crypto.publicEncrypt(
|
||||||
|
{
|
||||||
|
key: recipientPublicKey,
|
||||||
|
padding: crypto.constants.RSA_PKCS1_OAEP_PADDING,
|
||||||
|
oaepHash: 'sha256',
|
||||||
|
},
|
||||||
|
Buffer.from(message, 'utf8')
|
||||||
|
);
|
||||||
|
|
||||||
|
return encrypted.toString('base64');
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to encrypt message:', error);
|
||||||
|
throw new Error('Encryption failed');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Decrypt a message using the recipient's private key
|
||||||
|
*/
|
||||||
|
export function decryptMessage(encryptedMessage: string, privateKey: string): string {
|
||||||
|
try {
|
||||||
|
const decrypted = crypto.privateDecrypt(
|
||||||
|
{
|
||||||
|
key: privateKey,
|
||||||
|
padding: crypto.constants.RSA_PKCS1_OAEP_PADDING,
|
||||||
|
oaepHash: 'sha256',
|
||||||
|
},
|
||||||
|
Buffer.from(encryptedMessage, 'base64')
|
||||||
|
);
|
||||||
|
|
||||||
|
return decrypted.toString('utf8');
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to decrypt message:', error);
|
||||||
|
throw new Error('Decryption failed');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sign a message payload for authenticity verification
|
||||||
|
*/
|
||||||
|
export function signPayload(payload: string, privateKey: string): string {
|
||||||
|
try {
|
||||||
|
const sign = crypto.createSign('SHA256');
|
||||||
|
sign.update(payload);
|
||||||
|
sign.end();
|
||||||
|
|
||||||
|
const signature = sign.sign(privateKey, 'base64');
|
||||||
|
return signature;
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to sign payload:', error);
|
||||||
|
throw new Error('Signing failed');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Verify a signed payload
|
||||||
|
*/
|
||||||
|
export function verifySignature(payload: string, signature: string, publicKey: string): boolean {
|
||||||
|
try {
|
||||||
|
const verify = crypto.createVerify('SHA256');
|
||||||
|
verify.update(payload);
|
||||||
|
verify.end();
|
||||||
|
|
||||||
|
return verify.verify(publicKey, signature, 'base64');
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to verify signature:', error);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,66 @@
|
|||||||
|
/**
|
||||||
|
* Swarm Chat Types
|
||||||
|
*
|
||||||
|
* Type definitions for the swarm chat system.
|
||||||
|
*/
|
||||||
|
|
||||||
|
export interface SwarmChatMessage {
|
||||||
|
id: string;
|
||||||
|
conversationId: string;
|
||||||
|
senderHandle: string;
|
||||||
|
senderDisplayName?: string;
|
||||||
|
senderAvatarUrl?: string;
|
||||||
|
senderNodeDomain?: string;
|
||||||
|
encryptedContent: string;
|
||||||
|
deliveredAt?: string;
|
||||||
|
readAt?: string;
|
||||||
|
createdAt: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface SwarmChatConversation {
|
||||||
|
id: string;
|
||||||
|
type: 'direct' | 'group';
|
||||||
|
participant1Id: string;
|
||||||
|
participant2Handle: string;
|
||||||
|
lastMessageAt?: string;
|
||||||
|
lastMessagePreview?: string;
|
||||||
|
unreadCount?: number;
|
||||||
|
createdAt: string;
|
||||||
|
updatedAt: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Payload for sending a chat message to a remote node
|
||||||
|
*/
|
||||||
|
export interface SwarmChatMessagePayload {
|
||||||
|
messageId: string;
|
||||||
|
senderHandle: string;
|
||||||
|
senderDisplayName?: string;
|
||||||
|
senderAvatarUrl?: string;
|
||||||
|
senderNodeDomain: string;
|
||||||
|
recipientHandle: string;
|
||||||
|
encryptedContent: string;
|
||||||
|
timestamp: string;
|
||||||
|
signature?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Payload for typing indicator
|
||||||
|
*/
|
||||||
|
export interface SwarmChatTypingPayload {
|
||||||
|
senderHandle: string;
|
||||||
|
senderNodeDomain: string;
|
||||||
|
recipientHandle: string;
|
||||||
|
isTyping: boolean;
|
||||||
|
timestamp: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Payload for read receipt
|
||||||
|
*/
|
||||||
|
export interface SwarmChatReadReceiptPayload {
|
||||||
|
messageId: string;
|
||||||
|
readerHandle: string;
|
||||||
|
readerNodeDomain: string;
|
||||||
|
timestamp: string;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user