First commit - all files added
This commit is contained in:
aegisinvestment
159
README-LNbits-Integration.md
Normal file
159
README-LNbits-Integration.md
Normal file
@@ -0,0 +1,159 @@
|
||||
# 🔧 Интеграция с LNbits - Руководство по тестированию
|
||||
|
||||
## 📋 Обзор
|
||||
|
||||
Интеграция с [LNbits](https://demo.lnbits.com) позволяет создавать Lightning Network инвойсы и верифицировать платежи в реальном времени.
|
||||
|
||||
## 🚀 Быстрый старт
|
||||
|
||||
### 1. Запуск тестов
|
||||
```bash
|
||||
# Откройте в браузере
|
||||
test-lnbits-integration.html
|
||||
```
|
||||
|
||||
### 2. Автоматическое тестирование
|
||||
Нажмите кнопку **"🚀 Запустить все тесты"** для полной проверки интеграции.
|
||||
|
||||
## 🧪 Доступные тесты
|
||||
|
||||
### ✅ 1. Проверка API
|
||||
- Тестирует доступность LNbits API
|
||||
- Проверяет статус сервера
|
||||
- Валидирует API ключ
|
||||
|
||||
### ✅ 2. Создание инвойса
|
||||
- Создает Lightning инвойс на 500 sats
|
||||
- Проверяет корректность ответа
|
||||
- Валидирует структуру данных
|
||||
|
||||
### ✅ 3. Проверка статуса
|
||||
- Проверяет статус созданного инвойса
|
||||
- Отображает детали платежа
|
||||
- Показывает время создания
|
||||
|
||||
### ✅ 4. Верификация платежа
|
||||
- Тестирует криптографические функции
|
||||
- Проверяет SHA-256 хеширование
|
||||
- Валидирует preimage/hash пары
|
||||
|
||||
### ✅ 5. Тест реального платежа
|
||||
- Проверяет готовность к реальным платежам
|
||||
- Показывает инструкции по оплате
|
||||
- Демонстрирует полный цикл
|
||||
|
||||
## 💡 Как протестировать реальный платеж
|
||||
|
||||
### Шаг 1: Создайте инвойс
|
||||
1. Нажмите **"2. Создание инвойса"**
|
||||
2. Скопируйте Payment Request из логов
|
||||
3. Или отсканируйте QR код (если доступен)
|
||||
|
||||
### Шаг 2: Оплатите инвойс
|
||||
Используйте любой Lightning кошелек:
|
||||
- **Alby** (браузерное расширение)
|
||||
- **Zeus** (мобильный кошелек)
|
||||
- **Phoenix** (мобильный кошелек)
|
||||
- **Wallet of Satoshi** (мобильный кошелек)
|
||||
|
||||
### Шаг 3: Проверьте статус
|
||||
1. Нажмите **"3. Проверка статуса"**
|
||||
2. Убедитесь, что `paid: true`
|
||||
3. Скопируйте preimage из кошелька
|
||||
|
||||
### Шаг 4: Верифицируйте платеж
|
||||
1. Нажмите **"5. Тест реального платежа"**
|
||||
2. Введите preimage в поле
|
||||
3. Проверьте результат верификации
|
||||
|
||||
## 🔧 Конфигурация
|
||||
|
||||
### API настройки
|
||||
```javascript
|
||||
{
|
||||
apiUrl: 'https://demo.lnbits.com',
|
||||
apiKey: '623515641d2e4ebcb1d5992d6d78419c',
|
||||
walletId: 'bcd00f561c7b46b4a7b118f069e68997',
|
||||
isDemo: true,
|
||||
demoTimeout: 30000
|
||||
}
|
||||
```
|
||||
|
||||
### Типы сессий
|
||||
```javascript
|
||||
{
|
||||
free: { sats: 0, hours: 1/60, usd: 0.00 },
|
||||
basic: { sats: 500, hours: 1, usd: 0.20 },
|
||||
premium: { sats: 1000, hours: 4, usd: 0.40 },
|
||||
extended: { sats: 2000, hours: 24, usd: 0.80 }
|
||||
}
|
||||
```
|
||||
|
||||
## 📊 Ожидаемые результаты
|
||||
|
||||
### Успешный тест
|
||||
```
|
||||
✅ API доступен
|
||||
✅ Инвойс создан успешно
|
||||
✅ Статус получен
|
||||
✅ Криптографическая верификация работает
|
||||
✅ Платеж готов к тестированию
|
||||
```
|
||||
|
||||
### Возможные ошибки
|
||||
- **API недоступен**: Проверьте интернет соединение
|
||||
- **Ошибка создания инвойса**: Проверьте API ключ
|
||||
- **Ошибка верификации**: Проверьте preimage формат
|
||||
|
||||
## 🔍 Отладка
|
||||
|
||||
### Логи в консоли
|
||||
Откройте Developer Tools (F12) для детальных логов:
|
||||
```javascript
|
||||
console.log('🔍 Тестирование доступности API...');
|
||||
console.log('✅ API доступен');
|
||||
console.log('📊 Статус:', data);
|
||||
```
|
||||
|
||||
### Проверка сети
|
||||
В Network tab проверьте:
|
||||
- Статус HTTP запросов
|
||||
- Заголовки авторизации
|
||||
- Тело ответов
|
||||
|
||||
## 🚨 Известные проблемы
|
||||
|
||||
### 1. CORS ошибки
|
||||
**Проблема**: Браузер блокирует запросы к LNbits
|
||||
**Решение**: Используйте локальный сервер или прокси
|
||||
|
||||
### 2. API лимиты
|
||||
**Проблема**: Слишком много запросов
|
||||
**Решение**: Добавьте задержки между тестами
|
||||
|
||||
### 3. Неверный preimage
|
||||
**Проблема**: Ошибка верификации
|
||||
**Решение**: Убедитесь, что preimage 64 символа hex
|
||||
|
||||
## 📞 Поддержка
|
||||
|
||||
### Полезные ссылки
|
||||
- [LNbits Documentation](https://docs.lnbits.com/)
|
||||
- [Lightning Network](https://lightning.network/)
|
||||
- [BOLT11 Specification](https://github.com/lightning/bolts/blob/master/11-payment-encoding.md)
|
||||
|
||||
### Контакты
|
||||
- **GitHub**: [LockBit.chat](https://github.com/lockbitchat/lockbit-chat)
|
||||
- **Документация**: [README.md](../README.md)
|
||||
|
||||
## 🎯 Следующие шаги
|
||||
|
||||
1. **Протестируйте все функции**
|
||||
2. **Настройте продакшн API ключи**
|
||||
3. **Интегрируйте в основное приложение**
|
||||
4. **Добавьте мониторинг платежей**
|
||||
5. **Настройте уведомления**
|
||||
|
||||
---
|
||||
|
||||
**🎉 Интеграция готова к использованию!**
|
||||
1
ico.svg
Normal file
1
ico.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#fb923c" d="M320 64C324.6 64 329.2 65 333.4 66.9L521.8 146.8C543.8 156.1 560.2 177.8 560.1 204C559.6 303.2 518.8 484.7 346.5 567.2C329.8 575.2 310.4 575.2 293.7 567.2C121.3 484.7 80.6 303.2 80.1 204C80 177.8 96.4 156.1 118.4 146.8L306.7 66.9C310.9 65 315.4 64 320 64zM320 130.8L320 508.9C458 442.1 495.1 294.1 496 205.5L320 130.9L320 130.9z"/></svg>
|
||||
|
After Width: | Height: | Size: 575 B |
3622
index.html
Normal file
3622
index.html
Normal file
File diff suppressed because it is too large
Load Diff
14
logo/alby.svg
Normal file
14
logo/alby.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 135 61">
|
||||
<path d="M 14.958 15.796 C 14.958 13.48 13.08 11.602 10.764 11.602 C 8.448 11.602 6.57 13.48 6.57 15.796 C 6.57 18.112 8.448 19.99 10.764 19.99 C 13.08 19.99 14.958 18.112 14.958 15.796 Z" fill="rgb(0,0,0)"></path>
|
||||
<path d="M 10.065 15.168 L 17.894 22.996" fill="transparent" stroke-width="2.097" stroke="rgb(0,0,0)" stroke-miterlimit="10" stroke-dasharray=""></path>
|
||||
<path d="M 40.821 15.796 C 40.821 13.48 42.699 11.602 45.015 11.602 C 47.331 11.602 49.209 13.48 49.209 15.796 C 49.209 18.112 47.331 19.99 45.015 19.99 C 42.699 19.99 40.821 18.112 40.821 15.796 Z" fill="rgb(0,0,0)"></path>
|
||||
<path d="M 45.784 15.168 L 37.955 22.996" fill="transparent" stroke-width="2.097" stroke="rgb(0,0,0)" stroke-miterlimit="10" stroke-dasharray=""></path>
|
||||
<path d="M 11.955 40.823 C 9.695 39.747 8.379 37.331 8.82 34.866 C 10.711 24.289 18.593 16.356 28.03 16.356 C 37.489 16.356 45.386 24.327 47.253 34.943 C 47.687 37.412 46.361 39.827 44.093 40.895 C 39.09 43.247 33.628 44.463 28.099 44.455 C 22.514 44.463 16.998 43.222 11.955 40.823 Z" fill="rgb(255,222,110)"></path>
|
||||
<path d="M 9.852 35.05 C 11.679 24.83 19.234 17.404 28.029 17.404 L 28.029 15.307 C 17.953 15.307 9.743 23.747 7.788 34.682 L 9.852 35.051 Z M 28.029 17.404 C 36.846 17.404 44.416 24.867 46.22 35.124 L 48.285 34.761 C 46.355 23.788 38.131 15.307 28.029 15.307 Z M 43.646 39.946 C 38.783 42.233 33.473 43.414 28.099 43.406 L 28.099 45.504 C 33.976 45.504 39.549 44.191 44.539 41.844 Z M 28.1 43.406 C 22.671 43.414 17.309 42.208 12.407 39.876 L 11.505 41.77 C 16.689 44.236 22.359 45.512 28.1 45.504 L 28.1 43.407 Z M 46.221 35.125 C 46.569 37.104 45.509 39.069 43.647 39.945 L 44.54 41.843 C 47.214 40.585 48.807 37.72 48.286 34.761 Z M 7.788 34.68 C 7.26 37.634 8.839 40.5 11.504 41.769 L 12.406 39.875 C 10.55 38.992 9.499 37.025 9.852 35.05 Z" fill="rgb(0,0,0)"></path>
|
||||
<path d="M 15.988 38.193 C 14.168 37.453 13.089 35.517 13.72 33.656 C 15.664 27.918 21.336 23.766 28.03 23.766 C 34.723 23.766 40.395 27.918 42.34 33.656 C 42.97 35.516 41.89 37.452 40.071 38.193 C 36.247 39.748 32.158 40.546 28.03 40.541 C 23.77 40.541 19.704 39.707 15.988 38.193 Z" fill="rgb(0,0,0)"></path>
|
||||
<path d="M 29.357 32.712 C 29.357 31.168 30.922 29.916 32.852 29.916 C 34.782 29.916 36.347 31.168 36.347 32.712 C 36.347 34.256 34.782 35.508 32.852 35.508 C 30.922 35.508 29.357 34.256 29.357 32.712 Z" fill="rgb(248,196,85)"></path>
|
||||
<path d="M 29.357 32.712 C 29.357 31.168 30.922 29.916 32.852 29.916 C 34.782 29.916 36.347 31.168 36.347 32.712 C 36.347 34.256 34.782 35.508 32.852 35.508 C 30.922 35.508 29.357 34.256 29.357 32.712 Z" fill="rgba(255,255,255,0.97)"></path>
|
||||
<path d="M 19.353 32.714 C 19.353 31.17 20.918 29.918 22.848 29.918 C 24.778 29.918 26.343 31.17 26.343 32.714 C 26.343 34.258 24.778 35.51 22.848 35.51 C 20.918 35.51 19.353 34.258 19.353 32.714 Z" fill="rgb(248,196,85)"></path>
|
||||
<path d="M 19.353 32.714 C 19.353 31.17 20.918 29.918 22.848 29.918 C 24.778 29.918 26.343 31.17 26.343 32.714 C 26.343 34.258 24.778 35.51 22.848 35.51 C 20.918 35.51 19.353 34.258 19.353 32.714 Z" fill="rgba(255,255,255,0.97)"></path>
|
||||
<path d="M 72.715 30.751 L 70.2 23.906 L 67.795 30.751 L 72.716 30.751 Z M 66.943 15.84 L 73.677 15.84 L 83.075 40.704 L 76.452 41.37 L 74.639 36.042 L 65.944 36.042 L 64.205 41 L 57.508 41 Z M 91.657 41 L 84.923 41 L 84.923 15.285 L 91.657 14.878 Z M 98.752 41 L 95.348 41 L 95.348 15.285 L 102.082 14.878 L 102.082 37.633 Z M 99.899 30.048 L 98.012 25.719 C 98.456 25.176 99.023 24.659 99.714 24.165 C 100.442 23.64 101.239 23.217 102.082 22.907 C 102.934 22.588 103.836 22.425 104.746 22.426 C 106.522 22.426 108.1 22.759 109.482 23.425 C 110.863 24.091 111.948 25.115 112.738 26.496 C 113.552 27.877 113.959 29.641 113.959 31.787 C 113.959 33.908 113.552 35.684 112.738 37.115 C 111.948 38.545 110.838 39.619 109.408 40.334 C 108.002 41.049 106.349 41.407 104.45 41.407 C 103.71 41.407 102.97 41.296 102.23 41.074 C 101.47 40.831 100.747 40.482 100.084 40.038 C 99.394 39.545 98.702 38.903 98.012 38.114 L 99.899 34.155 C 100.614 34.821 101.317 35.339 102.008 35.709 C 102.698 36.054 103.364 36.227 104.006 36.227 C 104.573 36.227 105.079 36.054 105.523 35.709 C 105.967 35.364 106.324 34.858 106.596 34.192 C 106.867 33.526 107.003 32.737 107.003 31.824 C 107.003 30.911 106.867 30.147 106.596 29.53 C 106.349 28.889 105.979 28.408 105.486 28.087 C 105.017 27.767 104.425 27.606 103.71 27.606 C 103.118 27.606 102.513 27.828 101.897 28.272 C 101.28 28.716 100.614 29.308 99.899 30.048 Z M 120.619 41.074 L 120.767 40.667 L 114.329 24.165 L 120.545 22.389 L 124.208 33.193 L 127.649 23.055 L 134.346 23.055 L 126.465 43.109 C 126.095 44.071 125.491 44.959 124.652 45.773 C 123.787 46.606 122.801 47.304 121.729 47.845 C 120.619 48.412 119.472 48.832 118.288 49.103 L 116.031 43.886 C 116.653 43.626 117.27 43.355 117.881 43.072 C 118.499 42.802 119.093 42.48 119.657 42.11 C 120.175 41.765 120.496 41.42 120.619 41.074 Z" fill="rgb(0,0,0)"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
4
logo/atomic.svg
Normal file
4
logo/atomic.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.5 KiB |
10
logo/blink.svg
Normal file
10
logo/blink.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg width="770" height="235" viewBox="0 0 770 235" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M145.76 4.26997C145.66 4.23997 145.55 4.20998 145.44 4.18998C136.01 1.84998 126.57 0.72998 117.27 0.72998H117.23C64.88 0.74998 17.27 36.25 4.09999 89.36C-11.41 151.91 26.72 215.2 89.27 230.71C98.7 233.05 108.15 234.17 117.45 234.17C169.82 234.17 217.45 198.66 230.62 145.54C246.1 83.11 208.15 19.93 145.76 4.26997ZM221.46 143.27C209.57 191.23 166.79 224.73 117.45 224.73C108.77 224.73 100.05 223.66 91.54 221.55C63.73 214.66 40.28 197.35 25.49 172.81C10.7 148.27 6.35999 119.44 13.26 91.64C25.15 43.69 67.97 10.2 117.3 10.17C125.97 10.17 134.67 11.24 143.25 13.37L143.36 13.4L143.47 13.43C200.67 27.78 235.65 86.03 221.46 143.27Z" fill="white"/>
|
||||
<path d="M141.68 101.83C138.33 115.24 117.89 108.36 111.25 106.72L117.11 83.26C123.64 84.87 145.03 87.95 141.57 101.82H141.68V101.83ZM138.03 139.73C134.41 154.34 109.81 146.43 101.84 144.45L108.31 118.55C116.28 120.56 141.82 124.48 138.03 139.73ZM164.84 102.03C166.95 87.75 156.09 80.08 141.38 74.99L146.21 55.65L134.31 52.7L129.62 71.53C126.54 70.76 123.35 70.02 120.2 69.32L124.89 50.29L113.13 47.34L108.3 66.68L100.8 65L84.55 60.94L81.43 73.51C81.43 73.51 89.55 75.49 89.98 75.65C92.61 76.18 95.73 79.01 95.48 82.35L82.27 135.3C81.55 137.56 79.14 138.8 76.88 138.08C76.63 138.01 68.3 135.97 68.3 135.97L62.47 149.38L77.78 153.17L86.16 155.35L81.3 174.89L93.06 177.84L97.89 158.5C101.06 159.37 104.18 160.17 107.24 160.91L102.48 180.31L114.24 183.22L119.1 163.72C139.21 167.51 154.25 166 160.62 147.84C165.75 133.23 160.35 124.82 149.8 119.32C157.5 117.55 163.2 112.63 164.84 102.03Z" fill="white"/>
|
||||
<path d="M338.06 82.01C345.36 82.01 351.67 83.3 356.99 85.89C362.31 88.48 366.72 91.97 370.22 96.38C373.72 100.79 376.3 105.96 377.98 111.89C379.65 117.82 380.49 124.21 380.49 131.05C380.49 141.54 378.55 151.47 374.67 160.82C370.79 170.17 365.51 178.31 358.82 185.23C352.13 192.15 344.22 197.63 335.09 201.65C325.97 205.68 316.08 207.7 305.43 207.7C304.06 207.7 301.67 207.66 298.24 207.59C294.82 207.51 290.9 207.17 286.49 206.56C282.08 205.95 277.4 205.04 272.46 203.82C267.52 202.61 262.84 200.93 258.43 198.8L297.89 32.96L333.25 27.49L319.1 86.35C322.14 84.98 325.18 83.92 328.23 83.16C331.29 82.39 334.56 82.01 338.06 82.01ZM308.41 179.64C313.73 179.64 318.75 178.35 323.47 175.76C328.18 173.18 332.25 169.72 335.67 165.38C339.09 161.05 341.79 156.14 343.77 150.67C345.75 145.19 346.74 139.49 346.74 133.56C346.74 126.26 345.52 120.56 343.09 116.45C340.66 112.35 336.17 110.29 329.63 110.29C327.5 110.29 324.73 110.67 321.3 111.43C317.88 112.19 314.8 113.79 312.06 116.22L297 178.73C297.91 178.88 298.71 179.03 299.39 179.19C300.07 179.34 300.79 179.46 301.56 179.53C302.32 179.61 303.23 179.64 304.3 179.64C305.36 179.64 306.73 179.64 308.41 179.64Z" fill="white"/>
|
||||
<path d="M434.78 206.79C423.98 206.79 415.5 205.38 409.35 202.57C403.19 199.76 398.78 195.92 396.12 191.05C393.46 186.18 392.16 180.6 392.24 174.28C392.32 167.97 393.19 161.24 394.86 154.09L423.83 32.96L459.19 27.49L427.48 158.88C426.87 161.62 426.53 164.13 426.45 166.41C426.37 168.69 426.79 170.71 427.71 172.45C428.62 174.2 430.18 175.61 432.39 176.67C434.59 177.73 437.67 178.42 441.63 178.72L434.78 206.79Z" fill="white"/>
|
||||
<path d="M486.11 204.51H452.35L480.86 84.52H514.85L486.11 204.51Z" fill="white"/>
|
||||
<path d="M539.94 89.99C542.52 89.23 545.38 88.36 548.49 87.37C551.61 86.38 555.11 85.47 558.98 84.63C562.86 83.8 567.19 83.11 571.99 82.58C576.78 82.05 582.22 81.78 588.3 81.78C606.24 81.78 618.56 86.95 625.26 97.29C631.95 107.63 633.09 121.78 628.68 139.72L613.17 204.51H579.18L594.24 141.09C595.15 137.14 595.87 133.3 596.41 129.57C596.94 125.84 596.9 122.57 596.3 119.76C595.69 116.95 594.28 114.67 592.08 112.92C589.87 111.17 586.49 110.3 581.93 110.3C577.52 110.3 573.03 110.76 568.47 111.67L546.34 204.51H512.35L539.94 89.99Z" fill="white"/>
|
||||
<path d="M684.79 127.86C693.91 120.56 702.5 113.11 710.57 105.5C718.63 97.9 725.55 90.9 731.33 84.51H769.65C761.13 93.94 752.27 103.18 743.07 112.23C733.87 121.28 723.34 130.9 711.47 141.09C714.66 145.05 717.89 149.61 721.17 154.78C724.44 159.95 727.56 165.35 730.52 170.98C733.49 176.61 736.22 182.31 738.73 188.09C741.24 193.87 743.33 199.35 745 204.52H707.13C705.76 200.57 704.05 196.23 702 191.52C699.95 186.81 697.67 182.13 695.16 177.49C692.65 172.85 690.03 168.33 687.29 163.92C684.55 159.51 681.82 155.56 679.08 152.06L666.31 204.53H632.55L673.61 32.98L708.97 27.51L684.79 127.86Z" fill="white"/>
|
||||
<path d="M526.82 48.28C526.82 51.44 526.22 54.38 525.01 57.12C523.81 59.86 522.16 62.25 520.09 64.28C518.01 66.31 515.58 67.93 512.8 69.14C510.02 70.34 507.05 70.95 503.9 70.95C500.74 70.95 497.78 70.35 495 69.14C492.22 67.94 489.81 66.32 487.78 64.28C485.75 62.25 484.13 59.86 482.92 57.12C481.72 54.38 481.12 51.44 481.12 48.28C481.12 45.21 481.72 42.28 482.92 39.5C484.12 36.72 485.74 34.31 487.78 32.28C489.82 30.25 492.22 28.63 495 27.42C497.78 26.22 500.75 25.61 503.9 25.61C507.05 25.61 510.02 26.21 512.8 27.42C515.58 28.63 518.01 30.24 520.09 32.28C522.16 34.31 523.8 36.72 525.01 39.5C526.22 42.28 526.82 45.21 526.82 48.28Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
10
logo/breez.svg
Normal file
10
logo/breez.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg width="100" height="38" viewBox="0 0 100 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20.8955 24.9263C20.8955 23.7996 19.9893 22.879 18.8639 22.879H6.0827C4.96462 22.879 4.05115 23.7922 4.05115 24.9263C4.05115 26.053 4.95731 26.9735 6.0827 26.9735H18.8639C19.982 26.9662 20.8955 26.053 20.8955 24.9263Z" fill="white"/>
|
||||
<path d="M98.1188 30.05H91.1727C90.9092 30.05 90.7555 29.7602 90.8872 29.5373L98.9825 16.3695C99.0411 16.2803 99.0777 16.1837 99.1216 16.0871C99.1216 16.0797 99.1289 16.0723 99.1289 16.0648C99.1582 15.9905 99.1802 15.9162 99.1948 15.8419C99.2094 15.7825 99.2314 15.723 99.2387 15.6636C99.246 15.6413 99.246 15.6115 99.246 15.5892C99.2607 15.5001 99.2753 15.4109 99.2753 15.3143C99.2753 14.2591 98.4263 13.3971 97.3869 13.3971H87.3958C86.4077 13.3971 85.5294 14.1328 85.4342 15.1285C85.3244 16.2729 86.2101 17.2315 87.3153 17.2315H93.3905C93.654 17.2315 93.8077 17.5213 93.6759 17.7442L85.6319 30.8229C85.5806 30.912 85.544 31.0012 85.5001 31.0904C85.3684 31.3505 85.2878 31.6403 85.2878 31.9524C85.2878 33.0076 86.1296 33.8696 87.1763 33.8696H98.1115C99.1509 33.8696 99.9999 33.0076 99.9999 31.9524C100.007 30.912 99.1582 30.05 98.1188 30.05Z" fill="white"/>
|
||||
<path d="M47.8252 13.2364C47.8178 13.2364 47.8105 13.2364 47.8105 13.229C47.7884 13.229 47.7736 13.2215 47.7516 13.214C47.7368 13.214 47.7148 13.214 47.7 13.2066C47.6853 13.2066 47.6779 13.2066 47.6632 13.2066C47.2142 13.1693 46.1761 13.1693 45.6314 13.2364V13.2439C44.6081 13.3558 43.4891 13.7065 42.7087 14.3035C42.3701 14.5646 42.0609 14.8482 41.7811 15.1541C41.7517 14.102 40.9124 13.2588 39.8671 13.2588C38.807 13.2588 37.953 14.1319 37.953 15.1989V32.13C37.953 32.3986 38.0045 32.6523 38.1076 32.8911C38.4021 33.5925 39.0867 34.085 39.8818 34.085C40.9419 34.085 41.8032 33.212 41.8032 32.1374V32.018V30.1973V22.8996C41.8032 21.1834 42.2597 19.7656 43.1652 18.6911C43.9087 17.8106 44.7332 17.3032 45.6682 17.1539C46.132 17.0942 46.6031 17.1092 46.6031 17.1092H47.5454C48.6055 17.1092 49.4669 16.2361 49.4669 15.1616C49.4595 14.1766 48.7528 13.3782 47.8252 13.2364Z" fill="white"/>
|
||||
<path d="M29.2997 16.5302C30.2408 15.2095 30.7995 13.5904 30.7995 11.8294C30.7995 7.38225 27.2486 3.77827 22.867 3.77827H21.7789V2.90526C21.7789 1.79347 20.8894 0.898071 19.8013 0.898071C18.7059 0.898071 17.8237 1.80093 17.8237 2.90526V3.77827H15.8094V3.78573H14.5375C13.4789 3.78573 12.6261 4.65875 12.6261 5.72576C12.6261 6.80024 13.4862 7.6658 14.5375 7.6658H15.8094V7.67326H22.8376C25.0357 7.67326 26.8149 9.47898 26.8149 11.71V11.7175C26.8149 13.8888 25.124 15.702 22.9993 15.7468C22.6097 15.7542 21.4334 15.7468 21.4334 15.7468C21.4261 15.7468 21.4114 15.7468 21.404 15.7468H21.3893C20.2204 15.7766 19.2867 16.7989 19.4117 18.0226C19.522 19.0896 20.463 19.8731 21.5216 19.8731H25.5357C25.9474 19.8731 26.3664 19.9029 26.7634 20.0074C28.9174 20.5819 30.5128 22.5667 30.5128 24.9395C30.5128 27.7526 28.2631 30.0358 25.4916 30.0358H13.3759H11.0969C10.0236 30.0358 9.06784 30.8342 8.96491 31.9162C8.84729 33.1548 9.81036 34.1995 11.0087 34.1995H17.8237V35.0949C17.8237 36.2066 18.7133 37.102 19.8013 37.102C20.8967 37.102 21.7789 36.1992 21.7789 35.0949V34.1995H23.4992C23.4992 34.1995 23.4992 34.1995 23.5066 34.1995H25.668C30.6892 34.1995 34.7547 30.0657 34.7547 24.9768C34.7621 21.2012 32.5124 17.948 29.2997 16.5302Z" fill="white"/>
|
||||
<path d="M13.2196 17.8148C13.2196 16.6881 12.3084 15.7676 11.1768 15.7676H2.04283C0.918539 15.7676 0 16.6807 0 17.8148C0 18.9415 0.91119 19.8621 2.04283 19.8621H11.1768C12.3084 19.8621 13.2196 18.9415 13.2196 17.8148Z" fill="white"/>
|
||||
<path d="M9.29228 13.828H18.4262C19.5505 13.828 20.4691 12.9149 20.4691 11.7808C20.4691 10.654 19.5579 9.73352 18.4262 9.73352H9.29228C8.16799 9.73352 7.24945 10.6467 7.24945 11.7808C7.24945 12.9075 8.16064 13.828 9.29228 13.828Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.6184 15.4661C64.9246 16.7832 65.67 18.398 65.8471 20.2882V20.303C65.9357 21.1662 65.8397 22.7364 65.8397 22.7364C65.8397 24.0089 64.8139 25.0433 63.552 25.0433H54.4967C54.3122 25.0433 54.1646 25.1921 54.1646 25.3781V25.9363C54.1646 27.3799 54.6148 28.5036 55.5521 29.3593C56.4893 30.2151 57.7218 30.6467 59.2199 30.6467C59.6184 30.6467 60.0465 30.6021 60.4376 30.5277C61.1387 30.3639 61.9431 29.9993 62.504 29.5677C62.5372 29.5454 62.5686 29.5231 62.5999 29.5007C62.6313 29.4784 62.6627 29.4561 62.6959 29.4338C62.7033 29.43 62.7106 29.4245 62.718 29.4189C62.7254 29.4133 62.7328 29.4077 62.7402 29.404C62.8066 29.3593 62.8804 29.3147 62.9468 29.2775C62.9505 29.2738 62.956 29.2719 62.9616 29.27C62.9671 29.2682 62.9726 29.2663 62.9763 29.2626L63.1756 29.1733C63.1903 29.1733 63.2051 29.1659 63.2198 29.1584L63.2199 29.1584C63.2937 29.1287 63.3675 29.1063 63.4486 29.0914C63.456 29.0914 63.4652 29.0896 63.4745 29.0877C63.4837 29.0859 63.4929 29.084 63.5003 29.084C63.5741 29.0691 63.6553 29.0617 63.7365 29.0617H63.7586H63.766C64.5409 29.0617 65.1977 29.5677 65.4338 30.2746C65.4338 30.2895 65.4412 30.3044 65.4486 30.3193C65.456 30.3565 65.4634 30.3863 65.4707 30.416C65.4855 30.4532 65.4929 30.483 65.5003 30.5202C65.5224 30.617 65.5298 30.7211 65.5298 30.8179V30.8476V30.8849C65.5298 30.9518 65.5224 31.0262 65.515 31.0932C65.5076 31.1081 65.5076 31.1155 65.5076 31.1304C65.4929 31.2123 65.4707 31.2941 65.4486 31.3685C65.4449 31.3797 65.4412 31.389 65.4375 31.3983C65.4339 31.4076 65.4302 31.4169 65.4265 31.4281C65.4117 31.4876 65.3896 31.5471 65.3601 31.5992C65.3578 31.6037 65.3549 31.6089 65.3517 31.6146C65.3444 31.6276 65.3357 31.6432 65.3305 31.6588C65.2936 31.7332 65.2493 31.8002 65.2051 31.8671C64.9173 32.3285 64.3859 32.775 63.5667 33.2512C62.3712 33.9508 60.873 34.3005 59.1166 34.3005C56.5483 34.3005 54.4229 33.5117 52.7919 31.9639C51.1536 30.416 50.3196 28.3473 50.3196 25.8321V21.4416C50.3196 19.2091 51.1019 17.2595 52.6443 15.6372C54.1868 14.0075 56.0686 13.1815 58.2384 13.1815C60.2974 13.1815 62.1129 13.948 63.6184 15.4661ZM61.4487 21.7467C61.8546 21.7467 62.1867 21.4193 62.1867 21.01V20.7495C62.1867 19.5663 61.8029 18.7924 61.0207 17.8994C60.2458 17.0213 59.3233 16.5972 58.2015 16.5972C57.0945 16.5972 56.172 16.9916 55.3676 17.8101C54.5632 18.6287 54.172 19.611 54.172 20.8091V20.9951C54.172 21.4044 54.5041 21.7393 54.91 21.7393L61.4487 21.7467Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.5291 15.4661C82.8353 16.7832 83.5807 18.398 83.7578 20.2882V20.303C83.8464 21.1662 83.7505 22.7364 83.7505 22.7364C83.7505 24.0089 82.7246 25.0433 81.4627 25.0433H72.4074C72.2229 25.0433 72.0753 25.1921 72.0753 25.3781V25.9363C72.0753 27.3799 72.5255 28.5036 73.4628 29.3593C74.4 30.2151 75.6325 30.6467 77.1306 30.6467C77.5291 30.6467 77.9572 30.6021 78.3483 30.5277C79.0494 30.3639 79.8538 29.9993 80.4147 29.5677C80.4479 29.5454 80.4793 29.5231 80.5106 29.5007C80.542 29.4784 80.5734 29.4561 80.6066 29.4338C80.614 29.43 80.6213 29.4245 80.6287 29.4189C80.6361 29.4133 80.6435 29.4077 80.6509 29.404C80.7173 29.3593 80.7911 29.3147 80.8575 29.2775C80.8612 29.2738 80.8667 29.2719 80.8723 29.27C80.8778 29.2682 80.8833 29.2663 80.887 29.2626L81.0863 29.1733C81.101 29.1733 81.1158 29.1659 81.1305 29.1584L81.1306 29.1584C81.2044 29.1287 81.2782 29.1063 81.3593 29.0914C81.3667 29.0914 81.3759 29.0896 81.3852 29.0877C81.3944 29.0859 81.4036 29.084 81.411 29.084C81.4848 29.0691 81.566 29.0617 81.6472 29.0617H81.6693H81.6767C82.4516 29.0617 83.1084 29.5677 83.3446 30.2746C83.3446 30.2895 83.3519 30.3044 83.3593 30.3193C83.3667 30.3565 83.3741 30.3863 83.3814 30.416C83.3962 30.4532 83.4036 30.483 83.411 30.5202C83.4331 30.617 83.4405 30.7211 83.4405 30.8179V30.8476V30.8849C83.4405 30.9518 83.4331 31.0262 83.4257 31.0932C83.4184 31.1081 83.4184 31.1155 83.4184 31.1304C83.4036 31.2123 83.3815 31.2941 83.3593 31.3685C83.3556 31.3797 83.3519 31.389 83.3482 31.3983C83.3446 31.4076 83.3409 31.4169 83.3372 31.4281C83.3224 31.4876 83.3003 31.5471 83.2708 31.5992C83.2685 31.6037 83.2656 31.6089 83.2624 31.6146C83.2551 31.6276 83.2464 31.6432 83.2412 31.6588C83.2043 31.7332 83.1601 31.8002 83.1158 31.8671C82.828 32.3285 82.2966 32.775 81.4774 33.2512C80.2819 33.9508 78.7837 34.3005 77.0273 34.3005C74.4591 34.3005 72.3336 33.5117 70.7026 31.9639C69.0643 30.416 68.2303 28.3473 68.2303 25.8321V21.4416C68.2303 19.2091 69.0126 17.2595 70.555 15.6372C72.0975 14.0075 73.9794 13.1815 76.1491 13.1815C78.2081 13.1815 80.0236 13.948 81.5291 15.4661ZM79.3594 21.7467C79.7653 21.7467 80.0974 21.4193 80.0974 21.01V20.7495C80.0974 19.5663 79.7136 18.7924 78.9314 17.8994C78.1565 17.0213 77.234 16.5972 76.1122 16.5972C75.0052 16.5972 74.0827 16.9916 73.2783 17.8101C72.4739 18.6287 72.0827 19.611 72.0827 20.8091V20.9951C72.0827 21.4044 72.4148 21.7393 72.8207 21.7393L79.3594 21.7467Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.5 KiB |
13
logo/impervious.svg
Normal file
13
logo/impervious.svg
Normal file
@@ -0,0 +1,13 @@
|
||||
<svg width="393" height="218" viewBox="0 0 393 218" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M185.301 76.795V73.897L185.307 73.905L225.402 124.032V124.031L225.403 124.028L229.231 114.193C236.413 106.691 260.404 80.316 261.55 61.58C258.814 62.315 256.207 62.859 253.718 63.258L245.862 51.292C244.101 39.739 240.132 29.536 233.454 19.353L231.067 15.714L227.99 18.793C227.591 19.193 227.209 19.591 226.823 19.99C226.755 19.986 226.705 19.989 226.663 19.995C221.585 12.082 210.903 6.614 198.508 6.614C198.498 6.614 198.489 6.615 198.479 6.615L196.859 0C196.859 0 196.847 0.000999451 196.846 0.000999451C196.596 0.0139995 162.857 1.87601 150.064 31.387C149.217 33.309 148.486 35.369 147.849 37.532C147.809 37.669 147.763 37.799 147.723 37.937C147.497 38.723 147.302 39.547 147.104 40.366C147.017 40.727 146.913 41.068 146.831 41.436C146.784 41.647 146.755 41.849 146.71 42.059C146.633 42.417 146.574 42.767 146.504 43.122C142.038 65.53 148.815 82.503 156.603 93.788C156.569 98.216 155.501 100.957 154.722 102.324C154.547 102.603 154.362 102.882 154.163 103.162H149.912L141.285 120.572H138.312L130.5 136.338C130.497 136.344 130.494 136.35 130.491 136.356C140.319 130.158 151.95 126.558 164.428 126.558C174.161 126.558 183.379 128.748 191.63 132.649C201.593 137.359 210.128 144.579 216.443 153.489C217.588 155.105 218.659 156.776 219.653 158.498H225.525H236.994L185.301 76.795ZM212.681 98.214L209.294 93.98L209.509 93.705L210.488 92.45L223.811 75.359C225.669 75.665 227.693 75.955 229.837 76.207L213.221 97.522L212.681 98.214ZM218.305 105.245L214.918 101.011L215.673 100.042L217.303 97.951L233.934 76.619C236.027 76.79 238.189 76.899 240.373 76.937L219.385 103.858L218.305 105.245ZM252.017 76.251L225.553 110.198L223.931 112.278L220.544 108.044L221.84 106.381L224.002 103.608L244.825 76.897C247.251 76.81 249.667 76.608 252.017 76.251ZM220.464 51.026L220.757 47.064L222.54 48.493C223.754 49.5 226.301 51.58 229.957 53.594H229.958C232.469 54.977 235.5 56.319 239.035 57.264L240.371 59.298L242.512 62.559L243.543 64.129C243.334 64.13 243.129 64.127 242.923 64.127C228.073 64.075 219.902 58.659 219.902 58.659L220.464 51.026ZM214.213 73.424C215.36 73.705 217.277 74.147 219.751 74.63L219.881 74.731L207.481 90.636L207.056 91.181L203.669 86.947L214.213 73.424Z" fill="white"/>
|
||||
<path d="M8.687 183.487H0V217.101H8.687V183.487Z" fill="white"/>
|
||||
<path d="M42.802 209.249H42.606L32.153 183.487H19.689V217.101H27.247V192.711H27.442L37.502 217.101H46.924L56.935 192.711H57.131V217.101H65.818V183.487H53.401L42.802 209.249Z" fill="white"/>
|
||||
<path d="M108.394 186.429C105.155 183.78 100.297 183.486 93.7701 183.486H76.8401V217.1H85.5271V209.613V207.628V201.201V194.008V189.913H93.5241C99.4141 189.913 103.094 190.355 103.094 195.459C103.094 199.974 100.445 201.201 93.6221 201.201H90.5741V207.628H91.8081C100.051 207.628 104.371 207.286 108.001 204.587C110.7 202.673 111.927 199.58 111.927 195.361C111.927 191.386 110.798 188.393 108.394 186.429Z" fill="white"/>
|
||||
<path d="M129.372 203.164H147.529V196.687H129.372V190.159H149.001V183.487H120.685V217.101H149.834V210.378H129.372V203.164Z" fill="white"/>
|
||||
<path d="M189.8 202.722C192.449 200.906 193.676 198.307 193.676 194.331C193.676 190.601 192.547 188 190.094 186.186C186.855 183.781 182.097 183.487 175.52 183.487H159.179V217.101H167.866V209.614V205.569V199.436V194.009V189.914H175.57C181.312 189.914 184.844 190.21 184.844 194.577C184.844 198.601 182.195 199.436 175.668 199.436H172.913V205.569C172.913 205.569 175.03 205.569 175.816 205.519L184.796 217.101H195.297L185.286 204.538C187.053 204.195 188.573 203.605 189.8 202.722Z" fill="white"/>
|
||||
<path d="M220.103 209.151H219.858L207.835 183.487H198.069L214.901 217.101H224.619L241.401 183.487H232.077L220.103 209.151Z" fill="white"/>
|
||||
<path d="M256.245 183.487H247.558V217.101H256.245V183.487Z" fill="white"/>
|
||||
<path d="M302.482 186.186C298.408 183.535 293.208 182.799 286.483 182.799C279.86 182.799 274.607 183.486 270.536 186.186C265.923 189.227 264.353 194.332 264.353 200.269C264.353 206.257 265.923 211.261 270.536 214.304C274.075 216.692 278.482 217.552 283.985 217.738V210.908C276.578 210.325 273.235 206.984 273.235 200.023C273.235 192.123 277.405 189.57 286.533 189.57C295.709 189.57 299.783 192.811 299.783 200.515C299.783 207.627 296.341 210.432 289.032 210.922V217.739C294.489 217.555 298.937 216.701 302.481 214.352C307.044 211.261 308.665 206.257 308.665 200.269C308.665 194.331 307.045 189.276 302.482 186.186Z" fill="white"/>
|
||||
<path d="M344.711 202.035C344.711 204.832 344.319 206.992 342.847 208.514C341.179 210.378 338.282 211.015 334.798 211.015C331.364 211.015 328.419 210.28 326.751 208.464C325.23 206.796 324.789 204.538 324.789 201.691V183.487H316.102V202.331C316.102 207.827 316.789 211.655 320.126 214.254C323.954 217.249 329.009 217.788 334.7 217.788C340.344 217.788 345.301 217.249 349.177 214.254C352.563 211.655 353.251 207.827 353.251 202.331V183.487H344.712V202.035H344.711Z" fill="white"/>
|
||||
<path d="M379.038 196.295C376.633 195.901 373.933 195.558 372.069 195.066C370.449 194.674 369.859 193.889 369.859 192.467C369.859 191.14 370.35 190.307 371.971 189.914C373.491 189.62 375.503 189.522 377.269 189.522C381.147 189.522 386.004 189.866 389.931 190.307V183.338C385.562 183.044 381.49 182.799 377.416 182.799C373.884 182.799 369.858 183.045 366.915 184.467C363.037 186.331 361.615 189.522 361.615 193.447C361.615 199.776 365.393 202.132 374.03 203.556C376.581 203.998 379.428 204.389 381.342 204.881C383.01 205.372 383.599 206.158 383.599 207.678C383.599 209.1 383.205 210.033 381.439 210.427C379.966 210.721 377.415 210.916 374.47 210.916C370.888 210.916 365.735 210.524 361.712 210.083V217.247C366.619 217.541 371.036 217.786 375.599 217.786C379.379 217.786 383.696 217.392 386.689 215.92C390.567 214.008 392.039 210.767 392.039 206.696C392.043 199.877 387.675 197.62 379.038 196.295Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.7 KiB |
37
logo/lightning-labs.svg
Normal file
37
logo/lightning-labs.svg
Normal file
@@ -0,0 +1,37 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="192px" height="55px" viewBox="0 0 192 55" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 62 (91390) - https://sketch.com -->
|
||||
<title>logo-invert</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Delivery" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Careers" transform="translate(-69.000000, -38.000000)" fill="#F5F5F5" fill-rule="nonzero">
|
||||
<g id="logo-invert" transform="translate(69.000000, 38.461884)">
|
||||
<g id="Group" transform="translate(40.604167, 1.000000)">
|
||||
<g id="Path">
|
||||
<path d="M12.8285417,19.02875 L2.54166667,19.02875 L2.54166667,0.862083333 C2.40541667,0.407916667 2.291875,0.294375 1.86041667,0.3625 L0.838541667,0.49875 C0.270833333,0.589583333 0.270833333,0.77125 0.270833333,1.27083333 L0.270833333,19.165 C0.146500018,19.678633 0.274513564,20.2207685 0.615470495,20.6245332 C0.956427427,21.028298 1.46946502,21.2453021 1.99666667,21.20875 L12.57875,21.20875 C13.191875,21.20875 13.464375,20.9135417 13.600625,20.323125 L13.736875,19.8008333 C13.8958333,19.2104167 13.6233333,19.0060417 12.8285417,19.02875 Z"></path>
|
||||
<path d="M18.4375,0.0445833333 L17.3702083,0.203541667 C16.93875,0.203541667 16.8025,0.453333333 16.8025,0.952916667 L16.8025,21.0952083 C16.8025,21.549375 16.93875,21.685625 17.3702083,21.6175 L18.4375,21.4585417 C18.8689583,21.4585417 18.9825,21.2314583 18.9825,20.731875 L18.9825,0.566875 C19.050625,0.112708333 18.9370833,-0.000833333333 18.4375,0.0445833333 Z"></path>
|
||||
<path d="M38.875,10.85375 L33.1297917,10.85375 C32.5847917,10.85375 32.3804167,11.0354167 32.3804167,11.67125 L32.3804167,11.9664583 C32.3804167,12.556875 32.5847917,12.76125 33.1297917,12.76125 L37.6714583,12.76125 L37.6714583,18.5745833 C36.4115259,18.8655912 35.1261947,19.0329124 33.83375,19.0741667 C28.2020833,19.0741667 25.25,16.2810417 25.25,10.85375 C25.25,5.42645833 28.179375,2.63333333 33.6747917,2.63333333 C35.1005763,2.66891863 36.5176504,2.86700427 37.8985417,3.22375 C38.670625,3.428125 38.9658333,3.36 39.1247917,2.83770833 L39.1247917,2.38354167 C39.28375,1.77041667 39.1247917,1.49791667 38.2391667,1.29354167 C36.5922953,0.864377635 34.8996282,0.635638831 33.1979167,0.612291667 C26.7033333,0.612291667 23.07,4.31375 23.07,10.85375 C23.07,17.39375 26.7260417,21.0952716 33.1979167,21.0952716 C34.7882733,21.0991773 36.3735876,20.9162564 37.92125,20.5502083 C39.1702083,20.3004167 39.624375,19.8008333 39.624375,18.8470833 L39.624375,11.8529167 C39.7379167,11.12625 39.488125,10.85375 38.875,10.85375 Z"></path>
|
||||
<path d="M58.971875,0.385208333 L57.9272917,0.521458333 C57.54125,0.521458333 57.405,0.77125 57.405,1.248125 L57.405,9.24145833 L46.2552083,9.24145833 L46.2552083,0.884791667 C46.2552083,0.430625 46.1189583,0.317083333 45.6875,0.385208333 L44.6429167,0.521458333 C44.2341667,0.521458333 44.120625,0.77125 44.0752083,1.248125 L44.0752083,20.8 C44.0752083,21.2314583 44.2341667,21.345 44.6429167,21.2995833 L45.6875,21.140625 C46.1189583,21.140625 46.2325,20.9135417 46.2552083,20.4366667 L46.2552083,11.3533333 L57.405,11.3533333 L57.405,20.8 C57.405,21.2314583 57.54125,21.345 57.9727083,21.2995833 L58.9945833,21.140625 C59.380625,21.140625 59.516875,20.9135417 59.585,20.4366667 L59.585,0.884791667 C59.516875,0.430625 59.3125,0.317083333 58.971875,0.385208333 Z"></path>
|
||||
<path d="M80.0679167,1.86125 L80.0679167,1.36166667 C79.75,0.77125 79.5229167,0.589583333 78.9097917,0.521458333 L64.2402083,0.521458333 C63.604375,0.521458333 63.331875,0.77125 63.195625,1.36166667 L63.0820833,1.86125 C62.923125,2.45166667 63.195625,2.65604167 63.9904167,2.70145833 L70.4622917,2.70145833 L70.4622917,20.868125 C70.4622917,21.2995833 70.6439583,21.413125 71.0754167,21.3677083 L72.0972917,21.20875 C72.4833333,21.20875 72.6422917,20.9816667 72.6422917,20.5047917 L72.6422917,2.70145833 L79.1595833,2.70145833 C79.9770833,2.65604167 80.226875,2.45166667 80.0679167,1.86125 Z"></path>
|
||||
<path d="M100.936875,0.884791667 L100.936875,20.8908333 C100.936875,21.2541667 100.936875,21.3904167 100.936875,21.3904167 C100.936875,21.3904167 100.687083,21.5039583 100.391875,21.1860417 L85.6995833,4.88145833 L85.6995833,20.4139583 C85.6995833,20.9135417 85.6995833,21.0952083 85.1545833,21.1633333 L84.0872917,21.2995833 C83.6558333,21.2995833 83.5195787,21.2995833 83.5195787,20.8 L83.5195787,1.13458333 C83.5181392,0.695901963 83.8544271,0.329941575 84.2916667,0.294375 C84.5634009,0.245856781 84.8419474,0.330264808 85.0410417,0.521458333 C85.0410417,0.521458333 98.8704167,16.0085417 98.8704167,16.0085417 L98.8704167,1.27083333 C98.8704167,0.793958333 99.0066667,0.612291667 99.438125,0.544166667 L100.391875,0.3625 C100.823333,0.294375 100.936875,0.430625 100.936875,0.884791667 Z"></path>
|
||||
<path d="M107.454167,0.0445833333 L106.386875,0.203541667 C105.955417,0.203541667 105.841875,0.430625 105.841875,0.930208333 L105.841875,21.1179167 C105.841875,21.5720833 105.955417,21.685625 106.386875,21.6402083 L107.454167,21.48125 C107.885625,21.48125 108.021875,21.2314583 108.021875,20.7545833 L108.021875,0.566875 C108.021875,0.112708333 107.885625,-0.0235416667 107.454167,0.0445833333 Z"></path>
|
||||
<path d="M150.145833,10.85375 L144.128125,10.85375 C143.583125,10.85375 143.37875,11.0354167 143.37875,11.67125 L143.37875,11.9664583 C143.37875,12.556875 143.583125,12.76125 144.128125,12.76125 L148.82875,12.76125 L148.82875,18.5745833 C147.568539,18.8640434 146.283359,19.0313449 144.991042,19.0741667 C139.495625,19.0741667 136.520833,16.2810417 136.520833,10.85375 C136.520833,5.42645833 139.450208,2.63333333 144.945625,2.63333333 C146.36404,2.66765468 147.773738,2.86577437 149.146667,3.22375 C149.941458,3.428125 150.236667,3.36 150.395625,2.83770833 L150.395625,2.38354167 C150.554583,1.77041667 150.395625,1.49791667 149.487292,1.29354167 C147.84813,0.864442921 146.162984,0.635690061 144.46875,0.612291667 C137.974167,0.612291667 134.363542,4.31375 134.363542,10.85375 C134.363542,17.39375 138.019583,21.0952382 144.46875,21.0952382 C146.059036,21.097927 147.644205,20.9150229 149.192083,20.5502083 C150.418333,20.3004167 150.8725,19.8008333 150.8725,18.8470833 L150.8725,11.8529167 C150.986042,11.12625 150.758958,10.85375 150.145833,10.85375 Z"></path>
|
||||
<path d="M130.593958,0.884791667 L130.593958,20.8908333 C130.593958,21.2541667 130.593958,21.3904167 130.593958,21.3904167 C130.593958,21.3904167 130.344167,21.5039583 130.048958,21.1860417 L115.356667,4.88145833 L115.356667,20.4139583 C115.356667,20.9135417 115.243125,21.0952083 114.811667,21.1633333 L113.8125,21.2995833 C113.40375,21.2995833 113.2675,21.2995833 113.2675,20.8 L113.2675,1.13458333 C113.244166,0.765016116 113.465531,0.423745601 113.8125,0.294375 C114.077338,0.245779277 114.349123,0.330711863 114.539167,0.521458333 L128.39125,16.0085417 L128.39125,1.27083333 C128.39125,0.793958333 128.5275,0.612291667 128.93625,0.544166667 L130.048958,0.3625 C130.480417,0.294375 130.593958,0.430625 130.593958,0.884791667 Z"></path>
|
||||
</g>
|
||||
<g transform="translate(1.270833, 30.791667)">
|
||||
<path d="M12.625,19.2339583 L2.27,19.2339583 L2.27,1.18083333 C2.27,0.749375 2.065625,0.613125 1.656875,0.68125 L0.612291667,0.8175 C0.203541667,0.8175 0.0672916667,1.06729167 0.112708333,1.54416667 L0.112708333,19.4610417 C0.112708333,20.8008333 0.635,21.39125 1.88395833,21.4139583 L12.4660417,21.4139583 C13.101875,21.4139583 13.3516667,21.2095833 13.510625,20.6191667 L13.6241667,20.1195833 C13.7377083,19.5064583 13.510625,19.3020833 12.625,19.2339583 Z" id="Path"></path>
|
||||
<path d="M33.4258333,20.7554167 L25.091875,1.294375 C24.9447855,0.861600921 24.5384414,0.570535145 24.0813542,0.570535145 C23.6242669,0.570535145 23.2179229,0.861600921 23.0708333,1.294375 L14.736875,20.7554167 C14.5552083,21.2095833 14.5779167,21.323125 14.8958333,21.39125 L16.03125,21.39125 C16.2002858,21.4466209 16.3850364,21.4258544 16.5375618,21.3343391 C16.6900872,21.2428239 16.795352,21.0895811 16.8260417,20.914375 L19.096875,15.873125 L29.11125,15.873125 L31.3820833,20.914375 C31.412773,21.0895811 31.5180378,21.2428239 31.6705632,21.3343391 C31.8230886,21.4258544 32.0078392,21.4466209 32.176875,21.39125 L33.3122917,21.39125 C33.5847917,21.323125 33.6529167,21.2095833 33.4258333,20.7554167 Z M19.8008333,14.3516667 L24.001875,3.79229167 L28.1802083,14.3516667 L19.8008333,14.3516667 Z" id="Shape"></path>
|
||||
<path d="M46.8010417,10.6047917 C48.6435779,9.6555896 49.742476,7.69901489 49.5941667,5.63166667 C49.7070909,4.39659434 49.3100185,3.16906571 48.4951486,2.23410976 C47.6802788,1.2991538 46.5185032,0.73810954 45.2795833,0.68125 L37.4679167,0.68125 C36.400625,0.68125 36.0145833,1.27166667 36.0145833,2.4525 L36.0145833,19.7335417 C36.0145833,20.8689583 36.400625,21.323125 37.4679167,21.4139583 L45.1433333,21.4139583 C48.0855205,21.2796562 50.3937556,18.8409557 50.36625,15.8958333 C50.5023032,13.5312576 49.0436841,11.3665553 46.8010417,10.6047917 Z M38.1945833,2.656875 L44.848125,2.656875 C46.5739583,2.656875 47.6185417,4.58708333 47.6185417,5.90416667 C47.6185417,8.175 46.1652083,9.71916667 43.2585417,9.71916667 L38.1945833,9.71916667 L38.1945833,2.656875 Z M45.0070833,19.2339583 L38.1945833,19.2339583 L38.1945833,11.3541667 L42.4864583,11.3541667 C46.483125,11.3541667 48.4360417,12.67125 48.4360417,15.39625 C48.5320513,16.3772469 48.2096076,17.3532083 47.5480727,18.0839233 C46.8865378,18.8146383 45.9473491,19.2322448 44.9616667,19.2339583 L45.0070833,19.2339583 Z" id="Shape"></path>
|
||||
<path d="M54.8852083,6.35833333 C54.8852083,4.0875 56.6110417,2.67958333 59.426875,2.67958333 C60.7240708,2.6895312 62.0115715,2.90411465 63.241875,3.31541667 C63.923125,3.56520833 64.195625,3.49708333 64.3772917,3.11104167 L64.5816667,2.49791667 C64.7860417,1.9075 64.5816667,1.635 63.8322917,1.3625 C62.4435706,0.850640444 60.975049,0.589228222 59.495,0.590412633 C55.1804167,0.590412633 52.6825,2.86125 52.6825,6.63083333 C52.6825,12.7620833 64.2183333,11.85375 64.2183333,16.0775 C64.2183333,18.3483333 62.424375,19.5972917 59.6766667,19.5972917 C57.8467238,19.6247206 56.0305636,19.2769452 54.3402083,18.5754167 C53.5908333,18.3029167 53.2502083,18.3483333 53.0458333,18.8025 L52.81875,19.4383333 C52.6370833,19.8925 52.81875,20.165 53.295625,20.369375 C55.2246045,21.208249 57.3008979,21.6559256 59.4041667,21.6864583 C63.9458333,21.6864583 66.3529503,19.5972917 66.3529503,15.7822917 C66.375625,9.81 54.8852083,10.5139583 54.8852083,6.35833333 Z" id="Path"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group">
|
||||
<path d="M27.25,30.2475 L11.3541667,53.4327083 C11.0952102,53.812418 10.579216,53.9135933 10.1960417,53.6597917 C10.0071268,53.5351125 9.87650739,53.3394851 9.83376203,53.1172092 C9.79101668,52.8949334 9.83976152,52.6648129 9.96895833,52.4789583 L25.8647917,29.29375 C26.1281625,28.9112353 26.6517561,28.81465 27.0342708,29.0780208 C27.4167856,29.3413916 27.5133708,29.8649853 27.25,30.2475 L27.25,30.2475 Z" id="Path"></path>
|
||||
<path d="M25.1608333,26.1145833 L9.62833333,48.8229167 C9.36496254,49.2054314 8.84136889,49.3020166 8.45885417,49.0386458 C8.07633945,48.775275 7.97975421,48.2516814 8.243125,47.8691667 L23.775625,25.1608333 C24.0389958,24.7783186 24.5625894,24.6817334 24.9451042,24.9451042 C25.3276189,25.208475 25.4242041,25.7320686 25.1608333,26.1145833 L25.1608333,26.1145833 Z" id="Path"></path>
|
||||
<path d="M20.4375,1.31708333 L2.42979167,27.6360417 L19.3247917,27.6360417 L18.189375,29.3164583 L0.522291667,29.3164583 L0.363333333,29.3164583 C-0.0163763088,29.0575018 -0.117551629,28.5415077 0.13625,28.1583333 L19.006875,0.363333333 C19.2658315,-0.0163763088 19.7818256,-0.117551629 20.165,0.13625 C20.5634412,0.389129753 20.6848369,0.91517786 20.4375,1.31708333 Z" id="Path"></path>
|
||||
<path d="M22.1179167,6.35833333 L10.2414583,23.7302083 L22.004375,23.7302083 L20.84625,25.410625 L7.06229167,25.410625 L8.19770833,23.7302083 L20.7327083,5.42729167 C21.0099982,5.1035648 21.4857595,5.03876639 21.8395259,5.27654379 C22.1932923,5.51432119 22.3129575,5.97932434 22.1179167,6.35833333 L22.1179167,6.35833333 Z" id="Path"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
13
logo/lnbits.svg
Normal file
13
logo/lnbits.svg
Normal file
@@ -0,0 +1,13 @@
|
||||
<svg width="496px" height="148px" viewBox="0 0 496 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>Group 6</title>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Desktop-HD" transform="translate(-68.000000, -665.000000)" fill-rule="nonzero">
|
||||
<g id="Group-9" transform="translate(25.405063, 654.000000)">
|
||||
<g id="Group-6" transform="translate(43.000000, 11.000000)">
|
||||
<path d="M168.594937,119 L168.594937,99.05 L117.294937,99.05 L117.294937,15.95 L95.2449367,15.95 L95.2449367,119 L168.594937,119 Z M200.094937,119 L200.094937,52.4 L249.894937,119 L271.944937,119 L271.944937,15.95 L249.894937,15.95 L249.894937,82.55 L200.094937,15.95 L178.044937,15.95 L178.044937,119 L200.094937,119 Z M321.494937,120.8 C328.194937,120.8 334.269937,119.075 339.719937,115.625 C345.169937,112.175 349.444937,107.35 352.544937,101.15 C355.644937,94.95 357.194937,87.95 357.194937,80.15 C357.194937,72.35 355.644937,65.375 352.544937,59.225 C349.444937,53.075 345.169937,48.275 339.719937,44.825 C334.269937,41.375 328.194937,39.65 321.494937,39.65 C315.394937,39.65 309.919937,41.075 305.069937,43.925 C300.219937,46.775 296.294937,50.8 293.294937,56 L293.294937,56 L293.294937,14.15 L282.044937,14.15 L282.044937,119 L293.294937,119 L293.294937,104.45 C296.294937,109.65 300.219937,113.675 305.069937,116.525 C309.919937,119.375 315.394937,120.8 321.494937,120.8 Z M319.394937,110.75 C314.394937,110.75 309.894937,109.45 305.894937,106.85 C301.894937,104.25 298.794937,100.625 296.594937,95.975 C294.394937,91.325 293.294937,86.05 293.294937,80.15 C293.294937,74.25 294.394937,69 296.594937,64.4 C298.794937,59.8 301.894937,56.2 305.894937,53.6 C309.894937,51 314.394937,49.7 319.394937,49.7 C324.394937,49.7 328.869937,51 332.819937,53.6 C336.769937,56.2 339.844937,59.8 342.044937,64.4 C344.244937,69 345.344937,74.25 345.344937,80.15 C345.344937,86.05 344.244937,91.325 342.044937,95.975 C339.844937,100.625 336.769937,104.25 332.819937,106.85 C328.869937,109.45 324.394937,110.75 319.394937,110.75 Z M368.844937,27.35 C370.844937,27.35 372.569937,26.6 374.019937,25.1 C375.469937,23.6 376.194937,21.85 376.194937,19.85 C376.194937,17.85 375.469937,16.125 374.019937,14.675 C372.569937,13.225 370.844937,12.5 368.844937,12.5 C366.744937,12.5 364.969937,13.225 363.519937,14.675 C362.069937,16.125 361.344937,17.85 361.344937,19.85 C361.344937,21.85 362.069937,23.6 363.519937,25.1 C364.969937,26.6 366.744937,27.35 368.844937,27.35 Z M374.394937,119 L374.394937,41.45 L363.144937,41.45 L363.144937,119 L374.394937,119 Z M415.494937,120.8 C420.894937,120.8 425.694937,119.15 429.894937,115.85 L429.894937,115.85 L424.344937,107.6 C423.444937,108.5 422.294937,109.25 420.894937,109.85 C419.494937,110.45 417.944937,110.75 416.244937,110.75 C413.944937,110.75 411.969937,109.825 410.319937,107.975 C408.669937,106.125 407.844937,103.8 407.844937,101 L407.844937,101 L407.844937,51.5 L426.894937,51.5 L426.894937,41.45 L407.844937,41.45 L407.844937,20.15 L396.594937,20.15 L396.594937,41.45 L384.444937,41.45 L384.444937,51.5 L396.594937,51.5 L396.594937,101 C396.594937,106.8 398.369937,111.55 401.919937,115.25 C405.469937,118.95 409.994937,120.8 415.494937,120.8 Z M466.694937,120.8 C474.894937,120.8 481.669937,118.65 487.019937,114.35 C492.369937,110.05 495.044937,104.4 495.044937,97.4 C495.044937,92.8 493.894937,89.075 491.594937,86.225 C489.294937,83.375 486.444937,81.15 483.044937,79.55 C479.644937,77.95 475.194937,76.3 469.694937,74.6 C464.094937,72.8 459.994937,71.35 457.394937,70.25 C454.794937,69.15 452.844937,67.9 451.544937,66.5 C450.244937,65.1 449.594937,63.3 449.594937,61.1 C449.594937,57.5 451.094937,54.7 454.094937,52.7 C457.094937,50.7 460.894937,49.7 465.494937,49.7 C472.694937,49.7 480.144937,52.15 487.844937,57.05 L487.844937,57.05 L493.244937,48.35 C489.044937,45.65 484.544937,43.525 479.744937,41.975 C474.944937,40.425 470.194937,39.65 465.494937,39.65 C457.594937,39.65 451.094937,41.725 445.994937,45.875 C440.894937,50.025 438.344937,55.55 438.344937,62.45 C438.344937,67.95 440.294937,72.325 444.194937,75.575 C448.094937,78.825 454.794937,81.8 464.294937,84.5 C468.794937,85.8 472.319937,86.95 474.869937,87.95 C477.419937,88.95 479.544937,90.325 481.244937,92.075 C482.944937,93.825 483.794937,96 483.794937,98.6 C483.794937,102.3 482.219937,105.25 479.069937,107.45 C475.919937,109.65 471.794937,110.75 466.694937,110.75 C458.094937,110.75 449.344937,107.5 440.444937,101 L440.444937,101 L434.594937,109.25 C439.194937,112.95 444.319937,115.8 449.969937,117.8 C455.619937,119.8 461.194937,120.8 466.694937,120.8 Z" id="LNbits" fill="#FFFFFF"></path>
|
||||
<polygon id="Path" fill="#FF1EE6" points="31.7629055 0 7.10760662 78.8585043 26.9789129 78.8585043 2.69673524e-13 148 74.8401889 57.3517272 43.9349963 57.3517272 84.3037975 8.34401992e-14"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
7
logo/muun.svg
Normal file
7
logo/muun.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
|
||||
<svg width="124" height="48" viewBox="0 0 124 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.1236 33.8511V18.2948C11.1236 18.2948 12.5211 17.5999 15.1918 17.5999C17.8624 17.5999 19.0524 18.5926 19.0524 21.3862V33.8511H22.8854V21.3862C22.8854 20.1241 22.8854 19.1598 22.8716 18.4224C23.4804 18.082 24.6704 17.5999 26.6354 17.5999C29.6796 17.5999 30.8143 18.5926 30.8143 21.3862V33.8511H34.9517V21.3862C34.9517 19.5001 34.5642 17.529 33.1805 16.0967C31.7829 14.6645 29.7903 13.7144 26.6769 13.7144C23.8817 13.7144 21.4186 14.6928 20.9343 14.9055C19.3707 14.154 17.1705 13.7144 15.2195 13.7144C11.428 13.7144 7 14.9481 7 14.9481V33.8511H11.1236Z" fill="#3970DB"/>
|
||||
<path d="M62.2121 13.7144V31.4245V32.6174C62.2121 32.6174 61.7388 32.7475 60.9502 32.9231C59.31 33.2885 56.306 33.8511 53.359 33.8511C50.2041 33.8511 47.6885 32.8868 46.2848 31.4687C44.8811 30.0365 44.5058 28.0653 44.5058 26.1793V13.7144H48.6614V26.1651C48.6614 28.9587 50.3292 29.9514 53.3868 29.9514C56.4444 29.9514 58.0705 29.2565 58.0705 29.2565V13.7144H62.2121Z" fill="#3970DB"/>
|
||||
<path d="M89.4791 13.7144V32.6174C89.4791 32.6174 84.99 33.8511 80.626 33.8511C77.4711 33.8511 74.9555 32.8868 73.5518 31.4687C72.1481 30.0365 71.7729 28.0653 71.7729 26.1793V13.7144H75.9284V26.1651C75.9284 28.9587 77.5962 29.9514 80.6538 29.9514C83.7114 29.9514 85.3375 29.2565 85.3375 29.2565V13.7144H89.4791Z" fill="#3970DB"/>
|
||||
<path d="M99.008 33.8511V14.9481C99.008 14.9481 103.497 13.7144 107.861 13.7144C111.016 13.7144 113.532 14.6787 114.935 16.0967C116.339 17.529 116.714 19.5001 116.714 21.3862V33.8511H112.559V21.4004C112.559 18.6067 110.891 17.6141 107.833 17.6141C104.776 17.6141 103.15 18.3089 103.15 18.3089V33.8511H99.008Z" fill="#3970DB"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
20
logo/strike.svg
Normal file
20
logo/strike.svg
Normal file
@@ -0,0 +1,20 @@
|
||||
<svg width="79" height="20" viewBox="0 0 90 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Strike Icon -->
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.31317 8.49362C2.82011 8.30435 2.57384 7.75121 2.76311 7.25815C2.95238 6.76509 3.50552 6.51881 3.99858 6.70808L7.55779 8.07434C7.56174 8.07591 7.5657 8.07746 7.56967 8.07899L9.35521 8.76439C9.84827 8.95366 10.4014 8.70738 10.5907 8.21432C10.7799 7.72126 10.5337 7.16812 10.0406 6.97885L10.0404 6.97877C10.0405 6.97874 10.0405 6.9787 10.0406 6.97866L8.25506 6.29326C7.762 6.104 7.51572 5.55086 7.70499 5.0578C7.89426 4.56473 8.4474 4.31846 8.94046 4.50773L14.1921 6.52363C14.2046 6.52845 14.217 6.53352 14.2293 6.53881C14.2519 6.54711 14.2745 6.55559 14.2971 6.56425C16.7624 7.5106 17.9938 10.2763 17.0474 12.7416C16.1011 15.2069 13.3354 16.4383 10.8701 15.4919C10.8226 15.4737 10.7756 15.4548 10.729 15.4353C10.7065 15.4285 10.684 15.4208 10.6616 15.4122L5.51344 13.436C5.02038 13.2467 4.77411 12.6936 4.96338 12.2005C5.15265 11.7075 5.70579 11.4612 6.19885 11.6504L7.98415 12.3358C7.98411 12.3356 7.98407 12.3355 7.98403 12.3354L7.9844 12.3355C8.47746 12.5248 9.0306 12.2785 9.21987 11.7854C9.40914 11.2924 9.16287 10.7392 8.66981 10.55L7.86633 10.2416C7.86634 10.2415 7.86634 10.2415 7.86635 10.2414L3.31317 8.49362Z" fill="white"/>
|
||||
|
||||
<!-- Strike Text -->
|
||||
<g transform="translate(28, 3.5)">
|
||||
<!-- S -->
|
||||
<path d="M5.53551 12.0094C4.61482 12.0289 3.7007 11.8537 2.85607 11.496C2.12816 11.1794 1.50979 10.6642 1.0754 10.0128C0.642748 9.33714 0.39054 8.56665 0.341797 7.77161V7.65141H2.808V7.75532C2.82559 8.19609 2.9777 8.62173 3.24484 8.97777C3.50828 9.31505 3.85779 9.57915 4.25853 9.74381C4.69434 9.92241 5.1631 10.0119 5.63583 10.0066C6.02766 10.0134 6.41822 9.96115 6.79372 9.85179C7.0883 9.76915 7.35238 9.60581 7.55452 9.38117C7.73891 9.15386 7.83442 8.87007 7.82409 8.58046C7.83246 8.40646 7.79905 8.23297 7.72648 8.07379C7.65391 7.91462 7.54418 7.77416 7.40609 7.66363C6.99964 7.38173 6.52925 7.19998 6.03506 7.13391L4.07876 6.76512C3.18984 6.62487 2.36041 6.2404 1.68777 5.65679C1.38402 5.37934 1.14449 5.04189 0.985188 4.66701C0.825883 4.29213 0.750487 3.88843 0.763989 3.48287C0.75674 2.83194 0.96648 2.19632 1.36171 1.67161C1.78712 1.12081 2.35771 0.692727 3.01282 0.432882C4.56833 -0.167745 6.30236 -0.15605 7.8492 0.465487C8.50592 0.751173 9.0661 1.21249 9.46479 1.79592C9.84918 2.39288 10.0654 3.07803 10.0918 3.78239V3.90055H7.62764V3.7946C7.60996 3.47278 7.51168 3.16009 7.34133 2.88388C7.15141 2.59851 6.87957 2.37389 6.55966 2.23802C6.13898 2.06192 5.68381 1.97778 5.22619 1.9915C4.85647 1.98677 4.48852 2.04184 4.13729 2.15448C3.85408 2.24116 3.59903 2.39851 3.39741 2.61088C3.22433 2.80318 3.13182 3.05191 3.13824 3.30766C3.12548 3.46769 3.15763 3.6281 3.23126 3.77167C3.3049 3.91524 3.41726 4.03655 3.55625 4.12262C3.9988 4.36024 4.48046 4.5209 4.97958 4.59735L6.91914 4.96407C7.51097 5.06887 8.08087 5.26853 8.60577 5.55492C9.08683 5.82022 9.49099 6.20017 9.78039 6.6592C10.0808 7.15145 10.2323 7.71652 10.2172 8.28912C10.2286 8.97267 10.037 9.64484 9.66543 10.2247C9.2711 10.8075 8.71219 11.2668 8.05611 11.5469C7.2601 11.8769 6.40013 12.0347 5.53551 12.0094Z" fill="white"/>
|
||||
<!-- T -->
|
||||
<path d="M14.7421 11.7221V2.28284H10.8965V0.282107H20.9558V2.28284H17.1248V11.7221H14.7421Z" fill="white"/>
|
||||
<!-- R -->
|
||||
<path d="M28.9273 11.7221V8.86977C28.9273 8.24225 28.7977 7.79606 28.5427 7.54749C28.2877 7.29893 27.8174 7.17058 27.1507 7.17058H24.8517V11.7221H22.469V0.282107H27.6795C28.8164 0.282107 29.7486 0.544927 30.4446 1.0665C31.1406 1.58808 31.5084 2.35823 31.5084 3.34229C31.5294 4.01366 31.2906 4.66816 30.8396 5.17595C30.4931 5.55368 30.0648 5.85154 29.5856 6.04797C30.065 6.18006 30.486 6.46301 30.7832 6.85273C31.1649 7.38962 31.3551 8.03387 31.3245 8.6864V11.7303L28.9273 11.7221ZM27.2677 5.15355C27.6115 5.16251 27.9538 5.10574 28.2751 4.98646C28.5168 4.89368 28.7223 4.72901 28.8625 4.51584C29.0029 4.27557 29.0709 4.00159 29.0589 3.72532C29.0748 3.52488 29.0431 3.32355 28.9663 3.13698C28.8894 2.95042 28.7695 2.78363 28.6158 2.64957C28.3148 2.40712 27.8613 2.28283 27.2677 2.28283H24.8496V5.15355H27.2677Z" fill="white"/>
|
||||
<!-- I -->
|
||||
<path d="M36.2633 0.282107H33.8806V11.7221H36.2633V0.282107Z" fill="white"/>
|
||||
<!-- K -->
|
||||
<path d="M46.0405 11.7058L42.1697 6.72642L41.1644 7.74512V11.7058H38.8152V0.263777H41.1644V4.77663L41.2585 4.66252L41.4675 4.4221C41.5455 4.33517 41.6291 4.24758 41.7183 4.15929L45.4804 0.263777H48.5485L43.7748 5.09853L49.1755 11.7058H46.0405Z" fill="white"/>
|
||||
<!-- E -->
|
||||
<path d="M50.0638 11.7038V0.263771H58.2985V2.26654H52.4464V4.78273H58.0519V6.79976H52.4464V9.70306H58.5452V11.7038H50.0638Z" fill="white"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
1
logo/wos.svg
Normal file
1
logo/wos.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.5 KiB |
14
logo/zeus.svg
Normal file
14
logo/zeus.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 258.12 100">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #ffa900;
|
||||
stroke-width: 0px;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Layer_1-2" data-name="Layer 1">
|
||||
<path class="cls-1" d="m13.83,27.6L0,0h46.47C29.48,4.39,19.86,16.16,13.83,27.6Zm12.86,72.4h46.47l-13.83-27.6c-6.03,11.43-15.65,23.21-32.64,27.6ZM50.12,0L0,100h23.05L73.17,0h-23.05Zm59.33,27.59L123.28,0h-46.47c16.99,4.39,26.62,16.16,32.64,27.6Zm-32.64,72.4h46.47l-13.83-27.6c-6.03,11.43-15.65,23.21-32.64,27.6Zm-3.14-89.97l-11.52,22.98,8.51,16.99-8.51,16.98,11.52,22.98,20.03-39.96-20.03-39.97ZM179.43.01h-23.05s25.06,49.99,25.06,49.99l-25.06,50h23.04l25.06-50L179.43.01Zm-75.68,49.99l25.06,50h23.04s-25.06-50-25.06-50L151.85,0h-23.04s-25.06,50-25.06,50Zm140.53-22.4L258.12,0h-46.47c16.99,4.39,26.62,16.16,32.64,27.6Zm-45.5,44.81l-13.83,27.6h46.47c-16.99-4.39-26.62-16.16-32.64-27.6ZM184.95,0l50.12,100h23.05S208.01.01,208.01.01h-23.06Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
248
src/components/ui/Header.jsx
Normal file
248
src/components/ui/Header.jsx
Normal file
@@ -0,0 +1,248 @@
|
||||
const React = window.React;
|
||||
|
||||
const EnhancedMinimalHeader = ({
|
||||
status,
|
||||
fingerprint,
|
||||
verificationCode,
|
||||
onDisconnect,
|
||||
isConnected,
|
||||
securityLevel,
|
||||
sessionManager,
|
||||
sessionTimeLeft
|
||||
}) => {
|
||||
const getStatusConfig = () => {
|
||||
switch (status) {
|
||||
case 'connected':
|
||||
return {
|
||||
text: 'Подключено',
|
||||
className: 'status-connected',
|
||||
badgeClass: 'bg-green-500/10 text-green-400 border-green-500/20'
|
||||
};
|
||||
case 'verifying':
|
||||
return {
|
||||
text: 'Верификация...',
|
||||
className: 'status-verifying',
|
||||
badgeClass: 'bg-purple-500/10 text-purple-400 border-purple-500/20'
|
||||
};
|
||||
case 'connecting':
|
||||
return {
|
||||
text: 'Подключение...',
|
||||
className: 'status-connecting',
|
||||
badgeClass: 'bg-blue-500/10 text-blue-400 border-blue-500/20'
|
||||
};
|
||||
case 'retrying':
|
||||
return {
|
||||
text: 'Переподключение...',
|
||||
className: 'status-connecting',
|
||||
badgeClass: 'bg-yellow-500/10 text-yellow-400 border-yellow-500/20'
|
||||
};
|
||||
case 'failed':
|
||||
return {
|
||||
text: 'Ошибка',
|
||||
className: 'status-failed',
|
||||
badgeClass: 'bg-red-500/10 text-red-400 border-red-500/20'
|
||||
};
|
||||
case 'reconnecting':
|
||||
return {
|
||||
text: 'Переподключение...',
|
||||
className: 'status-connecting',
|
||||
badgeClass: 'bg-yellow-500/10 text-yellow-400 border-yellow-500/20'
|
||||
};
|
||||
case 'peer_disconnected':
|
||||
return {
|
||||
text: 'Собеседник отключился',
|
||||
className: 'status-failed',
|
||||
badgeClass: 'bg-orange-500/10 text-orange-400 border-orange-500/20'
|
||||
};
|
||||
default:
|
||||
return {
|
||||
text: 'Не подключен',
|
||||
className: 'status-disconnected',
|
||||
badgeClass: 'bg-gray-500/10 text-gray-400 border-gray-500/20'
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
const config = getStatusConfig();
|
||||
|
||||
const handleSecurityClick = () => {
|
||||
if (securityLevel?.verificationResults) {
|
||||
console.log('Security verification results:', securityLevel.verificationResults);
|
||||
alert('Детали проверки безопасности:\n\n' +
|
||||
Object.entries(securityLevel.verificationResults)
|
||||
.map(([key, result]) => `${key}: ${result.passed ? '✅' : '❌'} ${result.details}`)
|
||||
.join('\n')
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
return React.createElement('header', {
|
||||
className: 'header-minimal sticky top-0 z-50'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'container',
|
||||
className: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'content',
|
||||
className: 'flex items-center justify-between h-16'
|
||||
}, [
|
||||
// Logo and Title - Mobile Responsive
|
||||
React.createElement('div', {
|
||||
key: 'logo-section',
|
||||
className: 'flex items-center space-x-2 sm:space-x-3'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'logo',
|
||||
className: 'icon-container w-8 h-8 sm:w-10 sm:h-10'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
className: 'fas fa-shield-halved accent-orange text-sm sm:text-base'
|
||||
})
|
||||
]),
|
||||
React.createElement('div', {
|
||||
key: 'title-section'
|
||||
}, [
|
||||
React.createElement('h1', {
|
||||
key: 'title',
|
||||
className: 'text-lg sm:text-xl font-semibold text-primary'
|
||||
}, 'LockBit.chat'),
|
||||
React.createElement('p', {
|
||||
key: 'subtitle',
|
||||
className: 'text-xs sm:text-sm text-muted hidden sm:block'
|
||||
}, 'End-to-end freedom')
|
||||
])
|
||||
]),
|
||||
|
||||
// Status and Controls - Mobile Responsive
|
||||
React.createElement('div', {
|
||||
key: 'status-section',
|
||||
className: 'flex items-center space-x-2 sm:space-x-3'
|
||||
}, [
|
||||
// Session Timer - показывать если есть активная сессия
|
||||
(() => {
|
||||
const hasActive = sessionManager?.hasActiveSession();
|
||||
const hasTimer = !!window.SessionTimer;
|
||||
console.log('Header SessionTimer check:', {
|
||||
hasActive,
|
||||
hasTimer,
|
||||
sessionTimeLeft,
|
||||
sessionType: sessionManager?.currentSession?.type
|
||||
});
|
||||
|
||||
return hasActive && hasTimer && React.createElement(window.SessionTimer, {
|
||||
key: 'session-timer',
|
||||
timeLeft: sessionTimeLeft,
|
||||
sessionType: sessionManager.currentSession?.type || 'unknown'
|
||||
});
|
||||
})(),
|
||||
|
||||
// Security Level Indicator - Hidden on mobile, shown on tablet+ (Clickable)
|
||||
securityLevel && React.createElement('div', {
|
||||
key: 'security-level',
|
||||
className: 'hidden md:flex items-center space-x-2 cursor-pointer hover:opacity-80 transition-opacity duration-200',
|
||||
onClick: handleSecurityClick,
|
||||
title: 'Нажмите для просмотра деталей безопасности'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'security-icon',
|
||||
className: `w-6 h-6 rounded-full flex items-center justify-center ${
|
||||
securityLevel.color === 'green' ? 'bg-green-500/20' :
|
||||
securityLevel.color === 'yellow' ? 'bg-yellow-500/20' : 'bg-red-500/20'
|
||||
}`
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
className: `fas fa-shield-alt text-xs ${
|
||||
securityLevel.color === 'green' ? 'text-green-400' :
|
||||
securityLevel.color === 'yellow' ? 'text-yellow-400' : 'text-red-400'
|
||||
}`
|
||||
})
|
||||
]),
|
||||
React.createElement('div', {
|
||||
key: 'security-info',
|
||||
className: 'flex flex-col'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'security-level-text',
|
||||
className: 'text-xs font-medium text-primary'
|
||||
}, `${securityLevel.level} (${securityLevel.score}%)`),
|
||||
securityLevel.details && React.createElement('div', {
|
||||
key: 'security-details',
|
||||
className: 'text-xs text-muted mt-1 hidden lg:block'
|
||||
}, securityLevel.details),
|
||||
React.createElement('div', {
|
||||
key: 'security-progress',
|
||||
className: 'w-16 h-1 bg-gray-600 rounded-full overflow-hidden'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'progress-bar',
|
||||
className: `h-full transition-all duration-500 ${
|
||||
securityLevel.color === 'green' ? 'bg-green-400' :
|
||||
securityLevel.color === 'yellow' ? 'bg-yellow-400' : 'bg-red-400'
|
||||
}`,
|
||||
style: { width: `${securityLevel.score}%` }
|
||||
})
|
||||
])
|
||||
])
|
||||
]),
|
||||
|
||||
// Mobile Security Indicator - Only icon on mobile (Clickable)
|
||||
securityLevel && React.createElement('div', {
|
||||
key: 'mobile-security',
|
||||
className: 'md:hidden flex items-center'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'mobile-security-icon',
|
||||
className: `w-8 h-8 rounded-full flex items-center justify-center cursor-pointer hover:opacity-80 transition-opacity duration-200 ${
|
||||
securityLevel.color === 'green' ? 'bg-green-500/20' :
|
||||
securityLevel.color === 'yellow' ? 'bg-yellow-500/20' : 'bg-red-500/20'
|
||||
}`,
|
||||
title: `${securityLevel.level} (${securityLevel.score}%) - Нажмите для деталей`,
|
||||
onClick: handleSecurityClick
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
className: `fas fa-shield-alt text-sm ${
|
||||
securityLevel.color === 'green' ? 'text-green-400' :
|
||||
securityLevel.color === 'yellow' ? 'text-yellow-400' : 'text-red-400'
|
||||
}`
|
||||
})
|
||||
])
|
||||
]),
|
||||
|
||||
// Status Badge - Compact on mobile
|
||||
React.createElement('div', {
|
||||
key: 'status-badge',
|
||||
className: `px-2 sm:px-3 py-1.5 rounded-lg border ${config.badgeClass} flex items-center space-x-1 sm:space-x-2`
|
||||
}, [
|
||||
React.createElement('span', {
|
||||
key: 'status-dot',
|
||||
className: `status-dot ${config.className}`
|
||||
}),
|
||||
React.createElement('span', {
|
||||
key: 'status-text',
|
||||
className: 'text-xs sm:text-sm font-medium'
|
||||
}, config.text)
|
||||
]),
|
||||
|
||||
// Disconnect Button - Icon only on mobile
|
||||
isConnected && React.createElement('button', {
|
||||
key: 'disconnect-btn',
|
||||
onClick: onDisconnect,
|
||||
className: 'p-1.5 sm:px-3 sm:py-1.5 bg-red-500/10 hover:bg-red-500/20 text-red-400 border border-red-500/20 rounded-lg transition-all duration-200 text-sm'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
key: 'disconnect-icon',
|
||||
className: 'fas fa-power-off sm:mr-2'
|
||||
}),
|
||||
React.createElement('span', {
|
||||
key: 'disconnect-text',
|
||||
className: 'hidden sm:inline'
|
||||
}, 'Отключить')
|
||||
])
|
||||
])
|
||||
])
|
||||
])
|
||||
]);
|
||||
};
|
||||
|
||||
window.EnhancedMinimalHeader = EnhancedMinimalHeader;
|
||||
392
src/components/ui/LightningPayment.jsx
Normal file
392
src/components/ui/LightningPayment.jsx
Normal file
@@ -0,0 +1,392 @@
|
||||
const React = window.React;
|
||||
const { useState, useEffect } = React;
|
||||
|
||||
const IntegratedLightningPayment = ({ sessionType, onSuccess, onCancel, paymentManager }) => {
|
||||
const [paymentMethod, setPaymentMethod] = useState('webln');
|
||||
const [preimage, setPreimage] = useState('');
|
||||
const [isProcessing, setIsProcessing] = useState(false);
|
||||
const [error, setError] = useState('');
|
||||
const [invoice, setInvoice] = useState(null);
|
||||
const [paymentStatus, setPaymentStatus] = useState('pending'); // pending, created, paid, expired
|
||||
const [qrCodeUrl, setQrCodeUrl] = useState('');
|
||||
|
||||
// Создаем инвойс при загрузке компонента
|
||||
useEffect(() => {
|
||||
createInvoice();
|
||||
}, [sessionType]);
|
||||
|
||||
const createInvoice = async () => {
|
||||
if (sessionType === 'free') {
|
||||
// Для бесплатной сессии не нужен инвойс
|
||||
setPaymentStatus('free');
|
||||
return;
|
||||
}
|
||||
|
||||
setIsProcessing(true);
|
||||
setError('');
|
||||
|
||||
try {
|
||||
console.log('Creating Lightning invoice for', sessionType);
|
||||
console.log('Payment manager available:', !!paymentManager);
|
||||
|
||||
if (!paymentManager) {
|
||||
throw new Error('Payment manager not available. Please check sessionManager initialization.');
|
||||
}
|
||||
|
||||
// Создаем инвойс через paymentManager
|
||||
const createdInvoice = await paymentManager.createLightningInvoice(sessionType);
|
||||
|
||||
if (!createdInvoice) {
|
||||
throw new Error('Failed to create invoice');
|
||||
}
|
||||
|
||||
setInvoice(createdInvoice);
|
||||
setPaymentStatus('created');
|
||||
|
||||
// Создаем QR код
|
||||
if (createdInvoice.paymentRequest) {
|
||||
const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encodeURIComponent(createdInvoice.paymentRequest)}`;
|
||||
setQrCodeUrl(qrUrl);
|
||||
}
|
||||
|
||||
console.log('Invoice created successfully:', createdInvoice);
|
||||
|
||||
} catch (err) {
|
||||
console.error('Invoice creation failed:', err);
|
||||
setError(`Ошибка создания инвойса: ${err.message}`);
|
||||
} finally {
|
||||
setIsProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleWebLNPayment = async () => {
|
||||
if (!window.webln) {
|
||||
setError('WebLN не поддерживается. Используйте кошелек Alby или Zeus');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!invoice || !invoice.paymentRequest) {
|
||||
setError('Инвойс не готов для оплаты');
|
||||
return;
|
||||
}
|
||||
|
||||
setIsProcessing(true);
|
||||
setError('');
|
||||
|
||||
try {
|
||||
console.log('Enabling WebLN...');
|
||||
await window.webln.enable();
|
||||
|
||||
console.log('Sending WebLN payment...');
|
||||
const result = await window.webln.sendPayment(invoice.paymentRequest);
|
||||
|
||||
if (result.preimage) {
|
||||
console.log('WebLN payment successful, preimage:', result.preimage);
|
||||
setPaymentStatus('paid');
|
||||
|
||||
// Активируем сессию
|
||||
await activateSession(result.preimage);
|
||||
} else {
|
||||
setError('Платеж не содержит preimage');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('WebLN payment failed:', err);
|
||||
setError(`Ошибка WebLN: ${err.message}`);
|
||||
} finally {
|
||||
setIsProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleManualVerification = async () => {
|
||||
const trimmedPreimage = preimage.trim();
|
||||
|
||||
if (!trimmedPreimage) {
|
||||
setError('Введите preimage платежа');
|
||||
return;
|
||||
}
|
||||
|
||||
if (trimmedPreimage.length !== 64) {
|
||||
setError('Preimage должен содержать ровно 64 символа');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!/^[0-9a-fA-F]{64}$/.test(trimmedPreimage)) {
|
||||
setError('Preimage должен содержать только шестнадцатеричные символы (0-9, a-f, A-F)');
|
||||
return;
|
||||
}
|
||||
|
||||
if (trimmedPreimage === '1'.repeat(64) ||
|
||||
trimmedPreimage === 'a'.repeat(64) ||
|
||||
trimmedPreimage === 'f'.repeat(64)) {
|
||||
setError('Введенный preimage слишком простой. Проверьте правильность ключа.');
|
||||
return;
|
||||
}
|
||||
|
||||
setError('');
|
||||
setIsProcessing(true);
|
||||
|
||||
try {
|
||||
await activateSession(trimmedPreimage);
|
||||
} catch (err) {
|
||||
setError(`Ошибка активации: ${err.message}`);
|
||||
} finally {
|
||||
setIsProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
const activateSession = async (preimageValue) => {
|
||||
try {
|
||||
console.log('🚀 Activating session with preimage:', preimageValue);
|
||||
console.log('Payment manager available:', !!paymentManager);
|
||||
console.log('Invoice available:', !!invoice);
|
||||
|
||||
let result;
|
||||
if (paymentManager) {
|
||||
const paymentHash = invoice?.paymentHash || 'dummy_hash';
|
||||
console.log('Using payment hash:', paymentHash);
|
||||
result = await paymentManager.safeActivateSession(sessionType, preimageValue, paymentHash);
|
||||
} else {
|
||||
console.warn('Payment manager not available, using fallback');
|
||||
// Fallback если paymentManager недоступен
|
||||
result = { success: true, method: 'fallback' };
|
||||
}
|
||||
|
||||
if (result.success) {
|
||||
console.log('✅ Session activated successfully:', result);
|
||||
setPaymentStatus('paid');
|
||||
onSuccess(preimageValue, invoice);
|
||||
} else {
|
||||
console.error('❌ Session activation failed:', result);
|
||||
throw new Error(`Session activation failed: ${result.reason}`);
|
||||
}
|
||||
|
||||
} catch (err) {
|
||||
console.error('❌ Session activation failed:', err);
|
||||
throw err;
|
||||
}
|
||||
};
|
||||
|
||||
const handleFreeSession = async () => {
|
||||
setIsProcessing(true);
|
||||
try {
|
||||
await activateSession('0'.repeat(64));
|
||||
} catch (err) {
|
||||
setError(`Ошибка активации бесплатной сессии: ${err.message}`);
|
||||
} finally {
|
||||
setIsProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
const copyToClipboard = (text) => {
|
||||
navigator.clipboard.writeText(text).then(() => {
|
||||
// Можно добавить уведомление о копировании
|
||||
});
|
||||
};
|
||||
|
||||
const pricing = {
|
||||
free: { sats: 1, hours: 1/60 },
|
||||
basic: { sats: 500, hours: 1 },
|
||||
premium: { sats: 1000, hours: 4 },
|
||||
extended: { sats: 2000, hours: 24 }
|
||||
}[sessionType];
|
||||
|
||||
return React.createElement('div', { className: 'space-y-4 max-w-md mx-auto' }, [
|
||||
// Header
|
||||
React.createElement('div', { key: 'header', className: 'text-center' }, [
|
||||
React.createElement('h3', {
|
||||
key: 'title',
|
||||
className: 'text-xl font-semibold text-white mb-2'
|
||||
}, sessionType === 'free' ? 'Бесплатная сессия' : 'Оплата Lightning'),
|
||||
React.createElement('div', {
|
||||
key: 'amount',
|
||||
className: 'text-2xl font-bold text-orange-400'
|
||||
}, sessionType === 'free'
|
||||
? '1 сат за 1 минуту'
|
||||
: `${pricing.sats} сат за ${pricing.hours}ч`
|
||||
),
|
||||
sessionType !== 'free' && React.createElement('div', {
|
||||
key: 'usd',
|
||||
className: 'text-sm text-gray-400 mt-1'
|
||||
}, `≈ $${(pricing.sats * 0.0004).toFixed(2)} USD`)
|
||||
]),
|
||||
|
||||
// Loading State
|
||||
isProcessing && paymentStatus === 'pending' && React.createElement('div', {
|
||||
key: 'loading',
|
||||
className: 'text-center'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'spinner',
|
||||
className: 'text-orange-400'
|
||||
}, [
|
||||
React.createElement('i', { className: 'fas fa-spinner fa-spin mr-2' }),
|
||||
'Создание инвойса...'
|
||||
])
|
||||
]),
|
||||
|
||||
// Free Session
|
||||
sessionType === 'free' && React.createElement('div', {
|
||||
key: 'free-session',
|
||||
className: 'space-y-3'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'info',
|
||||
className: 'p-3 bg-blue-500/10 border border-blue-500/20 rounded text-blue-300 text-sm'
|
||||
}, 'Будет активирована бесплатная сессия на 1 минуту.'),
|
||||
React.createElement('button', {
|
||||
key: 'start-btn',
|
||||
onClick: handleFreeSession,
|
||||
disabled: isProcessing,
|
||||
className: 'w-full bg-blue-600 hover:bg-blue-500 text-white py-3 px-4 rounded-lg font-medium disabled:opacity-50'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
key: 'icon',
|
||||
className: `fas ${isProcessing ? 'fa-spinner fa-spin' : 'fa-play'} mr-2`
|
||||
}),
|
||||
isProcessing ? 'Активация...' : 'Начать бесплатную сессию'
|
||||
])
|
||||
]),
|
||||
|
||||
// Paid Sessions
|
||||
sessionType !== 'free' && paymentStatus === 'created' && invoice && React.createElement('div', {
|
||||
key: 'paid-session',
|
||||
className: 'space-y-4'
|
||||
}, [
|
||||
// QR Code
|
||||
qrCodeUrl && React.createElement('div', {
|
||||
key: 'qr-section',
|
||||
className: 'text-center'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'qr-container',
|
||||
className: 'bg-white p-4 rounded-lg inline-block'
|
||||
}, [
|
||||
React.createElement('img', {
|
||||
key: 'qr-img',
|
||||
src: qrCodeUrl,
|
||||
alt: 'Payment QR Code',
|
||||
className: 'w-48 h-48'
|
||||
})
|
||||
]),
|
||||
React.createElement('div', {
|
||||
key: 'qr-hint',
|
||||
className: 'text-xs text-gray-400 mt-2'
|
||||
}, 'Сканируйте QR код любым Lightning кошельком')
|
||||
]),
|
||||
|
||||
// Payment Request
|
||||
invoice.paymentRequest && React.createElement('div', {
|
||||
key: 'payment-request',
|
||||
className: 'space-y-2'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'label',
|
||||
className: 'text-sm font-medium text-white'
|
||||
}, 'Payment Request:'),
|
||||
React.createElement('div', {
|
||||
key: 'request',
|
||||
className: 'p-3 bg-gray-800 rounded border text-xs font-mono text-gray-300 cursor-pointer hover:bg-gray-700',
|
||||
onClick: () => copyToClipboard(invoice.paymentRequest)
|
||||
}, [
|
||||
invoice.paymentRequest.substring(0, 50) + '...',
|
||||
React.createElement('i', { key: 'copy-icon', className: 'fas fa-copy ml-2 text-orange-400' })
|
||||
])
|
||||
]),
|
||||
|
||||
// WebLN Payment
|
||||
React.createElement('div', {
|
||||
key: 'webln-section',
|
||||
className: 'space-y-3'
|
||||
}, [
|
||||
React.createElement('h4', {
|
||||
key: 'webln-title',
|
||||
className: 'text-white font-medium flex items-center'
|
||||
}, [
|
||||
React.createElement('i', { key: 'bolt-icon', className: 'fas fa-bolt text-orange-400 mr-2' }),
|
||||
'WebLN кошелек (Alby, Zeus)'
|
||||
]),
|
||||
React.createElement('button', {
|
||||
key: 'webln-btn',
|
||||
onClick: handleWebLNPayment,
|
||||
disabled: isProcessing,
|
||||
className: 'w-full bg-orange-600 hover:bg-orange-500 text-white py-3 px-4 rounded-lg font-medium disabled:opacity-50'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
key: 'webln-icon',
|
||||
className: `fas ${isProcessing ? 'fa-spinner fa-spin' : 'fa-bolt'} mr-2`
|
||||
}),
|
||||
isProcessing ? 'Обработка...' : 'Оплатить через WebLN'
|
||||
])
|
||||
]),
|
||||
|
||||
// Manual Payment
|
||||
React.createElement('div', {
|
||||
key: 'divider',
|
||||
className: 'text-center text-gray-400'
|
||||
}, 'или'),
|
||||
|
||||
React.createElement('div', {
|
||||
key: 'manual-section',
|
||||
className: 'space-y-3'
|
||||
}, [
|
||||
React.createElement('h4', {
|
||||
key: 'manual-title',
|
||||
className: 'text-white font-medium'
|
||||
}, 'Ручная проверка платежа'),
|
||||
React.createElement('input', {
|
||||
key: 'preimage-input',
|
||||
type: 'text',
|
||||
value: preimage,
|
||||
onChange: (e) => setPreimage(e.target.value),
|
||||
placeholder: 'Введите preimage после оплаты...',
|
||||
className: 'w-full p-3 bg-gray-800 border border-gray-600 rounded text-white placeholder-gray-400 text-sm'
|
||||
}),
|
||||
React.createElement('button', {
|
||||
key: 'verify-btn',
|
||||
onClick: handleManualVerification,
|
||||
disabled: isProcessing,
|
||||
className: 'w-full bg-green-600 hover:bg-green-500 text-white py-3 px-4 rounded-lg font-medium disabled:opacity-50'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
key: 'verify-icon',
|
||||
className: `fas ${isProcessing ? 'fa-spinner fa-spin' : 'fa-check'} mr-2`
|
||||
}),
|
||||
isProcessing ? 'Проверка...' : 'Подтвердить платеж'
|
||||
])
|
||||
])
|
||||
]),
|
||||
|
||||
// Success State
|
||||
paymentStatus === 'paid' && React.createElement('div', {
|
||||
key: 'success',
|
||||
className: 'text-center p-4 bg-green-500/10 border border-green-500/20 rounded'
|
||||
}, [
|
||||
React.createElement('i', { key: 'success-icon', className: 'fas fa-check-circle text-green-400 text-2xl mb-2' }),
|
||||
React.createElement('div', { key: 'success-text', className: 'text-green-300 font-medium' }, 'Платеж подтвержден!'),
|
||||
React.createElement('div', { key: 'success-subtext', className: 'text-green-400 text-sm' }, 'Сессия активирована')
|
||||
]),
|
||||
|
||||
// Error State
|
||||
error && React.createElement('div', {
|
||||
key: 'error',
|
||||
className: 'p-3 bg-red-500/10 border border-red-500/20 rounded text-red-400 text-sm'
|
||||
}, [
|
||||
React.createElement('i', { key: 'error-icon', className: 'fas fa-exclamation-triangle mr-2' }),
|
||||
error,
|
||||
error.includes('инвойса') && React.createElement('button', {
|
||||
key: 'retry-btn',
|
||||
onClick: createInvoice,
|
||||
className: 'ml-2 text-orange-400 hover:text-orange-300 underline'
|
||||
}, 'Попробовать снова')
|
||||
]),
|
||||
|
||||
// Cancel Button
|
||||
React.createElement('button', {
|
||||
key: 'cancel-btn',
|
||||
onClick: onCancel,
|
||||
className: 'w-full bg-gray-600 hover:bg-gray-500 text-white py-2 px-4 rounded'
|
||||
}, 'Отмена')
|
||||
]);
|
||||
};
|
||||
|
||||
window.LightningPayment = IntegratedLightningPayment;
|
||||
91
src/components/ui/PasswordModal.jsx
Normal file
91
src/components/ui/PasswordModal.jsx
Normal file
@@ -0,0 +1,91 @@
|
||||
const React = window.React;
|
||||
|
||||
const PasswordModal = ({ isOpen, onClose, onSubmit, action, password, setPassword }) => {
|
||||
if (!isOpen) return null;
|
||||
|
||||
const handleSubmit = (e) => {
|
||||
e.preventDefault();
|
||||
if (password.trim()) {
|
||||
onSubmit(password.trim());
|
||||
setPassword('');
|
||||
}
|
||||
};
|
||||
|
||||
const getActionText = () => {
|
||||
return action === 'offer' ? 'приглашения' : 'ответа';
|
||||
};
|
||||
|
||||
return React.createElement('div', {
|
||||
className: 'fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'modal',
|
||||
className: 'card-minimal rounded-xl p-6 max-w-md w-full border-purple-500/20'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'header',
|
||||
className: 'flex items-center mb-4'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'icon',
|
||||
className: 'w-10 h-10 bg-purple-500/10 border border-purple-500/20 rounded-lg flex items-center justify-center mr-3'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
className: 'fas fa-key accent-purple'
|
||||
})
|
||||
]),
|
||||
React.createElement('h3', {
|
||||
key: 'title',
|
||||
className: 'text-lg font-medium text-primary'
|
||||
}, 'Ввод пароля')
|
||||
]),
|
||||
React.createElement('form', {
|
||||
key: 'form',
|
||||
onSubmit: handleSubmit,
|
||||
className: 'space-y-4'
|
||||
}, [
|
||||
React.createElement('p', {
|
||||
key: 'description',
|
||||
className: 'text-secondary text-sm'
|
||||
}, `Введите пароль для расшифровки ${getActionText()}:`),
|
||||
React.createElement('input', {
|
||||
key: 'password-input',
|
||||
type: 'password',
|
||||
value: password,
|
||||
onChange: (e) => setPassword(e.target.value),
|
||||
placeholder: 'Введите пароль...',
|
||||
className: 'w-full p-3 bg-gray-900/30 border border-gray-500/20 rounded-lg text-primary placeholder-gray-500 focus:border-purple-500/40 focus:outline-none transition-all',
|
||||
autoFocus: true
|
||||
}),
|
||||
React.createElement('div', {
|
||||
key: 'buttons',
|
||||
className: 'flex space-x-3'
|
||||
}, [
|
||||
React.createElement('button', {
|
||||
key: 'submit',
|
||||
type: 'submit',
|
||||
className: 'flex-1 btn-primary text-white py-3 px-4 rounded-lg font-medium transition-all duration-200'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
className: 'fas fa-unlock-alt mr-2'
|
||||
}),
|
||||
'Расшифровать'
|
||||
]),
|
||||
React.createElement('button', {
|
||||
key: 'cancel',
|
||||
type: 'button',
|
||||
onClick: onClose,
|
||||
className: 'flex-1 btn-secondary text-white py-3 px-4 rounded-lg font-medium transition-all duration-200'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
className: 'fas fa-times mr-2'
|
||||
}),
|
||||
'Отмена'
|
||||
])
|
||||
])
|
||||
])
|
||||
])
|
||||
]);
|
||||
};
|
||||
|
||||
window.PasswordModal = PasswordModal;
|
||||
574
src/components/ui/PaymentModal.jsx
Normal file
574
src/components/ui/PaymentModal.jsx
Normal file
@@ -0,0 +1,574 @@
|
||||
const React = window.React;
|
||||
const { useState, useEffect, useRef } = React;
|
||||
|
||||
const PaymentModal = ({ isOpen, onClose, sessionManager, onSessionPurchased }) => {
|
||||
const [step, setStep] = useState('select');
|
||||
const [selectedType, setSelectedType] = useState(null);
|
||||
const [invoice, setInvoice] = useState(null);
|
||||
const [paymentStatus, setPaymentStatus] = useState('pending'); // pending, creating, created, paying, paid, failed, expired
|
||||
const [error, setError] = useState('');
|
||||
const [paymentMethod, setPaymentMethod] = useState('webln'); // webln, manual, qr
|
||||
const [preimageInput, setPreimageInput] = useState('');
|
||||
const [isProcessing, setIsProcessing] = useState(false);
|
||||
const [qrCodeUrl, setQrCodeUrl] = useState('');
|
||||
const [paymentTimer, setPaymentTimer] = useState(null);
|
||||
const [timeLeft, setTimeLeft] = useState(0);
|
||||
const pollInterval = useRef(null);
|
||||
|
||||
// Cleanup на закрытие
|
||||
useEffect(() => {
|
||||
if (!isOpen) {
|
||||
resetModal();
|
||||
if (pollInterval.current) {
|
||||
clearInterval(pollInterval.current);
|
||||
}
|
||||
if (paymentTimer) {
|
||||
clearInterval(paymentTimer);
|
||||
}
|
||||
}
|
||||
}, [isOpen]);
|
||||
|
||||
const resetModal = () => {
|
||||
setStep('select');
|
||||
setSelectedType(null);
|
||||
setInvoice(null);
|
||||
setPaymentStatus('pending');
|
||||
setError('');
|
||||
setPaymentMethod('webln');
|
||||
setPreimageInput('');
|
||||
setIsProcessing(false);
|
||||
setQrCodeUrl('');
|
||||
setTimeLeft(0);
|
||||
};
|
||||
|
||||
const handleSelectType = async (type) => {
|
||||
setSelectedType(type);
|
||||
setError('');
|
||||
|
||||
if (type === 'free') {
|
||||
// Для бесплатной сессии создаем фиктивный инвойс
|
||||
setInvoice({
|
||||
sessionType: 'free',
|
||||
amount: 1,
|
||||
paymentHash: '0'.repeat(64),
|
||||
memo: 'Free session (1 minute)',
|
||||
createdAt: Date.now()
|
||||
});
|
||||
setPaymentStatus('free');
|
||||
} else {
|
||||
await createRealInvoice(type);
|
||||
}
|
||||
setStep('payment');
|
||||
};
|
||||
|
||||
const createRealInvoice = async (type) => {
|
||||
setPaymentStatus('creating');
|
||||
setIsProcessing(true);
|
||||
setError('');
|
||||
|
||||
try {
|
||||
console.log(`Creating real Lightning invoice for ${type} session...`);
|
||||
|
||||
if (!sessionManager) {
|
||||
throw new Error('Session manager не инициализирован');
|
||||
}
|
||||
|
||||
// Создаем реальный Lightning инвойс через LNbits
|
||||
const createdInvoice = await sessionManager.createLightningInvoice(type);
|
||||
|
||||
if (!createdInvoice || !createdInvoice.paymentRequest) {
|
||||
throw new Error('Не удалось создать Lightning инвойс');
|
||||
}
|
||||
|
||||
setInvoice(createdInvoice);
|
||||
setPaymentStatus('created');
|
||||
|
||||
// Создаем QR код для инвойса
|
||||
const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encodeURIComponent(createdInvoice.paymentRequest)}`;
|
||||
setQrCodeUrl(qrUrl);
|
||||
|
||||
// Запускаем таймер на 15 минут
|
||||
const expirationTime = 15 * 60 * 1000; // 15 минут
|
||||
setTimeLeft(expirationTime);
|
||||
|
||||
const timer = setInterval(() => {
|
||||
setTimeLeft(prev => {
|
||||
const newTime = prev - 1000;
|
||||
if (newTime <= 0) {
|
||||
clearInterval(timer);
|
||||
setPaymentStatus('expired');
|
||||
setError('Время для оплаты истекло. Создайте новый инвойс.');
|
||||
return 0;
|
||||
}
|
||||
return newTime;
|
||||
});
|
||||
}, 1000);
|
||||
setPaymentTimer(timer);
|
||||
|
||||
// Запускаем автопроверку статуса платежа
|
||||
startPaymentPolling(createdInvoice.checkingId);
|
||||
|
||||
console.log('✅ Lightning invoice created successfully:', createdInvoice);
|
||||
|
||||
} catch (err) {
|
||||
console.error('❌ Invoice creation failed:', err);
|
||||
setError(`Ошибка создания инвойса: ${err.message}`);
|
||||
setPaymentStatus('failed');
|
||||
} finally {
|
||||
setIsProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
// Автопроверка статуса платежа каждые 3 секунды
|
||||
const startPaymentPolling = (checkingId) => {
|
||||
if (pollInterval.current) {
|
||||
clearInterval(pollInterval.current);
|
||||
}
|
||||
|
||||
pollInterval.current = setInterval(async () => {
|
||||
try {
|
||||
const status = await sessionManager.checkPaymentStatus(checkingId);
|
||||
|
||||
if (status.paid && status.preimage) {
|
||||
console.log('✅ Payment confirmed automatically!', status);
|
||||
clearInterval(pollInterval.current);
|
||||
setPaymentStatus('paid');
|
||||
await handlePaymentSuccess(status.preimage);
|
||||
}
|
||||
} catch (error) {
|
||||
console.warn('Payment status check failed:', error);
|
||||
// Продолжаем проверять, не останавливаем polling из-за одной ошибки
|
||||
}
|
||||
}, 3000); // Проверяем каждые 3 секунды
|
||||
};
|
||||
|
||||
const handleWebLNPayment = async () => {
|
||||
if (!window.webln) {
|
||||
setError('WebLN не поддерживается. Установите кошелек Alby или Zeus');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!invoice || !invoice.paymentRequest) {
|
||||
setError('Инвойс не готов для оплаты');
|
||||
return;
|
||||
}
|
||||
|
||||
setIsProcessing(true);
|
||||
setError('');
|
||||
setPaymentStatus('paying');
|
||||
|
||||
try {
|
||||
console.log('🔌 Enabling WebLN...');
|
||||
await window.webln.enable();
|
||||
|
||||
console.log('💰 Sending WebLN payment...');
|
||||
const result = await window.webln.sendPayment(invoice.paymentRequest);
|
||||
|
||||
if (result.preimage) {
|
||||
console.log('✅ WebLN payment successful!', result);
|
||||
setPaymentStatus('paid');
|
||||
await handlePaymentSuccess(result.preimage);
|
||||
} else {
|
||||
throw new Error('Платеж не содержит preimage');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('❌ WebLN payment failed:', err);
|
||||
setError(`Ошибка WebLN платежа: ${err.message}`);
|
||||
setPaymentStatus('created'); // Возвращаем к состоянию "создан"
|
||||
} finally {
|
||||
setIsProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleManualVerification = async () => {
|
||||
const trimmedPreimage = preimageInput.trim();
|
||||
|
||||
if (!trimmedPreimage) {
|
||||
setError('Введите preimage платежа');
|
||||
return;
|
||||
}
|
||||
|
||||
if (trimmedPreimage.length !== 64) {
|
||||
setError('Preimage должен содержать ровно 64 символа');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!/^[0-9a-fA-F]{64}$/.test(trimmedPreimage)) {
|
||||
setError('Preimage должен содержать только шестнадцатеричные символы (0-9, a-f, A-F)');
|
||||
return;
|
||||
}
|
||||
|
||||
// Проверяем на простые/тестовые preimage
|
||||
const dummyPreimages = ['1'.repeat(64), 'a'.repeat(64), 'f'.repeat(64), '0'.repeat(64)];
|
||||
if (dummyPreimages.includes(trimmedPreimage) && selectedType !== 'free') {
|
||||
setError('Введенный preimage недействителен. Используйте настоящий preimage от платежа.');
|
||||
return;
|
||||
}
|
||||
|
||||
setIsProcessing(true);
|
||||
setError('');
|
||||
setPaymentStatus('paying');
|
||||
|
||||
try {
|
||||
await handlePaymentSuccess(trimmedPreimage);
|
||||
} catch (err) {
|
||||
setError(err.message);
|
||||
setPaymentStatus('created');
|
||||
} finally {
|
||||
setIsProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleFreeSession = async () => {
|
||||
setIsProcessing(true);
|
||||
setError('');
|
||||
|
||||
try {
|
||||
await handlePaymentSuccess('0'.repeat(64));
|
||||
} catch (err) {
|
||||
setError(`Ошибка активации бесплатной сессии: ${err.message}`);
|
||||
} finally {
|
||||
setIsProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handlePaymentSuccess = async (preimage) => {
|
||||
try {
|
||||
console.log('🔍 Verifying payment...', { selectedType, preimage });
|
||||
|
||||
let isValid;
|
||||
if (selectedType === 'free') {
|
||||
isValid = true;
|
||||
} else {
|
||||
// Верифицируем реальный платеж
|
||||
isValid = await sessionManager.verifyPayment(preimage, invoice.paymentHash);
|
||||
}
|
||||
|
||||
if (isValid) {
|
||||
console.log('✅ Payment verified successfully!');
|
||||
|
||||
// Останавливаем polling и таймеры
|
||||
if (pollInterval.current) {
|
||||
clearInterval(pollInterval.current);
|
||||
}
|
||||
if (paymentTimer) {
|
||||
clearInterval(paymentTimer);
|
||||
}
|
||||
|
||||
// Передаем данные о покупке
|
||||
onSessionPurchased({
|
||||
type: selectedType,
|
||||
preimage,
|
||||
paymentHash: invoice.paymentHash,
|
||||
amount: invoice.amount
|
||||
});
|
||||
|
||||
// Закрываем модалку с задержкой для показа успеха
|
||||
setTimeout(() => {
|
||||
onClose();
|
||||
}, 1500);
|
||||
|
||||
} else {
|
||||
throw new Error('Платеж не прошел верификацию. Проверьте правильность preimage или попробуйте снова.');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('❌ Payment verification failed:', error);
|
||||
throw error;
|
||||
}
|
||||
};
|
||||
|
||||
const copyToClipboard = async (text) => {
|
||||
try {
|
||||
await navigator.clipboard.writeText(text);
|
||||
// Можно добавить visual feedback
|
||||
} catch (err) {
|
||||
console.error('Failed to copy:', err);
|
||||
}
|
||||
};
|
||||
|
||||
const formatTime = (ms) => {
|
||||
const minutes = Math.floor(ms / 60000);
|
||||
const seconds = Math.floor((ms % 60000) / 1000);
|
||||
return `${minutes}:${seconds.toString().padStart(2, '0')}`;
|
||||
};
|
||||
|
||||
const pricing = sessionManager?.sessionPrices || {
|
||||
free: { sats: 1, hours: 1/60, usd: 0.00 },
|
||||
basic: { sats: 500, hours: 1, usd: 0.20 },
|
||||
premium: { sats: 1000, hours: 4, usd: 0.40 },
|
||||
extended: { sats: 2000, hours: 24, usd: 0.80 }
|
||||
};
|
||||
|
||||
if (!isOpen) return null;
|
||||
|
||||
return React.createElement('div', {
|
||||
className: 'fixed inset-0 bg-black/80 backdrop-blur-sm z-50 flex items-center justify-center p-4'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'modal',
|
||||
className: 'card-minimal rounded-xl p-6 max-w-lg w-full max-h-[90vh] overflow-y-auto custom-scrollbar'
|
||||
}, [
|
||||
// Header с кнопкой закрытия
|
||||
React.createElement('div', {
|
||||
key: 'header',
|
||||
className: 'flex items-center justify-between mb-6'
|
||||
}, [
|
||||
React.createElement('h2', {
|
||||
key: 'title',
|
||||
className: 'text-xl font-semibold text-primary'
|
||||
}, step === 'select' ? 'Выберите тип сессии' : 'Оплата сессии'),
|
||||
React.createElement('button', {
|
||||
key: 'close',
|
||||
onClick: onClose,
|
||||
className: 'text-gray-400 hover:text-white transition-colors'
|
||||
}, React.createElement('i', { className: 'fas fa-times' }))
|
||||
]),
|
||||
|
||||
// Step 1: Session Type Selection
|
||||
step === 'select' && window.SessionTypeSelector && React.createElement(window.SessionTypeSelector, {
|
||||
key: 'selector',
|
||||
onSelectType: handleSelectType,
|
||||
onCancel: onClose
|
||||
}),
|
||||
|
||||
// Step 2: Payment Processing
|
||||
step === 'payment' && React.createElement('div', {
|
||||
key: 'payment-step',
|
||||
className: 'space-y-6'
|
||||
}, [
|
||||
// Session Info
|
||||
React.createElement('div', {
|
||||
key: 'session-info',
|
||||
className: 'text-center p-4 bg-orange-500/10 border border-orange-500/20 rounded-lg'
|
||||
}, [
|
||||
React.createElement('h3', {
|
||||
key: 'session-title',
|
||||
className: 'text-lg font-semibold text-orange-400 mb-2'
|
||||
}, `${selectedType.charAt(0).toUpperCase() + selectedType.slice(1)} сессия`),
|
||||
React.createElement('div', {
|
||||
key: 'session-details',
|
||||
className: 'text-sm text-secondary'
|
||||
}, [
|
||||
React.createElement('div', { key: 'amount' }, `${pricing[selectedType].sats} сат за ${pricing[selectedType].hours}ч`),
|
||||
pricing[selectedType].usd > 0 && React.createElement('div', {
|
||||
key: 'usd',
|
||||
className: 'text-gray-400'
|
||||
}, `≈ $${pricing[selectedType].usd} USD`)
|
||||
])
|
||||
]),
|
||||
|
||||
// Timer для платных сессий
|
||||
timeLeft > 0 && paymentStatus === 'created' && React.createElement('div', {
|
||||
key: 'timer',
|
||||
className: 'text-center p-3 bg-yellow-500/10 border border-yellow-500/20 rounded'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'timer-text',
|
||||
className: 'text-yellow-400 font-medium'
|
||||
}, `⏱️ Время на оплату: ${formatTime(timeLeft)}`)
|
||||
]),
|
||||
|
||||
// Бесплатная сессия
|
||||
paymentStatus === 'free' && React.createElement('div', {
|
||||
key: 'free-payment',
|
||||
className: 'space-y-4'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'free-info',
|
||||
className: 'p-4 bg-blue-500/10 border border-blue-500/20 rounded text-blue-300 text-sm text-center'
|
||||
}, '🎉 Бесплатная сессия на 1 минуту'),
|
||||
React.createElement('button', {
|
||||
key: 'free-btn',
|
||||
onClick: handleFreeSession,
|
||||
disabled: isProcessing,
|
||||
className: 'w-full bg-blue-600 hover:bg-blue-500 text-white py-3 px-4 rounded-lg font-medium disabled:opacity-50 disabled:cursor-not-allowed'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
key: 'free-icon',
|
||||
className: `fas ${isProcessing ? 'fa-spinner fa-spin' : 'fa-play'} mr-2`
|
||||
}),
|
||||
isProcessing ? 'Активация...' : 'Активировать бесплатную сессию'
|
||||
])
|
||||
]),
|
||||
|
||||
// Создание инвойса
|
||||
paymentStatus === 'creating' && React.createElement('div', {
|
||||
key: 'creating',
|
||||
className: 'text-center p-4'
|
||||
}, [
|
||||
React.createElement('i', { className: 'fas fa-spinner fa-spin text-orange-400 text-2xl mb-2' }),
|
||||
React.createElement('div', { className: 'text-primary' }, 'Создание Lightning инвойса...'),
|
||||
React.createElement('div', { className: 'text-secondary text-sm mt-1' }, 'Подключение к Lightning Network...')
|
||||
]),
|
||||
|
||||
// Платная сессия с инвойсом
|
||||
(paymentStatus === 'created' || paymentStatus === 'paying') && invoice && React.createElement('div', {
|
||||
key: 'payment-methods',
|
||||
className: 'space-y-6'
|
||||
}, [
|
||||
// QR Code
|
||||
qrCodeUrl && React.createElement('div', {
|
||||
key: 'qr-section',
|
||||
className: 'text-center'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'qr-container',
|
||||
className: 'bg-white p-4 rounded-lg inline-block'
|
||||
}, [
|
||||
React.createElement('img', {
|
||||
key: 'qr-img',
|
||||
src: qrCodeUrl,
|
||||
alt: 'Lightning Payment QR Code',
|
||||
className: 'w-48 h-48'
|
||||
})
|
||||
]),
|
||||
React.createElement('div', {
|
||||
key: 'qr-hint',
|
||||
className: 'text-xs text-gray-400 mt-2'
|
||||
}, 'Сканируйте любым Lightning кошельком')
|
||||
]),
|
||||
|
||||
// Payment Request для копирования
|
||||
invoice.paymentRequest && React.createElement('div', {
|
||||
key: 'payment-request',
|
||||
className: 'space-y-2'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'pr-label',
|
||||
className: 'text-sm font-medium text-primary'
|
||||
}, 'Lightning Payment Request:'),
|
||||
React.createElement('div', {
|
||||
key: 'pr-container',
|
||||
className: 'p-3 bg-gray-800/50 rounded border border-gray-600 text-xs font-mono text-gray-300 cursor-pointer hover:bg-gray-700/50 transition-colors',
|
||||
onClick: () => copyToClipboard(invoice.paymentRequest),
|
||||
title: 'Нажмите для копирования'
|
||||
}, [
|
||||
invoice.paymentRequest.substring(0, 60) + '...',
|
||||
React.createElement('i', { key: 'copy-icon', className: 'fas fa-copy ml-2 text-orange-400' })
|
||||
])
|
||||
]),
|
||||
|
||||
// WebLN Payment
|
||||
React.createElement('div', {
|
||||
key: 'webln-section',
|
||||
className: 'space-y-3'
|
||||
}, [
|
||||
React.createElement('h4', {
|
||||
key: 'webln-title',
|
||||
className: 'text-primary font-medium flex items-center'
|
||||
}, [
|
||||
React.createElement('i', { key: 'bolt-icon', className: 'fas fa-bolt text-orange-400 mr-2' }),
|
||||
'WebLN кошелек (рекомендуется)'
|
||||
]),
|
||||
React.createElement('div', {
|
||||
key: 'webln-info',
|
||||
className: 'text-xs text-gray-400 mb-2'
|
||||
}, 'Alby, Zeus, или другие WebLN совместимые кошельки'),
|
||||
React.createElement('button', {
|
||||
key: 'webln-btn',
|
||||
onClick: handleWebLNPayment,
|
||||
disabled: isProcessing || paymentStatus === 'paying',
|
||||
className: 'w-full bg-orange-600 hover:bg-orange-500 text-white py-3 px-4 rounded-lg font-medium disabled:opacity-50 disabled:cursor-not-allowed transition-colors'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
key: 'webln-icon',
|
||||
className: `fas ${isProcessing ? 'fa-spinner fa-spin' : 'fa-bolt'} mr-2`
|
||||
}),
|
||||
paymentStatus === 'paying' ? 'Обработка платежа...' : 'Оплатить через WebLN'
|
||||
])
|
||||
]),
|
||||
|
||||
// Divider
|
||||
React.createElement('div', {
|
||||
key: 'divider',
|
||||
className: 'text-center text-gray-400 text-sm'
|
||||
}, '— или —'),
|
||||
|
||||
// Manual Verification
|
||||
React.createElement('div', {
|
||||
key: 'manual-section',
|
||||
className: 'space-y-3'
|
||||
}, [
|
||||
React.createElement('h4', {
|
||||
key: 'manual-title',
|
||||
className: 'text-primary font-medium'
|
||||
}, 'Ручное подтверждение платежа'),
|
||||
React.createElement('div', {
|
||||
key: 'manual-info',
|
||||
className: 'text-xs text-gray-400'
|
||||
}, 'Оплатите инвойс в любом кошельке и введите preimage:'),
|
||||
React.createElement('input', {
|
||||
key: 'preimage-input',
|
||||
type: 'text',
|
||||
value: preimageInput,
|
||||
onChange: (e) => setPreimageInput(e.target.value),
|
||||
placeholder: 'Введите preimage (64 hex символа)...',
|
||||
className: 'w-full p-3 bg-gray-800 border border-gray-600 rounded text-white placeholder-gray-400 text-sm font-mono',
|
||||
maxLength: 64
|
||||
}),
|
||||
React.createElement('button', {
|
||||
key: 'verify-btn',
|
||||
onClick: handleManualVerification,
|
||||
disabled: isProcessing || !preimageInput.trim(),
|
||||
className: 'w-full bg-green-600 hover:bg-green-500 text-white py-3 px-4 rounded-lg font-medium disabled:opacity-50 disabled:cursor-not-allowed transition-colors'
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
key: 'verify-icon',
|
||||
className: `fas ${isProcessing ? 'fa-spinner fa-spin' : 'fa-check'} mr-2`
|
||||
}),
|
||||
isProcessing ? 'Проверка платежа...' : 'Подтвердить платеж'
|
||||
])
|
||||
])
|
||||
]),
|
||||
|
||||
// Success State
|
||||
paymentStatus === 'paid' && React.createElement('div', {
|
||||
key: 'success',
|
||||
className: 'text-center p-6 bg-green-500/10 border border-green-500/20 rounded-lg'
|
||||
}, [
|
||||
React.createElement('i', { key: 'success-icon', className: 'fas fa-check-circle text-green-400 text-3xl mb-3' }),
|
||||
React.createElement('div', { key: 'success-title', className: 'text-green-300 font-semibold text-lg mb-1' }, '✅ Платеж подтвержден!'),
|
||||
React.createElement('div', { key: 'success-text', className: 'text-green-400 text-sm' }, 'Сессия будет активирована при подключении к чату')
|
||||
]),
|
||||
|
||||
// Error State
|
||||
error && React.createElement('div', {
|
||||
key: 'error',
|
||||
className: 'p-4 bg-red-500/10 border border-red-500/20 rounded-lg'
|
||||
}, [
|
||||
React.createElement('div', {
|
||||
key: 'error-content',
|
||||
className: 'flex items-start space-x-3'
|
||||
}, [
|
||||
React.createElement('i', { key: 'error-icon', className: 'fas fa-exclamation-triangle text-red-400 mt-0.5' }),
|
||||
React.createElement('div', { key: 'error-text', className: 'flex-1' }, [
|
||||
React.createElement('div', { key: 'error-message', className: 'text-red-400 text-sm' }, error),
|
||||
(error.includes('инвойса') || paymentStatus === 'failed') && React.createElement('button', {
|
||||
key: 'retry-btn',
|
||||
onClick: () => createRealInvoice(selectedType),
|
||||
className: 'mt-2 text-orange-400 hover:text-orange-300 underline text-sm'
|
||||
}, 'Создать новый инвойс')
|
||||
])
|
||||
])
|
||||
]),
|
||||
|
||||
// Back button (кроме случая успешной оплаты)
|
||||
paymentStatus !== 'paid' && React.createElement('div', {
|
||||
key: 'back-section',
|
||||
className: 'pt-4 border-t border-gray-600'
|
||||
}, [
|
||||
React.createElement('button', {
|
||||
key: 'back-btn',
|
||||
onClick: () => setStep('select'),
|
||||
className: 'w-full bg-gray-600 hover:bg-gray-500 text-white py-2 px-4 rounded transition-colors'
|
||||
}, [
|
||||
React.createElement('i', { key: 'back-icon', className: 'fas fa-arrow-left mr-2' }),
|
||||
'Выбрать другую сессию'
|
||||
])
|
||||
])
|
||||
])
|
||||
])
|
||||
]);
|
||||
};
|
||||
|
||||
window.PaymentModal = PaymentModal;
|
||||
45
src/components/ui/SessionTimer.jsx
Normal file
45
src/components/ui/SessionTimer.jsx
Normal file
@@ -0,0 +1,45 @@
|
||||
const React = window.React;
|
||||
|
||||
const SessionTimer = ({ timeLeft, sessionType }) => {
|
||||
// Отладочная информация
|
||||
console.log('SessionTimer render:', { timeLeft, sessionType });
|
||||
|
||||
if (!timeLeft || timeLeft <= 0) {
|
||||
console.log('SessionTimer: no time left, not rendering');
|
||||
return null;
|
||||
}
|
||||
|
||||
const totalMinutes = Math.floor(timeLeft / (60 * 1000));
|
||||
const isWarning = totalMinutes <= 10;
|
||||
const isCritical = totalMinutes <= 5;
|
||||
|
||||
const formatTime = (ms) => {
|
||||
const hours = Math.floor(ms / (60 * 60 * 1000));
|
||||
const minutes = Math.floor((ms % (60 * 60 * 1000)) / (60 * 1000));
|
||||
const seconds = Math.floor((ms % (60 * 1000)) / 1000);
|
||||
|
||||
if (hours > 0) {
|
||||
return `${hours}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
|
||||
} else {
|
||||
return `${minutes}:${seconds.toString().padStart(2, '0')}`;
|
||||
}
|
||||
};
|
||||
|
||||
return React.createElement('div', {
|
||||
className: `session-timer ${isCritical ? 'critical' : isWarning ? 'warning' : ''}`
|
||||
}, [
|
||||
React.createElement('i', {
|
||||
key: 'icon',
|
||||
className: 'fas fa-clock'
|
||||
}),
|
||||
React.createElement('span', {
|
||||
key: 'time'
|
||||
}, formatTime(timeLeft)),
|
||||
React.createElement('span', {
|
||||
key: 'type',
|
||||
className: 'text-xs opacity-80'
|
||||
}, sessionType?.toUpperCase() || '')
|
||||
]);
|
||||
};
|
||||
|
||||
window.SessionTimer = SessionTimer;
|
||||
110
src/components/ui/SessionTypeSelector.jsx
Normal file
110
src/components/ui/SessionTypeSelector.jsx
Normal file
@@ -0,0 +1,110 @@
|
||||
const React = window.React;
|
||||
|
||||
const SessionTypeSelector = ({ onSelectType, onCancel }) => {
|
||||
const [selectedType, setSelectedType] = React.useState(null);
|
||||
|
||||
const sessionTypes = [
|
||||
{
|
||||
id: 'free',
|
||||
name: 'Бесплатная',
|
||||
duration: '1 минута',
|
||||
price: '0 сат',
|
||||
usd: '$0.00',
|
||||
popular: true
|
||||
},
|
||||
{
|
||||
id: 'basic',
|
||||
name: 'Базовая',
|
||||
duration: '1 час',
|
||||
price: '500 сат',
|
||||
usd: '$0.20'
|
||||
},
|
||||
{
|
||||
id: 'premium',
|
||||
name: 'Премиум',
|
||||
duration: '4 часа',
|
||||
price: '1000 сат',
|
||||
usd: '$0.40',
|
||||
popular: true
|
||||
},
|
||||
{
|
||||
id: 'extended',
|
||||
name: 'Расширенная',
|
||||
duration: '24 часа',
|
||||
price: '2000 сат',
|
||||
usd: '$0.80'
|
||||
}
|
||||
];
|
||||
|
||||
return React.createElement('div', { className: 'space-y-6' }, [
|
||||
React.createElement('div', { key: 'header', className: 'text-center' }, [
|
||||
React.createElement('h3', {
|
||||
key: 'title',
|
||||
className: 'text-xl font-semibold text-white mb-2'
|
||||
}, 'Выберите тариф'),
|
||||
React.createElement('p', {
|
||||
key: 'subtitle',
|
||||
className: 'text-gray-300 text-sm'
|
||||
}, 'Оплатите через Lightning Network для доступа к чату')
|
||||
]),
|
||||
|
||||
React.createElement('div', { key: 'types', className: 'space-y-3' },
|
||||
sessionTypes.map(type =>
|
||||
React.createElement('div', {
|
||||
key: type.id,
|
||||
onClick: () => setSelectedType(type.id),
|
||||
className: `card-minimal rounded-lg p-4 cursor-pointer border-2 transition-all ${
|
||||
selectedType === type.id ? 'border-orange-500 bg-orange-500/10' : 'border-gray-600 hover:border-orange-400'
|
||||
} ${type.popular ? 'relative' : ''}`
|
||||
}, [
|
||||
type.popular && React.createElement('div', {
|
||||
key: 'badge',
|
||||
className: 'absolute -top-2 right-3 bg-orange-500 text-white text-xs px-2 py-1 rounded-full'
|
||||
}, 'Популярный'),
|
||||
|
||||
React.createElement('div', { key: 'content', className: 'flex items-center justify-between' }, [
|
||||
React.createElement('div', { key: 'info' }, [
|
||||
React.createElement('h4', {
|
||||
key: 'name',
|
||||
className: 'text-lg font-semibold text-white'
|
||||
}, type.name),
|
||||
React.createElement('p', {
|
||||
key: 'duration',
|
||||
className: 'text-gray-300 text-sm'
|
||||
}, type.duration)
|
||||
]),
|
||||
React.createElement('div', { key: 'pricing', className: 'text-right' }, [
|
||||
React.createElement('div', {
|
||||
key: 'sats',
|
||||
className: 'text-lg font-bold text-orange-400'
|
||||
}, type.price),
|
||||
React.createElement('div', {
|
||||
key: 'usd',
|
||||
className: 'text-xs text-gray-400'
|
||||
}, type.usd)
|
||||
])
|
||||
])
|
||||
])
|
||||
)
|
||||
),
|
||||
|
||||
React.createElement('div', { key: 'buttons', className: 'flex space-x-3' }, [
|
||||
React.createElement('button', {
|
||||
key: 'continue',
|
||||
onClick: () => selectedType && onSelectType(selectedType),
|
||||
disabled: !selectedType,
|
||||
className: 'flex-1 lightning-button text-white py-3 px-4 rounded-lg font-medium disabled:opacity-50'
|
||||
}, [
|
||||
React.createElement('i', { className: 'fas fa-bolt mr-2' }),
|
||||
'Продолжить к оплате'
|
||||
]),
|
||||
React.createElement('button', {
|
||||
key: 'cancel',
|
||||
onClick: onCancel,
|
||||
className: 'px-6 py-3 bg-gray-600 hover:bg-gray-500 text-white rounded-lg'
|
||||
}, 'Отмена')
|
||||
])
|
||||
]);
|
||||
};
|
||||
|
||||
window.SessionTypeSelector = SessionTypeSelector;
|
||||
1883
src/crypto/EnhancedSecureCryptoUtils.js
Normal file
1883
src/crypto/EnhancedSecureCryptoUtils.js
Normal file
File diff suppressed because it is too large
Load Diff
0
src/main.js
Normal file
0
src/main.js
Normal file
1448
src/network/EnhancedSecureWebRTCManager.js
Normal file
1448
src/network/EnhancedSecureWebRTCManager.js
Normal file
File diff suppressed because it is too large
Load Diff
588
src/session/PayPerSessionManager.js
Normal file
588
src/session/PayPerSessionManager.js
Normal file
@@ -0,0 +1,588 @@
|
||||
class PayPerSessionManager {
|
||||
constructor(config = {}) {
|
||||
this.sessionPrices = {
|
||||
free: { sats: 0, hours: 1/60, usd: 0.00 },
|
||||
basic: { sats: 500, hours: 1, usd: 0.20 },
|
||||
premium: { sats: 1000, hours: 4, usd: 0.40 },
|
||||
extended: { sats: 2000, hours: 24, usd: 0.80 }
|
||||
};
|
||||
this.currentSession = null;
|
||||
this.sessionTimer = null;
|
||||
this.onSessionExpired = null;
|
||||
this.staticLightningAddress = "dullpastry62@walletofsatoshi.com";
|
||||
|
||||
// Конфигурация для LNbits (ваши реальные данные)
|
||||
this.verificationConfig = {
|
||||
method: config.method || 'lnbits',
|
||||
apiUrl: config.apiUrl || 'https://demo.lnbits.com',
|
||||
apiKey: config.apiKey || '623515641d2e4ebcb1d5992d6d78419c', // Ваш Invoice/read ключ
|
||||
walletId: config.walletId || 'bcd00f561c7b46b4a7b118f069e68997',
|
||||
// Дополнительные настройки для демо
|
||||
isDemo: true,
|
||||
demoTimeout: 30000, // 30 секунд для демо
|
||||
retryAttempts: 3
|
||||
};
|
||||
}
|
||||
|
||||
hasActiveSession() {
|
||||
if (!this.currentSession) return false;
|
||||
return Date.now() < this.currentSession.expiresAt;
|
||||
}
|
||||
|
||||
createInvoice(sessionType) {
|
||||
const pricing = this.sessionPrices[sessionType];
|
||||
if (!pricing) throw new Error('Invalid session type');
|
||||
|
||||
return {
|
||||
amount: pricing.sats,
|
||||
memo: `LockBit.chat ${sessionType} session (${pricing.hours}h)`,
|
||||
sessionType: sessionType,
|
||||
timestamp: Date.now(),
|
||||
paymentHash: Array.from(crypto.getRandomValues(new Uint8Array(32)))
|
||||
.map(b => b.toString(16).padStart(2, '0')).join(''),
|
||||
lightningAddress: this.staticLightningAddress
|
||||
};
|
||||
}
|
||||
|
||||
// Создание реального Lightning инвойса через LNbits
|
||||
async createLightningInvoice(sessionType) {
|
||||
const pricing = this.sessionPrices[sessionType];
|
||||
if (!pricing) throw new Error('Invalid session type');
|
||||
|
||||
try {
|
||||
console.log(`Creating ${sessionType} invoice for ${pricing.sats} sats...`);
|
||||
|
||||
// Проверяем доступность API
|
||||
const healthCheck = await fetch(`${this.verificationConfig.apiUrl}/api/v1/health`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Api-Key': this.verificationConfig.apiKey
|
||||
}
|
||||
});
|
||||
|
||||
if (!healthCheck.ok) {
|
||||
throw new Error(`LNbits API недоступен: ${healthCheck.status}`);
|
||||
}
|
||||
|
||||
const response = await fetch(`${this.verificationConfig.apiUrl}/api/v1/payments`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-Api-Key': this.verificationConfig.apiKey,
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
out: false, // incoming payment
|
||||
amount: pricing.sats,
|
||||
memo: `LockBit.chat ${sessionType} session (${pricing.hours}h)`,
|
||||
unit: 'sat',
|
||||
expiry: this.verificationConfig.isDemo ? 300 : 900 // 5 минут для демо, 15 для продакшена
|
||||
})
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
const errorText = await response.text();
|
||||
console.error('LNbits API response:', errorText);
|
||||
throw new Error(`LNbits API error ${response.status}: ${errorText}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
console.log('✅ Lightning invoice created successfully!', data);
|
||||
|
||||
return {
|
||||
paymentRequest: data.bolt11 || data.payment_request, // BOLT11 invoice для QR кода
|
||||
paymentHash: data.payment_hash,
|
||||
checkingId: data.checking_id || data.payment_hash, // Для проверки статуса
|
||||
amount: data.amount || pricing.sats,
|
||||
sessionType: sessionType,
|
||||
createdAt: Date.now(),
|
||||
expiresAt: Date.now() + (this.verificationConfig.isDemo ? 5 * 60 * 1000 : 15 * 60 * 1000), // 5 минут для демо
|
||||
description: data.description || data.memo || `LockBit.chat ${sessionType} session`,
|
||||
lnurl: data.lnurl || null,
|
||||
memo: data.memo || `LockBit.chat ${sessionType} session`,
|
||||
bolt11: data.bolt11 || data.payment_request,
|
||||
// Дополнительные поля для совместимости
|
||||
payment_request: data.bolt11 || data.payment_request,
|
||||
checking_id: data.checking_id || data.payment_hash
|
||||
};
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ Error creating Lightning invoice:', error);
|
||||
|
||||
// Для демо режима создаем фиктивный инвойс
|
||||
if (this.verificationConfig.isDemo && error.message.includes('API')) {
|
||||
console.log('🔄 Creating demo invoice for testing...');
|
||||
return this.createDemoInvoice(sessionType);
|
||||
}
|
||||
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
// Создание демо инвойса для тестирования
|
||||
createDemoInvoice(sessionType) {
|
||||
const pricing = this.sessionPrices[sessionType];
|
||||
const demoHash = Array.from(crypto.getRandomValues(new Uint8Array(32)))
|
||||
.map(b => b.toString(16).padStart(2, '0')).join('');
|
||||
|
||||
return {
|
||||
paymentRequest: `lntb${pricing.sats}1p${demoHash}...`, // Фиктивный BOLT11
|
||||
paymentHash: demoHash,
|
||||
checkingId: demoHash,
|
||||
amount: pricing.sats,
|
||||
sessionType: sessionType,
|
||||
createdAt: Date.now(),
|
||||
expiresAt: Date.now() + (5 * 60 * 1000), // 5 минут
|
||||
description: `LockBit.chat ${sessionType} session (DEMO)`,
|
||||
isDemo: true
|
||||
};
|
||||
}
|
||||
|
||||
// Проверка статуса платежа через LNbits
|
||||
async checkPaymentStatus(checkingId) {
|
||||
try {
|
||||
console.log(`🔍 Checking payment status for: ${checkingId}`);
|
||||
|
||||
const response = await fetch(`${this.verificationConfig.apiUrl}/api/v1/payments/${checkingId}`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Api-Key': this.verificationConfig.apiKey,
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
const errorText = await response.text();
|
||||
console.error('Payment status check failed:', errorText);
|
||||
throw new Error(`Payment check failed: ${response.status} - ${errorText}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
console.log('📊 Payment status response:', data);
|
||||
|
||||
return {
|
||||
paid: data.paid || false,
|
||||
preimage: data.preimage || null,
|
||||
details: data.details || {},
|
||||
amount: data.amount || 0,
|
||||
fee: data.fee || 0,
|
||||
timestamp: data.timestamp || Date.now(),
|
||||
bolt11: data.bolt11 || null
|
||||
};
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ Error checking payment status:', error);
|
||||
|
||||
// Для демо режима возвращаем фиктивный статус
|
||||
if (this.verificationConfig.isDemo && error.message.includes('API')) {
|
||||
console.log('🔄 Returning demo payment status...');
|
||||
return {
|
||||
paid: false,
|
||||
preimage: null,
|
||||
details: { demo: true },
|
||||
amount: 0,
|
||||
fee: 0,
|
||||
timestamp: Date.now()
|
||||
};
|
||||
}
|
||||
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
// Метод 1: Верификация через LNbits API
|
||||
async verifyPaymentLNbits(preimage, paymentHash) {
|
||||
try {
|
||||
console.log(`🔐 Verifying payment via LNbits: ${paymentHash}`);
|
||||
|
||||
if (!this.verificationConfig.apiUrl || !this.verificationConfig.apiKey) {
|
||||
throw new Error('LNbits API configuration missing');
|
||||
}
|
||||
|
||||
const response = await fetch(`${this.verificationConfig.apiUrl}/api/v1/payments/${paymentHash}`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Api-Key': this.verificationConfig.apiKey,
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
const errorText = await response.text();
|
||||
console.error('LNbits verification failed:', errorText);
|
||||
throw new Error(`API request failed: ${response.status} - ${errorText}`);
|
||||
}
|
||||
|
||||
const paymentData = await response.json();
|
||||
console.log('📋 Payment verification data:', paymentData);
|
||||
|
||||
// Проверяем статус платежа
|
||||
if (paymentData.paid && paymentData.preimage === preimage) {
|
||||
console.log('✅ Payment verified successfully via LNbits');
|
||||
return {
|
||||
verified: true,
|
||||
amount: paymentData.amount,
|
||||
fee: paymentData.fee || 0,
|
||||
timestamp: paymentData.timestamp || Date.now(),
|
||||
method: 'lnbits'
|
||||
};
|
||||
}
|
||||
|
||||
console.log('❌ Payment verification failed: paid=', paymentData.paid, 'preimage match=', paymentData.preimage === preimage);
|
||||
return {
|
||||
verified: false,
|
||||
reason: 'Payment not paid or preimage mismatch',
|
||||
method: 'lnbits'
|
||||
};
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ LNbits payment verification failed:', error);
|
||||
|
||||
// Для демо режима возвращаем успешную верификацию
|
||||
if (this.verificationConfig.isDemo && error.message.includes('API')) {
|
||||
console.log('🔄 Demo payment verification successful');
|
||||
return {
|
||||
verified: true,
|
||||
amount: 0,
|
||||
fee: 0,
|
||||
timestamp: Date.now(),
|
||||
method: 'demo'
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
verified: false,
|
||||
reason: error.message,
|
||||
method: 'lnbits'
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Метод 2: Верификация через LND REST API
|
||||
async verifyPaymentLND(preimage, paymentHash) {
|
||||
try {
|
||||
if (!this.verificationConfig.nodeUrl || !this.verificationConfig.macaroon) {
|
||||
throw new Error('LND configuration missing');
|
||||
}
|
||||
|
||||
const response = await fetch(`${this.verificationConfig.nodeUrl}/v1/invoice/${paymentHash}`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Grpc-Metadata-macaroon': this.verificationConfig.macaroon,
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`LND API request failed: ${response.status}`);
|
||||
}
|
||||
|
||||
const invoiceData = await response.json();
|
||||
|
||||
// Проверяем, что инвойс оплачен и preimage совпадает
|
||||
if (invoiceData.settled && invoiceData.r_preimage === preimage) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
} catch (error) {
|
||||
console.error('LND payment verification failed:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Метод 3: Верификация через Core Lightning (CLN)
|
||||
async verifyPaymentCLN(preimage, paymentHash) {
|
||||
try {
|
||||
if (!this.verificationConfig.nodeUrl) {
|
||||
throw new Error('CLN configuration missing');
|
||||
}
|
||||
|
||||
const response = await fetch(`${this.verificationConfig.nodeUrl}/v1/listinvoices`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
payment_hash: paymentHash
|
||||
})
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`CLN API request failed: ${response.status}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (data.invoices && data.invoices.length > 0) {
|
||||
const invoice = data.invoices[0];
|
||||
if (invoice.status === 'paid' && invoice.payment_preimage === preimage) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
} catch (error) {
|
||||
console.error('CLN payment verification failed:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Метод 4: Верификация через Wallet of Satoshi API (если доступен)
|
||||
async verifyPaymentWOS(preimage, paymentHash) {
|
||||
try {
|
||||
// Wallet of Satoshi обычно не предоставляет публичного API
|
||||
// Этот метод для примера структуры
|
||||
console.warn('Wallet of Satoshi API verification not implemented');
|
||||
return false;
|
||||
} catch (error) {
|
||||
console.error('WOS payment verification failed:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Метод 5: Верификация через BTCPay Server
|
||||
async verifyPaymentBTCPay(preimage, paymentHash) {
|
||||
try {
|
||||
if (!this.verificationConfig.apiUrl || !this.verificationConfig.apiKey) {
|
||||
throw new Error('BTCPay Server configuration missing');
|
||||
}
|
||||
|
||||
const response = await fetch(`${this.verificationConfig.apiUrl}/api/v1/invoices/${paymentHash}`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Authorization': `Bearer ${this.verificationConfig.apiKey}`,
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`BTCPay API request failed: ${response.status}`);
|
||||
}
|
||||
|
||||
const invoiceData = await response.json();
|
||||
|
||||
if (invoiceData.status === 'Settled' && invoiceData.payment && invoiceData.payment.preimage === preimage) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
} catch (error) {
|
||||
console.error('BTCPay payment verification failed:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Криптографическая верификация preimage
|
||||
async verifyCryptographically(preimage, paymentHash) {
|
||||
try {
|
||||
// Преобразуем preimage в байты
|
||||
const preimageBytes = new Uint8Array(preimage.match(/.{2}/g).map(byte => parseInt(byte, 16)));
|
||||
|
||||
// Вычисляем SHA256 от preimage
|
||||
const hashBuffer = await crypto.subtle.digest('SHA-256', preimageBytes);
|
||||
const computedHash = Array.from(new Uint8Array(hashBuffer))
|
||||
.map(b => b.toString(16).padStart(2, '0')).join('');
|
||||
|
||||
// Сравниваем с payment_hash
|
||||
return computedHash === paymentHash;
|
||||
} catch (error) {
|
||||
console.error('Cryptographic verification failed:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Основной метод верификации платежа
|
||||
async verifyPayment(preimage, paymentHash) {
|
||||
console.log(`🔐 Verifying payment: preimage=${preimage}, hash=${paymentHash}`);
|
||||
|
||||
// Базовые проверки формата
|
||||
if (!preimage || preimage.length !== 64) {
|
||||
console.log('❌ Invalid preimage length');
|
||||
return { verified: false, reason: 'Invalid preimage length' };
|
||||
}
|
||||
|
||||
if (!/^[0-9a-fA-F]{64}$/.test(preimage)) {
|
||||
console.log('❌ Invalid preimage format');
|
||||
return { verified: false, reason: 'Invalid preimage format' };
|
||||
}
|
||||
|
||||
// Для бесплатных сессий
|
||||
if (preimage === '0'.repeat(64)) {
|
||||
console.log('✅ Free session preimage accepted');
|
||||
return { verified: true, method: 'free' };
|
||||
}
|
||||
|
||||
// Проверяем, что preimage не является заглушкой
|
||||
const dummyPreimages = ['1'.repeat(64), 'a'.repeat(64), 'f'.repeat(64)];
|
||||
if (dummyPreimages.includes(preimage)) {
|
||||
console.log('❌ Dummy preimage detected');
|
||||
return { verified: false, reason: 'Dummy preimage detected' };
|
||||
}
|
||||
|
||||
try {
|
||||
// Сначала проверяем криптографически
|
||||
const cryptoValid = await this.verifyCryptographically(preimage, paymentHash);
|
||||
if (!cryptoValid) {
|
||||
console.log('❌ Cryptographic verification failed');
|
||||
return { verified: false, reason: 'Cryptographic verification failed' };
|
||||
}
|
||||
|
||||
console.log('✅ Cryptographic verification passed');
|
||||
|
||||
// Затем проверяем через выбранный метод
|
||||
switch (this.verificationConfig.method) {
|
||||
case 'lnbits':
|
||||
const lnbitsResult = await this.verifyPaymentLNbits(preimage, paymentHash);
|
||||
return lnbitsResult.verified ? lnbitsResult : { verified: false, reason: 'LNbits verification failed' };
|
||||
|
||||
case 'lnd':
|
||||
const lndResult = await this.verifyPaymentLND(preimage, paymentHash);
|
||||
return lndResult ? { verified: true, method: 'lnd' } : { verified: false, reason: 'LND verification failed' };
|
||||
|
||||
case 'cln':
|
||||
const clnResult = await this.verifyPaymentCLN(preimage, paymentHash);
|
||||
return clnResult ? { verified: true, method: 'cln' } : { verified: false, reason: 'CLN verification failed' };
|
||||
|
||||
case 'btcpay':
|
||||
const btcpayResult = await this.verifyPaymentBTCPay(preimage, paymentHash);
|
||||
return btcpayResult ? { verified: true, method: 'btcpay' } : { verified: false, reason: 'BTCPay verification failed' };
|
||||
|
||||
case 'walletofsatoshi':
|
||||
const wosResult = await this.verifyPaymentWOS(preimage, paymentHash);
|
||||
return wosResult ? { verified: true, method: 'wos' } : { verified: false, reason: 'WOS verification failed' };
|
||||
|
||||
default:
|
||||
console.warn('Unknown verification method, using crypto-only verification');
|
||||
return { verified: cryptoValid, method: 'crypto-only' };
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('❌ Payment verification failed:', error);
|
||||
return { verified: false, reason: error.message };
|
||||
}
|
||||
}
|
||||
|
||||
// Остальные методы остаются без изменений...
|
||||
activateSession(sessionType, preimage) {
|
||||
// Очистка предыдущей сессии
|
||||
this.cleanup();
|
||||
|
||||
const pricing = this.sessionPrices[sessionType];
|
||||
const now = Date.now();
|
||||
const expiresAt = now + (pricing.hours * 60 * 60 * 1000);
|
||||
|
||||
this.currentSession = {
|
||||
type: sessionType,
|
||||
startTime: now,
|
||||
expiresAt: expiresAt,
|
||||
preimage: preimage
|
||||
};
|
||||
|
||||
this.startSessionTimer();
|
||||
return this.currentSession;
|
||||
}
|
||||
|
||||
startSessionTimer() {
|
||||
if (this.sessionTimer) {
|
||||
clearInterval(this.sessionTimer);
|
||||
}
|
||||
|
||||
this.sessionTimer = setInterval(() => {
|
||||
if (!this.hasActiveSession()) {
|
||||
this.expireSession();
|
||||
}
|
||||
}, 60000);
|
||||
}
|
||||
|
||||
expireSession() {
|
||||
if (this.sessionTimer) {
|
||||
clearInterval(this.sessionTimer);
|
||||
}
|
||||
|
||||
this.currentSession = null;
|
||||
|
||||
if (this.onSessionExpired) {
|
||||
this.onSessionExpired();
|
||||
}
|
||||
}
|
||||
|
||||
getTimeLeft() {
|
||||
if (!this.currentSession) return 0;
|
||||
return Math.max(0, this.currentSession.expiresAt - Date.now());
|
||||
}
|
||||
|
||||
forceUpdateTimer() {
|
||||
if (this.currentSession) {
|
||||
const timeLeft = this.getTimeLeft();
|
||||
console.log('Timer updated:', timeLeft, 'ms left');
|
||||
return timeLeft;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
cleanup() {
|
||||
if (this.sessionTimer) {
|
||||
clearInterval(this.sessionTimer);
|
||||
}
|
||||
this.currentSession = null;
|
||||
}
|
||||
|
||||
resetSession() {
|
||||
if (this.sessionTimer) {
|
||||
clearInterval(this.sessionTimer);
|
||||
}
|
||||
this.currentSession = null;
|
||||
console.log('Session reset due to failed verification');
|
||||
}
|
||||
|
||||
canActivateSession() {
|
||||
return !this.hasActiveSession() && !this.currentSession;
|
||||
}
|
||||
|
||||
async safeActivateSession(sessionType, preimage, paymentHash) {
|
||||
try {
|
||||
console.log(`🚀 Activating session: ${sessionType} with preimage: ${preimage}`);
|
||||
|
||||
if (!sessionType || !preimage) {
|
||||
console.warn('❌ Session activation failed: missing sessionType or preimage');
|
||||
return { success: false, reason: 'Missing sessionType or preimage' };
|
||||
}
|
||||
|
||||
if (!this.sessionPrices[sessionType]) {
|
||||
console.warn('❌ Session activation failed: invalid session type');
|
||||
return { success: false, reason: 'Invalid session type' };
|
||||
}
|
||||
|
||||
// Верифицируем платеж
|
||||
const verificationResult = await this.verifyPayment(preimage, paymentHash);
|
||||
|
||||
if (verificationResult.verified) {
|
||||
this.activateSession(sessionType, preimage);
|
||||
console.log(`✅ Session activated successfully: ${sessionType} via ${verificationResult.method}`);
|
||||
return {
|
||||
success: true,
|
||||
sessionType: sessionType,
|
||||
method: verificationResult.method,
|
||||
details: verificationResult,
|
||||
timeLeft: this.getTimeLeft()
|
||||
};
|
||||
} else {
|
||||
console.log('❌ Payment verification failed:', verificationResult.reason);
|
||||
return {
|
||||
success: false,
|
||||
reason: verificationResult.reason,
|
||||
method: verificationResult.method
|
||||
};
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('❌ Session activation failed:', error);
|
||||
return {
|
||||
success: false,
|
||||
reason: error.message,
|
||||
method: 'error'
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export { PayPerSessionManager };
|
||||
29
src/styles/animations.css
Normal file
29
src/styles/animations.css
Normal file
@@ -0,0 +1,29 @@
|
||||
/* Плавная прокрутка сообщений / появление */
|
||||
@keyframes messageSlideIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* Пульсация иконок */
|
||||
@keyframes iconPulse {
|
||||
0%, 100% { opacity: 0.7; }
|
||||
50% { opacity: 1; }
|
||||
}
|
||||
|
||||
/* Пульс для таймера */
|
||||
@keyframes pulse {
|
||||
0%, 100% { transform: scale(1); }
|
||||
50% { transform: scale(1.05); }
|
||||
}
|
||||
|
||||
/* Скролл логотипов */
|
||||
@keyframes walletLogosScroll {
|
||||
0% { transform: translateX(0); }
|
||||
100% { transform: translateX(-50%); }
|
||||
}
|
||||
366
src/styles/components.css
Normal file
366
src/styles/components.css
Normal file
@@ -0,0 +1,366 @@
|
||||
/* Хедер и карточки */
|
||||
.header-minimal {
|
||||
background: rgb(35 36 35 / 13%);
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
.header-minimal .cursor-pointer:hover {
|
||||
transform: scale(1.05);
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
.header-minimal .cursor-pointer:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.card-minimal {
|
||||
background: rgba(42, 43, 42, 0.8);
|
||||
backdrop-filter: blur(16px);
|
||||
border: 1px solid rgba(75, 85, 99, 0.2);
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.card-minimal:hover {
|
||||
border-color: rgba(249, 115, 22, 0.3);
|
||||
transform: translateY(-1px);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
/* Статусы */
|
||||
.status-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.status-connected { background: #10b981; }
|
||||
.status-connecting { background: #6b7280; }
|
||||
.status-failed { background: #ef4444; }
|
||||
.status-disconnected { background: #6b7280; }
|
||||
.status-verifying { background: #9ca3af; }
|
||||
|
||||
/* Security / verification */
|
||||
.security-shield {
|
||||
background: linear-gradient(135deg, #2A2B2A 0%, #3a3b3a 100%);
|
||||
border: 1px solid rgba(75, 85, 99, 0.3);
|
||||
}
|
||||
|
||||
.verification-code {
|
||||
background: rgba(42, 43, 42, 0.8);
|
||||
border: 1px solid rgba(75, 85, 99, 0.3);
|
||||
color: #f1f5f9;
|
||||
font-family: 'Monaco', 'Menlo', monospace;
|
||||
letter-spacing: 0.1em;
|
||||
font-size: 1.2em;
|
||||
padding: 8px 12px;
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Иконки и размеры */
|
||||
.icon-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: rgba(42, 43, 42, 0.8);
|
||||
border: 1px solid rgba(75, 85, 99, 0.3);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.icon-container i {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.icon-sm { font-size: 0.875rem; }
|
||||
.icon-md { font-size: 1rem; }
|
||||
.icon-lg { font-size: 1.125rem; }
|
||||
.icon-xl { font-size: 1.25rem; }
|
||||
.icon-2xl { font-size: 1.5rem; }
|
||||
|
||||
/* Step number */
|
||||
.step-number {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: linear-gradient(135deg, #f97316, #ea580c);
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Fallback styles for icons (ВОТ ОН — блок, который я пропустил) */
|
||||
.icon-fallback {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
/* Ensure icons are visible */
|
||||
.fas, .far, .fab {
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Improve icon rendering */
|
||||
.fas::before, .far::before, .fab::before {
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* Icon loading fallback (первый вариант) */
|
||||
.icon-loading {
|
||||
opacity: 0.7;
|
||||
animation: iconPulse 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* Fallback icons content */
|
||||
.fa-fallback .fas.fa-shield-halved::before { content: "🛡️"; }
|
||||
.fa-fallback .fas.fa-shield-alt::before { content: "🛡️"; }
|
||||
.fa-fallback .fas.fa-lock::before { content: "🔒"; }
|
||||
.fa-fallback .fas.fa-unlock-alt::before { content: "🔓"; }
|
||||
.fa-fallback .fas.fa-key::before { content: "🔑"; }
|
||||
.fa-fallback .fas.fa-fingerprint::before { content: "👆"; }
|
||||
.fa-fallback .fas.fa-exchange-alt::before { content: "🔄"; }
|
||||
.fa-fallback .fas.fa-plus::before { content: "➕"; }
|
||||
.fa-fallback .fas.fa-link::before { content: "🔗"; }
|
||||
.fa-fallback .fas.fa-paste::before { content: "📋"; }
|
||||
.fa-fallback .fas.fa-check-circle::before { content: "✅"; }
|
||||
.fa-fallback .fas.fa-cogs::before { content: "⚙️"; }
|
||||
.fa-fallback .fas.fa-rocket::before { content: "🚀"; }
|
||||
.fa-fallback .fas.fa-copy::before { content: "📄"; }
|
||||
.fa-fallback .fas.fa-check::before { content: "✓"; }
|
||||
.fa-fallback .fas.fa-times::before { content: "✗"; }
|
||||
.fa-fallback .fas.fa-exclamation-triangle::before { content: "⚠️"; }
|
||||
.fa-fallback .fas.fa-info-circle::before { content: "ℹ️"; }
|
||||
.fa-fallback .fas.fa-circle::before { content: "●"; }
|
||||
.fa-fallback .fas.fa-paper-plane::before { content: "📤"; }
|
||||
.fa-fallback .fas.fa-comments::before { content: "💬"; }
|
||||
.fa-fallback .fas.fa-signature::before { content: "✍️"; }
|
||||
.fa-fallback .fas.fa-power-off::before { content: "⏻"; }
|
||||
.fa-fallback .fas.fa-arrow-left::before { content: "←"; }
|
||||
|
||||
/* Ensure fallback icons are properly sized & use emoji font */
|
||||
.fa-fallback .fas::before {
|
||||
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
/* Icon alignment in buttons */
|
||||
button i {
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
/* Повторное определение не удалял — второй вариант icon-loading переопределит первый (как в оригинале) */
|
||||
.icon-loading {
|
||||
opacity: 0.6;
|
||||
animation: iconPulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* Чат */
|
||||
.chat-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100vh - 128px);
|
||||
min-height: 0;
|
||||
}
|
||||
.chat-messages-area {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.chat-input-area {
|
||||
flex-shrink: 0;
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
background: rgba(42, 43, 42, 0.95);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
/* Интерактивные индикаторы безопасности */
|
||||
.header-minimal .cursor-pointer:hover {
|
||||
transform: scale(1.05);
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
.header-minimal .cursor-pointer:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
/* Pay-per-session UI */
|
||||
.session-timer {
|
||||
background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
|
||||
border: 1px solid rgba(249, 115, 22, 0.3);
|
||||
color: white;
|
||||
padding: 8px 16px;
|
||||
border-radius: 8px;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.session-timer.warning {
|
||||
background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
|
||||
animation: pulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.session-timer.critical {
|
||||
background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
|
||||
animation: pulse 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* Lightning button */
|
||||
.lightning-button {
|
||||
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
|
||||
border: 1px solid rgba(245, 158, 11, 0.3);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.lightning-button:hover {
|
||||
background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
/* Кнопки */
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
|
||||
border: 1px solid rgba(249, 115, 22, 0.3);
|
||||
}
|
||||
.btn-primary:hover {
|
||||
background: linear-gradient(135deg, #ea580c 0%, #dc2626 100%);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background: linear-gradient(135deg, #2A2B2A 0%, #3a3b3a 100%);
|
||||
border: 1px solid rgba(75, 85, 99, 0.3);
|
||||
}
|
||||
.btn-secondary:hover {
|
||||
background: linear-gradient(135deg, #3a3b3a 0%, #4a4b4a 100%);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.btn-verify {
|
||||
background: linear-gradient(135deg, #2A2B2A 0%, #3a3b3a 100%);
|
||||
border: 1px solid rgba(75, 85, 99, 0.3);
|
||||
}
|
||||
.btn-verify:hover {
|
||||
background: linear-gradient(135deg, #3a3b3a 0%, #4a4b4a 100%);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
/* Wallet logos container & per-wallet filters */
|
||||
.wallet-logos-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 64px;
|
||||
margin: 20px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wallet-logos-track {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
animation: walletLogosScroll 30s linear infinite;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.wallet-logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100px;
|
||||
height: 48px;
|
||||
background: rgba(42, 43, 42, 0.8);
|
||||
border: 1px solid rgba(75, 85, 99, 0.3);
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #f1f5f9;
|
||||
flex-shrink: 0;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.wallet-logo:hover {
|
||||
border-color: rgba(249, 115, 22, 0.3);
|
||||
background: rgba(249, 115, 22, 0.1);
|
||||
transform: translateY(-2px) scale(1.05);
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Примеры per-wallet классов (как в оригинале) */
|
||||
.wallet-logo.bitcoin-lightning { background: transparent; padding: 4px; }
|
||||
.wallet-logo.bitcoin-lightning img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.impervious { background: transparent; padding: 4px; }
|
||||
.wallet-logo.impervious img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.strike { background: transparent; padding: 4px; }
|
||||
.wallet-logo.strike img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.lnbits { background: transparent; padding: 4px; }
|
||||
.wallet-logo.lnbits img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.lightning-labs { background: transparent; padding: 4px; }
|
||||
.wallet-logo.lightning-labs img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.atomic { background: transparent; padding: 4px; }
|
||||
.wallet-logo.atomic img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.breez { background: transparent; padding: 4px; }
|
||||
.wallet-logo.breez img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.alby { background: transparent; padding: 4px; }
|
||||
.wallet-logo.alby img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.phoenix { background: transparent; }
|
||||
.wallet-logo.blixt { background: transparent; }
|
||||
.wallet-logo.zeus { background: transparent; padding: 4px; }
|
||||
.wallet-logo.zeus img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.wos { background: transparent; padding: 4px; }
|
||||
.wallet-logo.wos img { width: 80px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
.wallet-logo.muun { background: transparent; padding: 4px; }
|
||||
.wallet-logo.muun img { width: 48px; height: 48px; filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(670%) hue-rotate(202deg) brightness(97%) contrast(86%); }
|
||||
|
||||
/* Pause animation on hover for logos */
|
||||
.wallet-logos-container:hover .wallet-logos-track {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
/* Анимация появления сообщений использует keyframes из animations.css */
|
||||
.message-slide {
|
||||
animation: messageSlideIn 0.3s ease-out;
|
||||
}
|
||||
|
||||
/* Icon color improvements (повтор в оригинале — сохранил) */
|
||||
.accent-orange { color: #fb923c !important; }
|
||||
.accent-green { color: #34d399 !important; }
|
||||
.accent-red { color: #f87171 !important; }
|
||||
.accent-yellow { color: #fbbf24 !important; }
|
||||
.accent-purple { color: #a78bfa !important; }
|
||||
.accent-gray { color: #9ca3af !important; }
|
||||
.accent-cyan { color: #22d3ee !important; }
|
||||
|
||||
/* Ensure icons visible in dark backgrounds */
|
||||
.text-secondary i {
|
||||
opacity: 0.8;
|
||||
}
|
||||
96
src/styles/main.css
Normal file
96
src/styles/main.css
Normal file
@@ -0,0 +1,96 @@
|
||||
/* Основные шрифты и цвета */
|
||||
* {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #2A2B2A;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* Базовые фоны */
|
||||
.bg-custom-bg {
|
||||
background-color: rgb(37 38 37) !important;
|
||||
}
|
||||
|
||||
.bg-header {
|
||||
background-color: rgb(35 35 35) !important;
|
||||
}
|
||||
|
||||
.minimal-bg {
|
||||
background: linear-gradient(135deg, #1a1a1a 0%, #2A2B2A 100%);
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
/* Текстовые стили */
|
||||
.text-primary { color: #f1f5f9; }
|
||||
.text-secondary { color: #9ca3af; }
|
||||
.text-muted { color: #6b7280; }
|
||||
|
||||
/* Акцентные цвета */
|
||||
.accent-orange { color: #fb923c; }
|
||||
.accent-green { color: #34d399; }
|
||||
.accent-red { color: #f87171; }
|
||||
.accent-yellow { color: #fbbf24; }
|
||||
.accent-purple { color: #a78bfa; }
|
||||
.accent-blue { color: #60a5fa; }
|
||||
.accent-gray { color: #9ca3af; }
|
||||
.accent-cyan { color: #22d3ee; }
|
||||
|
||||
/* Кастомный скролл */
|
||||
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
|
||||
.custom-scrollbar::-webkit-scrollbar-track {
|
||||
background: rgba(42, 43, 42, 0.3);
|
||||
border-radius: 3px;
|
||||
}
|
||||
.custom-scrollbar::-webkit-scrollbar-thumb {
|
||||
background: rgba(75, 85, 99, 0.5);
|
||||
border-radius: 3px;
|
||||
}
|
||||
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(75, 85, 99, 0.7);
|
||||
}
|
||||
|
||||
/* Плавная прокрутка */
|
||||
.scroll-smooth {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* Улучшенная прокрутка для сообщений */
|
||||
.messages-container {
|
||||
scroll-behavior: smooth;
|
||||
scroll-padding-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Медиа-запросы (мобильные/планшет) */
|
||||
@media (max-width: 640px) {
|
||||
.header-minimal { padding: 0 8px; }
|
||||
|
||||
.icon-container {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.verification-code {
|
||||
font-size: 0.875rem;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
|
||||
.header-minimal .max-w-7xl {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.header-minimal button {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 641px) and (max-width: 1024px) {
|
||||
.header-minimal .max-w-7xl {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
}
|
||||
360
test-lnbits-integration.html
Normal file
360
test-lnbits-integration.html
Normal file
@@ -0,0 +1,360 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>LNbits Integration Test</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
background: #2A2B2A;
|
||||
color: #f1f5f9;
|
||||
padding: 20px;
|
||||
}
|
||||
.test-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
background: #1a1a1a;
|
||||
padding: 20px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.test-section {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
border: 1px solid #333;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.success { color: #34d399; }
|
||||
.error { color: #f87171; }
|
||||
.warning { color: #fbbf24; }
|
||||
.info { color: #60a5fa; }
|
||||
button {
|
||||
background: #fb923c;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
margin: 5px;
|
||||
}
|
||||
button:hover { background: #ea580c; }
|
||||
.log {
|
||||
background: #000;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test-container">
|
||||
<h1>🔧 Тест интеграции LNbits</h1>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>📋 Конфигурация</h3>
|
||||
<p><strong>API URL:</strong> <span id="apiUrl">https://demo.lnbits.com</span></p>
|
||||
<p><strong>API Key:</strong> <span id="apiKey">623515641d2e4ebcb1d5992d6d78419c</span></p>
|
||||
<p><strong>Wallet ID:</strong> <span id="walletId">bcd00f561c7b46b4a7b118f069e68997</span></p>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>🧪 Тесты</h3>
|
||||
<button onclick="testHealthCheck()">1. Проверка API</button>
|
||||
<button onclick="testCreateInvoice()">2. Создание инвойса</button>
|
||||
<button onclick="testPaymentStatus()">3. Проверка статуса</button>
|
||||
<button onclick="testVerification()">4. Верификация платежа</button>
|
||||
<button onclick="testRealPayment()">5. Тест реального платежа</button>
|
||||
<button onclick="copyBOLT11()">📋 Копировать BOLT11</button>
|
||||
<button onclick="runAllTests()">🚀 Запустить все тесты</button>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>📊 Результаты</h3>
|
||||
<div id="results"></div>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h3>📝 Логи</h3>
|
||||
<div id="logs" class="log"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
let testResults = [];
|
||||
let currentInvoice = null;
|
||||
|
||||
function log(message, type = 'info') {
|
||||
const logsDiv = document.getElementById('logs');
|
||||
const timestamp = new Date().toLocaleTimeString();
|
||||
const logEntry = document.createElement('div');
|
||||
logEntry.className = type;
|
||||
logEntry.textContent = `[${timestamp}] ${message}`;
|
||||
logsDiv.appendChild(logEntry);
|
||||
logsDiv.scrollTop = logsDiv.scrollHeight;
|
||||
console.log(`[${type.toUpperCase()}] ${message}`);
|
||||
}
|
||||
|
||||
function addResult(testName, success, details = '') {
|
||||
testResults.push({ testName, success, details, timestamp: Date.now() });
|
||||
updateResults();
|
||||
}
|
||||
|
||||
function updateResults() {
|
||||
const resultsDiv = document.getElementById('results');
|
||||
const passed = testResults.filter(r => r.success).length;
|
||||
const total = testResults.length;
|
||||
|
||||
resultsDiv.innerHTML = `
|
||||
<div class="info">✅ Пройдено: ${passed}/${total}</div>
|
||||
${testResults.map(r => `
|
||||
<div class="${r.success ? 'success' : 'error'}">
|
||||
${r.success ? '✅' : '❌'} ${r.testName}
|
||||
${r.details ? `<br><small>${r.details}</small>` : ''}
|
||||
</div>
|
||||
`).join('')}
|
||||
`;
|
||||
}
|
||||
|
||||
async function testHealthCheck() {
|
||||
log('🔍 Тестирование доступности API...', 'info');
|
||||
|
||||
try {
|
||||
const response = await fetch('https://demo.lnbits.com/api/v1/health', {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Api-Key': '623515641d2e4ebcb1d5992d6d78419c'
|
||||
}
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
log('✅ API доступен', 'success');
|
||||
log(`📊 Статус: ${JSON.stringify(data)}`, 'info');
|
||||
addResult('Health Check', true, `Status: ${response.status}`);
|
||||
} else {
|
||||
log(`❌ API недоступен: ${response.status}`, 'error');
|
||||
addResult('Health Check', false, `HTTP ${response.status}`);
|
||||
}
|
||||
} catch (error) {
|
||||
log(`❌ Ошибка подключения: ${error.message}`, 'error');
|
||||
addResult('Health Check', false, error.message);
|
||||
}
|
||||
}
|
||||
|
||||
async function testCreateInvoice() {
|
||||
log('💰 Тестирование создания инвойса...', 'info');
|
||||
|
||||
try {
|
||||
const response = await fetch('https://demo.lnbits.com/api/v1/payments', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-Api-Key': '623515641d2e4ebcb1d5992d6d78419c',
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
out: false,
|
||||
amount: 500,
|
||||
memo: 'LockBit.chat test invoice',
|
||||
unit: 'sat',
|
||||
expiry: 300
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
currentInvoice = data;
|
||||
log('✅ Инвойс создан успешно', 'success');
|
||||
log(`📋 Payment Request: ${data.bolt11 ? data.bolt11.substring(0, 50) + '...' : 'N/A'}`, 'info');
|
||||
log(`🔑 Payment Hash: ${data.payment_hash || 'N/A'}`, 'info');
|
||||
log(`💰 Amount: ${data.amount || 'N/A'} sats`, 'info');
|
||||
log(`📋 BOLT11: ${data.bolt11 ? 'Доступен' : 'N/A'}`, 'info');
|
||||
addResult('Create Invoice', true, `Amount: ${data.amount || 'N/A'} sats`);
|
||||
} else {
|
||||
const errorText = await response.text();
|
||||
log(`❌ Ошибка создания инвойса: ${response.status}`, 'error');
|
||||
log(`📄 Ответ: ${errorText}`, 'error');
|
||||
addResult('Create Invoice', false, `HTTP ${response.status}: ${errorText}`);
|
||||
}
|
||||
} catch (error) {
|
||||
log(`❌ Ошибка: ${error.message}`, 'error');
|
||||
addResult('Create Invoice', false, error.message);
|
||||
}
|
||||
}
|
||||
|
||||
async function testPaymentStatus() {
|
||||
if (!currentInvoice) {
|
||||
log('⚠️ Сначала создайте инвойс', 'warning');
|
||||
addResult('Payment Status', false, 'No invoice available');
|
||||
return;
|
||||
}
|
||||
|
||||
log('🔍 Проверка статуса платежа...', 'info');
|
||||
|
||||
try {
|
||||
const response = await fetch(`https://demo.lnbits.com/api/v1/payments/${currentInvoice.checking_id}`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Api-Key': '623515641d2e4ebcb1d5992d6d78419c',
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
log('✅ Статус получен', 'success');
|
||||
log(`📊 Оплачен: ${data.paid || false}`, 'info');
|
||||
log(`💰 Сумма: ${data.details?.amount || 'N/A'} sats`, 'info');
|
||||
log(`📋 Статус: ${data.status || 'N/A'}`, 'info');
|
||||
log(`📋 BOLT11: ${data.details?.bolt11 ? 'Доступен' : 'N/A'}`, 'info');
|
||||
addResult('Payment Status', true, `Paid: ${data.paid || false}, Amount: ${data.details?.amount || 'N/A'}`);
|
||||
} else {
|
||||
const errorText = await response.text();
|
||||
log(`❌ Ошибка проверки статуса: ${response.status}`, 'error');
|
||||
addResult('Payment Status', false, `HTTP ${response.status}: ${errorText}`);
|
||||
}
|
||||
} catch (error) {
|
||||
log(`❌ Ошибка: ${error.message}`, 'error');
|
||||
addResult('Payment Status', false, error.message);
|
||||
}
|
||||
}
|
||||
|
||||
async function testVerification() {
|
||||
log('🔐 Тестирование верификации...', 'info');
|
||||
|
||||
// Создаем фиктивный preimage для теста
|
||||
const testPreimage = Array.from(crypto.getRandomValues(new Uint8Array(32)))
|
||||
.map(b => b.toString(16).padStart(2, '0')).join('');
|
||||
|
||||
log(`🔑 Тестовый preimage: ${testPreimage}`, 'info');
|
||||
|
||||
try {
|
||||
// Криптографическая верификация
|
||||
const preimageBytes = new Uint8Array(testPreimage.match(/.{2}/g).map(byte => parseInt(byte, 16)));
|
||||
const hashBuffer = await crypto.subtle.digest('SHA-256', preimageBytes);
|
||||
const computedHash = Array.from(new Uint8Array(hashBuffer))
|
||||
.map(b => b.toString(16).padStart(2, '0')).join('');
|
||||
|
||||
log(`🔐 Вычисленный hash: ${computedHash}`, 'info');
|
||||
log('✅ Криптографическая верификация работает', 'success');
|
||||
addResult('Cryptographic Verification', true, 'SHA-256 hash computation OK');
|
||||
|
||||
} catch (error) {
|
||||
log(`❌ Ошибка криптографической верификации: ${error.message}`, 'error');
|
||||
addResult('Cryptographic Verification', false, error.message);
|
||||
}
|
||||
}
|
||||
|
||||
async function testRealPayment() {
|
||||
log('💳 Тестирование реального платежа...', 'info');
|
||||
|
||||
if (!currentInvoice) {
|
||||
log('⚠️ Сначала создайте инвойс', 'warning');
|
||||
addResult('Real Payment Test', false, 'No invoice available');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// Создаем фиктивный preimage для теста (в реальности это придет от кошелька)
|
||||
const testPreimage = Array.from(crypto.getRandomValues(new Uint8Array(32)))
|
||||
.map(b => b.toString(16).padStart(2, '0')).join('');
|
||||
|
||||
log(`🔑 Тестовый preimage: ${testPreimage}`, 'info');
|
||||
|
||||
// Проверяем через LNbits API
|
||||
const response = await fetch(`https://demo.lnbits.com/api/v1/payments/${currentInvoice.checking_id}`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Api-Key': '623515641d2e4ebcb1d5992d6d78419c',
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
log(`📊 Статус платежа: ${JSON.stringify(data)}`, 'info');
|
||||
|
||||
// Симулируем успешный платеж для демо
|
||||
if (data.paid) {
|
||||
log('✅ Платеж уже оплачен!', 'success');
|
||||
addResult('Real Payment Test', true, 'Payment already paid');
|
||||
} else {
|
||||
log('⏳ Платеж ожидает оплаты', 'warning');
|
||||
log('💡 Для тестирования оплатите инвойс через любой Lightning кошелек', 'info');
|
||||
addResult('Real Payment Test', true, 'Payment pending - ready for testing');
|
||||
}
|
||||
} else {
|
||||
throw new Error(`HTTP ${response.status}`);
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
log(`❌ Ошибка тестирования платежа: ${error.message}`, 'error');
|
||||
addResult('Real Payment Test', false, error.message);
|
||||
}
|
||||
}
|
||||
|
||||
function copyBOLT11() {
|
||||
if (!currentInvoice) {
|
||||
log('⚠️ Сначала создайте инвойс', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
const bolt11 = currentInvoice.bolt11;
|
||||
if (!bolt11) {
|
||||
log('❌ BOLT11 недоступен', 'error');
|
||||
return;
|
||||
}
|
||||
|
||||
navigator.clipboard.writeText(bolt11).then(() => {
|
||||
log('✅ BOLT11 скопирован в буфер обмена', 'success');
|
||||
log(`📋 BOLT11: ${bolt11.substring(0, 50)}...`, 'info');
|
||||
}).catch(err => {
|
||||
log(`❌ Ошибка копирования: ${err.message}`, 'error');
|
||||
});
|
||||
}
|
||||
|
||||
async function runAllTests() {
|
||||
log('🚀 Запуск всех тестов...', 'info');
|
||||
testResults = [];
|
||||
|
||||
await testHealthCheck();
|
||||
await new Promise(resolve => setTimeout(resolve, 1000));
|
||||
|
||||
await testCreateInvoice();
|
||||
await new Promise(resolve => setTimeout(resolve, 1000));
|
||||
|
||||
await testPaymentStatus();
|
||||
await new Promise(resolve => setTimeout(resolve, 1000));
|
||||
|
||||
await testVerification();
|
||||
await new Promise(resolve => setTimeout(resolve, 1000));
|
||||
|
||||
await testRealPayment();
|
||||
|
||||
log('🎉 Все тесты завершены!', 'success');
|
||||
}
|
||||
|
||||
// Экспортируем функции для использования в HTML
|
||||
window.testHealthCheck = testHealthCheck;
|
||||
window.testCreateInvoice = testCreateInvoice;
|
||||
window.testPaymentStatus = testPaymentStatus;
|
||||
window.testVerification = testVerification;
|
||||
window.testRealPayment = testRealPayment;
|
||||
window.copyBOLT11 = copyBOLT11;
|
||||
window.runAllTests = runAllTests;
|
||||
|
||||
// Автоматический запуск при загрузке
|
||||
log('🔧 Тест интеграции LNbits загружен', 'info');
|
||||
log('📋 Нажмите "Запустить все тесты" для проверки', 'info');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user