Brunobkr/llama.cpp_AlgMor24_github

1// AI Assistant Tutorial Response2export const AI_TUTORIAL_MD = String.raw`3# Building a Modern Chat Application with SvelteKit4 5I'll help you create a **production-ready chat application** using SvelteKit, TypeScript, and WebSockets. This implementation includes real-time messaging, user authentication, and message persistence.6 7## 🚀 Quick Start8 9First, let's set up the project:10 11${'```'}bash12npm create svelte@latest chat-app13cd chat-app14npm install15npm install socket.io socket.io-client16npm install @prisma/client prisma17npm run dev18${'```'}19 20## 📁 Project Structure21 22${'```'}23chat-app/24├── src/25│   ├── routes/26│   │   ├── +layout.svelte27│   │   ├── +page.svelte28│   │   └── api/29│   │       └── socket/+server.ts30│   ├── lib/31│   │   ├── components/32│   │   │   ├── ChatMessage.svelte33│   │   │   └── ChatInput.svelte34│   │   └── stores/35│   │       └── chat.ts36│   └── app.html37├── prisma/38│   └── schema.prisma39└── package.json40${'```'}41 42## 💻 Implementation43 44### WebSocket Server45 46${'```'}typescript47// src/lib/server/socket.ts48import { Server } from 'socket.io';49import type { ViteDevServer } from 'vite';50 51export function initializeSocketIO(server: ViteDevServer) {52    const io = new Server(server.httpServer || server, {53        cors: {54            origin: process.env.ORIGIN || 'http://localhost:5173',55            credentials: true56        }57    });58 59    io.on('connection', (socket) => {60        console.log('User connected:', socket.id);61        62        socket.on('message', async (data) => {63            // Broadcast to all clients64            io.emit('new-message', {65                id: crypto.randomUUID(),66                userId: socket.id,67                content: data.content,68                timestamp: new Date().toISOString()69            });70        });71 72        socket.on('disconnect', () => {73            console.log('User disconnected:', socket.id);74        });75    });76 77    return io;78}79${'```'}80 81### Client Store82 83${'```'}typescript84// src/lib/stores/chat.ts85import { writable } from 'svelte/store';86import io from 'socket.io-client';87 88export interface Message {89    id: string;90    userId: string;91    content: string;92    timestamp: string;93}94 95function createChatStore() {96    const { subscribe, update } = writable<Message[]>([]);97    let socket: ReturnType<typeof io>;98    99    return {100        subscribe,101        connect: () => {102            socket = io('http://localhost:5173');103            104            socket.on('new-message', (message: Message) => {105                update(messages => [...messages, message]);106            });107        },108        sendMessage: (content: string) => {109            if (socket && content.trim()) {110                socket.emit('message', { content });111            }112        }113    };114}115 116export const chatStore = createChatStore();117${'```'}118 119## 🎯 Key Features120 121✅ **Real-time messaging** with WebSockets  122✅ **Message persistence** using Prisma + PostgreSQL  123✅ **Type-safe** with TypeScript  124✅ **Responsive UI** for all devices  125✅ **Auto-reconnection** on connection loss  126 127## 📊 Performance Metrics128 129| Metric | Value |130|--------|-------|131| **Message Latency** | < 50ms |132| **Concurrent Users** | 10,000+ |133| **Messages/Second** | 5,000+ |134| **Uptime** | 99.9% |135 136## 🔧 Configuration137 138### Environment Variables139 140${'```'}env141DATABASE_URL="postgresql://user:password@localhost:5432/chat"142JWT_SECRET="your-secret-key"143REDIS_URL="redis://localhost:6379"144${'```'}145 146## 🚢 Deployment147 148Deploy to production using Docker:149 150${'```'}dockerfile151FROM node:20-alpine152WORKDIR /app153COPY package*.json ./154RUN npm ci --only=production155COPY . .156RUN npm run build157EXPOSE 3000158CMD ["node", "build"]159${'```'}160 161---162 163*Need help? Check the [documentation](https://kit.svelte.dev) or [open an issue](https://github.com/sveltejs/kit/issues)*164`;165