Описание изменений

This commit is contained in:
2025-03-14 12:02:59 +03:00
parent 4abc48a7be
commit 14033bf9d1
23 changed files with 1564 additions and 1326 deletions

View File

@@ -45,7 +45,7 @@ app.use(session({
app.use(express.json()); app.use(express.json());
app.use(express.urlencoded({ extended: true })); app.use(express.urlencoded({ extended: true }));
// Настройка CORS (должна быть после настройки сессий) // Настройка CORS
app.use(cors({ app.use(cors({
origin: function(origin, callback) { origin: function(origin, callback) {
// Разрешаем запросы с localhost и 127.0.0.1 // Разрешаем запросы с localhost и 127.0.0.1
@@ -63,7 +63,9 @@ app.use(cors({
callback(new Error('Not allowed by CORS')); callback(new Error('Not allowed by CORS'));
} }
}, },
credentials: true credentials: true,
methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
allowedHeaders: ['Content-Type', 'Authorization']
})); }));
// Настройка безопасности // Настройка безопасности
@@ -77,6 +79,15 @@ app.use((req, res, next) => {
next(); next();
}); });
// Добавляем middleware для установки заголовков CORS
app.use((req, res, next) => {
res.header('Access-Control-Allow-Origin', req.headers.origin || '*');
res.header('Access-Control-Allow-Credentials', 'true');
res.header('Access-Control-Allow-Methods', 'GET,HEAD,PUT,PATCH,POST,DELETE');
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept, Authorization');
next();
});
// Маршруты API // Маршруты API
app.use('/api/auth', authRoutes); app.use('/api/auth', authRoutes);
app.use('/api/access', accessRoutes); app.use('/api/access', accessRoutes);

19
backend/db/index.js Normal file
View File

@@ -0,0 +1,19 @@
const createGuestMessagesTable = require('./migrations/create_guest_messages_table');
async function initDatabase() {
try {
// ... существующий код ...
// Выполняем миграции
await pool.query(createUsersTable);
await pool.query(createSessionTable);
await pool.query(createNoncesTable);
await pool.query(createMessagesTable);
await pool.query(createConversationsTable);
await pool.query(createGuestMessagesTable);
// ... существующий код ...
} catch (error) {
// ... существующий код ...
}
}

View File

@@ -0,0 +1,15 @@
// Создаем таблицу для хранения сообщений неаутентифицированных пользователей
const createGuestMessagesTable = `
CREATE TABLE IF NOT EXISTS guest_messages (
id SERIAL PRIMARY KEY,
guest_id VARCHAR(255) NOT NULL,
content TEXT NOT NULL,
language VARCHAR(10) DEFAULT 'en',
is_ai BOOLEAN DEFAULT FALSE,
created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);
CREATE INDEX IF NOT EXISTS idx_guest_messages_guest_id ON guest_messages(guest_id);
`;
module.exports = createGuestMessagesTable;

View File

@@ -1,4 +1,4 @@
const { createError } = require('./errorHandler'); const { createError } = require('../utils/error');
const authService = require('../services/auth-service'); const authService = require('../services/auth-service');
const logger = require('../utils/logger'); const logger = require('../utils/logger');
const { USER_ROLES } = require('../utils/constants'); const { USER_ROLES } = require('../utils/constants');
@@ -7,13 +7,57 @@ const db = require('../db');
/** /**
* Middleware для проверки аутентификации * Middleware для проверки аутентификации
*/ */
function requireAuth(req, res, next) { const requireAuth = async (req, res, next) => {
try {
console.log('Session in requireAuth:', req.session); console.log('Session in requireAuth:', req.session);
if (!req.session || !req.session.authenticated) { console.log('Cookies received:', req.headers.cookie);
return next(createError(401, 'Требуется аутентификация')); console.log('Authorization header:', req.headers.authorization);
// Проверяем, что пользователь аутентифицирован через сессию
if (req.session && req.session.authenticated) {
return next();
} }
next();
} // Проверяем заголовок авторизации
const authHeader = req.headers.authorization;
if (authHeader && authHeader.startsWith('Bearer ')) {
const address = authHeader.split(' ')[1];
console.log('Found address in Authorization header:', address);
try {
// Находим пользователя по адресу
const { pool } = require('../db');
console.log('Querying database for user with address:', address);
const result = await pool.query('SELECT * FROM users WHERE LOWER(address) = LOWER($1)', [address]);
console.log('Database query result:', result.rows);
if (result.rows.length > 0) {
const user = result.rows[0];
console.log('Found user by address:', user);
// Устанавливаем данные пользователя в запросе
req.user = {
userId: user.id,
address: address,
isAdmin: user.is_admin
};
return next();
} else {
console.log('No user found with address:', address);
}
} catch (error) {
console.error('Error finding user by address:', error);
}
}
// Если пользователь не аутентифицирован, возвращаем ошибку
return res.status(401).json({ error: 'Unauthorized' });
} catch (error) {
console.error('Unexpected error in requireAuth middleware:', error);
return res.status(500).json({ error: 'Internal server error' });
}
};
/** /**
* Middleware для проверки прав администратора * Middleware для проверки прав администратора

View File

@@ -10,6 +10,7 @@ const { checkRole, requireAuth } = require('../middleware/auth');
const { pool } = require('../db'); const { pool } = require('../db');
const { verifySignature, checkAccess, findOrCreateUser } = require('../utils/auth'); const { verifySignature, checkAccess, findOrCreateUser } = require('../utils/auth');
const authService = require('../services/auth-service'); const authService = require('../services/auth-service');
const { SiweMessage } = require('siwe');
// Создайте лимитер для попыток аутентификации // Создайте лимитер для попыток аутентификации
const authLimiter = rateLimit({ const authLimiter = rateLimit({
@@ -31,20 +32,19 @@ router.get('/nonce', async (req, res) => {
// Генерируем случайный nonce // Генерируем случайный nonce
const nonce = crypto.randomBytes(16).toString('hex'); const nonce = crypto.randomBytes(16).toString('hex');
// Сохраняем nonce в сессии // Удаляем старые nonce для этого адреса
req.session.authNonce = nonce; await db.query(`
req.session.pendingAddress = address; DELETE FROM nonces
WHERE identity_value = $1
`, [address.toLowerCase()]);
// Важно: сохраняем сессию перед отправкой ответа // Сохраняем новый nonce
await new Promise((resolve, reject) => { await db.query(`
req.session.save(err => { INSERT INTO nonces (identity_value, nonce, expires_at)
if (err) reject(err); VALUES ($1, $2, NOW() + INTERVAL '15 minutes')
else resolve(); `, [address.toLowerCase(), nonce]);
});
});
console.log('Сессия после генерации nonce:', req.session); console.log(`Nonce ${nonce} сохранен для адреса ${address}`);
console.log('Сессия после сохранения:', req.session);
return res.json({ nonce }); return res.json({ nonce });
} catch (error) { } catch (error) {
@@ -87,39 +87,48 @@ router.post('/verify', async (req, res) => {
const { address, signature, message } = req.body; const { address, signature, message } = req.body;
console.log('Verify request: address=' + address + ', signature=' + signature.substring(0, 10) + '...'); console.log('Verify request: address=' + address + ', signature=' + signature.substring(0, 10) + '...');
console.log('Session data: nonce=' + req.session.authNonce + ', pendingAddress=' + req.session.pendingAddress);
// Проверяем, что nonce и адрес совпадают с сохраненными в сессии // Получаем nonce из базы данных
if (!req.session.authNonce || !req.session.pendingAddress || req.session.pendingAddress !== address) { const nonceResult = await db.query(`
console.error(`Invalid session or address mismatch: nonce=${req.session.authNonce}, pendingAddress=${req.session.pendingAddress}, address=${address}`); SELECT nonce FROM nonces
return res.status(401).json({ error: 'Invalid session or address mismatch' }); WHERE identity_value = $1 AND expires_at > NOW() AND used = false
`, [address.toLowerCase()]);
if (nonceResult.rows.length === 0) {
console.error(`No valid nonce found for address ${address}`);
return res.status(401).json({ error: 'Invalid or expired nonce' });
} }
const nonce = nonceResult.rows[0].nonce;
console.log(`Found nonce ${nonce} for address ${address}`);
// Проверяем подпись // Проверяем подпись
const isValid = await verifySignature(req.session.authNonce, signature, address); const isValid = await verifySignature(nonce, signature, address);
console.log('Signature verification result:', isValid); console.log('Signature verification result:', isValid);
if (!isValid) { if (!isValid) {
return res.status(401).json({ error: 'Invalid signature' }); return res.status(401).json({ error: 'Invalid signature' });
} }
// Помечаем nonce как использованный
await db.query(`
UPDATE nonces
SET used = true
WHERE identity_value = $1
`, [address.toLowerCase()]);
// Находим или создаем пользователя // Находим или создаем пользователя
console.log('Finding or creating user for address:', address); console.log('Finding or creating user for address:', address);
const { userId, isAdmin } = await findOrCreateUser(address); const { userId, isAdmin } = await findOrCreateUser(address);
console.log('User found/created:', { userId, isAdmin }); console.log('User found/created:', { userId, isAdmin });
// Очищаем nonce и pendingAddress из сессии
const nonce = req.session.authNonce;
req.session.authNonce = null;
req.session.pendingAddress = null;
// Устанавливаем пользователя в сессии // Устанавливаем пользователя в сессии
req.session.userId = userId; req.session.userId = userId;
req.session.address = address; req.session.address = address;
req.session.isAdmin = isAdmin; req.session.isAdmin = isAdmin;
req.session.authenticated = true; req.session.authenticated = true;
// Сохраняем сессию // Сохраняем сессию ПЕРЕД отправкой ответа
await new Promise((resolve, reject) => { await new Promise((resolve, reject) => {
req.session.save(err => { req.session.save(err => {
if (err) { if (err) {
@@ -132,7 +141,11 @@ router.post('/verify', async (req, res) => {
}); });
}); });
// Добавляем задержку для гарантии сохранения сессии (временное решение)
await new Promise(resolve => setTimeout(resolve, 100));
console.log('Authentication successful for user:', { userId, address, isAdmin }); console.log('Authentication successful for user:', { userId, address, isAdmin });
console.log('Session after save:', req.session);
return res.json({ return res.json({
authenticated: true, authenticated: true,
@@ -305,56 +318,53 @@ router.post('/link-identity', async (req, res) => {
} }
}); });
// Проверка текущей сессии // Проверка аутентификации
router.get('/check', (req, res) => { router.get('/check', (req, res) => {
try {
console.log('Сессия при проверке:', req.session); console.log('Сессия при проверке:', req.session);
// Если сессия существует и пользователь аутентифицирован
if (req.session && req.session.authenticated) { if (req.session && req.session.authenticated) {
res.json({ return res.json({
authenticated: true, authenticated: true,
userId: req.session.userId,
address: req.session.address, address: req.session.address,
isAdmin: req.session.isAdmin || false, isAdmin: req.session.isAdmin,
role: req.session.role || 'USER' authType: req.session.authType || 'wallet'
}); });
} else { } else {
res.json({ return res.json({ authenticated: false });
authenticated: false, }
address: null, } catch (error) {
isAdmin: false, console.error('Ошибка при проверке аутентификации:', error);
authType: null return res.status(500).json({ error: 'Internal server error' });
});
} }
}); });
// Обработчик выхода из системы // Выход из системы
router.post('/logout', (req, res) => { router.post('/logout', async (req, res) => {
try { try {
// Сохраняем sessionID перед удалением сессии // Сохраняем ID сессии до уничтожения
const sessionID = req.sessionID; const sessionID = req.sessionID;
// Удаляем сессию из хранилища // Уничтожаем сессию
req.session.destroy(async (err) => { req.session.destroy();
if (err) {
console.error('Ошибка при удалении сессии:', err);
return res.status(500).json({ error: 'Internal server error' });
}
// Удаляем сессию из базы данных
try { try {
// Удаляем запись из базы данных const { pool } = require('../db');
await db.query('DELETE FROM sessions WHERE sid = $1', [sessionID]); await pool.query('DELETE FROM session WHERE sid = $1', [sessionID]);
console.log(`Сессия ${sessionID} удалена из базы данных`); console.log(`Сессия ${sessionID} удалена из базы данных`);
} catch (dbErr) { } catch (dbError) {
console.error('Ошибка при удалении сессии из базы данных:', dbErr); console.error('Ошибка при удалении сессии из базы данных:', dbError);
} }
// Очищаем cookie // Очищаем куки
res.clearCookie('dapp.sid'); res.clearCookie('connect.sid');
res.json({ success: true }); res.json({ success: true });
});
} catch (error) { } catch (error) {
console.error('Logout error:', error); console.error('Ошибка при выходе из системы:', error);
res.status(500).json({ error: 'Internal server error' }); res.status(500).json({ error: 'Ошибка сервера' });
} }
}); });
@@ -502,42 +512,72 @@ router.get('/check-access', requireAuth, (req, res) => {
} }
}); });
// Добавьте этот маршрут в routes/auth.js // Обновление сессии
router.post('/refresh-session', async (req, res) => { router.post('/refresh-session', async (req, res) => {
try { try {
const { address } = req.body; const { address } = req.body;
if (!address) { if (req.session && req.session.authenticated) {
return res.status(400).json({ error: 'Address is required' }); console.log('Обновление сессии для пользователя:', req.session.userId);
// Обновляем время жизни сессии
req.session.cookie.maxAge = 30 * 24 * 60 * 60 * 1000; // 30 дней
// Сохраняем обновленную сессию
await new Promise((resolve, reject) => {
req.session.save(err => {
if (err) {
console.error('Ошибка при сохранении сессии:', err);
reject(err);
} else {
console.log('Сессия успешно обновлена');
resolve();
} }
});
});
logger.info(`Получен запрос на обновление сессии для адреса: ${address}`); return res.json({ success: true });
} else if (address) {
// Если сессия не аутентифицирована, но есть адрес
try {
const { pool } = require('../db');
const result = await pool.query('SELECT * FROM users WHERE address = $1', [address]);
// Проверяем доступ пользователя if (result.rows.length > 0) {
const accessInfo = await checkAccess(address); const user = result.rows[0];
if (!accessInfo.hasAccess) { // Обновляем сессию
return res.status(401).json({ error: 'Unauthorized' });
}
// Устанавливаем данные сессии
req.session.authenticated = true; req.session.authenticated = true;
req.session.userId = user.id;
req.session.address = address; req.session.address = address;
req.session.userId = accessInfo.userId; req.session.isAdmin = user.is_admin;
req.session.isAdmin = accessInfo.isAdmin;
req.session.authType = 'wallet'; req.session.authType = 'wallet';
await req.session.save(); // Сохраняем обновленную сессию
await new Promise((resolve, reject) => {
res.json({ req.session.save(err => {
authenticated: true, if (err) {
address, console.error('Ошибка при сохранении сессии:', err);
isAdmin: accessInfo.isAdmin, reject(err);
authType: 'wallet' } else {
console.log('Сессия успешно обновлена');
resolve();
}
}); });
});
return res.json({ success: true });
}
} catch (error) { } catch (error) {
logger.error(`Error refreshing session: ${error.message}`); console.error('Ошибка при проверке пользователя:', error);
res.status(500).json({ error: 'Internal server error' }); }
}
// Если не удалось обновить сессию, возвращаем успех=false, но не ошибку
return res.json({ success: false });
} catch (error) {
console.error('Ошибка при обновлении сессии:', error);
res.status(500).json({ error: 'Ошибка сервера' });
} }
}); });
@@ -575,7 +615,7 @@ router.post('/update-admin-status', async (req, res) => {
]); ]);
console.log( console.log(
`Обновлен статус администратора для пользователя с адресом ${address} на ${isAdmin}` `Создан новый пользователь с адресом ${address} и статусом администратора ${isAdmin}`
); );
} }
@@ -586,75 +626,4 @@ router.post('/update-admin-status', async (req, res) => {
} }
}); });
// Маршрут для проверки структуры таблицы users
router.get('/check-db-structure', async (req, res) => {
try {
// Получаем информацию о таблице users
const tableInfo = await pool.query(`
SELECT column_name, data_type
FROM information_schema.columns
WHERE table_name = 'users'
`);
res.json({
tableStructure: tableInfo.rows,
});
} catch (error) {
console.error('Ошибка при получении структуры базы данных:', error);
res.status(500).json({ error: 'Internal server error' });
}
});
// Добавьте этот маршрут для отладки
router.get('/debug-session', (req, res) => {
res.json({
sessionID: req.sessionID,
session: req.session,
authenticated: req.session ? req.session.authenticated : undefined,
address: req.session ? req.session.address : undefined,
userId: req.session ? req.session.userId : undefined,
isAdmin: req.session ? req.session.isAdmin : undefined,
role: req.session ? req.session.role : undefined
});
});
// Маршрут для проверки сессии
router.get('/session-debug', (req, res) => {
console.log('Текущая сессия:', {
id: req.sessionID,
session: req.session,
cookie: req.session.cookie
});
res.json({
sessionID: req.sessionID,
authenticated: req.session.authenticated,
address: req.session.address,
userId: req.session.userId,
isAdmin: req.session.isAdmin,
role: req.session.role,
cookie: req.session.cookie
});
});
// Маршрут для проверки содержимого таблицы сессий
router.get('/check-sessions', async (req, res) => {
try {
const result = await pool.query('SELECT * FROM sessions');
res.json({
currentSessionID: req.sessionID,
sessions: result.rows
});
} catch (error) {
console.error('Ошибка при получении сессий:', error);
res.status(500).json({ error: 'Internal server error' });
}
});
// Добавьте обработку ошибок
router.use((err, req, res, next) => {
console.error('Auth route error:', err);
res.status(500).json({ success: false, message: 'Ошибка сервера' });
});
module.exports = router; module.exports = router;

View File

@@ -5,6 +5,66 @@ const { getVectorStore } = require('../services/vectorStore');
const db = require('../db'); const db = require('../db');
const { requireAuth, requireAdmin } = require('../middleware/auth'); const { requireAuth, requireAdmin } = require('../middleware/auth');
const logger = require('../utils/logger'); const logger = require('../utils/logger');
const crypto = require('crypto');
// Добавьте эту функцию в начало файла chat.js
async function getAIResponse(message, language = 'ru') {
// Определяем язык сообщения, если не указан явно
let detectedLanguage = language;
if (!language || language === 'auto') {
// Простая эвристика для определения языка
const cyrillicPattern = /[а-яА-ЯёЁ]/;
detectedLanguage = cyrillicPattern.test(message) ? 'ru' : 'en';
}
// Формируем системный промпт в зависимости от языка
let systemPrompt = '';
if (detectedLanguage === 'ru') {
systemPrompt = 'Вы - полезный ассистент. Отвечайте на русском языке.';
} else {
systemPrompt = 'You are a helpful assistant. Respond in English.';
}
// Создаем экземпляр ChatOllama
const chat = new ChatOllama({
baseUrl: process.env.OLLAMA_BASE_URL || 'http://localhost:11434',
model: process.env.OLLAMA_MODEL || 'mistral',
system: systemPrompt
});
console.log('Отправка запроса к Ollama...');
// Получаем ответ от модели
try {
const response = await chat.invoke(message);
return response.content;
} catch (error) {
console.error('Ошибка при вызове ChatOllama:', error);
// Альтернативный метод запроса через прямой API
try {
console.log('Пробуем альтернативный метод запроса...');
const response = await fetch(`${process.env.OLLAMA_BASE_URL || 'http://localhost:11434'}/api/generate`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
model: process.env.OLLAMA_MODEL || 'mistral',
prompt: message,
system: systemPrompt,
stream: false
}),
});
const data = await response.json();
return data.response;
} catch (fallbackError) {
console.error('Ошибка при использовании альтернативного метода:', fallbackError);
return "Извините, я не смог обработать ваш запрос. Пожалуйста, попробуйте позже.";
}
}
}
// Обработчик сообщений чата // Обработчик сообщений чата
router.post('/message', requireAuth, async (req, res) => { router.post('/message', requireAuth, async (req, res) => {
@@ -13,8 +73,16 @@ router.post('/message', requireAuth, async (req, res) => {
try { try {
const { message, language = 'ru' } = req.body; const { message, language = 'ru' } = req.body;
const userId = typeof req.session.userId === 'object'
? req.session.userId.userId
: req.session.userId;
console.log(`Получено сообщение: ${message}, язык: ${language}`); console.log(`Получено сообщение: ${message}, язык: ${language}, userId: ${userId}`);
// Проверяем, что userId существует
if (!userId) {
return res.status(400).json({ error: 'User ID is required' });
}
// Определяем язык сообщения, если не указан явно // Определяем язык сообщения, если не указан явно
let detectedLanguage = language; let detectedLanguage = language;
@@ -92,14 +160,59 @@ router.post('/message', requireAuth, async (req, res) => {
} }
} }
// Отправляем ответ клиенту // Получаем или создаем диалог
let conversationId;
const conversationResult = await db.query(`
SELECT id FROM conversations
WHERE user_id = $1
ORDER BY updated_at DESC
LIMIT 1
`, [userId]);
if (conversationResult.rows.length === 0) {
// Создаем новый диалог
const newConversationResult = await db.query(`
INSERT INTO conversations (user_id, created_at, updated_at)
VALUES ($1, NOW(), NOW())
RETURNING id
`, [userId]);
conversationId = newConversationResult.rows[0].id;
console.log('Created new conversation:', conversationId);
} else {
conversationId = conversationResult.rows[0].id;
console.log('Using existing conversation:', conversationId);
}
// Сохраняем сообщение пользователя
const userMessageResult = await db.query(`
INSERT INTO messages (conversation_id, sender_type, sender_id, content, channel, created_at)
VALUES ($1, 'user', $2, $3, 'web', NOW())
RETURNING id
`, [conversationId, userId, message]);
console.log('Saved user message:', userMessageResult.rows[0].id);
// Сохраняем ответ ИИ
const aiMessageResult = await db.query(`
INSERT INTO messages (conversation_id, sender_type, content, channel, created_at)
VALUES ($1, 'ai', $2, 'web', NOW())
RETURNING id
`, [conversationId, aiResponse]);
console.log('Saved AI message:', aiMessageResult.rows[0].id);
// Обновляем время последнего сообщения в диалоге
await db.query(`
UPDATE conversations
SET updated_at = NOW()
WHERE id = $1
`, [conversationId]);
res.json({ res.json({
reply: aiResponse, reply: aiResponse,
language: detectedLanguage language: detectedLanguage
}); });
} catch (error) { } catch (error) {
logger.error('Error processing message:', error); console.error('Error processing message:', error);
res.status(500).json({ error: 'Внутренняя ошибка сервера' }); res.status(500).json({ error: 'Internal server error' });
} }
}); });
@@ -119,24 +232,83 @@ router.get('/models', async (req, res) => {
} }
}); });
// Маршрут для получения истории диалогов (доступен пользователю для своих диалогов) // Получение истории сообщений
router.get('/history', requireAuth, async (req, res) => { router.get('/history', requireAuth, async (req, res) => {
try { try {
const userId = req.session.userId; // Получаем ID пользователя из сессии или из объекта пользователя
const { limit = 50, offset = 0 } = req.query; const userId = req.session?.userId || req.user?.userId;
console.log('Запрос истории чата для пользователя:', userId);
console.log('User object from request:', req.user);
// Проверяем, что userId существует
if (!userId) {
console.error('Пользователь не аутентифицирован');
return res.status(401).json({ error: 'Unauthorized' });
}
// Получаем историю сообщений из базы данных
console.log('Querying chat history for user:', userId);
// Проверяем, существует ли таблица messages
try {
const tableCheck = await db.query(`
SELECT EXISTS (
SELECT FROM information_schema.tables
WHERE table_name = 'messages'
);
`);
console.log('Table messages exists:', tableCheck.rows[0].exists);
if (tableCheck.rows[0].exists) {
// Используем таблицу messages
const result = await db.query(` const result = await db.query(`
SELECT id, channel, sender_type, content, metadata, created_at SELECT m.*, c.user_id
FROM chat_history FROM messages m
WHERE user_id = $1 JOIN conversations c ON m.conversation_id = c.id
ORDER BY created_at DESC WHERE c.user_id = $1
LIMIT $2 OFFSET $3 ORDER BY m.created_at ASC
`, [userId, limit, offset]); `, [userId]);
res.json(result.rows); console.log(`Найдено ${result.rows.length} сообщений для пользователя ${userId}`);
return res.json({ messages: result.rows });
} else {
// Проверяем, существует ли таблица chat_history
const chatHistoryCheck = await db.query(`
SELECT EXISTS (
SELECT FROM information_schema.tables
WHERE table_name = 'chat_history'
);
`);
console.log('Table chat_history exists:', chatHistoryCheck.rows[0].exists);
if (chatHistoryCheck.rows[0].exists) {
// Используем таблицу chat_history
const result = await db.query(`
SELECT * FROM chat_history
WHERE user_id = $1
ORDER BY created_at ASC
`, [userId]);
console.log(`Найдено ${result.rows.length} сообщений для пользователя ${userId}`);
return res.json({ messages: result.rows });
} else {
// Ни одна из таблиц не существует
console.log('No message tables found in database');
return res.json({ messages: [] });
}
}
} catch (error) { } catch (error) {
logger.error('Error fetching chat history:', error); console.error('Error checking tables:', error);
res.status(500).json({ error: 'Внутренняя ошибка сервера' }); return res.json({ messages: [] });
}
} catch (error) {
console.error('Error fetching chat history:', error);
res.status(500).json({ error: 'Internal server error' });
} }
}); });
@@ -173,4 +345,72 @@ router.get('/admin/history', requireAdmin, async (req, res) => {
} }
}); });
// Обработчик для гостевых сообщений
router.post('/guest-message', async (req, res) => {
try {
const { message, language } = req.body;
console.log(`Получено гостевое сообщение: ${message} язык: ${language}`);
// Генерируем временный ID сессии, если его нет
if (!req.session.guestId) {
req.session.guestId = crypto.randomBytes(16).toString('hex');
}
// Сохраняем сообщение в базе данных с временным ID
await db.query(`
INSERT INTO guest_messages (guest_id, content, language, created_at)
VALUES ($1, $2, $3, NOW())
`, [req.session.guestId, message, language]);
// Отправляем запрос к AI
const aiResponse = await getAIResponse(message, language);
// Сохраняем ответ AI в базе данных
await db.query(`
INSERT INTO guest_messages (guest_id, content, language, created_at, is_ai)
VALUES ($1, $2, $3, NOW(), true)
`, [req.session.guestId, aiResponse, language]);
return res.json({ message: aiResponse, reply: aiResponse });
} catch (error) {
console.error('Error processing guest message:', error);
return res.status(500).json({ error: 'Internal server error' });
}
});
// Обработчик для связывания гостевых сообщений с пользователем
router.post('/link-guest-messages', requireAuth, async (req, res) => {
try {
const userId = req.session.userId;
const guestId = req.session.guestId;
if (!guestId) {
return res.json({ success: true, message: 'No guest messages to link' });
}
// Связываем гостевые сообщения с пользователем
await db.query(`
INSERT INTO messages (user_id, content, role, created_at)
SELECT $1, content, CASE WHEN is_ai THEN 'assistant' ELSE 'user' END, created_at
FROM guest_messages
WHERE guest_id = $2
ORDER BY created_at
`, [userId, guestId]);
// Удаляем гостевые сообщения
await db.query(`
DELETE FROM guest_messages
WHERE guest_id = $1
`, [guestId]);
// Удаляем временный ID из сессии
delete req.session.guestId;
return res.json({ success: true });
} catch (error) {
console.error('Error linking guest messages:', error);
return res.status(500).json({ error: 'Internal server error' });
}
});
module.exports = router; module.exports = router;

View File

@@ -63,10 +63,10 @@ console.log('Ethers.js version:', ethers.version);
// 1. CORS должен быть первым // 1. CORS должен быть первым
app.use( app.use(
cors({ cors({
origin: ['http://127.0.0.1:5173', 'http://localhost:5173'], origin: ['http://localhost:5173', 'http://127.0.0.1:5173'], // Укажем точные домены
credentials: true, credentials: true, // Важно для передачи куки
methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'], methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
allowedHeaders: ['Content-Type', 'Authorization', 'X-Auth-Nonce'], allowedHeaders: ['Content-Type', 'Authorization']
}) })
); );
@@ -173,7 +173,25 @@ app.use((req, res, next) => {
// }); // });
// Использовать импортированный middleware для сессий // Использовать импортированный middleware для сессий
app.use(sessionMiddleware); // app.use(sessionMiddleware);
// Настройка сессий
app.use(session({
store: new pgSession({
pool: pool,
tableName: 'session'
}),
secret: process.env.SESSION_SECRET || 'your-secret-key',
resave: true,
saveUninitialized: true,
cookie: {
httpOnly: true,
secure: false,
sameSite: 'lax',
maxAge: 30 * 24 * 60 * 60 * 1000,
path: '/'
}
}));
async function initServices() { async function initServices() {
try { try {
@@ -687,7 +705,7 @@ const cleanupInterval = 24 * 60 * 60 * 1000; // 24 часа
setInterval(async () => { setInterval(async () => {
try { try {
const { pool } = require('./db'); const { pool } = require('./db');
const result = await pool.query('DELETE FROM sessions WHERE expire < NOW()'); const result = await pool.query('DELETE FROM session WHERE expire < NOW()');
console.log(`Очищено ${result.rowCount} устаревших сессий`); console.log(`Очищено ${result.rowCount} устаревших сессий`);
} catch (err) { } catch (err) {
console.error('Ошибка при очистке сессий:', err); console.error('Ошибка при очистке сессий:', err);
@@ -698,7 +716,7 @@ setInterval(async () => {
setTimeout(async () => { setTimeout(async () => {
try { try {
const { pool } = require('./db'); const { pool } = require('./db');
const result = await pool.query('DELETE FROM sessions WHERE expire < NOW()'); const result = await pool.query('DELETE FROM session WHERE expire < NOW()');
console.log(`Первоначальная очистка: удалено ${result.rowCount} устаревших сессий`); console.log(`Первоначальная очистка: удалено ${result.rowCount} устаревших сессий`);
} catch (err) { } catch (err) {
console.error('Ошибка при первоначальной очистке сессий:', err); console.error('Ошибка при первоначальной очистке сессий:', err);
@@ -712,3 +730,14 @@ app.get('/session-debug', (req, res) => {
app.get('/check-sessions', async (req, res) => { app.get('/check-sessions', async (req, res) => {
// Implementation of the endpoint // Implementation of the endpoint
}); });
// Функция для очистки старых сессий
async function cleanupSessions() {
try {
// Удаляем сессии старше 30 дней
const result = await pool.query('DELETE FROM session WHERE expire < NOW() - INTERVAL \'30 days\'');
console.log(`Очищено ${result.rowCount} старых сессий`);
} catch (error) {
console.error('Ошибка при очистке старых сессий:', error);
}
}

View File

@@ -9,7 +9,7 @@ const provider = new ethers.JsonRpcProvider(process.env.RPC_URL_ETH);
/** /**
* Проверяет подпись сообщения * Проверяет подпись сообщения
* @param {string} nonce - Независимый идентификатор * @param {string} nonce - Nonce для проверки
* @param {string} signature - Подпись * @param {string} signature - Подпись
* @param {string} address - Адрес кошелька * @param {string} address - Адрес кошелька
* @returns {Promise<boolean>} - Результат проверки * @returns {Promise<boolean>} - Результат проверки
@@ -17,12 +17,12 @@ const provider = new ethers.JsonRpcProvider(process.env.RPC_URL_ETH);
async function verifySignature(nonce, signature, address) { async function verifySignature(nonce, signature, address) {
try { try {
// Создаем сообщение для проверки // Создаем сообщение для проверки
const message = `Sign this message to authenticate with our app: ${nonce}`; const message = `Подпишите это сообщение для аутентификации в DApp for Business. Nonce: ${nonce}`;
// Восстанавливаем адрес из подписи // Восстанавливаем адрес из подписи
const recoveredAddress = ethers.verifyMessage(message, signature); const recoveredAddress = ethers.verifyMessage(message, signature);
// Проверяем, что восстановленный адрес совпадает с предоставленным // Сравниваем адреса (приводим к нижнему регистру для надежности)
return recoveredAddress.toLowerCase() === address.toLowerCase(); return recoveredAddress.toLowerCase() === address.toLowerCase();
} catch (error) { } catch (error) {
console.error('Error verifying signature:', error); console.error('Error verifying signature:', error);
@@ -80,29 +80,33 @@ async function checkAccess(walletAddress) {
*/ */
async function findOrCreateUser(address) { async function findOrCreateUser(address) {
try { try {
// Проверяем, существует ли пользователь if (!address) {
const userResult = await db.query(` throw new Error('Address is required');
SELECT u.id FROM users u }
JOIN user_identities ui ON u.id = ui.user_id
WHERE ui.identity_type = 'wallet' AND LOWER(ui.identity_value) = LOWER($1) const normalizedAddress = address.toLowerCase();
`, [address]);
// Сначала проверяем в таблице users
const userResult = await db.query(
'SELECT id FROM users WHERE LOWER(address) = $1',
[normalizedAddress]
);
let userId; let userId;
let isAdmin = false; let isAdmin = false;
if (userResult.rows.length === 0) { if (userResult.rows.length === 0) {
// Если пользователь не найден, создаем его // Если пользователь не найден, создаем его
// Получаем ID роли 'user'
const roleResult = await db.query('SELECT id FROM roles WHERE name = $1', ['user']); const roleResult = await db.query('SELECT id FROM roles WHERE name = $1', ['user']);
if (roleResult.rows.length === 0) { if (roleResult.rows.length === 0) {
throw new Error('Role "user" not found'); throw new Error('Role "user" not found');
} }
const roleId = roleResult.rows[0].id; const roleId = roleResult.rows[0].id;
// Создаем пользователя с ролью 'user' // Создаем пользователя
const newUserResult = await db.query( const newUserResult = await db.query(
'INSERT INTO users (role_id, created_at) VALUES ($1, NOW()) RETURNING id', 'INSERT INTO users (address, role_id, created_at) VALUES ($1, $2, NOW()) RETURNING id',
[roleId] [normalizedAddress, roleId]
); );
userId = newUserResult.rows[0].id; userId = newUserResult.rows[0].id;
@@ -110,26 +114,14 @@ async function findOrCreateUser(address) {
// Добавляем идентификатор кошелька // Добавляем идентификатор кошелька
await db.query( await db.query(
'INSERT INTO user_identities (user_id, identity_type, identity_value, created_at) VALUES ($1, $2, $3, NOW())', 'INSERT INTO user_identities (user_id, identity_type, identity_value, created_at) VALUES ($1, $2, $3, NOW())',
[userId, 'wallet', address.toLowerCase()] [userId, 'wallet', normalizedAddress]
); );
// Проверяем, является ли пользователь администратором
isAdmin = await checkUserRole(address);
// Если пользователь администратор, обновляем его роль
if (isAdmin) {
const adminRoleResult = await db.query('SELECT id FROM roles WHERE name = $1', ['admin']);
if (adminRoleResult.rows.length > 0) {
const adminRoleId = adminRoleResult.rows[0].id;
await db.query('UPDATE users SET role_id = $1 WHERE id = $2', [adminRoleId, userId]);
}
}
} else { } else {
// Если пользователь найден, получаем его ID
userId = userResult.rows[0].id; userId = userResult.rows[0].id;
}
// Проверяем, является ли пользователь администратором // Проверяем, является ли пользователь администратором
isAdmin = await checkUserRole(address); isAdmin = await checkUserRole(normalizedAddress);
// Обновляем роль пользователя // Обновляем роль пользователя
const roleNameToSet = isAdmin ? 'admin' : 'user'; const roleNameToSet = isAdmin ? 'admin' : 'user';
@@ -138,7 +130,6 @@ async function findOrCreateUser(address) {
const roleIdToSet = roleToSetResult.rows[0].id; const roleIdToSet = roleToSetResult.rows[0].id;
await db.query('UPDATE users SET role_id = $1 WHERE id = $2', [roleIdToSet, userId]); await db.query('UPDATE users SET role_id = $1 WHERE id = $2', [roleIdToSet, userId]);
} }
}
return { userId, isAdmin }; return { userId, isAdmin };
} catch (error) { } catch (error) {

13
backend/utils/error.js Normal file
View File

@@ -0,0 +1,13 @@
/**
* Создает объект ошибки с указанным сообщением и кодом статуса
* @param {string} message - Сообщение об ошибке
* @param {number} statusCode - HTTP-код статуса (по умолчанию 500)
* @returns {Error} Объект ошибки с дополнительными свойствами
*/
function createError(message, statusCode = 500) {
const error = new Error(message);
error.statusCode = statusCode;
return error;
}
module.exports = { createError };

View File

@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>DApp for Business</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -1,111 +1,41 @@
<template> <template>
<div id="app"> <div id="app">
<navigation />
<main class="main-content">
<router-view /> <router-view />
</main>
</div> </div>
</template> </template>
<script setup> <script setup>
import { onMounted, watch } from 'vue'; import { onMounted } from 'vue';
import { useAuthStore } from './stores/auth'; import { useAuthStore } from './stores/auth';
import Navigation from './components/Navigation.vue'; import { useRouter } from 'vue-router';
import axios from 'axios';
console.log('App.vue: Version with auth check loaded');
const authStore = useAuthStore(); const authStore = useAuthStore();
const router = useRouter();
// Проверка сессии при загрузке приложения
async function checkSession() {
try {
// Проверяем, установлены ли куки
const cookies = document.cookie;
console.log('Текущие куки:', cookies);
await authStore.checkAuth();
console.log('Проверка сессии:', {
authenticated: authStore.isAuthenticated,
address: authStore.address,
isAdmin: authStore.isAdmin,
authType: authStore.authType,
});
console.log('Проверка аутентификации при загрузке:', authStore.isAuthenticated);
console.log('Статус администратора при загрузке:', authStore.isAdmin);
// Если пользователь авторизован, но куки не установлены, пробуем обновить сессию
if (authStore.isAuthenticated && !cookies.includes('connect.sid')) {
console.log('Куки не установлены, пробуем обновить сессию');
await refreshSession();
}
} catch (error) {
console.error('Ошибка при проверке сессии:', error);
}
}
// Функция для обновления сессии
async function refreshSession() {
try {
// Проверяем, есть ли адрес пользователя
if (!authStore.user || !authStore.user.address) {
console.log('Нет адреса пользователя для обновления сессии');
return;
}
const response = await axios.post('/api/auth/refresh-session',
{ address: authStore.user.address },
{ withCredentials: true }
);
if (response.data.success) {
console.log('Сессия успешно обновлена');
}
} catch (error) {
console.error('Ошибка при обновлении сессии:', error);
}
}
onMounted(async () => { onMounted(async () => {
console.log('App mounted'); console.log('App.vue: onMounted - checking auth');
// Проверяем куки
const cookies = document.cookie;
console.log('Куки при загрузке:', cookies);
try { try {
// Проверяем текущую сессию // Проверяем аутентификацию на сервере
const response = await axios.get('/api/auth/check', { withCredentials: true }); const result = await authStore.checkAuth();
console.log('Ответ проверки сессии:', response.data); console.log('Auth check result:', result.authenticated);
if (response.data.authenticated) { if (result.authenticated) {
// Если сессия активна, обновляем состояние аутентификации // Если пользователь аутентифицирован, восстанавливаем состояние
authStore.isAuthenticated = response.data.authenticated; console.log('Session restored from server');
authStore.user = { address: response.data.address };
authStore.isAdmin = response.data.isAdmin;
authStore.authType = 'wallet';
console.log('Сессия восстановлена:', response.data); // Загружаем историю чата, если мы на странице чата
} else { if (router.currentRoute.value.name === 'home') {
console.log('Нет активной сессии'); console.log('Loading chat history after session restore');
// Здесь можно вызвать метод для загрузки истории чата
}
} }
} catch (error) { } catch (error) {
console.error('Ошибка при проверке сессии:', error); console.error('Error checking auth:', error);
} }
}); });
// Следим за изменением статуса аутентификации
watch(
() => authStore.isAuthenticated,
(isAuthenticated) => {
if (isAuthenticated) {
console.log('Пользователь авторизован, проверяем куки');
const cookies = document.cookie;
if (!cookies.includes('connect.sid')) {
console.log('Куки не установлены после авторизации, пробуем обновить сессию');
refreshSession();
}
}
}
);
</script> </script>
<style> <style>
@@ -154,4 +84,31 @@ button {
background-color: #e74c3c; background-color: #e74c3c;
color: white; color: white;
} }
.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.loading-spinner {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style> </style>

View File

@@ -1,26 +1,28 @@
import axios from 'axios'; import axios from 'axios';
// Создаем экземпляр axios с базовым URL // Создаем экземпляр axios с базовым URL
const api = axios.create({ const instance = axios.create({
baseURL: 'http://localhost:8000', baseURL: '/',
withCredentials: true, // Важно для передачи куков между запросами withCredentials: true,
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
}, },
}); });
// Удаляем перехватчик, который добавлял заголовок Authorization из localStorage // Добавляем перехватчик для добавления заголовка авторизации
// api.interceptors.request.use( instance.interceptors.request.use(
// (config) => { (config) => {
// const address = localStorage.getItem('walletAddress'); console.log('Axios interceptor running');
// if (address) { const address = localStorage.getItem('walletAddress');
// config.headers.Authorization = `Bearer ${address}`; if (address) {
// } console.log('Adding Authorization header in interceptor:', `Bearer ${address}`);
// return config; config.headers.Authorization = `Bearer ${address}`;
// }, }
// (error) => { return config;
// return Promise.reject(error); },
// } (error) => {
// ); return Promise.reject(error);
}
);
export default api; export default instance;

View File

@@ -1,198 +0,0 @@
<template>
<div class="linked-accounts">
<h2>Связанные аккаунты</h2>
<div v-if="loading" class="loading">Загрузка...</div>
<div v-else-if="error" class="error">
{{ error }}
</div>
<div v-else>
<div v-if="identities.length === 0" class="no-accounts">У вас нет связанных аккаунтов.</div>
<div v-else class="accounts-list">
<div
v-for="identity in identities"
:key="`${identity.identity_type}-${identity.identity_value}`"
class="account-item"
>
<div class="account-type">
{{ getIdentityTypeLabel(identity.identity_type) }}
</div>
<div class="account-value">
{{ formatIdentityValue(identity) }}
</div>
<button @click="unlinkAccount(identity)" class="unlink-button">Отвязать</button>
</div>
</div>
<div class="link-instructions">
<h3>Как связать аккаунты</h3>
<div class="instruction">
<h4>Telegram</h4>
<p>Отправьте боту команду:</p>
<code>/link {{ userAddress }}</code>
</div>
<div class="instruction">
<h4>Email</h4>
<p>Отправьте письмо на адрес бота с темой:</p>
<code>link {{ userAddress }}</code>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { ref, onMounted, computed } from 'vue';
import { useAuthStore } from '../stores/auth';
import axios from 'axios';
const authStore = useAuthStore();
const identities = ref([]);
const loading = ref(true);
const error = ref(null);
const userAddress = computed(() => authStore.address);
// Получение связанных аккаунтов
async function fetchLinkedAccounts() {
try {
loading.value = true;
error.value = null;
const response = await axios.get(`${import.meta.env.VITE_API_URL}/api/identities/linked`, {
withCredentials: true,
});
identities.value = response.data;
} catch (err) {
console.error('Ошибка при получении связанных аккаунтов:', err);
error.value = 'Не удалось загрузить связанные аккаунты. Попробуйте позже.';
} finally {
loading.value = false;
}
}
// Отвязывание аккаунта
async function unlinkAccount(identity) {
try {
await axios.post(
`${import.meta.env.VITE_API_URL}/api/identities/unlink`,
{
type: identity.identity_type,
value: identity.identity_value,
},
{
withCredentials: true,
}
);
// Обновляем список после отвязки
await fetchLinkedAccounts();
} catch (err) {
console.error('Ошибка при отвязке аккаунта:', err);
error.value = 'Не удалось отвязать аккаунт. Попробуйте позже.';
}
}
// Форматирование типа идентификатора
function getIdentityTypeLabel(type) {
const labels = {
ethereum: 'Ethereum',
telegram: 'Telegram',
email: 'Email',
};
return labels[type] || type;
}
// Форматирование значения идентификатора
function formatIdentityValue(identity) {
if (identity.identity_type === 'ethereum') {
// Сокращаем Ethereum-адрес
const value = identity.identity_value;
return `${value.substring(0, 6)}...${value.substring(value.length - 4)}`;
}
return identity.identity_value;
}
onMounted(() => {
if (authStore.isAuthenticated) {
fetchLinkedAccounts();
}
});
</script>
<style scoped>
.linked-accounts {
max-width: 600px;
margin: 0 auto;
padding: 20px;
}
.loading,
.error,
.no-accounts {
margin: 20px 0;
padding: 10px;
text-align: center;
}
.error {
color: #e74c3c;
border: 1px solid #e74c3c;
border-radius: 4px;
}
.accounts-list {
margin: 20px 0;
}
.account-item {
display: flex;
align-items: center;
padding: 10px;
border-bottom: 1px solid #eee;
}
.account-type {
font-weight: bold;
width: 100px;
}
.account-value {
flex: 1;
}
.unlink-button {
background-color: #e74c3c;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
}
.link-instructions {
margin-top: 30px;
padding: 15px;
background-color: #f8f9fa;
border-radius: 4px;
}
.instruction {
margin-bottom: 15px;
}
code {
display: block;
padding: 10px;
background-color: #eee;
border-radius: 4px;
margin-top: 5px;
}
</style>

View File

@@ -1,98 +0,0 @@
<template>
<div class="modal-backdrop" @click="$emit('close')">
<div class="modal-content" @click.stop>
<div class="modal-header">
<slot name="header">Заголовок</slot>
<button class="close-button" @click="$emit('close')">&times;</button>
</div>
<div class="modal-body">
<slot name="body">Содержимое</slot>
</div>
<div class="modal-footer" v-if="$slots.footer">
<slot name="footer"></slot>
</div>
</div>
</div>
</template>
<script setup>
import { onMounted, onBeforeUnmount } from 'vue';
// Закрытие модального окна по нажатию Escape
function handleKeyDown(e) {
if (e.key === 'Escape') {
emit('close');
}
}
const emit = defineEmits(['close']);
onMounted(() => {
document.addEventListener('keydown', handleKeyDown);
document.body.style.overflow = 'hidden'; // Блокируем прокрутку страницы
});
onBeforeUnmount(() => {
document.removeEventListener('keydown', handleKeyDown);
document.body.style.overflow = ''; // Восстанавливаем прокрутку страницы
});
</script>
<style scoped>
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal-content {
background-color: white;
border-radius: 8px;
width: 90%;
max-width: 500px;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.modal-header {
padding: 1rem;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
font-size: 1.1rem;
}
.modal-body {
padding: 1rem;
}
.close-button {
background: none;
border: none;
font-size: 1.5rem;
cursor: pointer;
color: #666;
}
.close-button:hover {
color: #333;
}
.modal-footer {
padding: 1rem;
border-top: 1px solid #eee;
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
</style>

View File

@@ -1,154 +0,0 @@
<template>
<nav class="navbar">
<div class="navbar-brand">
<router-link to="/" class="navbar-logo">DApp for Business</router-link>
</div>
<div class="navbar-menu">
<div class="navbar-start">
</div>
<div class="navbar-end">
<div v-if="isAuthenticated" class="navbar-item user-info">
<span v-if="userAddress" class="user-address">{{ formatAddress(userAddress) }}</span>
<button @click="logout" class="logout-btn">Выйти</button>
</div>
<div v-else class="navbar-item">
<WalletConnection />
</div>
</div>
</div>
</nav>
</template>
<script setup>
import { computed } from 'vue';
import { useRouter } from 'vue-router';
import { useAuthStore } from '../stores/auth';
import WalletConnection from './WalletConnection.vue';
const router = useRouter();
const authStore = useAuthStore();
const isAuthenticated = computed(() => authStore.isAuthenticated);
const userAddress = computed(() => authStore.user?.address);
// Форматирование адреса кошелька
function formatAddress(address) {
if (!address) return '';
return `${address.substring(0, 6)}...${address.substring(address.length - 4)}`;
}
// Выход из системы
async function logout() {
await authStore.logout();
router.push('/');
}
</script>
<style scoped>
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.5rem 1rem;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.navbar-brand {
font-weight: bold;
font-size: 1.25rem;
}
.navbar-logo {
color: #1976d2;
text-decoration: none;
}
.navbar-menu {
display: flex;
justify-content: space-between;
flex: 1;
margin-left: 1rem;
}
.navbar-start, .navbar-end {
display: flex;
align-items: center;
}
.navbar-item {
padding: 0.5rem 0.75rem;
color: #333;
text-decoration: none;
margin: 0 0.25rem;
}
.navbar-item:hover {
color: #1976d2;
}
.user-info {
display: flex;
align-items: center;
}
.user-address {
font-family: monospace;
background-color: #f5f5f5;
padding: 0.25rem 0.5rem;
border-radius: 4px;
margin-right: 0.5rem;
}
.logout-btn {
background-color: #f44336;
color: white;
border: none;
padding: 0.25rem 0.5rem;
border-radius: 4px;
cursor: pointer;
font-size: 0.875rem;
}
.logout-btn:hover {
background-color: #d32f2f;
}
@media (max-width: 768px) {
.navbar {
flex-direction: column;
padding: 0.5rem;
}
.navbar-menu {
flex-direction: column;
width: 100%;
margin-left: 0;
margin-top: 0.5rem;
}
.navbar-start, .navbar-end {
flex-direction: column;
width: 100%;
}
.navbar-item {
padding: 0.5rem;
margin: 0.25rem 0;
width: 100%;
text-align: center;
}
.user-info {
flex-direction: column;
align-items: center;
}
.user-address {
margin-right: 0;
margin-bottom: 0.5rem;
}
}
</style>

View File

@@ -1,161 +0,0 @@
<template>
<div class="role-manager">
<h2>Управление ролями пользователей</h2>
<div v-if="loading" class="loading">Загрузка...</div>
<div v-else-if="error" class="error">
{{ error }}
</div>
<div v-else>
<div class="current-role">
<h3>Ваша роль: {{ currentRole }}</h3>
<button @click="checkRole" :disabled="checkingRole">
{{ checkingRole ? 'Проверка...' : 'Обновить роль' }}
</button>
</div>
<div v-if="isAdmin" class="admin-section">
<h3>Пользователи системы</h3>
<table class="users-table">
<thead>
<tr>
<th>ID</th>
<th>Имя пользователя</th>
<th>Роль</th>
<th>Язык</th>
<th>Дата регистрации</th>
<th>Последняя проверка токенов</th>
</tr>
</thead>
<tbody>
<tr v-for="user in users" :key="user.id">
<td>{{ user.id }}</td>
<td>{{ user.username || 'Не указано' }}</td>
<td>{{ user.role || 'user' }}</td>
<td>{{ user.preferred_language || 'ru' }}</td>
<td>{{ formatDate(user.created_at) }}</td>
<td>{{ user.last_token_check ? formatDate(user.last_token_check) : 'Не проверялся' }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</template>
<script>
import { ref, onMounted, computed } from 'vue';
import axios from 'axios';
export default {
setup() {
const loading = ref(false);
const error = ref(null);
const users = ref([]);
const currentRole = ref('user');
const isAdmin = ref(false);
const checkingRole = ref(false);
// Загрузка пользователей с ролями
const loadUsers = async () => {
try {
loading.value = true;
const response = await axios.get('/api/roles/users');
users.value = response.data;
} catch (err) {
console.error('Error loading users:', err);
error.value = 'Ошибка при загрузке пользователей';
} finally {
loading.value = false;
}
};
// Проверка роли текущего пользователя
const checkRole = async () => {
try {
checkingRole.value = true;
const response = await axios.post('/api/roles/check-role');
isAdmin.value = response.data.isAdmin;
currentRole.value = isAdmin.value ? 'admin' : 'user';
// Если пользователь стал администратором, загрузим список пользователей
if (isAdmin.value) {
await loadUsers();
}
} catch (err) {
console.error('Error checking role:', err);
error.value = 'Ошибка при проверке роли';
} finally {
checkingRole.value = false;
}
};
// Форматирование даты
const formatDate = (dateString) => {
if (!dateString) return '';
const date = new Date(dateString);
return date.toLocaleString('ru-RU');
};
onMounted(async () => {
// Проверяем роль при загрузке компонента
await checkRole();
});
return {
loading,
error,
users,
currentRole,
isAdmin,
checkingRole,
checkRole,
formatDate
};
}
};
</script>
<style scoped>
.role-manager {
padding: 20px;
}
.loading, .error {
padding: 20px;
text-align: center;
}
.error {
color: red;
}
.current-role {
margin-bottom: 20px;
padding: 15px;
background-color: #f5f5f5;
border-radius: 5px;
}
.users-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.users-table th, .users-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
.users-table th {
background-color: #f2f2f2;
}
.admin-section {
margin-top: 30px;
}
</style>

View File

@@ -4,64 +4,116 @@
{{ error }} {{ error }}
</div> </div>
<button @click="connectWallet" class="connect-button" :disabled="loading"> <div v-if="!authStore.isAuthenticated">
<button @click="handleConnectWallet" class="connect-button" :disabled="loading">
<div v-if="loading" class="spinner"></div> <div v-if="loading" class="spinner"></div>
{{ loading ? 'Подключение...' : 'Подключить кошелек' }} {{ loading ? 'Подключение...' : 'Подключить кошелек' }}
</button> </button>
</div> </div>
<div v-else class="wallet-info">
<span class="address">{{ formatAddress(authStore.user?.address) }}</span>
<button @click="disconnectWallet" class="disconnect-btn">Выйти</button>
</div>
</div>
</template> </template>
<script> <script setup>
import { ref } from 'vue'; import { ref, onMounted } from 'vue';
import { connectWallet } from '../utils/wallet'; import { connectWallet } from '../utils/wallet';
import { useAuthStore } from '../stores/auth'; import { useAuthStore } from '../stores/auth';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
export default { const authStore = useAuthStore();
setup() { const router = useRouter();
const authStore = useAuthStore(); const loading = ref(false);
const router = useRouter(); const error = ref('');
const loading = ref(false); const isConnecting = ref(false);
const error = ref('');
return { // Форматирование адреса кошелька
authStore, const formatAddress = (address) => {
router, if (!address) return '';
loading, return `${address.substring(0, 6)}...${address.substring(address.length - 4)}`;
error };
}
}, // Функция для подключения кошелька
methods: { const handleConnectWallet = async () => {
async connectWallet() {
console.log('Нажата кнопка "Подключить кошелек"'); console.log('Нажата кнопка "Подключить кошелек"');
isConnecting.value = true;
if (this.loading) return; error.value = '';
this.loading = true;
this.error = '';
try { try {
const authResult = await connectWallet(); const result = await connectWallet();
console.log('Результат подключения:', authResult); console.log('Результат подключения:', result);
if (authResult && authResult.authenticated) { if (result.success) {
this.authStore.isAuthenticated = authResult.authenticated; authStore.isAuthenticated = true;
this.authStore.user = { address: authResult.address }; authStore.user = { address: result.address };
this.authStore.isAdmin = authResult.isAdmin; authStore.isAdmin = result.isAdmin;
this.authStore.authType = authResult.authType; authStore.authType = result.authType;
this.router.push({ name: 'home' }); router.push({ name: 'home' });
} else { } else {
this.error = 'Не удалось подключить кошелек'; error.value = result.error || 'Ошибка подключения кошелька';
}
} catch (err) {
console.error('Ошибка при подключении кошелька:', err);
error.value = 'Ошибка подключения кошелька';
} finally {
isConnecting.value = false;
}
};
// Автоматическое подключение при загрузке компонента
onMounted(async () => {
console.log('WalletConnection mounted, checking auth state...');
// Проверяем аутентификацию на сервере
const authState = await authStore.checkAuth();
console.log('Auth state after check:', authState);
// Если пользователь уже аутентифицирован, не нужно ничего делать
if (authState.authenticated) {
console.log('User is already authenticated, no need to reconnect');
return;
}
// Проверяем, есть ли сохраненный адрес кошелька
const savedAddress = localStorage.getItem('walletAddress');
if (savedAddress && window.ethereum) {
console.log('Found saved wallet address:', savedAddress);
try {
// Проверяем, разблокирован ли MetaMask, но не запрашиваем разрешение
const accounts = await window.ethereum.request({
method: 'eth_accounts' // Используем eth_accounts вместо eth_requestAccounts
});
if (accounts && accounts.length > 0) {
console.log('MetaMask is unlocked, connected accounts:', accounts);
// Если кошелек разблокирован и есть доступные аккаунты, проверяем совпадение адреса
if (accounts[0].toLowerCase() === savedAddress.toLowerCase()) {
console.log('Current account matches saved address');
// Не вызываем handleConnectWallet() автоматически,
// просто показываем пользователю, что он может подключиться
} else {
console.log('Current account does not match saved address');
localStorage.removeItem('walletAddress');
}
} else {
console.log('MetaMask is locked or no accounts available');
} }
} catch (error) { } catch (error) {
console.error('Ошибка при подключении кошелька:', error); console.error('Error checking MetaMask state:', error);
this.error = error.message || 'Ошибка при подключении кошелька';
} finally {
this.loading = false;
} }
} }
} });
}
// Функция для отключения кошелька
const disconnectWallet = async () => {
await authStore.logout();
};
</script> </script>
<style scoped> <style scoped>
@@ -105,6 +157,30 @@ export default {
margin-right: 8px; margin-right: 8px;
} }
.wallet-info {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
background-color: #f5f5f5;
border-radius: 4px;
}
.address {
font-family: monospace;
font-weight: bold;
}
.disconnect-btn {
background-color: #f44336;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
}
@keyframes spin { @keyframes spin {
to { to {
transform: rotate(360deg); transform: rotate(360deg);

View File

@@ -29,5 +29,7 @@ app.use(router);
// } // }
console.log('API URL:', import.meta.env.VITE_API_URL); console.log('API URL:', import.meta.env.VITE_API_URL);
console.log('main.js: Starting application with router and Pinia');
app.mount('#app'); app.mount('#app');
console.log('main.js: Application with router and Pinia mounted');

View File

@@ -1,43 +1,48 @@
import { createRouter, createWebHistory } from 'vue-router'; import { createRouter, createWebHistory } from 'vue-router';
import { useAuthStore } from '../stores/auth';
import HomeView from '../views/HomeView.vue'; import HomeView from '../views/HomeView.vue';
import { useAuthStore } from '../stores/auth';
console.log('router/index.js: Script loaded');
const routes = [ const routes = [
{ {
path: '/', path: '/',
name: 'home', name: 'home',
component: HomeView, component: HomeView
meta: { requiresAuth: false }, }
}, // Другие маршруты можно добавить позже, когда будут созданы соответствующие компоненты
]; ];
const router = createRouter({ const router = createRouter({
history: createWebHistory(), history: createWebHistory(),
routes, routes
scrollBehavior(to, from, savedPosition) {
return savedPosition || { top: 0 };
},
}); });
// Навигационный хук для проверки аутентификации console.log('router/index.js: Router created');
// Защита маршрутов
router.beforeEach(async (to, from, next) => { router.beforeEach(async (to, from, next) => {
const authStore = useAuthStore(); const authStore = useAuthStore();
// Проверяем аутентификацию, если она еще не проверена // Если пытаемся перейти на несуществующий маршрут, перенаправляем на главную
if (!to.matched.length) {
return next({ name: 'home' });
}
// Проверяем аутентификацию, если маршрут требует авторизации
if (to.matched.some(record => record.meta.requiresAuth)) {
if (!authStore.isAuthenticated) { if (!authStore.isAuthenticated) {
try { // Если пользователь не авторизован, перенаправляем на главную
await authStore.checkAuth(); return next({ name: 'home' });
} catch (error) { }
console.error('Error checking auth:', error);
// Проверяем права администратора, если маршрут требует прав администратора
if (to.matched.some(record => record.meta.requiresAdmin) && !authStore.isAdmin) {
return next({ name: 'home' });
} }
} }
// Проверка прав доступа
if (to.meta.requiresAuth && !authStore.isAuthenticated) {
next({ name: 'home' });
} else {
next(); next();
}
}); });
export default router; export default router;

View File

@@ -9,7 +9,9 @@ export const useAuthStore = defineStore('auth', {
authType: null, authType: null,
identities: {}, identities: {},
loading: false, loading: false,
error: null error: null,
messages: [],
address: null
}), }),
actions: { actions: {
@@ -18,25 +20,44 @@ export const useAuthStore = defineStore('auth', {
this.error = null; this.error = null;
try { try {
const response = await axios.post('/api/auth/verify', { const response = await axios.post('/api/chat/verify', {
address, address,
signature, signature,
message message
}, {
withCredentials: true
}); });
this.user = { this.user = {
id: response.data.userId, id: response.data.userId,
address address: address
}; };
this.isAuthenticated = response.data.authenticated; this.isAuthenticated = response.data.authenticated;
this.isAdmin = response.data.isAdmin; this.isAdmin = response.data.isAdmin;
this.authType = response.data.authType; this.authType = 'wallet';
this.identities = response.data.identities || {};
return true; // Сохраняем адрес кошелька в локальном хранилище
console.log('Saving wallet address to localStorage:', address);
localStorage.setItem('walletAddress', address);
// Связываем гостевые сообщения с аутентифицированным пользователем
try {
await axios.post('/api/chat/link-guest-messages');
console.log('Guest messages linked to authenticated user');
} catch (linkError) {
console.error('Error linking guest messages:', linkError);
}
return {
success: true,
authenticated: response.data.authenticated,
address: address,
isAdmin: response.data.isAdmin,
authType: response.data.authType
};
} catch (error) { } catch (error) {
this.error = error.response?.data?.error || 'Ошибка подключения кошелька'; this.error = error.response?.data?.error || 'Ошибка подключения кошелька';
return false; return { success: false, error: this.error };
} finally { } finally {
this.loading = false; this.loading = false;
} }
@@ -118,36 +139,127 @@ export const useAuthStore = defineStore('auth', {
async logout() { async logout() {
try { try {
await axios.post('/api/auth/logout'); await axios.post('/api/auth/logout');
} catch (error) {
console.error('Ошибка при выходе:', error);
}
this.user = null; this.user = null;
this.isAuthenticated = false; this.isAuthenticated = false;
this.isAdmin = false; this.isAdmin = false;
this.authType = null; this.authType = null;
this.identities = {}; this.identities = {};
this.messages = [];
this.address = null;
// Удаляем адрес из localStorage
localStorage.removeItem('walletAddress');
} catch (error) {
console.error('Ошибка при выходе:', error);
}
}, },
async checkAuth() { async checkAuth() {
try { try {
console.log('Checking auth state...');
const response = await axios.get('/api/auth/check'); const response = await axios.get('/api/auth/check');
console.log('Auth check response:', response.data);
if (response.data.authenticated) { if (response.data.authenticated) {
this.user = {
id: response.data.userId
};
this.isAuthenticated = true; this.isAuthenticated = true;
this.user = {
id: response.data.userId,
address: response.data.address
};
this.address = response.data.address;
this.isAdmin = response.data.isAdmin; this.isAdmin = response.data.isAdmin;
this.authType = response.data.authType; this.authType = response.data.authType;
this.identities = response.data.identities || {};
return {
authenticated: true,
user: this.user,
address: response.data.address,
isAdmin: response.data.isAdmin,
authType: response.data.authType
};
} else { } else {
this.logout(); this.isAuthenticated = false;
this.user = null;
this.address = null;
this.isAdmin = false;
this.authType = null;
return { authenticated: false };
} }
} catch (error) { } catch (error) {
console.error('Ошибка при проверке аутентификации:', error); console.error('Error checking auth:', error);
this.logout(); this.isAuthenticated = false;
this.user = null;
this.address = null;
this.isAdmin = false;
this.authType = null;
return { authenticated: false };
} }
},
async refreshSession() {
try {
// Если есть адрес в localStorage, используем его
const storedAddress = localStorage.getItem('walletAddress');
const response = await axios.post('/api/auth/refresh-session', {
address: storedAddress || this.address
}, {
withCredentials: true
});
return response.data.success;
} catch (error) {
console.error('Error refreshing session:', error);
return false;
}
},
async checkWalletConnection() {
// Проверяем, есть ли сохраненный адрес кошелька
const savedAddress = localStorage.getItem('walletAddress');
console.log('Checking for saved wallet address:', savedAddress);
if (savedAddress) {
try {
// Проверяем, доступен ли провайдер Ethereum (MetaMask)
if (window.ethereum) {
// Запрашиваем доступ к аккаунтам
const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
const currentAddress = accounts[0].toLowerCase();
console.log('Current connected address:', currentAddress);
console.log('Saved address:', savedAddress.toLowerCase());
// Проверяем, совпадает ли текущий адрес с сохраненным
if (currentAddress === savedAddress.toLowerCase()) {
console.log('Wallet address matches, restoring session');
// Восстанавливаем состояние аутентификации
this.user = {
id: null, // ID будет получен при проверке аутентификации
address: savedAddress
};
// Проверяем аутентификацию на сервере
const authResult = await this.checkAuth();
if (authResult.authenticated) {
console.log('Session restored successfully');
return true;
}
} else {
console.log('Connected wallet address does not match saved address');
localStorage.removeItem('walletAddress');
}
}
} catch (error) {
console.error('Error restoring wallet connection:', error);
}
}
return false;
} }
} }
}); });

View File

@@ -1,50 +1,67 @@
import axios from 'axios'; import axios from '../api/axios';
import { useAuthStore } from '../stores/auth';
// Функция для подключения кошелька
async function connectWallet() { async function connectWallet() {
if (typeof window.ethereum !== 'undefined') {
try { try {
// Проверяем, доступен ли MetaMask
if (!window.ethereum) {
throw new Error('MetaMask не установлен');
}
// Запрашиваем доступ к аккаунтам
const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' }); const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
const address = accounts[0]; const address = accounts[0];
// Получаем nonce // Получаем nonce от сервера
const nonceResponse = await axios.get(`/api/auth/nonce?address=${address}`, { const nonceResponse = await axios.get(`/api/auth/nonce?address=${address}`, {
withCredentials: true // Важно для сохранения сессии withCredentials: true
}); });
const nonce = nonceResponse.data.nonce; const nonce = nonceResponse.data.nonce;
// Подписываем сообщение // Создаем сообщение для подписи
const message = `Sign this message to authenticate with our app: ${nonce}`; const message = `Подпишите это сообщение для аутентификации в DApp for Business. Nonce: ${nonce}`;
// Запрашиваем подпись
const signature = await window.ethereum.request({ const signature = await window.ethereum.request({
method: 'personal_sign', method: 'personal_sign',
params: [message, address] params: [message, address]
}); });
// Отправляем запрос на проверку // Отправляем подпись на сервер для верификации
const verifyResponse = await axios.post('/api/auth/verify', { const response = await axios.post('/api/auth/verify', {
address, address,
signature, signature,
message message
}, { }, {
withCredentials: true // Важно для сохранения сессии withCredentials: true
}); });
console.log('Успешно подключен:', verifyResponse.data); console.log('Успешно подключен:', response.data);
// Обновляем состояние в хранилище auth
const authStore = useAuthStore();
authStore.isAuthenticated = response.data.authenticated;
authStore.user = {
id: response.data.userId,
address: response.data.address
};
authStore.isAdmin = response.data.isAdmin;
authStore.authType = response.data.authType;
// Сохраняем адрес кошелька в локальном хранилище
localStorage.setItem('walletAddress', address);
// Возвращаем результат подключения
return { return {
success: true, success: true,
authenticated: verifyResponse.data.authenticated, authenticated: response.data.authenticated,
address: address, address: response.data.address,
isAdmin: verifyResponse.data.isAdmin, isAdmin: response.data.isAdmin,
authType: 'wallet' authType: response.data.authType
}; };
} catch (error) { } catch (error) {
console.error('Ошибка при подключении кошелька:', error); console.error('Ошибка при подключении кошелька:', error);
return { success: false, error: error.message }; return { success: false, error: error.message || 'Ошибка подключения кошелька' };
}
} else {
console.error('MetaMask не установлен');
return { success: false, error: 'MetaMask не установлен' };
} }
} }
@@ -59,6 +76,16 @@ async function disconnectWallet() {
} }
); );
// Удаляем адрес кошелька из локального хранилища
localStorage.removeItem('walletAddress');
// Обновляем состояние в хранилище auth
const authStore = useAuthStore();
authStore.isAuthenticated = false;
authStore.user = null;
authStore.isAdmin = false;
authStore.authType = null;
return { success: true }; return { success: true };
} catch (error) { } catch (error) {
console.error('Ошибка при отключении кошелька:', error); console.error('Ошибка при отключении кошелька:', error);

View File

@@ -1,17 +1,30 @@
<template> <template>
<div class="home-view"> <div class="home">
<div class="chat-container"> <h1>DApp for Business</h1>
<h2>Чат с ИИ-ассистентом</h2>
<div class="chat-messages" ref="chatMessages">
<div
v-for="(message, index) in messages"
:key="index"
:class="['message', message.sender === 'user' ? 'user-message' : 'ai-message']"
>
<div class="message-content" v-html="message.text"></div>
<!-- Опции подключения --> <div class="auth-section" v-if="!auth.isAuthenticated">
<div v-if="message.showAuthOptions" class="auth-options"> <p>Подключите кошелек, Telegram или Email для сохранения истории чата и доступа к дополнительным функциям:</p>
<WalletConnection />
<!-- Здесь можно добавить кнопки для подключения Telegram и Email -->
</div>
<div class="chat-container">
<div class="chat-header">
<h2>Чат с ИИ</h2>
<div class="user-info" v-if="auth.isAuthenticated">
<span>{{ formatAddress(auth.address) }}</span>
<button @click="logout" class="logout-btn">Выйти</button>
</div>
</div>
<div class="chat-messages" ref="messagesContainer">
<div v-for="message in messages" :key="message.id" :class="['message', message.role === 'assistant' ? 'ai-message' : 'user-message']">
<div class="message-content">
{{ message.content }}
</div>
<!-- Опции аутентификации -->
<div v-if="!auth.isAuthenticated && message.role === 'assistant' && !hasShownAuthOptions.value" class="auth-options">
<div class="auth-option"> <div class="auth-option">
<WalletConnection /> <WalletConnection />
</div> </div>
@@ -35,17 +48,20 @@
</div> </div>
</div> </div>
<div class="message-time">{{ formatTime(message.timestamp) }}</div> <div class="message-time">
{{ formatTime(message.timestamp || message.created_at) }}
</div>
</div> </div>
</div> </div>
<div class="chat-input"> <div class="chat-input">
<textarea <textarea
v-model="userInput" v-model="newMessage"
placeholder="Введите ваше сообщение..."
@keydown.enter.prevent="sendMessage" @keydown.enter.prevent="sendMessage"
placeholder="Введите сообщение..."
:disabled="isLoading"
></textarea> ></textarea>
<button class="send-btn" @click="sendMessage" :disabled="!userInput.trim() || isLoading"> <button @click="sendMessage" :disabled="isLoading || !newMessage.trim()">
{{ isLoading ? 'Отправка...' : 'Отправить' }} {{ isLoading ? 'Отправка...' : 'Отправить' }}
</button> </button>
</div> </div>
@@ -56,161 +72,202 @@
<script setup> <script setup>
import { ref, computed, onMounted, watch, nextTick } from 'vue'; import { ref, computed, onMounted, watch, nextTick } from 'vue';
import { useAuthStore } from '../stores/auth'; import { useAuthStore } from '../stores/auth';
import axios from 'axios';
import WalletConnection from '../components/WalletConnection.vue'; import WalletConnection from '../components/WalletConnection.vue';
import axios from '../api/axios';
console.log('HomeView.vue: Version with chat loaded');
const auth = useAuthStore(); const auth = useAuthStore();
const userInput = ref(''); const messages = ref([]);
const messages = ref([ const newMessage = ref('');
{
sender: 'ai',
text: 'Привет! Я ИИ-ассистент DApp for Business. Чем я могу помочь вам сегодня?',
timestamp: new Date(),
},
]);
const chatMessages = ref(null);
const isLoading = ref(false); const isLoading = ref(false);
const hasShownAuthMessage = ref(false); const messagesContainer = ref(null);
const email = ref('');
const userLanguage = ref('ru'); const userLanguage = ref('ru');
const email = ref('');
const isValidEmail = ref(true);
const hasShownAuthMessage = ref(false);
const guestMessages = ref([]);
const hasShownAuthOptions = ref(false);
// Проверка валидности email // Простая функция для выхода
const isValidEmail = computed(() => { const logout = async () => {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; await auth.logout();
return emailRegex.test(email.value); messages.value = [];
}); };
// Прокрутка чата вниз при добавлении новых сообщений // Форматирование времени
watch( const formatTime = (timestamp) => {
messages, if (!timestamp) return '';
() => {
nextTick(() => {
if (chatMessages.value) {
chatMessages.value.scrollTop = chatMessages.value.scrollHeight;
}
});
},
{ deep: true }
);
// Определение языка пользователя
onMounted(() => {
// Используем русский язык по умолчанию для русскоязычного интерфейса
userLanguage.value = 'ru';
// Или определяем язык из браузера
const userLang = navigator.language || navigator.userLanguage;
console.log('Detected language:', userLang);
// Если язык браузера начинается с 'ru', используем русский
if (userLang.startsWith('ru')) {
userLanguage.value = 'ru';
} else {
userLanguage.value = userLang.split('-')[0];
}
// Проверка прав администратора
if (auth.isAdmin) {
messages.value.push({
sender: 'ai',
text: 'Вы имеете права администратора.',
timestamp: new Date(),
});
} else {
messages.value.push({
sender: 'ai',
text: 'У вас нет прав администратора.',
timestamp: new Date(),
});
}
});
// Функция для отправки сообщения
async function sendMessage() {
if (!userInput.value.trim() || isLoading.value) return;
// Добавляем сообщение пользователя в чат
const userMessage = userInput.value.trim();
messages.value.push({
sender: 'user',
text: userMessage,
timestamp: new Date(),
});
userInput.value = '';
isLoading.value = true;
try { try {
console.log('Отправка сообщения:', userMessage, 'язык:', userLanguage.value); const date = new Date(timestamp);
// Проверяем, авторизован ли пользователь // Проверяем, является ли дата валидной
if (!auth.isAuthenticated && !hasShownAuthMessage.value) { if (isNaN(date.getTime())) {
// Если пользователь не авторизован и мы еще не показывали сообщение с опциями авторизации console.warn('Invalid timestamp:', timestamp);
setTimeout(() => { return '';
messages.value.push({ }
sender: 'ai',
text: 'Для продолжения общения и доступа ко всем функциям, пожалуйста, авторизуйтесь одним из способов:', return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
timestamp: new Date(), } catch (error) {
showAuthOptions: true, console.error('Error formatting time:', error, timestamp);
}); return '';
isLoading.value = false; }
hasShownAuthMessage.value = true; };
}, 1000);
// Функция для отправки сообщения
const sendMessage = async () => {
if (!newMessage.value.trim() || isLoading.value) return;
console.log('Отправка сообщения:', newMessage.value, 'язык:', userLanguage.value);
// Если пользователь не аутентифицирован, используем sendGuestMessage
if (!auth.isAuthenticated) {
await sendGuestMessage();
return; return;
} }
// Отправляем запрос к API // Код для аутентифицированных пользователей
const response = await axios.post( const userMessage = {
'/api/chat/message', id: Date.now(),
{ content: newMessage.value,
message: userMessage, role: 'user',
language: userLanguage.value, timestamp: new Date().toISOString()
}, };
{
withCredentials: true, // Важно для передачи куков messages.value.push(userMessage);
const messageText = newMessage.value;
newMessage.value = '';
// Прокрутка вниз
await nextTick();
if (messagesContainer.value) {
messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;
} }
);
isLoading.value = true;
try {
const response = await axios.post('/api/chat/message', {
message: messageText,
language: userLanguage.value
});
console.log('Ответ от сервера:', response.data); console.log('Ответ от сервера:', response.data);
// Добавляем ответ от ИИ в чат // Добавляем ответ от ИИ
messages.value.push({ messages.value.push({
sender: 'ai', id: Date.now() + 1,
text: response.data.reply || 'Извините, я не смог обработать ваш запрос.', content: response.data.message,
timestamp: new Date(), role: 'assistant',
timestamp: new Date().toISOString()
}); });
} catch (error) {
console.error('Error sending message:', error);
// Если ошибка связана с авторизацией (401) // Прокрутка вниз
if (error.response && error.response.status === 401 && !hasShownAuthMessage.value) { await nextTick();
messages.value.push({ if (messagesContainer.value) {
sender: 'ai', messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;
text: 'Для продолжения общения и доступа ко всем функциям, пожалуйста, авторизуйтесь одним из способов:',
timestamp: new Date(),
showAuthOptions: true,
});
hasShownAuthMessage.value = true;
} else {
// Добавляем сообщение об ошибке
messages.value.push({
sender: 'ai',
text: 'Извините, произошла ошибка при обработке вашего запроса. Пожалуйста, попробуйте позже.',
timestamp: new Date(),
});
} }
} catch (error) {
console.error('Ошибка при отправке сообщения:', error);
messages.value.push({
id: Date.now() + 1,
content: 'Произошла ошибка при обработке вашего сообщения. Пожалуйста, попробуйте еще раз.',
role: 'assistant',
timestamp: new Date().toISOString()
});
} finally { } finally {
isLoading.value = false; isLoading.value = false;
} }
} };
// Функция для форматирования времени // Добавим наблюдатель за изменением состояния аутентификации
function formatTime(timestamp) { watch(() => auth.isAuthenticated, async (newValue, oldValue) => {
if (!timestamp) return ''; console.log('Auth state changed in HomeView:', newValue);
const date = new Date(timestamp); if (newValue && !oldValue) {
return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); // Пользователь только что аутентифицировался
} await loadChatHistory();
}
});
// Загрузка истории сообщений
const loadChatHistory = async () => {
console.log('Loading chat history...');
try {
console.log('User address from auth store:', auth.address);
// Добавляем заголовок авторизации
const headers = {};
if (auth.address) {
const authHeader = `Bearer ${auth.address}`;
console.log('Adding Authorization header:', authHeader);
headers.Authorization = authHeader;
}
const response = await axios.get('/api/chat/history', { headers });
console.log('Chat history response:', response.data);
if (response.data.messages) {
// Получаем историю с сервера
const serverMessages = response.data.messages.map(msg => ({
id: msg.id,
content: msg.content,
role: msg.role,
timestamp: msg.timestamp || msg.created_at,
isGuest: false
}));
// Объединяем гостевые сообщения с историей с сервера
// Сначала отправляем гостевые сообщения на сервер
await saveGuestMessagesToServer();
// Затем загружаем обновленную историю
const updatedResponse = await axios.get('/api/chat/history', { headers });
const updatedServerMessages = updatedResponse.data.messages.map(msg => ({
id: msg.id,
content: msg.content,
role: msg.role,
timestamp: msg.timestamp || msg.created_at,
isGuest: false
}));
// Обновляем сообщения
messages.value = updatedServerMessages;
// Очищаем гостевые сообщения
guestMessages.value = [];
localStorage.removeItem('guestMessages');
console.log('Updated messages:', messages.value);
}
} catch (error) {
console.error('Error loading chat history:', error);
}
};
// Функция для сохранения гостевых сообщений на сервере
const saveGuestMessagesToServer = async () => {
if (guestMessages.value.length === 0) return;
try {
// Фильтруем только сообщения пользователя (не AI)
const userMessages = guestMessages.value.filter(msg => msg.role === 'user');
// Отправляем каждое сообщение на сервер
for (const msg of userMessages) {
await axios.post('/api/chat/message', {
message: msg.content,
language: userLanguage.value
});
}
console.log('Guest messages saved to server');
} catch (error) {
console.error('Error saving guest messages to server:', error);
}
};
// Функция для подключения через Telegram // Функция для подключения через Telegram
async function connectTelegram() { async function connectTelegram() {
@@ -344,77 +401,389 @@ async function connectEmail() {
}); });
} }
} }
// Добавьте эту функцию в <script setup>
const formatAddress = (address) => {
if (!address) return '';
return address.substring(0, 6) + '...' + address.substring(address.length - 4);
};
onMounted(async () => {
console.log('HomeView.vue: onMounted called');
console.log('Auth state:', auth.isAuthenticated);
// Определяем язык пользователя
const browserLanguage = navigator.language || navigator.userLanguage;
userLanguage.value = browserLanguage.split('-')[0];
console.log('Detected language:', userLanguage.value);
// Загружаем гостевые сообщения из localStorage
const savedGuestMessages = localStorage.getItem('guestMessages');
if (savedGuestMessages) {
guestMessages.value = JSON.parse(savedGuestMessages);
}
// Если пользователь аутентифицирован, загружаем историю чата с сервера
if (auth.isAuthenticated) {
console.log('User authenticated, loading chat history...');
await loadChatHistory();
} else {
// Если пользователь не аутентифицирован, отображаем гостевые сообщения
messages.value = [...guestMessages.value];
}
});
// Функция для отправки сообщения от неаутентифицированного пользователя
const sendGuestMessage = async () => {
if (!newMessage.value.trim()) return;
const userMessage = {
id: Date.now(),
content: newMessage.value,
role: 'user',
timestamp: new Date().toISOString(),
isGuest: true
};
// Добавляем сообщение пользователя в локальную историю
messages.value.push(userMessage);
// Сохраняем сообщение в массиве гостевых сообщений
guestMessages.value.push(userMessage);
// Сохраняем гостевые сообщения в localStorage
localStorage.setItem('guestMessages', JSON.stringify(guestMessages.value));
// Очищаем поле ввода
const messageText = newMessage.value;
newMessage.value = '';
// Прокрутка вниз
await nextTick();
if (messagesContainer.value) {
messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;
}
// Устанавливаем состояние загрузки
isLoading.value = true;
// Отправляем запрос на сервер
try {
const response = await axios.post('/api/chat/guest-message', {
message: messageText,
language: userLanguage.value
});
console.log('Response from server:', response.data);
// Добавляем ответ AI в историю
const aiMessage = {
id: Date.now() + 1,
content: response.data.message || response.data.reply,
role: 'assistant',
timestamp: new Date().toISOString(),
isGuest: true,
showAuthOptions: !hasShownAuthOptions.value
};
messages.value.push(aiMessage);
// Отмечаем, что опции аутентификации уже были показаны
if (!hasShownAuthOptions.value) {
hasShownAuthOptions.value = true;
}
// Сохраняем ответ AI в массиве гостевых сообщений
guestMessages.value.push(aiMessage);
// Обновляем localStorage
localStorage.setItem('guestMessages', JSON.stringify(guestMessages.value));
// Прокрутка вниз
await nextTick();
if (messagesContainer.value) {
messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;
}
} catch (error) {
console.error('Error sending guest message:', error);
// Добавляем сообщение об ошибке
messages.value.push({
id: Date.now() + 1,
content: 'Произошла ошибка при обработке вашего сообщения. Пожалуйста, попробуйте еще раз.',
role: 'assistant',
timestamp: new Date().toISOString(),
isGuest: true
});
} finally {
isLoading.value = false;
}
};
</script> </script>
<style scoped> <style scoped>
.home-view { .home {
height: 100%; padding: 20px;
display: flex; max-width: 1200px;
flex-direction: column; margin: 0 auto;
padding: 1rem; width: 100%;
box-sizing: border-box;
}
h1 {
font-size: 2rem;
margin-bottom: 1rem;
}
/* Адаптивный заголовок */
@media (max-width: 768px) {
h1 {
font-size: 1.5rem;
}
} }
.chat-container { .chat-container {
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: white; height: 75vh;
border: 1px solid #ccc;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
overflow: hidden; overflow: hidden;
max-width: 800px; margin-top: 20px;
margin: 0 auto; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
width: 100%;
} }
h2 { /* Адаптивная высота контейнера чата для мобильных устройств */
padding: 1rem; @media (max-width: 768px) {
.chat-container {
height: calc(100vh - 150px);
margin-top: 10px;
}
}
.chat-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background-color: #f0f0f0;
border-bottom: 1px solid #ccc;
}
/* Адаптивный заголовок чата */
@media (max-width: 768px) {
.chat-header {
padding: 8px 12px;
}
.chat-header h2 {
font-size: 1.2rem;
margin: 0; margin: 0;
border-bottom: 1px solid #eee; }
font-size: 1.5rem; }
color: #333;
.user-info {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.9rem;
}
/* Адаптивная информация о пользователе */
@media (max-width: 768px) {
.user-info {
font-size: 0.7rem;
gap: 5px;
}
.user-info span {
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.logout-btn {
padding: 5px 10px;
background-color: #f44336;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
}
/* Адаптивная кнопка выхода */
@media (max-width: 768px) {
.logout-btn {
padding: 4px 8px;
font-size: 0.8rem;
}
} }
.chat-messages { .chat-messages {
flex: 1; flex: 1;
padding: 20px;
overflow-y: auto; overflow-y: auto;
padding: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 10px;
min-height: 400px; background-color: #f9f9f9;
}
/* Адаптивные отступы для сообщений на мобильных устройствах */
@media (max-width: 768px) {
.chat-messages {
padding: 10px;
gap: 8px;
}
} }
.message { .message {
max-width: 80%; max-width: 70%;
padding: 0.75rem 1rem; padding: 10px 15px;
border-radius: 8px; border-radius: 10px;
position: relative; position: relative;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* Адаптивная ширина сообщений для мобильных устройств */
@media (max-width: 768px) {
.message {
max-width: 85%;
padding: 8px 12px;
}
} }
.user-message { .user-message {
align-self: flex-end; align-self: flex-end;
background-color: #e3f2fd; background-color: #dcf8c6;
color: #0d47a1; border-bottom-right-radius: 2px;
} }
.ai-message { .ai-message {
align-self: flex-start; align-self: flex-start;
background-color: #f5f5f5; background-color: #ffffff;
color: #333; border-bottom-left-radius: 2px;
} }
.message-content { .message-content {
margin-bottom: 5px;
white-space: pre-wrap;
word-break: break-word; word-break: break-word;
font-size: 1rem;
line-height: 1.4;
}
/* Адаптивный размер текста сообщений */
@media (max-width: 768px) {
.message-content {
font-size: 0.9rem;
line-height: 1.3;
}
} }
.message-time { .message-time {
font-size: 0.75rem; font-size: 0.7rem;
color: #999; color: #888;
margin-top: 0.25rem;
text-align: right; text-align: right;
} }
.chat-input {
display: flex;
padding: 10px;
border-top: 1px solid #ccc;
background-color: #f9f9f9;
align-items: center;
}
/* Адаптивные отступы для поля ввода */
@media (max-width: 768px) {
.chat-input {
padding: 8px;
}
}
.chat-input textarea {
flex: 1;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
resize: none;
height: 40px;
margin-right: 10px;
font-family: inherit;
font-size: 1rem;
}
/* Адаптивное поле ввода */
@media (max-width: 768px) {
.chat-input textarea {
padding: 8px;
height: 36px;
margin-right: 8px;
font-size: 0.9rem;
}
}
.chat-input button {
padding: 0 20px;
height: 40px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
transition: background-color 0.2s;
}
.chat-input button:hover:not(:disabled) {
background-color: #45a049;
}
/* Адаптивная кнопка отправки */
@media (max-width: 768px) {
.chat-input button {
padding: 0 15px;
height: 36px;
font-size: 0.9rem;
}
}
.chat-input button:disabled {
background-color: #cccccc;
cursor: not-allowed;
}
/* Стили для формы подключения кошелька */
.wallet-connection-container {
margin-top: 20px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #f9f9f9;
}
/* Адаптивные стили для формы подключения */
@media (max-width: 768px) {
.wallet-connection-container {
padding: 15px;
margin-top: 10px;
}
}
/* Анимация для сообщений */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.message {
animation: fadeIn 0.3s ease-out;
}
.auth-options { .auth-options {
margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
@@ -442,46 +811,6 @@ h2 {
box-sizing: border-box; box-sizing: border-box;
} }
.chat-input {
display: flex;
padding: 1rem;
border-top: 1px solid #eee;
background-color: white;
}
textarea {
flex: 1;
padding: 0.75rem;
border: 1px solid #ddd;
border-radius: 4px;
resize: none;
height: 60px;
font-family: inherit;
font-size: 1rem;
}
.send-btn {
margin-left: 0.5rem;
padding: 0 1.5rem;
background-color: #1976d2;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
transition: background-color 0.2s;
}
.send-btn:hover {
background-color: #1565c0;
}
.send-btn:disabled {
background-color: #ccc;
cursor: not-allowed;
}
/* Общие стили для всех кнопок аутентификации */
.auth-btn { .auth-btn {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -511,12 +840,6 @@ textarea {
font-size: 1.2rem; font-size: 1.2rem;
} }
/* Специфические стили для разных типов кнопок */
.wallet-btn {
background-color: #1976d2;
color: white;
}
.telegram-btn { .telegram-btn {
background-color: #0088cc; background-color: #0088cc;
color: white; color: white;

View File

@@ -42,7 +42,8 @@ export default defineConfig({
'/api': { '/api': {
target: 'http://localhost:8000', target: 'http://localhost:8000',
changeOrigin: true, changeOrigin: true,
secure: false secure: false,
ws: true,
} }
}, },
}, },