feat: РџРµСЂРµРґРµР»РєР° Telegram РёРЅС‚РµРіСЂР°С†РёРё РЅР° РµРґРёРЅРѕРіРѕ Р±РѕС‚Р° (v2.1.0)

- Р•РґРёРЅС‹Р№ Р±РѕС‚ РґР»СЏ РІСЃРµС… РїРѕР»СЊР·РѕРІР°С‚РµР»РµР№ (С‚РѕРєРµРЅ РёР· .env) - Deep link РґР»СЏ РїРѕРґРєР»СЋС‡РµРЅРёСЏ С‡РµСЂРµР· /start РєРѕРјР°РЅРґСѓ - РћС‚РґРµР»СЊРЅР°СЏ С‚Р°Р±Р»РёС†Р° todoist_integrations РґР»СЏ Todoist webhook - РџРµСЂСЃРѕРЅР°Р»СЊРЅС‹Рµ РѕС‚С‡РµС‚С‹ РґР»СЏ РєР°Р¶РґРѕРіРѕ РїРѕР»СЊР·РѕРІР°С‚РµР»СЏ - РђРІС‚РѕРјР°С‚РёС‡РµСЃРєРѕРµ РїСЂРёРјРµРЅРµРЅРёРµ РјРёРіСЂР°С†РёРё 012 РїСЂРё СЃС‚Р°СЂС‚Рµ - РћР±РЅРѕРІР»РµРЅ Frontend: РєРЅРѕРїРєР° РїРѕРґРєР»СЋС‡РµРЅРёСЏ РІРјРµСЃС‚Рѕ РїРѕР»СЏ РІРІРѕРґР° С‚РѕРєРµРЅР°
2026-01-02 14:47:51 +03:00
parent 4df054536a
commit 8ba7e8fd45
5 changed files with 845 additions and 609 deletions
--- a/2
+++ b/2
@@ -1 +1 @@
-2.0.8
+2.1.0
--- a/env.example
+++ b/env.example
@@ -28,8 +28,10 @@ WEB_PORT=3001
 # ============================================
 # Telegram Bot Configuration
 # ============================================
-# Bot Token и Chat ID настраиваются через UI приложения в разделе "Интеграции" -> "Telegram"
-# Get token from @BotFather in Telegram: https://t.me/botfather
+# Токен единого бота для всех пользователей
+# Получить у @BotFather: https://t.me/botfather
+TELEGRAM_BOT_TOKEN=your-bot-token-here
+
 # Base URL для автоматической настройки webhook
 # Примеры:
 #   - Для production с HTTPS: https://your-domain.com
