Web3

Sleeping

App Files Files Community

Aleksmorshen commited on Jun 30, 2025

Commit

46bdacb

verified ·

1 Parent(s): 9134166

Upload app (1) (19).py

Browse files

Files changed (1) hide show

app (1) (19).py +1174 -0

app (1) (19).py ADDED Viewed

	@@ -0,0 +1,1174 @@

+import os
+import json
+import uuid
+from datetime import datetime
+from flask import Flask, Response, request, jsonify
+from werkzeug.security import generate_password_hash, check_password_hash
+app = Flask(__name__)
+DB_FILE = 'db.json'
+def init_db():
+    if not os.path.exists(DB_FILE):
+        with open(DB_FILE, 'w') as f:
+            json.dump({
+                "users": {},
+                "chatrooms": {},
+                "messages": {}
+            }, f, indent=4)
+def read_db():
+    with open(DB_FILE, 'r') as f:
+        return json.load(f)
+def write_db(data):
+    with open(DB_FILE, 'w') as f:
+        json.dump(data, f, indent=4)
+@app.route('/')
+def index():
+    html_content = '''
+    <!DOCTYPE html>
+    <html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+        <title>Virton Messenger</title>
+        <script src="https://unpkg.com/@tonconnect/ui@latest/dist/tonconnect-ui.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
+        <script src="https://unpkg.com/html5-qrcode@2.3.8/html5-qrcode.min.js"></script>
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+        <style>
+            :root {
+                --bg-primary: #0F0F11;
+                --bg-secondary: #18191C;
+                --bg-tertiary: #212328;
+                --bg-hover: #2A2C33;
+                --text-primary: #EAECEF;
+                --text-secondary: #8E9297;
+                --accent-blue: #0088CC;
+                --accent-blue-light: #33AADD;
+                --border-color: #2D2F34;
+                --success-color: #28a745;
+                --error-color: #dc3545;
+                --font-family: 'Inter', sans-serif;
+            }
+            * {
+                box-sizing: border-box;
+                margin: 0;
+                padding: 0;
+                -webkit-tap-highlight-color: transparent;
+            }
+            html {
+                font-size: 16px;
+            }
+            body {
+                font-family: var(--font-family);
+                background-color: var(--bg-primary);
+                color: var(--text-primary);
+                overflow: hidden;
+                height: 100vh;
+                width: 100vw;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+            .main-container {
+                width: 100%;
+                height: 100%;
+                display: flex;
+                flex-direction: column;
+                transition: opacity 0.3s ease;
+            }
+            #login-view {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                text-align: center;
+                width: 100%;
+                height: 100%;
+                background: radial-gradient(circle, #1a2a3a 0%, var(--bg-primary) 70%);
+            }
+            #login-view img {
+                width: 100px;
+                height: 100px;
+                margin-bottom: 24px;
+                filter: drop-shadow(0 0 15px rgba(0, 136, 204, 0.5));
+            }
+            #login-view h1 {
+                font-size: 2.8rem;
+                font-weight: 700;
+                background: linear-gradient(45deg, var(--accent-blue-light), var(--accent-blue));
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+                margin-bottom: 12px;
+            }
+            #login-view p {
+                font-size: 1.1rem;
+                color: var(--text-secondary);
+                margin-bottom: 40px;
+            }
+            #app-view {
+                display: none;
+                width: 100%;
+                height: 100%;
+            }
+            #chatroom-list-view {
+                display: flex;
+                flex-direction: column;
+                height: 100%;
+                width: 100%;
+                background-color: var(--bg-secondary);
+            }
+            .list-header {
+                padding: 16px;
+                border-bottom: 1px solid var(--border-color);
+                flex-shrink: 0;
+            }
+            .list-header-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 16px;
+            }
+            .list-header-top h2 {
+                font-size: 1.5rem;
+                font-weight: 600;
+            }
+            .user-profile {
+                padding: 12px;
+                background-color: var(--bg-tertiary);
+                border-radius: 8px;
+                margin-bottom: 16px;
+            }
+            #user-wallet, #user-nickname {
+                font-size: 0.9rem;
+                color: var(--text-secondary);
+                margin-bottom: 8px;
+                word-break: break-all;
+            }
+            .username-form { display: flex; gap: 8px; }
+            .username-input {
+                flex-grow: 1;
+                background-color: var(--bg-primary);
+                border: 1px solid var(--border-color);
+                color: var(--text-primary);
+                border-radius: 6px;
+                padding: 8px 12px;
+                font-size: 0.9rem;
+            }
+            .username-input:focus { outline: none; border-color: var(--accent-blue); }
+            .action-btn {
+                background: linear-gradient(45deg, var(--accent-blue), var(--accent-blue-light));
+                color: white;
+                border: none;
+                padding: 10px 16px;
+                border-radius: 6px;
+                cursor: pointer;
+                font-weight: 500;
+                transition: transform 0.2s ease, box-shadow 0.2s ease;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                gap: 8px;
+            }
+            .action-btn:hover {
+                transform: translateY(-2px);
+                box-shadow: 0 4px 15px rgba(0, 136, 204, 0.3);
+            }
+            .action-btn.small {
+                padding: 8px 12px;
+                font-size: 0.9rem;
+            }
+            #chatroom-list {
+                flex-grow: 1;
+                overflow-y: auto;
+            }
+            .chatroom-item {
+                display: flex;
+                align-items: center;
+                gap: 12px;
+                padding: 12px 16px;
+                cursor: pointer;
+                border-bottom: 1px solid var(--border-color);
+                transition: background-color 0.2s ease;
+            }
+            .chatroom-item:hover { background-color: var(--bg-hover); }
+            .avatar {
+                width: 40px;
+                height: 40px;
+                border-radius: 50%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-weight: 600;
+                color: white;
+                flex-shrink: 0;
+            }
+            .chatroom-info {
+                flex-grow: 1;
+                overflow: hidden;
+            }
+            .chatroom-name {
+                font-weight: 500;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+            .lock-icon {
+                width: 16px;
+                height: 16px;
+                fill: var(--text-secondary);
+                flex-shrink: 0;
+            }
+            #chat-window-view {
+                display: none;
+                flex-direction: column;
+                height: 100%;
+                width: 100%;
+                background-color: var(--bg-primary);
+            }
+            .chat-header {
+                display: flex;
+                align-items: center;
+                gap: 12px;
+                padding: 12px 16px;
+                background-color: var(--bg-secondary);
+                border-bottom: 1px solid var(--border-color);
+                flex-shrink: 0;
+            }
+            .back-btn {
+                background: none;
+                border: none;
+                cursor: pointer;
+                display: none;
+            }
+            .back-btn svg {
+                width: 24px;
+                height: 24px;
+                fill: var(--text-primary);
+            }
+            #chat-header-title {
+                font-size: 1.2rem;
+                font-weight: 600;
+            }
+            #messages-container {
+                flex-grow: 1;
+                padding: 16px;
+                overflow-y: auto;
+                display: flex;
+                flex-direction: column;
+                gap: 12px;
+            }
+            .message {
+                display: flex;
+                gap: 10px;
+                max-width: 80%;
+            }
+            .message .avatar {
+                width: 36px;
+                height: 36px;
+                align-self: flex-end;
+            }
+            .message-content {
+                display: flex;
+                flex-direction: column;
+                gap: 4px;
+            }
+            .message-sender {
+                font-size: 0.8rem;
+                font-weight: 500;
+                color: var(--text-secondary);
+                word-break: break-all;
+                cursor: pointer;
+            }
+            .message-bubble {
+                padding: 10px 14px;
+                border-radius: 18px;
+                line-height: 1.4;
+                word-wrap: break-word;
+            }
+            .message.sent { align-self: flex-end; flex-direction: row-reverse; }
+            .message.sent .message-sender { text-align: right; color: var(--accent-blue-light); }
+            .message.sent .message-bubble {
+                background: linear-gradient(45deg, var(--accent-blue), var(--accent-blue-light));
+                color: white;
+                border-bottom-right-radius: 4px;
+            }
+            .message.received { align-self: flex-start; }
+            .message.received .message-bubble {
+                background-color: var(--bg-tertiary);
+                border-bottom-left-radius: 4px;
+            }
+            .chat-placeholder {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100%;
+                text-align: center;
+                color: var(--text-secondary);
+                padding: 20px;
+            }
+            .chat-placeholder img { width: 80px; margin-bottom: 20px; opacity: 0.5; }
+            .message-form {
+                display: flex;
+                padding: 16px;
+                gap: 12px;
+                background-color: var(--bg-secondary);
+                border-top: 1px solid var(--border-color);
+                flex-shrink: 0;
+            }
+            #message-input {
+                flex-grow: 1;
+                padding: 12px 16px;
+                border: 1px solid var(--border-color);
+                background-color: var(--bg-tertiary);
+                color: var(--text-primary);
+                border-radius: 22px;
+                outline: none;
+                font-size: 1rem;
+                transition: border-color 0.2s;
+            }
+            #message-input:focus { border-color: var(--accent-blue); }
+            .send-btn {
+                width: 44px;
+                height: 44px;
+                border-radius: 50%;
+                flex-shrink: 0;
+                padding: 0;
+            }
+            .send-btn svg { width: 20px; height: 20px; fill: white; }
+            .modal-overlay {
+                position: fixed;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                background-color: rgba(0,0,0,0.7);
+                display: none;
+                align-items: center;
+                justify-content: center;
+                z-index: 1000;
+                -webkit-backdrop-filter: blur(5px);
+                backdrop-filter: blur(5px);
+            }
+            .modal-content {
+                background-color: var(--bg-secondary);
+                padding: 24px;
+                border-radius: 12px;
+                width: 90%;
+                max-width: 400px;
+                border: 1px solid var(--border-color);
+                box-shadow: 0 10px 30px rgba(0,0,0,0.5);
+            }
+            .modal-content h3 { margin-bottom: 20px; font-weight: 600; font-size: 1.3rem; }
+            .modal-content label { display: block; margin-bottom: 8px; font-size: 0.9rem; color: var(--text-secondary); }
+            .modal-content input {
+                width: 100%;
+                padding: 12px;
+                margin-bottom: 16px;
+                background-color: var(--bg-tertiary);
+                border: 1px solid var(--border-color);
+                color: white;
+                border-radius: 6px;
+                font-size: 1rem;
+            }
+            .modal-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px; }
+            .modal-btn {
+                padding: 10px 20px;
+                border-radius: 6px;
+                border: none;
+                cursor: pointer;
+                font-weight: 500;
+            }
+            .secondary-btn { background-color: var(--bg-hover); color: white; }
+            #status-bar {
+                position: fixed;
+                bottom: 20px;
+                left: 50%;
+                transform: translateX(-50%);
+                background-color: var(--bg-tertiary);
+                color: white;
+                padding: 12px 20px;
+                border-radius: 8px;
+                font-size: 0.9rem;
+                opacity: 0;
+                visibility: hidden;
+                transition: opacity 0.3s, visibility 0.3s;
+                z-index: 2000;
+                box-shadow: 0 5px 15px rgba(0,0,0,0.3);
+            }
+            #status-bar.success { background-color: var(--success-color); }
+            #status-bar.error { background-color: var(--error-color); }
+            #status-bar.visible { opacity: 1; visibility: visible; }
+            @media (min-width: 768px) {
+                .main-container {
+                    max-width: 1100px;
+                    max-height: 800px;
+                    border-radius: 12px;
+                    overflow: hidden;
+                    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+                    border: 1px solid var(--border-color);
+                }
+                #app-view {
+                    flex-direction: row;
+                }
+                #chatroom-list-view {
+                    width: 320px;
+                    flex-shrink: 0;
+                    border-right: 1px solid var(--border-color);
+                    display: flex !important;
+                }
+                #chat-window-view {
+                    width: auto;
+                    flex-grow: 1;
+                    display: flex !important;
+                }
+                #chat-window-view.hidden-on-desktop {
+                    display: flex !important;
+                }
+                .back-btn { display: none !important; }
+            }
+        </style>
+    </head>
+    <body>
+        <div id="login-view" class="main-container">
+            <img src="https://ton.org/download/ton_symbol.svg" alt="TON Symbol">
+            <h1>Virton</h1>
+            <p>Децентрализованный и анонимный мессенджер</p>
+            <div id="ton-connect-button"></div>
+        </div>
+        <div id="app-view" class="main-container">
+            <div id="chatroom-list-view">
+                <div class="list-header">
+                    <div class="list-header-top">
+                        <h2>Чаты</h2>
+                        <div style="display: flex; align-items: center; gap: 8px;">
+                            <button id="my-profile-btn" class="action-btn small" title="Мой профиль">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 24 24" width="16" fill="white"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
+                            </button>
+                            <button id="scan-qr-btn" class="action-btn small" title="Сканировать QR">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 24 24" width="16" fill="white"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 11h8V3H3v8zm2-6h4v4H5V5zM3 21h8v-8H3v8zm2-6h4v4H5v-4zm8-12v8h8V3h-8zm6 6h-4V5h4v4zm-2 10a2 2 0 100-4 2 2 0 000 4z"/></svg>
+                            </button>
+                            <button id="create-room-show-modal" class="action-btn small">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 24 24" width="16" fill="white"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+                                <span>Новый</span>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="user-profile">
+                        <div id="user-wallet"></div>
+                        <div id="user-nickname"></div>
+                        <form class="username-form" id="username-form">
+                            <input type="text" id="username-input" class="username-input" placeholder="Установить никнейм" autocomplete="off">
+                            <button type="submit" class="action-btn small">✓</button>
+                        </form>
+                    </div>
+                </div>
+                <div id="chatroom-list"></div>
+            </div>
+            <div id="chat-window-view" class="hidden-on-desktop">
+                <div id="chat-placeholder" class="chat-placeholder">
+                    <img src="https://ton.org/download/ton_symbol.svg" alt="TON Symbol">
+                    <h2>Выберите чат</h2>
+                    <p>Начните общение в одном из существующих чатов или создайте свой собственный.</p>
+                </div>
+                <div id="active-chat" style="display: none; width: 100%; height: 100%; flex-direction: column;">
+                    <div class="chat-header">
+                        <button class="back-btn" id="back-to-list-btn">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+                        </button>
+                        <div id="chat-header-avatar" class="avatar"></div>
+                        <span id="chat-header-title"></span>
+                    </div>
+                    <div id="messages-container"></div>
+                    <form id="message-form" class="message-form">
+                        <input type="text" id="message-input" placeholder="Сообщение..." autocomplete="off">
+                        <button type="submit" class="action-btn send-btn" id="send-btn">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
+                        </button>
+                    </form>
+                </div>
+            </div>
+        </div>
+        <div id="create-room-modal" class="modal-overlay">
+            <div class="modal-content">
+                <h3>Создать новый чат</h3>
+                <form id="create-room-form">
+                    <label for="room-name">Название чата</label>
+                    <input type="text" id="room-name" required>
+                    <label for="room-password">Пароль (оставьте пустым для открытого)</label>
+                    <input type="password" id="room-password">
+                    <div class="modal-actions">
+                        <button type="button" id="create-room-cancel" class="modal-btn secondary-btn">Отмена</button>
+                        <button type="submit" class="modal-btn action-btn">Создать</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div id="password-modal" class="modal-overlay">
+            <div class="modal-content">
+                <h3>Вход в приватный чат</h3>
+                <form id="password-form">
+                    <label for="password-input">Введите пароль</label>
+                    <input type="password" id="password-input" required>
+                    <div class="modal-actions">
+                        <button type="button" id="password-cancel" class="modal-btn secondary-btn">Отмена</button>
+                        <button type="submit" class="modal-btn action-btn">Войти</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div id="profile-modal" class="modal-overlay">
+            <div class="modal-content" style="text-align: center;">
+                <h3 id="profile-modal-title">Профиль пользователя</h3>
+                <div id="profile-avatar-container" style="margin: 20px auto; display: inline-block;"></div>
+                <p id="profile-username" style="font-size: 1.2rem; font-weight: 600;"></p>
+                <p id="profile-address" style="color: var(--text-secondary); font-size: 0.9rem; word-break: break-all; margin-top: 8px;"></p>
+                <div id="profile-qr-code" style="background: white; padding: 10px; margin: 20px auto; width: fit-content; border-radius: 8px;"></div>
+                <p style="text-align: center; color: var(--text-secondary); font-size: 0.8rem; margin-top: -10px; margin-bottom: 20px;">Отсканируйте для открытия профиля</p>
+                <div class="modal-actions" style="flex-direction: column; gap: 12px; align-items: stretch;">
+                    <button id="send-ton-btn" class="modal-btn action-btn">Отправить TON</button>
+                    <button id="profile-close-btn" class="modal-btn secondary-btn">Закрыть</button>
+                </div>
+            </div>
+        </div>
+        <div id="scanner-modal" class="modal-overlay">
+            <div class="modal-content">
+                <h3>Сканировать QR-код</h3>
+                <div id="qr-reader" style="width: 100%; border: 1px solid var(--border-color); margin-top: 16px; border-radius: 8px; overflow: hidden;"></div>
+                <div class="modal-actions">
+                    <button id="scanner-close-btn" class="modal-btn secondary-btn">Отмена</button>
+                </div>
+            </div>
+        </div>
+        <div id="status-bar"></div>
+        <script>
+            document.addEventListener('DOMContentLoaded', () => {
+                const tonConnectUI = new TON_CONNECT_UI.TonConnectUI({
+                    manifestUrl: 'https://huggingface.co/spaces/Aleksmorshen/MorshenGroup/resolve/main/tonconnect-manifest.json',
+                    buttonRootId: 'ton-connect-button'
+                });
+                let currentUser = { address: null, username: null };
+                let activeChatroomId = null;
+                let messagePollingInterval = null;
+                let chatroomsData = {};
+                let html5QrCode = null;
+                let profileQrCode = null;
+                const loginView = document.getElementById('login-view');
+                const appView = document.getElementById('app-view');
+                const chatroomListView = document.getElementById('chatroom-list-view');
+                const chatWindowView = document.getElementById('chat-window-view');
+                const chatPlaceholder = document.getElementById('chat-placeholder');
+                const activeChat = document.getElementById('active-chat');
+                const profileModal = document.getElementById('profile-modal');
+                const scannerModal = document.getElementById('scanner-modal');
+                const AVATAR_COLORS = ['#e57373', '#81c784', '#64b5f6', '#ffb74d', '#9575cd', '#4db6ac', '#f06292'];
+                const getAvatar = (name) => {
+                    const initial = (name ? name[0] : '?').toUpperCase();
+                    const charCode = initial.charCodeAt(0);
+                    const color = AVATAR_COLORS[charCode % AVATAR_COLORS.length];
+                    const avatar = document.createElement('div');
+                    avatar.className = 'avatar';
+                    avatar.style.backgroundColor = color;
+                    avatar.textContent = initial;
+                    return avatar;
+                };
+                const showStatus = (message, type = 'info', duration = 3000) => {
+                    const statusBar = document.getElementById('status-bar');
+                    statusBar.textContent = message;
+                    statusBar.className = 'status-bar';
+                    if (type === 'success') statusBar.classList.add('success');
+                    else if (type === 'error') statusBar.classList.add('error');
+                    statusBar.classList.add('visible');
+                    setTimeout(() => statusBar.classList.remove('visible'), duration);
+                };
+                const apiCall = async (endpoint, options = {}) => {
+                    try {
+                        const response = await fetch(endpoint, options);
+                        if (!response.ok) {
+                            const errorData = await response.json().catch(() => ({ error: 'Request failed with status ' + response.status }));
+                            throw new Error(errorData.error || 'Unknown error');
+                        }
+                        if (response.status === 204) return null;
+                        return await response.json();
+                    } catch (error) {
+                        showStatus(`Ошибка: ${error.message}`, 'error');
+                        throw error;
+                    }
+                };
+                const truncateAddress = (address) => address ? `${address.substring(0, 4)}...${address.substring(address.length - 4)}` : '';
+                const updateUserInfo = () => {
+                    document.getElementById('user-wallet').textContent = `Кошелек: ${truncateAddress(currentUser.address)}`;
+                    const nicknameEl = document.getElementById('user-nickname');
+                    const usernameInput = document.getElementById('username-input');
+                    nicknameEl.textContent = currentUser.username ? `Ник: ${currentUser.username}` : `Никнейм не установлен`;
+                    usernameInput.value = currentUser.username || '';
+                };
+                document.getElementById('username-form').addEventListener('submit', async (e) => {
+                    e.preventDefault();
+                    const newUsername = document.getElementById('username-input').value.trim();
+                    if (!newUsername || newUsername.length < 3) {
+                        showStatus('Никнейм должен быть не короче 3 символов.', 'error');
+                        return;
+                    }
+                    try {
+                        await apiCall('/api/set_username', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify({ address: currentUser.address, username: newUsername })
+                        });
+                        currentUser.username = newUsername;
+                        updateUserInfo();
+                        showStatus('Никнейм успешно обновлен!', 'success');
+                        fetchChatrooms();
+                        if (activeChatroomId) fetchMessages(activeChatroomId);
+                    } catch (err) {}
+                });
+                const initializeUser = async (address) => {
+                    currentUser.address = address;
+                    try {
+                        const data = await apiCall('/api/user_data', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify({ address: currentUser.address })
+                        });
+                        currentUser.username = data.username;
+                    } catch (err) {
+                        currentUser.username = null;
+                    }
+                    updateUserInfo();
+                    loginView.style.display = 'none';
+                    appView.style.display = 'flex';
+                    fetchChatrooms();
+                };
+                const renderChatrooms = (rooms) => {
+                    const list = document.getElementById('chatroom-list');
+                    list.innerHTML = '';
+                    chatroomsData = {};
+                    rooms.forEach(room => {
+                        chatroomsData[room.id] = room;
+                        const item = document.createElement('div');
+                        item.className = 'chatroom-item';
+                        item.dataset.id = room.id;
+                        item.appendChild(getAvatar(room.name));
+                        const infoDiv = document.createElement('div');
+                        infoDiv.className = 'chatroom-info';
+                        const nameSpan = document.createElement('div');
+                        nameSpan.className = 'chatroom-name';
+                        nameSpan.textContent = room.name;
+                        infoDiv.appendChild(nameSpan);
+                        item.appendChild(infoDiv);
+                        if (room.is_private) {
+                            const lockIcon = document.createElement('div');
+                            lockIcon.innerHTML = `<svg class="lock-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z"/></svg>`;
+                            item.appendChild(lockIcon);
+                        }
+                        item.addEventListener('click', () => selectChatroom(room.id, room.is_private));
+                        list.appendChild(item);
+                    });
+                };
+                const fetchChatrooms = async () => {
+                    try {
+                        const data = await apiCall('/api/chatrooms');
+                        renderChatrooms(data.chatrooms);
+                    } catch (err) {}
+                };
+                const renderMessages = (messages) => {
+                    const container = document.getElementById('messages-container');
+                    const shouldScroll = container.scrollTop + container.clientHeight >= container.scrollHeight - 30;
+                    container.innerHTML = '';
+                    messages.forEach(msg => {
+                        const msgDiv = document.createElement('div');
+                        msgDiv.className = 'message ' + (msg.sender_address === currentUser.address ? 'sent' : 'received');
+                        const avatar = getAvatar(msg.display_name);
+                        avatar.classList.add('message-avatar');
+                        avatar.style.cursor = 'pointer';
+                        avatar.onclick = () => showProfile(msg.sender_address);
+                        const contentDiv = document.createElement('div');
+                        contentDiv.className = 'message-content';
+                        const senderDiv = document.createElement('div');
+                        senderDiv.className = 'message-sender';
+                        senderDiv.textContent = msg.display_name;
+                        senderDiv.onclick = () => showProfile(msg.sender_address);
+                        const bubbleDiv = document.createElement('div');
+                        bubbleDiv.className = 'message-bubble';
+                        bubbleDiv.textContent = msg.text;
+                        contentDiv.appendChild(senderDiv);
+                        contentDiv.appendChild(bubbleDiv);
+                        msgDiv.appendChild(contentDiv);
+                        msgDiv.insertBefore(avatar, contentDiv);
+                        container.appendChild(msgDiv);
+                    });
+                    if(shouldScroll) {
+                        container.scrollTop = container.scrollHeight;
+                    }
+                };
+                const fetchMessages = async (roomId) => {
+                    try {
+                        const data = await apiCall(`/api/messages/${roomId}`);
+                        renderMessages(data.messages);
+                    } catch (err) {
+                        if (messagePollingInterval) clearInterval(messagePollingInterval);
+                    }
+                };
+                const showChatView = () => {
+                    chatWindowView.style.display = 'flex';
+                    if (window.innerWidth < 768) {
+                        chatroomListView.style.display = 'none';
+                    }
+                };
+                const showListView = () => {
+                    chatroomListView.style.display = 'flex';
+                    if (window.innerWidth < 768) {
+                        chatWindowView.style.display = 'none';
+                    }
+                };
+                const selectChatroom = (roomId, isPrivate) => {
+                    const roomData = chatroomsData[roomId];
+                    if (!roomData) return;
+                    const proceedToRoom = () => {
+                        if (messagePollingInterval) clearInterval(messagePollingInterval);
+                        activeChatroomId = roomId;
+                        document.getElementById('chat-header-title').textContent = roomData.name;
+                        const headerAvatar = document.getElementById('chat-header-avatar');
+                        headerAvatar.innerHTML = '';
+                        headerAvatar.appendChild(getAvatar(roomData.name));
+                        chatPlaceholder.style.display = 'none';
+                        activeChat.style.display = 'flex';
+                        showChatView();
+                        fetchMessages(roomId);
+                        messagePollingInterval = setInterval(() => fetchMessages(roomId), 3000);
+                    };
+                    if (isPrivate) {
+                        const passwordModal = document.getElementById('password-modal');
+                        const passwordForm = document.getElementById('password-form');
+                        const passwordInput = document.getElementById('password-input');
+                        passwordModal.style.display = 'flex';
+                        passwordInput.value = '';
+                        passwordInput.focus();
+                        const formSubmitHandler = async (e) => {
+                            e.preventDefault();
+                            passwordForm.removeEventListener('submit', formSubmitHandler);
+                            const password = passwordInput.value;
+                            passwordModal.style.display = 'none';
+                            try {
+                                await apiCall('/api/join_chatroom', {
+                                    method: 'POST',
+                                    headers: { 'Content-Type': 'application/json' },
+                                    body: JSON.stringify({ chatroom_id: roomId, password })
+                                });
+                                proceedToRoom();
+                            } catch (err) {}
+                        };
+                        passwordForm.addEventListener('submit', formSubmitHandler);
+                        document.getElementById('password-cancel').onclick = () => {
+                            passwordModal.style.display = 'none';
+                            passwordForm.removeEventListener('submit', formSubmitHandler);
+                        };
+                    } else {
+                        proceedToRoom();
+                    }
+                };
+                document.getElementById('message-form').addEventListener('submit', async (e) => {
+                    e.preventDefault();
+                    const input = document.getElementById('message-input');
+                    const sendBtn = document.getElementById('send-btn');
+                    const text = input.value.trim();
+                    if (text && activeChatroomId) {
+                        input.value = '';
+                        input.disabled = true;
+                        sendBtn.disabled = true;
+                        try {
+                            await apiCall('/api/send_message', {
+                                method: 'POST',
+                                headers: { 'Content-Type': 'application/json' },
+                                body: JSON.stringify({
+                                    chatroom_id: activeChatroomId,
+                                    sender_address: currentUser.address,
+                                    text: text
+                                })
+                            });
+                            await fetchMessages(activeChatroomId);
+                            document.getElementById('messages-container').scrollTop = document.getElementById('messages-container').scrollHeight;
+                        } finally {
+                            input.disabled = false;
+                            sendBtn.disabled = false;
+                            input.focus();
+                        }
+                    }
+                });
+                const createRoomModal = document.getElementById('create-room-modal');
+                document.getElementById('create-room-show-modal').addEventListener('click', () => {
+                    createRoomModal.style.display = 'flex';
+                    document.getElementById('create-room-form').reset();
+                });
+                document.getElementById('create-room-cancel').addEventListener('click', () => {
+                    createRoomModal.style.display = 'none';
+                });
+                document.getElementById('create-room-form').addEventListener('submit', async (e) => {
+                    e.preventDefault();
+                    const name = document.getElementById('room-name').value.trim();
+                    const password = document.getElementById('room-password').value;
+                    if (!name) return;
+                    try {
+                        await apiCall('/api/create_chatroom', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify({ name, password: password || null, creator_address: currentUser.address })
+                        });
+                        createRoomModal.style.display = 'none';
+                        showStatus('Чат успешно создан!', 'success');
+                        fetchChatrooms();
+                    } catch (err) {}
+                });
+                const showProfile = async (address) => {
+                    try {
+                        const userData = await apiCall('/api/user_data', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify({ address: address })
+                        });
+                        const username = userData.username || `User ${truncateAddress(address)}`;
+                        const avatarContainer = document.getElementById('profile-avatar-container');
+                        const usernameEl = document.getElementById('profile-username');
+                        const addressEl = document.getElementById('profile-address');
+                        const qrCodeEl = document.getElementById('profile-qr-code');
+                        const sendTonBtn = document.getElementById('send-ton-btn');
+                        avatarContainer.innerHTML = '';
+                        avatarContainer.appendChild(getAvatar(username));
+                        usernameEl.textContent = username;
+                        addressEl.textContent = address;
+                        qrCodeEl.innerHTML = '';
+                        if (profileQrCode) {
+                            profileQrCode.clear();
+                        }
+                        profileQrCode = new QRCode(qrCodeEl, {
+                            text: address,
+                            width: 150,
+                            height: 150,
+                            colorDark : "#000000",
+                            colorLight : "#ffffff",
+                            correctLevel : QRCode.CorrectLevel.H
+                        });
+                        sendTonBtn.onclick = async () => {
+                            if (!tonConnectUI.connected) {
+                                showStatus('Подключите кошелек для отправки TON.', 'error');
+                                return;
+                            }
+                            const amountString = prompt("Введите сумму в TON для отправки:", "0.1");
+                            if (amountString === null) return;
+                            const amount = parseFloat(amountString);
+                            if (isNaN(amount) || amount <= 0) {
+                                showStatus('Неверная сумма.', 'error');
+                                return;
+                            }
+                            const amountInNanoTon = Math.floor(amount * 1_000_000_000).toString();
+                            const transaction = {
+                                validUntil: Math.floor(Date.now() / 1000) + 600,
+                                messages: [ { address: address, amount: amountInNanoTon } ]
+                            };
+                            try {
+                                await tonConnectUI.sendTransaction(transaction);
+                                showStatus(`Транзакция отправлена успешно!`, 'success');
+                                profileModal.style.display = 'none';
+                            } catch (error) {
+                                showStatus('Транзакция отклонена.', 'error');
+                            }
+                        };
+                        sendTonBtn.style.display = (address === currentUser.address) ? 'none' : 'block';
+                        profileModal.style.display = 'flex';
+                    } catch (err) {
+                        showStatus('Не удалось загрузить профиль.', 'error');
+                    }
+                };
+                const showScanner = () => {
+                    scannerModal.style.display = 'flex';
+                    html5QrCode = new Html5Qrcode("qr-reader");
+                    const qrCodeSuccessCallback = (decodedText, decodedResult) => {
+                        hideScanner();
+                        if (decodedText && decodedText.length > 40 && (decodedText.startsWith('EQ') || decodedText.startsWith('UQ'))) {
+                            showProfile(decodedText);
+                        } else {
+                            showStatus('Отсканирован недействительный QR-код.', 'error');
+                        }
+                    };
+                    const config = { fps: 10, qrbox: { width: 250, height: 250 } };
+                    html5QrCode.start({ facingMode: "environment" }, config, qrCodeSuccessCallback)
+                        .catch(err => {
+                            showStatus('Не удалось запустить сканер.', 'error');
+                            hideScanner();
+                        });
+                };
+                const hideScanner = () => {
+                    if (html5QrCode && html5QrCode.isScanning) {
+                        html5QrCode.stop().catch(err => console.error("Failed to stop QR scanner.", err));
+                    }
+                    scannerModal.style.display = 'none';
+                };
+                document.getElementById('my-profile-btn').addEventListener('click', () => {
+                    if (currentUser.address) showProfile(currentUser.address);
+                });
+                document.getElementById('scan-qr-btn').addEventListener('click', showScanner);
+                document.getElementById('profile-close-btn').addEventListener('click', () => profileModal.style.display = 'none');
+                document.getElementById('scanner-close-btn').addEventListener('click', hideScanner);
+                document.getElementById('back-to-list-btn').addEventListener('click', showListView);
+                const handleResize = () => {
+                    const isMobile = window.innerWidth < 768;
+                    document.getElementById('back-to-list-btn').style.display = isMobile ? 'block' : 'none';
+                    if (!isMobile) {
+                        chatroomListView.style.display = 'flex';
+                        chatWindowView.style.display = 'flex';
+                    } else {
+                        if (activeChat.style.display === 'flex') {
+                            chatroomListView.style.display = 'none';
+                        } else {
+                            chatWindowView.style.display = 'none';
+                        }
+                    }
+                };
+                window.addEventListener('resize', handleResize);
+                handleResize();
+                tonConnectUI.onStatusChange(wallet => {
+                    if (wallet) {
+                        const address = TON_CONNECT_UI.toUserFriendlyAddress(wallet.account.address, false);
+                        initializeUser(address);
+                    } else {
+                        currentUser = { address: null, username: null };
+                        appView.style.display = 'none';
+                        loginView.style.display = 'flex';
+                        if (messagePollingInterval) clearInterval(messagePollingInterval);
+                        activeChatroomId = null;
+                    }
+                });
+            });
+        </script>
+    </body>
+    </html>
+    '''
+    return Response(html_content, mimetype='text/html')
+@app.route('/api/user_data', methods=['POST'])
+def get_user_data():
+    data = request.get_json()
+    address = data.get('address')
+    if not address:
+        return jsonify({'error': 'Address is required'}), 400
+    db = read_db()
+    user_info = db['users'].get(address)
+    username = user_info.get('username') if user_info else None
+    return jsonify({'username': username})
+@app.route('/api/set_username', methods=['POST'])
+def set_username():
+    data = request.get_json()
+    address = data.get('address')
+    username = data.get('username')
+    if not address or not username:
+        return jsonify({'error': 'Address and username are required'}), 400
+    if len(username) < 3 or len(username) > 20:
+        return jsonify({'error': 'Username must be between 3 and 20 characters'}), 400
+    db = read_db()
+    if address not in db['users']:
+        db['users'][address] = {}
+    db['users'][address]['username'] = username
+    write_db(db)
+    return jsonify({'success': True})
+@app.route('/api/chatrooms', methods=['GET'])
+def get_chatrooms():
+    db = read_db()
+    chatrooms_list = []
+    for room_id, room_data in db['chatrooms'].items():
+        chatrooms_list.append({
+            'id': room_id,
+            'name': room_data['name'],
+            'is_private': room_data['is_private']
+        })
+    return jsonify({'chatrooms': sorted(chatrooms_list, key=lambda x: x['name'])})
+@app.route('/api/create_chatroom', methods=['POST'])
+def create_chatroom():
+    data = request.get_json()
+    name = data.get('name')
+    password = data.get('password')
+    creator_address = data.get('creator_address')
+    if not name or not creator_address:
+        return jsonify({'error': 'Name and creator address are required'}), 400
+    db = read_db()
+    room_id = str(uuid.uuid4())
+    db['chatrooms'][room_id] = {
+        'name': name,
+        'creator': creator_address,
+        'is_private': bool(password),
+        'password_hash': generate_password_hash(password) if password else None
+    }
+    db['messages'][room_id] = []
+    write_db(db)
+    return jsonify({'success': True, 'chatroom_id': room_id})
+@app.route('/api/join_chatroom', methods=['POST'])
+def join_chatroom():
+    data = request.get_json()
+    chatroom_id = data.get('chatroom_id')
+    password = data.get('password')
+    db = read_db()
+    chatroom = db['chatrooms'].get(chatroom_id)
+    if not chatroom:
+        return jsonify({'error': 'Chatroom not found'}), 404
+    if chatroom['is_private']:
+        if not password or not check_password_hash(chatroom['password_hash'], password):
+            return jsonify({'error': 'Invalid password'}), 403
+    return jsonify({'success': True})
+@app.route('/api/messages/<chatroom_id>', methods=['GET'])
+def get_messages(chatroom_id):
+    db = read_db()
+    if chatroom_id not in db['messages']:
+        return jsonify({'error': 'Chatroom not found'}), 404
+    messages_with_names = []
+    room_messages = db['messages'].get(chatroom_id, [])
+    for msg in room_messages:
+        sender_address = msg['sender_address']
+        user_info = db['users'].get(sender_address)
+        display_name = (user_info.get('username') if user_info and user_info.get('username')
+                        else f"{sender_address[:4]}...{sender_address[-4:]}")
+        msg_copy = msg.copy()
+        msg_copy['display_name'] = display_name
+        messages_with_names.append(msg_copy)
+    return jsonify({'messages': messages_with_names})
+@app.route('/api/send_message', methods=['POST'])
+def send_message():
+    data = request.get_json()
+    chatroom_id = data.get('chatroom_id')
+    sender_address = data.get('sender_address')
+    text = data.get('text')
+    if not all([chatroom_id, sender_address, text]):
+        return jsonify({'error': 'Missing data'}), 400
+    db = read_db()
+    if chatroom_id not in db['messages']:
+        return jsonify({'error': 'Chatroom not found'}), 404
+    message = {
+        'id': str(uuid.uuid4()),
+        'sender_address': sender_address,
+        'text': text,
+        'timestamp': datetime.utcnow().isoformat() + "Z"
+    }
+    if len(db['messages'][chatroom_id]) >= 100:
+        db['messages'][chatroom_id].pop(0)
+    db['messages'][chatroom_id].append(message)
+    write_db(db)
+    return jsonify({'success': True})
+if __name__ == '__main__':
+    init_db()
+    app.run(host='0.0.0.0', port=7860)