VC-HB3-Accelerator/DLE
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Тестовый коммит после удаления husky

Browse Source
This commit is contained in:
Alex
2025-03-05 01:02:09 +03:00
parent 97ca5e4b64
commit 3157ad0cd9
118 changed files with 8177 additions and 8530 deletions
Download Patch File Download Diff File Expand all files Collapse all files

227
frontend/src/views/HomeView.vue
View File

@@ -3,38 +3,46 @@
<div class="chat-container">
<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
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 v-if="message.showAuthOptions" class="auth-options">
<div class="auth-option">
<WalletConnection />
</div>
<div class="auth-option">
<button class="auth-btn telegram-btn" @click="connectTelegram">
<span class="auth-icon">📱</span> Подключить Telegram
</button>
</div>
<div class="auth-option email-option">
<input type="email" v-model="email" placeholder="Введите ваш email" class="email-input" />
<input
type="email"
v-model="email"
placeholder="Введите ваш email"
class="email-input"
/>
<button class="auth-btn email-btn" @click="connectEmail" :disabled="!isValidEmail">
<span class="auth-icon">✉️</span> Подключить Email
</button>
</div>
</div>
<div class="message-time">{{ formatTime(message.timestamp) }}</div>
</div>
</div>
<div class="chat-input">
<textarea
v-model="userInput"
placeholder="Введите ваше сообщение..."
<textarea
v-model="userInput"
placeholder="Введите ваше сообщение..."
@keydown.enter.prevent="sendMessage"
></textarea>
<button class="send-btn" @click="sendMessage" :disabled="!userInput.trim() || isLoading">
@@ -50,16 +58,16 @@ import { ref, computed, onMounted, watch, nextTick } from 'vue';
import { useAuthStore } from '../stores/auth';
import axios from 'axios';
import WalletConnection from '../components/WalletConnection.vue';
import { connectWallet } from '../services/wallet';
import { connectWallet } from '../utils/wallet';
const auth = useAuthStore();
const userInput = ref('');
const messages = ref([
{
sender: 'ai',
text: 'Привет! Я ИИ-ассистент DApp for Business. Чем я могу помочь вам сегодня?',
timestamp: new Date()
}
{
sender: 'ai',
text: 'Привет! Я ИИ-ассистент DApp for Business. Чем я могу помочь вам сегодня?',
timestamp: new Date(),
},
]);
const chatMessages = ref(null);
const isLoading = ref(false);
@@ -75,75 +83,81 @@ const isValidEmail = computed(() => {
});
// Прокрутка чата вниз при добавлении новых сообщений
watch(messages, () => {
nextTick(() => {
if (chatMessages.value) {
chatMessages.value.scrollTop = chatMessages.value.scrollHeight;
}
});
}, { deep: true });
watch(
messages,
() => {
nextTick(() => {
if (chatMessages.value) {
chatMessages.value.scrollTop = chatMessages.value.scrollHeight;
}
});
},
{ deep: true }
);
// Определение языка пользователя
onMounted(() => {
// Используем русский язык по умолчанию для русскоязычного интерфейса
userLanguage.value = 'ru';
// Или определяем язык из браузера
const userLang = navigator.language || navigator.userLanguage;
userLanguage.value = userLang.split('-')[0];
console.log('Detected language:', userLang);
// Если язык браузера начинается с 'ru', используем русский
if (userLang.startsWith('ru')) {
userLanguage.value = 'ru';
} else {
userLanguage.value = userLang.split('-')[0];
}
});
// Функция для отправки сообщения
async function sendMessage() {
if (!userInput.value.trim() || isLoading.value) return;
// Добавляем сообщение пользователя в чат
const userMessage = userInput.value.trim();
messages.value.push({
sender: 'user',
text: userInput.value,
timestamp: new Date()
text: userMessage,
timestamp: new Date(),
});
const userMessage = userInput.value;
userInput.value = '';
isLoading.value = true;
try {
// Если пользователь не аутентифицирован и еще не видел сообщение с опциями аутентификации
if (!auth.isAuthenticated && !hasShownAuthMessage.value) {
// Добавляем задержку для имитации обработки
await new Promise(resolve => setTimeout(resolve, 1000));
// Добавляем сообщение с опциями аутентификации
messages.value.push({
sender: 'ai',
text: 'Для более персонализированного опыта, пожалуйста, подключитесь одним из следующих способов:',
timestamp: new Date(),
showAuthOptions: true
});
hasShownAuthMessage.value = true;
isLoading.value = false;
return;
}
console.log('Отправка сообщения:', userMessage, 'язык:', userLanguage.value);
// Отправляем запрос к API
const response = await axios.post('/api/chat/message', {
message: userMessage,
language: userLanguage.value
});
const response = await axios.post(
'/api/chat/message',
{
message: userMessage,
language: userLanguage.value,
},
{
withCredentials: true, // Важно для передачи куков
}
);
console.log('Ответ от сервера:', response.data);
// Добавляем ответ от ИИ в чат
messages.value.push({
sender: 'ai',
text: response.data.reply || 'Извините, я не смог обработать ваш запрос.',
timestamp: new Date()
timestamp: new Date(),
});
} catch (error) {
console.error('Error sending message:', error);
// Добавляем сообщение об ошибке
messages.value.push({
sender: 'ai',
text: 'Извините, произошла ошибка при обработке вашего запроса. Пожалуйста, попробуйте позже.',
timestamp: new Date()
timestamp: new Date(),
});
} finally {
isLoading.value = false;
@@ -153,7 +167,7 @@ async function sendMessage() {
// Функция для форматирования времени
function formatTime(timestamp) {
if (!timestamp) return '';
const date = new Date(timestamp);
return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
}
@@ -163,25 +177,25 @@ async function connectTelegram() {
try {
// Отправляем запрос на получение ссылки для авторизации через Telegram
const response = await axios.get('/api/auth/telegram');
// Если сервер вернул ошибку, показываем сообщение
if (response.data.error) {
messages.value.push({
sender: 'ai',
text: `Ошибка при подключении Telegram: ${response.data.error}`,
timestamp: new Date()
timestamp: new Date(),
});
return;
}
// Если сервер вернул ссылку для авторизации, показываем её пользователю
if (response.data.authUrl) {
messages.value.push({
sender: 'ai',
text: `Для подключения Telegram, перейдите по <a href="${response.data.authUrl}" target="_blank">этой ссылке</a> и авторизуйтесь.`,
timestamp: new Date()
timestamp: new Date(),
});
// Открываем ссылку в новом окне
window.open(response.data.authUrl, '_blank');
} else {
@@ -189,20 +203,20 @@ async function connectTelegram() {
messages.value.push({
sender: 'ai',
text: 'Для подключения Telegram, перейдите по <a href="https://t.me/YourBotName" target="_blank">этой ссылке</a> и авторизуйтесь.',
timestamp: new Date()
timestamp: new Date(),
});
// Открываем ссылку на бота в новом окне
window.open('https://t.me/YourBotName', '_blank');
}
} catch (error) {
console.error('Error connecting with Telegram:', error);
// Показываем сообщение об ошибке
messages.value.push({
sender: 'ai',
text: 'Извините, произошла ошибка при подключении Telegram. Пожалуйста, попробуйте позже.',
timestamp: new Date()
timestamp: new Date(),
});
}
}
@@ -210,70 +224,69 @@ async function connectTelegram() {
// Функция для подключения через Email
async function connectEmail() {
if (!isValidEmail.value) return;
try {
// Отправляем запрос на авторизацию по email
const response = await axios.post('/api/auth/email', { email: email.value });
// Если сервер вернул ошибку, показываем сообщение
if (response.data.error) {
messages.value.push({
sender: 'ai',
text: `Ошибка при подключении Email: ${response.data.error}`,
timestamp: new Date()
timestamp: new Date(),
});
return;
}
// Если сервер вернул код подтверждения или сообщение об отправке письма
if (response.data.success) {
messages.value.push({
sender: 'ai',
text: `На ваш email ${email.value} отправлено письмо с кодом подтверждения. Пожалуйста, проверьте вашу почту и введите код:`,
timestamp: new Date()
timestamp: new Date(),
});
// Добавляем поле для ввода кода подтверждения
messages.value.push({
sender: 'ai',
text: '<div class="verification-code"><input type="text" placeholder="Введите код подтверждения" id="verification-code" /><button onclick="verifyEmailCode()">Подтвердить</button></div>',
timestamp: new Date()
timestamp: new Date(),
});
// Добавляем функцию для проверки кода в глобальный объект window
window.verifyEmailCode = async function() {
window.verifyEmailCode = async function () {
const code = document.getElementById('verification-code').value;
if (!code) return;
try {
const verifyResponse = await axios.post('/api/auth/email/verify', {
email: email.value,
code
code,
});
if (verifyResponse.data.authenticated) {
auth.setAuth({
address: email.value,
isAdmin: verifyResponse.data.isAdmin,
authType: 'email'
});
auth.authenticated = true;
auth.address = email.value;
auth.isAdmin = verifyResponse.data.isAdmin;
auth.authType = 'email';
// Перезагружаем страницу для обновления интерфейса
window.location.reload();
} else {
messages.value.push({
sender: 'ai',
text: 'Неверный код подтверждения. Пожалуйста, попробуйте еще раз.',
timestamp: new Date()
timestamp: new Date(),
});
}
} catch (error) {
console.error('Error verifying email code:', error);
messages.value.push({
sender: 'ai',
text: 'Произошла ошибка при проверке кода. Пожалуйста, попробуйте позже.',
timestamp: new Date()
timestamp: new Date(),
});
}
};
@@ -282,46 +295,44 @@ async function connectEmail() {
messages.value.push({
sender: 'ai',
text: `На ваш email ${email.value} отправлено письмо с кодом подтверждения. Пожалуйста, проверьте вашу почту.`,
timestamp: new Date()
timestamp: new Date(),
});
// Имитируем успешную авторизацию через email
setTimeout(() => {
auth.setAuth({
address: email.value,
isAdmin: email.value.includes('admin'),
authType: 'email'
});
auth.authenticated = true;
auth.address = email.value;
auth.isAdmin = email.value.includes('admin');
auth.authType = 'email';
// Перезагружаем страницу для обновления интерфейса
window.location.reload();
}, 3000);
}
} catch (error) {
console.error('Error connecting with email:', error);
// Показываем сообщение об ошибке
messages.value.push({
sender: 'ai',
text: 'Извините, произошла ошибка при подключении Email. Пожалуйста, попробуйте позже.',
timestamp: new Date()
timestamp: new Date(),
});
// Временное решение для обхода ошибок сервера
messages.value.push({
sender: 'ai',
text: `На ваш email ${email.value} отправлено письмо с кодом подтверждения. Пожалуйста, проверьте вашу почту.`,
timestamp: new Date()
timestamp: new Date(),
});
// Имитируем успешную авторизацию через email
setTimeout(() => {
auth.setAuth({
address: email.value,
isAdmin: email.value.includes('admin'),
authType: 'email'
});
auth.authenticated = true;
auth.address = email.value;
auth.isAdmin = email.value.includes('admin');
auth.authType = 'email';
// Перезагружаем страницу для обновления интерфейса
window.location.reload();
}, 3000);
@@ -334,7 +345,7 @@ function handleConnectWallet() {
messages.value.push({
sender: 'ai',
text: errorMessage,
timestamp: new Date()
timestamp: new Date(),
});
});
}
@@ -562,4 +573,4 @@ textarea {
font-size: 1rem;
font-weight: 500;
}
</style>
</style>