--- a/play-life-backend/main.go
+++ b/play-life-backend/main.go
--- a/play-life-backend/migrations/012_refactor_telegram_single_bot.sql
+++ b/play-life-backend/migrations/012_refactor_telegram_single_bot.sql
@@ -0,0 +1,103 @@
+-- Migration: Refactor telegram_integrations for single shared bot
+-- and move Todoist webhook_token to separate table
+
+-- ============================================
+-- 1. Создаем таблицу todoist_integrations
+-- ============================================
+CREATE TABLE IF NOT EXISTS todoist_integrations (
+    id SERIAL PRIMARY KEY,
+    user_id INTEGER NOT NULL REFERENCES users(id) ON DELETE CASCADE,
+    webhook_token VARCHAR(255) NOT NULL,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    CONSTRAINT todoist_integrations_user_id_unique UNIQUE (user_id)
+);
+
+CREATE UNIQUE INDEX IF NOT EXISTS idx_todoist_integrations_webhook_token 
+ON todoist_integrations(webhook_token);
+
+CREATE INDEX IF NOT EXISTS idx_todoist_integrations_user_id 
+ON todoist_integrations(user_id);
+
+COMMENT ON TABLE todoist_integrations IS 'Todoist webhook integration settings per user';
+COMMENT ON COLUMN todoist_integrations.webhook_token IS 'Unique token for Todoist webhook URL';
+
+-- ============================================
+-- 2. Мигрируем webhook_token из telegram_integrations в todoist_integrations
+-- ============================================
+INSERT INTO todoist_integrations (user_id, webhook_token, created_at, updated_at)
+SELECT user_id, webhook_token, COALESCE(created_at, CURRENT_TIMESTAMP), CURRENT_TIMESTAMP
+FROM telegram_integrations
+WHERE webhook_token IS NOT NULL 
+  AND webhook_token != ''
+  AND user_id IS NOT NULL
+ON CONFLICT (user_id) DO NOTHING;
+
+-- ============================================
+-- 3. Модифицируем telegram_integrations
+-- ============================================
+
+-- Удаляем bot_token (будет в .env)
+ALTER TABLE telegram_integrations 
+DROP COLUMN IF EXISTS bot_token;
+
+-- Удаляем webhook_token (перенесли в todoist_integrations)
+ALTER TABLE telegram_integrations 
+DROP COLUMN IF EXISTS webhook_token;
+
+-- Добавляем telegram_user_id
+ALTER TABLE telegram_integrations 
+ADD COLUMN IF NOT EXISTS telegram_user_id BIGINT;
+
+-- Добавляем start_token для deep links
+ALTER TABLE telegram_integrations 
+ADD COLUMN IF NOT EXISTS start_token VARCHAR(255);
+
+-- Добавляем timestamps если их нет
+ALTER TABLE telegram_integrations 
+ADD COLUMN IF NOT EXISTS created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP;
+
+ALTER TABLE telegram_integrations 
+ADD COLUMN IF NOT EXISTS updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP;
+
+-- ============================================
+-- 4. Создаем индексы
+-- ============================================
+CREATE UNIQUE INDEX IF NOT EXISTS idx_telegram_integrations_start_token 
+ON telegram_integrations(start_token) 
+WHERE start_token IS NOT NULL;
+
+CREATE UNIQUE INDEX IF NOT EXISTS idx_telegram_integrations_telegram_user_id 
+ON telegram_integrations(telegram_user_id) 
+WHERE telegram_user_id IS NOT NULL;
+
+-- Уникальность user_id
+DROP INDEX IF EXISTS idx_telegram_integrations_user_id;
+CREATE UNIQUE INDEX IF NOT EXISTS idx_telegram_integrations_user_id_unique 
+ON telegram_integrations(user_id) 
+WHERE user_id IS NOT NULL;
+
+-- Индекс для поиска по chat_id
+CREATE INDEX IF NOT EXISTS idx_telegram_integrations_chat_id 
+ON telegram_integrations(chat_id) 
+WHERE chat_id IS NOT NULL;
+
+-- Удаляем старый индекс webhook_token
+DROP INDEX IF EXISTS idx_telegram_integrations_webhook_token;
+
+-- ============================================
+-- 5. Очищаем данные Telegram для переподключения
+-- ============================================
+UPDATE telegram_integrations 
+SET chat_id = NULL, 
+    telegram_user_id = NULL,
+    start_token = NULL,
+    updated_at = CURRENT_TIMESTAMP;
+
+-- ============================================
+-- Комментарии
+-- ============================================
+COMMENT ON COLUMN telegram_integrations.telegram_user_id IS 'Telegram user ID (message.from.id)';
+COMMENT ON COLUMN telegram_integrations.chat_id IS 'Telegram chat ID для отправки сообщений';
+COMMENT ON COLUMN telegram_integrations.start_token IS 'Временный токен для deep link при первом подключении';
+
--- a/play-life-web/src/components/TelegramIntegration.jsx
+++ b/play-life-web/src/components/TelegramIntegration.jsx
@@ -4,12 +4,9 @@ import './Integrations.css'

 function TelegramIntegration({ onBack }) {
  const { authFetch } = useAuth()
-  const [botToken, setBotToken] = useState('')
-  const [chatId, setChatId] = useState('')
+  const [integration, setIntegration] = useState(null)
  const [loading, setLoading] = useState(true)
-  const [saving, setSaving] = useState(false)
  const [error, setError] = useState('')
-  const [success, setSuccess] = useState('')

  useEffect(() => {
    fetchIntegration()
@@ -23,8 +20,7 @@ function TelegramIntegration({ onBack }) {
        throw new Error('Ошибка при загрузке интеграции')
      }
      const data = await response.json()
-      setBotToken(data.bot_token || '')
-      setChatId(data.chat_id || '')
+      setIntegration(data)
    } catch (error) {
      console.error('Error fetching integration:', error)
      setError('Не удалось загрузить данные интеграции')
@@ -33,40 +29,22 @@ function TelegramIntegration({ onBack }) {
    }
  }

-  const handleSave = async () => {
-    if (!botToken.trim()) {
-      setError('Bot Token обязателен для заполнения')
-      return
+  const handleOpenBot = () => {
+    if (integration?.deep_link) {
+      window.open(integration.deep_link, '_blank')
    }
+  }

-    try {
-      setSaving(true)
-      setError('')
-      setSuccess('')
+  const handleRefresh = () => {
+    fetchIntegration()
+  }

-      const response = await authFetch('/api/integrations/telegram', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ bot_token: botToken }),
-      })
-
-      if (!response.ok) {
-        const errorData = await response.json()
-        throw new Error(errorData.error || 'Ошибка при сохранении')
-      }
-
-      const data = await response.json()
-      setBotToken(data.bot_token || '')
-      setChatId(data.chat_id || '')
-      setSuccess('Bot Token успешно сохранен!')
-    } catch (error) {
-      console.error('Error saving integration:', error)
-      setError(error.message || 'Не удалось сохранить Bot Token')
-    } finally {
-      setSaving(false)
-    }
+  if (loading) {
+    return (
+      <div className="p-4 md:p-6">
+        <div className="text-gray-500">Загрузка...</div>
+      </div>
+    )
  }

  return (
@@ -77,96 +55,77 @@ function TelegramIntegration({ onBack }) {

      <h1 className="text-2xl font-bold mb-6">Telegram интеграция</h1>

-      {loading ? (
-        <div className="text-gray-500">Загрузка...</div>
-      ) : (
-        <>
-          <div className="bg-white rounded-lg shadow-md p-6 mb-6">
-            <h2 className="text-lg font-semibold mb-4">Настройки</h2>
+      {error && (
+        <div className="mb-4 p-3 bg-red-50 border border-red-200 rounded-lg text-red-700">
+          {error}
+        </div>
+      )}

-            <div className="mb-4">
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Telegram Bot Token
-              </label>
-              <input
-                type="text"
-                value={botToken}
-                onChange={(e) => setBotToken(e.target.value)}
-                placeholder="Введите Bot Token"
-                className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
-              />
+      <div className="bg-white rounded-lg shadow-md p-6 mb-6">
+        <h2 className="text-lg font-semibold mb-4">Статус подключения</h2>
+
+        {integration?.is_connected ? (
+          <div className="space-y-4">
+            <div className="p-4 bg-green-50 border border-green-200 rounded-lg">
+              <div className="flex items-center text-green-700">
+                <span className="text-xl mr-2">✓</span>
+                <span className="font-medium">Telegram подключен</span>
+              </div>
            </div>
            
-            {chatId && (
-              <div className="mb-4">
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Chat ID (устанавливается автоматически)
-                </label>
-                <input
-                  type="text"
-                  value={chatId}
-                  readOnly
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg bg-gray-50"
-                />
-              </div>
-            )}
-
-            {error && (
-              <div className="mb-4 p-3 bg-red-50 border border-red-200 rounded-lg text-red-700 text-sm">
-                {error}
-              </div>
-            )}
-
-            {success && (
-              <div className="mb-4 p-3 bg-green-50 border border-green-200 rounded-lg text-green-700 text-sm">
-                {success}
+            {integration.telegram_user_id && (
+              <div className="text-sm text-gray-600">
+                Telegram ID: <span className="font-mono">{integration.telegram_user_id}</span>
              </div>
            )}

            <button
-              onClick={handleSave}
-              disabled={saving || !botToken.trim()}
-              className="w-full px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors disabled:bg-gray-400 disabled:cursor-not-allowed"
+              onClick={handleOpenBot}
+              className="w-full px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700"
            >
-              {saving ? 'Сохранение...' : 'Сохранить Bot Token'}
+              Открыть бота
            </button>
          </div>
+        ) : (
+          <div className="space-y-4">
+            <div className="p-4 bg-yellow-50 border border-yellow-200 rounded-lg">
+              <div className="flex items-center text-yellow-700">
+                <span className="text-xl mr-2">⚠</span>
+                <span className="font-medium">Telegram не подключен</span>
+              </div>
+              <p className="mt-2 text-sm text-gray-600">
+                Нажмите кнопку ниже и отправьте команду /start в боте
+              </p>
+            </div>

-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-6 mb-6">
-            <h3 className="text-lg font-semibold mb-3 text-blue-900">
-              Откуда взять Bot Token
-            </h3>
-            <ol className="list-decimal list-inside space-y-2 text-gray-700">
-              <li>Откройте Telegram и найдите бота @BotFather</li>
-              <li>Отправьте команду /newbot</li>
-              <li>Следуйте инструкциям для создания нового бота</li>
-              <li>
-                После создания бота BotFather предоставит вам Bot Token
-              </li>
-              <li>Скопируйте токен и вставьте его в поле выше</li>
-            </ol>
-          </div>
+            <button
+              onClick={handleOpenBot}
+              disabled={!integration?.deep_link}
+              className="w-full px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 disabled:bg-gray-400 disabled:cursor-not-allowed"
+            >
+              Подключить Telegram
+            </button>

-          <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-6">
-            <h3 className="text-lg font-semibold mb-3 text-yellow-900">
-              Что нужно сделать после сохранения Bot Token
-            </h3>
-            <ol className="list-decimal list-inside space-y-2 text-gray-700">
-              <li>После сохранения Bot Token отправьте первое сообщение вашему боту в Telegram</li>
-              <li>
-                Chat ID будет автоматически сохранен после обработки первого
-                сообщения
-              </li>
-              <li>
-                После этого бот сможет отправлять вам ответные сообщения
-              </li>
-            </ol>
+            <button
+              onClick={handleRefresh}
+              className="w-full px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50"
+            >
+              Проверить подключение
+            </button>
          </div>
-        </>
-      )}
+        )}
+      </div>
+
+      <div className="bg-blue-50 border border-blue-200 rounded-lg p-6">
+        <h3 className="text-lg font-semibold mb-3 text-blue-900">Инструкция</h3>
+        <ol className="list-decimal list-inside space-y-2 text-gray-700">
+          <li>Нажмите кнопку "Подключить Telegram"</li>
+          <li>В открывшемся Telegram нажмите "Start" или отправьте /start</li>
+          <li>Вернитесь сюда и нажмите "Проверить подключение"</li>
+        </ol>
+      </div>
    </div>
  )
 }

 export default TelegramIntegration
-
@@ -1 +1 @@
 .0.8
 .1.0