Реструктуризация: два глобальных раздела — Яша и Семен

Весь контент перенесён в content/yasha/ (7 подразделов).
Создан content/semen/ с подразделами: changelog, kb, diary.
Навигация — dropdown в навбаре, двухуровневое меню в hugo.toml.
Шаблоны, сайдбар, поиск обновлены под вложенные секции.
This commit is contained in:
Агальцов Антон
2026-04-26 19:44:52 +03:00
parent cc0b342208
commit dd67d2c2ec
249 changed files with 6900 additions and 9153 deletions
@@ -0,0 +1,213 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>docs.a2v.space Basic Auth — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/">Все креды</a></li>
</ul>
<h6 class="mt-3">Сервисы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=postgresql">PostgreSQL</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vpn">VPN</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vps">VPS</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content creds-card">
<h1>docs.a2v.space Basic Auth</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/creds/docs-a2v-space-auth.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/creds\/docs-a2v-space-auth.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<p>Учетные данные для доступа к docs.a2v.space</p>
<div class="encrypted-data" id="encrypted-docs-a2v-space-auth">
QmFzaWMgQXV0aGVudGljYXRpb24gVXNlcm5hbWU6IGFnYWx0c292YXYgUGFzc3dvcmQ6IE1hZ2FtZXQ3ODchINCa0L7QvdGE0LjQs9GD0YDQsNGG0LjRjyBOZ2lueCBzZXJ2ZXIgeyBsaXN0ZW4gODA5MTsgc2VydmVyX25hbWUgZG9jcy5hMnYuc3BhY2U7IGF1dGhfYmFzaWMgJiMzNDtSZXN0cmljdGVkIEFjY2VzcyYjMzQ7OyBhdXRoX2Jhc2ljX3VzZXJfZmlsZSAvZXRjL25naW54Ly5odHBhc3N3ZDsgfSDQlNC&#43;0YHRgtGD0L8gVVJMOiBodHRwczovL2RvY3MuYTJ2LnNwYWNlICjRh9C10YDQtdC3IHJldmVyc2UgcHJveHkpIExvY2FsOiBodHRwOi8vbG9jYWxob3N0OjgwOTEgKNC00LvRjyDRgNCw0LfRgNCw0LHQvtGC0LrQuCkgQXV0aDog0LLRgdC10LPQtNCwINGC0YDQtdCx0YPQtdGC0YHRjyDQnNCw0YHRgtC10YAt0L/QsNGA0L7Qu9GMINC00LvRjyDRiNC40YTRgNC&#43;0LLQsNC90LjRjyDQktCw0LbQvdC&#43;OiDQn9Cw0YDQvtC70Ywg0LTQu9GPINGA0LDRgdGI0LjRhNGA0L7QstC60Lgg0YTQsNC50LvQvtCyINCyINGA0LDQt9C00LXQu9C1IGNyZWRzLwpNYXN0ZXIgUGFzc3dvcmQ6IFBvcG9sb2thMTYhINCo0LjRhNGA0L7QstCw0L3QuNC1INCQ0LvQs9C&#43;0YDQuNGC0Lw6IEFFUy0yNTYtR0NNINCl0YDQsNC90LjQu9C40YnQtTogY2xpZW50LXNpZGUgZW5jcnlwdGlvbiDQpNCw0LnQu9GLINGI0LjRhNGA0YPRjtGC0YHRjyDQv9GA0Lgg0YHQvtGF0YDQsNC90LXQvdC40Lgg0KDQsNGB0YjQuNGE0YDQvtCy0YvQstCw0Y7RgtGB0Y8g0L/RgNC4INGH0YLQtdC90LjQuCA=
</div>
<div class="decrypted-fields" id="decrypted-docs-a2v-space-auth" style="display: none;">
</div>
<button class="btn btn-primary mt-3 decrypt-btn" data-id="docs-a2v-space-auth">
Расшифровать
</button>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,213 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Eversolo Companion PostgreSQL — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/">Все креды</a></li>
</ul>
<h6 class="mt-3">Сервисы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=postgresql">PostgreSQL</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vpn">VPN</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vps">VPS</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content creds-card">
<h1>Eversolo Companion PostgreSQL</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/creds/eversolo-companion-postgres.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/creds\/eversolo-companion-postgres.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<p>Учетные данные для базы данных Eversolo Companion</p>
<div class="encrypted-data" id="encrypted-eversolo-companion-postgres">
RG9ja2VyIENvbXBvc2Ug0LrRgNC10LTRiyAofi9Qcm9qZWN0cy9ldmVyc29sby1jb21wYW5pb24vZG9ja2VyLWNvbXBvc2UueW1sKSBzZXJ2aWNlczogcG9zdGdyZXM6IGVudmlyb25tZW50OiBQT1NUR1JFU19VU0VSOiBwb3N0Z3JlcyBQT1NUR1JFU19QQVNTV09SRDogcGFzc3dvcmQgUE9TVEdSRVNfREI6IGV2ZXJzb2xvINCb0L7QutCw0LvRjNC90YvQtSDQutGA0LXQtNGLICguZW52INGE0LDQudC7KSBQT1NUR1JFU19VU0VSPXBvc3RncmVzIFBPU1RHUkVTX1BBU1NXT1JEPXBhc3N3b3JkIFBPU1RHUkVTX0RCPWV2ZXJzb2xvINCl0L7RgdGC0LjQvdCzIEhvc3Q6IGxvY2FsaG9zdCBQb3J0OiA1NDMzIERhdGFiYXNlOiBldmVyc29sbyDQkdC10LfQvtC/0LDRgdC90L7RgdGC0Ywg0JjRgdC/0L7Qu9GM0LfRg9C50YLQtSDRgNCw0LfQvdGL0LUg0L/QsNGA0L7Qu9C4INC00LvRjyBwcm9kdWN0aW9uINCS0LrQu9GO0YfQuNGC0LUgU1NMINC00LvRjyDRg9C00LDQu9C10L3QvdC&#43;0LPQviDQv9C&#43;0LTQutC70Y7Rh9C10L3QuNGPINCg0LXQs9GD0LvRj9GA0L3QviDQtNC10LvQsNC50YLQtSDQsdGN0LrQsNC/0Ysg
</div>
<div class="decrypted-fields" id="decrypted-eversolo-companion-postgres" style="display: none;">
</div>
<button class="btn btn-primary mt-3 decrypt-btn" data-id="eversolo-companion-postgres">
Расшифровать
</button>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+343
View File
@@ -0,0 +1,343 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Креды — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../yasha/creds/">Все креды</a></li>
</ul>
<h6 class="mt-3">Сервисы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../yasha/creds/?service=postgresql">PostgreSQL</a></li>
<li class="nav-item"><a class="nav-link" href="../../yasha/creds/?service=vpn">VPN</a></li>
<li class="nav-item"><a class="nav-link" href="../../yasha/creds/?service=vps">VPS</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Креды</h1>
<p class="text-muted">Данные зашифрованы. Нажмите "Расшифровать" и введите мастер-пароль.</p>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card creds-card h-100">
<div class="card-body">
<h3 class="card-title">VPS reg.ru</h3>
<p class="card-text">VPS хостинг (реверс-прокси)</p>
<p class="text-muted mb-2"><strong>Сервис:</strong> VPS</p>
<div class="encrypted-data" id="encrypted-vps-reg-ru">
CklwWVhMTXRnQ0ZsR1E1NTBEWkNManEzN1Zzbk5xTDA4Um4wM2lSUzdrUTdvekJaTnNpWnlTRnpEQXZZaDR4SUh5dFJEeTBTejBLR1VYZWtyMFMrY05pSnNtdFo4a2owUGQwSmhldmh4VE1aRjJraEZ2cy9MRldvVEw1WndBSjM0eS9xZkx3MmdhV1g5MFZaRHUwd08rS2VBUWVYaHJXbW9sLzJ6VWxmV1gxQWloeVlxRDJ2UnoraDJGY2pEOHViWU9YRzM1UHlYN09sVjFIUFhnRHY1WC9iRk5yeHpQYzg2N1VPd0I0YUd4WTlhCgoK
</div>
<div class="decrypted-fields" id="decrypted-vps-reg-ru" style="display: none;">
</div>
<button class="btn btn-primary mt-2 decrypt-btn" data-id="vps-reg-ru">
Расшифровать
</button>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card creds-card h-100">
<div class="card-body">
<h3 class="card-title">VPN VPS</h3>
<p class="card-text">VPN сервер (Amnezia)</p>
<p class="text-muted mb-2"><strong>Сервис:</strong> VPN</p>
<div class="encrypted-data" id="encrypted-vpn-vps">
CllFSTE2TkFKNzhkM2xtU2EvbGNhOFp4Y3p0K3U2R3lNVVlIZHVYNDdWb0ZRZGowSXhvemQ4UjZ5WG9CN2VNK0FqaEN0TkdrT3hHbE9qMnM3M0FCT0JqTEVJVkloRDRaK3hUeXpkdGFoNFZweUxvbHRZT2VOWXNuYklJRkFSZEYvRkJZcTVDT1hvaGhYczMzSzVvenpucnREZC9hd2JLTWpsL3NiUXFqWEFaK0EzWlNvYjYvNXVVK2ZGS2V0WExSNnY0WkxBWVE1N2lpRDIxSW1TTFNnZ3d2K3JKZ0s1WHlQREtFUEQ0TjVuT3NpRHJMZ291a1ZCTXZnSjU0UHFmUHAySG5pKzJ0ZEtPbE1uT0cybnBUdXU0U2t5QUxjZkZhcgoKCg==
</div>
<div class="decrypted-fields" id="decrypted-vpn-vps" style="display: none;">
</div>
<button class="btn btn-primary mt-2 decrypt-btn" data-id="vpn-vps">
Расшифровать
</button>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card creds-card h-100">
<div class="card-body">
<h3 class="card-title">Mac Studio — leadera-api БД (локальная)</h3>
<p class="card-text">PostgreSQL (Docker) для Leadera</p>
<p class="text-muted mb-2"><strong>Сервис:</strong> PostgreSQL</p>
<div class="encrypted-data" id="encrypted-leadera-db-local">
CnA3SXc3WTN6Ymoxa0xCY2JPWEdvTzI3b0R3Rjg1QWh4Qlc3c2FUNTM4aHhpMG9nSnB5RmVNNDlHRHVMSHp4dXlrbnZkTkMvcngzdGI0QUZuR2tDZUhTcnJDbWorVks4Wnh0N3VqZXVqVkpTUnVPZWVVbHNxa0hkbG1haVhsMktRa25ySXNxVkNpM1RubjBWNXFjRnh2bysxS3RjK3N1ckY2YkJwV3JUSHpXVjVtTHRXVmZENkM2a3Z2UC9VRmxkRkJENnYrRlFzNzl5Zm9PZS9qL2JVcnRwdDZ2NVZuZGJiQm1oVUFRY3kxQlYycnBYeE8zNzNkVGNMUTZjb1JXa3QvUkZvCgoK
</div>
<div class="decrypted-fields" id="decrypted-leadera-db-local" style="display: none;">
</div>
<button class="btn btn-primary mt-2 decrypt-btn" data-id="leadera-db-local">
Расшифровать
</button>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card creds-card h-100">
<div class="card-body">
<h3 class="card-title">Mac Studio — leadera-api БД (docker-compose)</h3>
<p class="card-text">PostgreSQL (docker-compose) для Leadera</p>
<p class="text-muted mb-2"><strong>Сервис:</strong> PostgreSQL</p>
<div class="encrypted-data" id="encrypted-leadera-db-docker">
Ck5ZVks0UEVHd21PSG1BbkdrOElBVWMrbHlGSnRuRUF2WDZaZGRCcm8vSUxSV0hPWEJHWXl3Z2dsRnZRWjE4QkxETGI1RHVBOEdQQUlkQi9Md1RIUlhZTzBLc210bFpRVldHRWVlWGxYQW9FWHBhNXRoZW9PUWhlYmtXNkxtaUt5TkdBVlcyejlySzNuejZObnp0WWRuNDlMdkdNanJIdVI0SXdDTGJsL3BZYTk2Q1BOUm54R0RGbGR1Rmk4bE1Tc3BNMHJCRmkvYlpoTkdoenkzNlZpQ2wrYUtyNVA5Y2xlMFp2TThFOGF2LzZjNUpqZ0R0ODhRRkkzVllkVGFUQ0UwK3VIc1hsbkpON1FnZy9LSDdrRAoKCg==
</div>
<div class="decrypted-fields" id="decrypted-leadera-db-docker" style="display: none;">
</div>
<button class="btn btn-primary mt-2 decrypt-btn" data-id="leadera-db-docker">
Расшифровать
</button>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card creds-card h-100">
<div class="card-body">
<h3 class="card-title">Eversolo Companion PostgreSQL</h3>
<p class="card-text">Учетные данные для базы данных Eversolo Companion</p>
<div class="encrypted-data" id="encrypted-eversolo-companion-postgres">
RG9ja2VyIENvbXBvc2Ug0LrRgNC10LTRiyAofi9Qcm9qZWN0cy9ldmVyc29sby1jb21wYW5pb24vZG9ja2VyLWNvbXBvc2UueW1sKSBzZXJ2aWNlczogcG9zdGdyZXM6IGVudmlyb25tZW50OiBQT1NUR1JFU19VU0VSOiBwb3N0Z3JlcyBQT1NUR1JFU19QQVNTV09SRDogcGFzc3dvcmQgUE9TVEdSRVNfREI6IGV2ZXJzb2xvINCb0L7QutCw0LvRjNC90YvQtSDQutGA0LXQtNGLICguZW52INGE0LDQudC7KSBQT1NUR1JFU19VU0VSPXBvc3RncmVzIFBPU1RHUkVTX1BBU1NXT1JEPXBhc3N3b3JkIFBPU1RHUkVTX0RCPWV2ZXJzb2xvINCl0L7RgdGC0LjQvdCzIEhvc3Q6IGxvY2FsaG9zdCBQb3J0OiA1NDMzIERhdGFiYXNlOiBldmVyc29sbyDQkdC10LfQvtC/0LDRgdC90L7RgdGC0Ywg0JjRgdC/0L7Qu9GM0LfRg9C50YLQtSDRgNCw0LfQvdGL0LUg0L/QsNGA0L7Qu9C4INC00LvRjyBwcm9kdWN0aW9uINCS0LrQu9GO0YfQuNGC0LUgU1NMINC00LvRjyDRg9C00LDQu9C10L3QvdC&#43;0LPQviDQv9C&#43;0LTQutC70Y7Rh9C10L3QuNGPINCg0LXQs9GD0LvRj9GA0L3QviDQtNC10LvQsNC50YLQtSDQsdGN0LrQsNC/0Ysg
</div>
<div class="decrypted-fields" id="decrypted-eversolo-companion-postgres" style="display: none;">
</div>
<button class="btn btn-primary mt-2 decrypt-btn" data-id="eversolo-companion-postgres">
Расшифровать
</button>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card creds-card h-100">
<div class="card-body">
<h3 class="card-title">docs.a2v.space Basic Auth</h3>
<p class="card-text">Учетные данные для доступа к docs.a2v.space</p>
<div class="encrypted-data" id="encrypted-docs-a2v-space-auth">
QmFzaWMgQXV0aGVudGljYXRpb24gVXNlcm5hbWU6IGFnYWx0c292YXYgUGFzc3dvcmQ6IE1hZ2FtZXQ3ODchINCa0L7QvdGE0LjQs9GD0YDQsNGG0LjRjyBOZ2lueCBzZXJ2ZXIgeyBsaXN0ZW4gODA5MTsgc2VydmVyX25hbWUgZG9jcy5hMnYuc3BhY2U7IGF1dGhfYmFzaWMgJiMzNDtSZXN0cmljdGVkIEFjY2VzcyYjMzQ7OyBhdXRoX2Jhc2ljX3VzZXJfZmlsZSAvZXRjL25naW54Ly5odHBhc3N3ZDsgfSDQlNC&#43;0YHRgtGD0L8gVVJMOiBodHRwczovL2RvY3MuYTJ2LnNwYWNlICjRh9C10YDQtdC3IHJldmVyc2UgcHJveHkpIExvY2FsOiBodHRwOi8vbG9jYWxob3N0OjgwOTEgKNC00LvRjyDRgNCw0LfRgNCw0LHQvtGC0LrQuCkgQXV0aDog0LLRgdC10LPQtNCwINGC0YDQtdCx0YPQtdGC0YHRjyDQnNCw0YHRgtC10YAt0L/QsNGA0L7Qu9GMINC00LvRjyDRiNC40YTRgNC&#43;0LLQsNC90LjRjyDQktCw0LbQvdC&#43;OiDQn9Cw0YDQvtC70Ywg0LTQu9GPINGA0LDRgdGI0LjRhNGA0L7QstC60Lgg0YTQsNC50LvQvtCyINCyINGA0LDQt9C00LXQu9C1IGNyZWRzLwpNYXN0ZXIgUGFzc3dvcmQ6IFBvcG9sb2thMTYhINCo0LjRhNGA0L7QstCw0L3QuNC1INCQ0LvQs9C&#43;0YDQuNGC0Lw6IEFFUy0yNTYtR0NNINCl0YDQsNC90LjQu9C40YnQtTogY2xpZW50LXNpZGUgZW5jcnlwdGlvbiDQpNCw0LnQu9GLINGI0LjRhNGA0YPRjtGC0YHRjyDQv9GA0Lgg0YHQvtGF0YDQsNC90LXQvdC40Lgg0KDQsNGB0YjQuNGE0YDQvtCy0YvQstCw0Y7RgtGB0Y8g0L/RgNC4INGH0YLQtdC90LjQuCA=
</div>
<div class="decrypted-fields" id="decrypted-docs-a2v-space-auth" style="display: none;">
</div>
<button class="btn btn-primary mt-2 decrypt-btn" data-id="docs-a2v-space-auth">
Расшифровать
</button>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../js/search.js"></script>
<script src="../../js/creds.js"></script>
</body>
</html>
+1
View File
@@ -0,0 +1 @@
[{"content":"Basic Authentication Username: agaltsovav Password: Magamet787! Конфигурация Nginx server { listen 8091; server_name docs.a2v.space; auth_basic \u0026#34;Restricted Access\u0026#34;; auth_basic_user_file /etc/nginx/.htpasswd; } Доступ URL: https://docs.a2v.space (через reverse proxy) Local: http://localhost:8091 (для разработки) Auth: всегда требуется Мастер-пароль для шифрования Важно: Пароль для расшифровки файлов в разделе creds/\nMaster Password: Popoloka16! Шифрование Алгоритм: AES-256-GCM Хранилище: client-side encryption Файлы шифруются при сохранении Расшифровываются при чтении ","section":"yasha","tags":["docs","authentication","nginx"],"title":"docs.a2v.space Basic Auth","url":"/yasha/creds/docs-a2v-space-auth/"},{"content":"Docker Compose креды (~/Projects/eversolo-companion/docker-compose.yml) services: postgres: environment: POSTGRES_USER: postgres POSTGRES_PASSWORD: password POSTGRES_DB: eversolo Локальные креды (.env файл) POSTGRES_USER=postgres POSTGRES_PASSWORD=password POSTGRES_DB=eversolo Хостинг Host: localhost Port: 5433 Database: eversolo Безопасность Используйте разные пароли для production Включите SSL для удаленного подключения Регулярно делайте бэкапы ","section":"yasha","tags":["eversolo","companion","postgresql","docker"],"title":"Eversolo Companion PostgreSQL","url":"/yasha/creds/eversolo-companion-postgres/"},{"content":"\nNYVK4PEGwmOHmAnGk8IAUc+lyFJtnEAvX6ZddBro/ILRWHOXBGYywgglFvQZ18BLDLb5DuA8GPAIdB/LwTHRXYO0KsmtlZQVWGEeeXlXAoEXpa5theoOQhebkW6LmiKyNGAVW2z9rK3nz6NnztYdn49LvGMjrHuR4IwCLbl/pYa96CPNRnxGDFlduFi8lMSspM0rBFi/bZhNGhzy36ViCl+aKr5P9cle0ZvM8E8av/6c5JjgDt88QFI3VYdTaTCE0+uHsXlnJN7Qgg/KH7kD\n\n\n","section":"yasha","tags":["postgresql","docker-compose","leadera","database"],"title":"Mac Studio — leadera-api БД (docker-compose)","url":"/yasha/creds/leadera-db-docker/"},{"content":"\np7Iw7Y3zbj1kLBcbOXGoO27oDwF85AhxBW7saT538hxi0ogJpyFeM49GDuLHzxuyknvdNC/rx3tb4AFnGkCeHSrrCmj+VK8Zxt7ujeujVJSRuOeeUlsqkHdlmaiXl2KQknrIsqVCi3Tnn0V5qcFxvo+1Ktc+surF6bBpWrTHzWV5mLtWVfD6C6kvvP/UFldFBD6v+FQs79yfoOe/j/bUrtpt6v5VndbbBmhUAQcy1BV2rpXxO373dTcLQ6coRWkt/RFo\n\n\n","section":"yasha","tags":["postgresql","docker","leadera","database"],"title":"Mac Studio — leadera-api БД (локальная)","url":"/yasha/creds/leadera-db-local/"},{"content":"\nYEI16NAJ78d3lmSa/lca8Zxczt+u6GyMUYHduX47VoFQdj0Ixozd8R6yXoB7eM+AjhCtNGkOxGlOj2s73ABOBjLEIVIhD4Z+xTyzdtah4VpyLoltYOeNYsnbIIFARdF/FBYq5COXohhXs33K5ozznrtDd/awbKMjl/sbQqjXAZ+A3ZSob6/5uU+fFKetXLR6v4ZLAYQ57iiD21ImSLSggwv+rJgK5XyPDKEPD4N5nOsiDrLgoukVBMvgJ54PqfPp2Hni+2tdKOlMnOG2npTuu4SkyALcfFar\n\n\n","section":"yasha","tags":["vpn","amnezia","infrastructure"],"title":"VPN VPS","url":"/yasha/creds/vpn-vps/"},{"content":"\nIpYXLMtgCFlGQ550DZCLjq37VsnNqL08Rn03iRS7kQ7ozBZNsiZySFzDAvYh4xIHytRDy0Sz0KGUXekr0S+cNiJsmtZ8kj0Pd0JhevhxTMZF2khFvs/LFWoTL5ZwAJ34y/qfLw2gaWX90VZDu0wO+KeAQeXhrWmol/2zUlfWX1AihyYqD2vRz+h2FcjD8ubYOXG35PyX7OlV1HPXgDv5X/bFNrxzPc867UOwB4aGxY9a\n\n\n","section":"yasha","tags":["vps","reg.ru","infrastructure"],"title":"VPS reg.ru","url":"/yasha/creds/vps-reg-ru/"}]
@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mac Studio — leadera-api БД (docker-compose) — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/">Все креды</a></li>
</ul>
<h6 class="mt-3">Сервисы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=postgresql">PostgreSQL</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vpn">VPN</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vps">VPS</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content creds-card">
<h1>Mac Studio — leadera-api БД (docker-compose)</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/creds/leadera-db-docker.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/creds\/leadera-db-docker.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<p>PostgreSQL (docker-compose) для Leadera</p>
<p class="text-muted mb-2"><strong>Сервис:</strong> PostgreSQL</p>
<div class="encrypted-data" id="encrypted-leadera-db-docker">
Ck5ZVks0UEVHd21PSG1BbkdrOElBVWMrbHlGSnRuRUF2WDZaZGRCcm8vSUxSV0hPWEJHWXl3Z2dsRnZRWjE4QkxETGI1RHVBOEdQQUlkQi9Md1RIUlhZTzBLc210bFpRVldHRWVlWGxYQW9FWHBhNXRoZW9PUWhlYmtXNkxtaUt5TkdBVlcyejlySzNuejZObnp0WWRuNDlMdkdNanJIdVI0SXdDTGJsL3BZYTk2Q1BOUm54R0RGbGR1Rmk4bE1Tc3BNMHJCRmkvYlpoTkdoenkzNlZpQ2wrYUtyNVA5Y2xlMFp2TThFOGF2LzZjNUpqZ0R0ODhRRkkzVllkVGFUQ0UwK3VIc1hsbkpON1FnZy9LSDdrRAoKCg==
</div>
<div class="decrypted-fields" id="decrypted-leadera-db-docker" style="display: none;">
</div>
<button class="btn btn-primary mt-3 decrypt-btn" data-id="leadera-db-docker">
Расшифровать
</button>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mac Studio — leadera-api БД (локальная) — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/">Все креды</a></li>
</ul>
<h6 class="mt-3">Сервисы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=postgresql">PostgreSQL</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vpn">VPN</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vps">VPS</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content creds-card">
<h1>Mac Studio — leadera-api БД (локальная)</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/creds/leadera-db-local.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/creds\/leadera-db-local.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<p>PostgreSQL (Docker) для Leadera</p>
<p class="text-muted mb-2"><strong>Сервис:</strong> PostgreSQL</p>
<div class="encrypted-data" id="encrypted-leadera-db-local">
CnA3SXc3WTN6Ymoxa0xCY2JPWEdvTzI3b0R3Rjg1QWh4Qlc3c2FUNTM4aHhpMG9nSnB5RmVNNDlHRHVMSHp4dXlrbnZkTkMvcngzdGI0QUZuR2tDZUhTcnJDbWorVks4Wnh0N3VqZXVqVkpTUnVPZWVVbHNxa0hkbG1haVhsMktRa25ySXNxVkNpM1RubjBWNXFjRnh2bysxS3RjK3N1ckY2YkJwV3JUSHpXVjVtTHRXVmZENkM2a3Z2UC9VRmxkRkJENnYrRlFzNzl5Zm9PZS9qL2JVcnRwdDZ2NVZuZGJiQm1oVUFRY3kxQlYycnBYeE8zNzNkVGNMUTZjb1JXa3QvUkZvCgoK
</div>
<div class="decrypted-fields" id="decrypted-leadera-db-local" style="display: none;">
</div>
<button class="btn btn-primary mt-3 decrypt-btn" data-id="leadera-db-local">
Расшифровать
</button>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+215
View File
@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VPN VPS — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/">Все креды</a></li>
</ul>
<h6 class="mt-3">Сервисы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=postgresql">PostgreSQL</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vpn">VPN</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vps">VPS</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content creds-card">
<h1>VPN VPS</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/creds/vpn-vps.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/creds\/vpn-vps.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<p>VPN сервер (Amnezia)</p>
<p class="text-muted mb-2"><strong>Сервис:</strong> VPN</p>
<div class="encrypted-data" id="encrypted-vpn-vps">
CllFSTE2TkFKNzhkM2xtU2EvbGNhOFp4Y3p0K3U2R3lNVVlIZHVYNDdWb0ZRZGowSXhvemQ4UjZ5WG9CN2VNK0FqaEN0TkdrT3hHbE9qMnM3M0FCT0JqTEVJVkloRDRaK3hUeXpkdGFoNFZweUxvbHRZT2VOWXNuYklJRkFSZEYvRkJZcTVDT1hvaGhYczMzSzVvenpucnREZC9hd2JLTWpsL3NiUXFqWEFaK0EzWlNvYjYvNXVVK2ZGS2V0WExSNnY0WkxBWVE1N2lpRDIxSW1TTFNnZ3d2K3JKZ0s1WHlQREtFUEQ0TjVuT3NpRHJMZ291a1ZCTXZnSjU0UHFmUHAySG5pKzJ0ZEtPbE1uT0cybnBUdXU0U2t5QUxjZkZhcgoKCg==
</div>
<div class="decrypted-fields" id="decrypted-vpn-vps" style="display: none;">
</div>
<button class="btn btn-primary mt-3 decrypt-btn" data-id="vpn-vps">
Расшифровать
</button>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+215
View File
@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VPS reg.ru — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/">Все креды</a></li>
</ul>
<h6 class="mt-3">Сервисы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=postgresql">PostgreSQL</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vpn">VPN</a></li>
<li class="nav-item"><a class="nav-link" href="../../../yasha/creds/?service=vps">VPS</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content creds-card">
<h1>VPS reg.ru</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/creds/vps-reg-ru.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/creds\/vps-reg-ru.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<p>VPS хостинг (реверс-прокси)</p>
<p class="text-muted mb-2"><strong>Сервис:</strong> VPS</p>
<div class="encrypted-data" id="encrypted-vps-reg-ru">
CklwWVhMTXRnQ0ZsR1E1NTBEWkNManEzN1Zzbk5xTDA4Um4wM2lSUzdrUTdvekJaTnNpWnlTRnpEQXZZaDR4SUh5dFJEeTBTejBLR1VYZWtyMFMrY05pSnNtdFo4a2owUGQwSmhldmh4VE1aRjJraEZ2cy9MRldvVEw1WndBSjM0eS9xZkx3MmdhV1g5MFZaRHUwd08rS2VBUWVYaHJXbW9sLzJ6VWxmV1gxQWloeVlxRDJ2UnoraDJGY2pEOHViWU9YRzM1UHlYN09sVjFIUFhnRHY1WC9iRk5yeHpQYzg2N1VPd0I0YUd4WTlhCgoK
</div>
<div class="decrypted-fields" id="decrypted-vps-reg-ru" style="display: none;">
</div>
<button class="btn btn-primary mt-3 decrypt-btn" data-id="vps-reg-ru">
Расшифровать
</button>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+325
View File
@@ -0,0 +1,325 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>29 марта 2026 — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/diary/">Все записи</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/system-utils/">system-utils</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/leadera/">leadera</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/gantt/">gantt</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/canvas/">canvas</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/github/">github</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/roadmap/">roadmap</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/vikunja/">vikunja</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/tasktracker/">tasktracker</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/ollama/">ollama</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/qwen/">qwen</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/mtproxy/">mtproxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/infrastructure/">infrastructure</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docker/">docker</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/eversolo/">eversolo</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/hugo/">hugo</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docs/">docs</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/identity/">identity</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/companion/">companion</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>29 марта 2026</h1>
<p class="diary-date">29.03.2026</p>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/diary/2026-03-29.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/diary\/2026-03-29.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="timeline">Timeline</h2>
<ul>
<li><strong>20:03</strong> — Настроили Angular + Go проекты (leadera) через pm2, удалили proxy.conf, подняли PostgreSQL в Docker</li>
<li><strong>20:31</strong> — Изучили API Eversolo T8 — полный список REST-эндпоинтов для управления музыкой</li>
<li><strong>20:49</strong> — Обсудили важность записи контекста в файлы для сохранения памяти между сессиями</li>
<li><strong>21:13</strong> — Начали проект docs.a2v.space — персональная документация на Hugo</li>
<li><strong>21:44</strong> — Завершили настройку Identity (Братан, SOUL.md, USER.md, IDENTITY.md)</li>
<li><strong>22:15</strong> — Документировали инфраструктуру: VPS reverse proxy (claw.a2v.space, code.a2v.space, sand.a2v.space, docs.a2v.space)</li>
<li><strong>22:31</strong> — Настроили docs.a2v.space: Hugo сайт, 83 страницы, Bootstrap 5 тёмная тема, AES-256-GCM шифрование кредов (мастер-пароль: Popoloka16!)</li>
<li><strong>22:47</strong> — Добавили Basic auth: agaltsovav / Magamet787! для доступа к документации</li>
<li><strong>23:02</strong> — Создали cron задачу docs-a2v-daily-sync на ежедневное обновление в 03:00 МСК</li>
<li><strong>23:18</strong> — Полностью задокументировали Eversolo T8 API (воспроизведение, громкость, дисплей, питание, поиск и т.д.)</li>
<li><strong>23:45</strong> — Переписали TOOLS.md как полный справочник по инфраструктуре</li>
</ul>
<h2 id="eversolo-companion--статус-проекта">Eversolo Companion — статус проекта</h2>
<p><strong>Backend (Go + Gin):</strong></p>
<ul>
<li>Репозиторий: ~/Projects/eversolo-companion</li>
<li>Состояние: собран, 17+ REST API эндпоинтов, WebSocket, CORS, state poller</li>
</ul>
<p><strong>Frontend (Angular 17):</strong></p>
<ul>
<li>Состояние: собран, тёмная тема (Spotify-like), 5 экранов, 5 сервисов</li>
<li>Dev server: pm2 (eversolo-fe), порт 8096</li>
</ul>
<p><strong>Инфраструктура:</strong></p>
<ul>
<li>PostgreSQL: Docker, порт 5433, миграции готовы</li>
<li>Docker Compose: рабочий (postgres + api + frontend)</li>
</ul>
<p><strong>Проблема:</strong> нет доступа к Eversolo из OpenClaw sandbox (192.168.0.156)</p>
<ul>
<li>Решение: настройка tools.elevated.allowFrom.webchat или запуск через launchd</li>
</ul>
<p><strong>Следующие шаги:</strong> после решения сети — этапы 3-9 (библиотека sync, плейлисты, scrobbler, обложки)</p>
<div class="tags">
<a href="../../../tags/angular/" class="tag">angular</a>
<a href="../../../tags/go/" class="tag">go</a>
<a href="../../../tags/docker/" class="tag">docker</a>
<a href="../../../tags/eversolo/" class="tag">eversolo</a>
<a href="../../../tags/hugo/" class="tag">hugo</a>
<a href="../../../tags/docs/" class="tag">docs</a>
<a href="../../../tags/identity/" class="tag">identity</a>
<a href="../../../tags/infrastructure/" class="tag">infrastructure</a>
<a href="../../../tags/companion/" class="tag">companion</a>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+319
View File
@@ -0,0 +1,319 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>30 марта 2026 — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/diary/">Все записи</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/system-utils/">system-utils</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/leadera/">leadera</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/gantt/">gantt</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/canvas/">canvas</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/github/">github</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/roadmap/">roadmap</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/vikunja/">vikunja</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/tasktracker/">tasktracker</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/ollama/">ollama</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/qwen/">qwen</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/mtproxy/">mtproxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/infrastructure/">infrastructure</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docker/">docker</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/eversolo/">eversolo</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/hugo/">hugo</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docs/">docs</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/identity/">identity</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/companion/">companion</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>30 марта 2026</h1>
<p class="diary-date">30.03.2026</p>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/diary/2026-03-30.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/diary\/2026-03-30.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="timeline">Timeline</h2>
<ul>
<li><strong>Утро</strong> — Установлен Vikunja (таск-трекер) на Mac Studio через Docker/Colima</li>
<li><strong>День</strong> — Создан проект «Leadera» в Vikunja (ID=2), добавлено 27 задач из аудита Leadera</li>
<li><strong>День</strong> — Начата реализация Leadera TaskTracker: миграции, модели, DTOs, repositories (бекенд), фронтенд (kanban, task-detail)</li>
<li><strong>Вечер</strong> — TaskTracker <strong>откачён</strong> по просьбе Антона — git checkout + git clean. Причина: Claude Code падал (SIGKILL), sub-agents не справлялись, Plane не запустился</li>
<li><strong>Вечер</strong> — Настроен MT Proxy на VPN VPS (185.234.64.52): порт 8443, секрет 9e40ae…</li>
<li><strong>Вечер</strong> — Qwen 3.5:9b подключён к OpenClaw через <code>openclaw models set ollama/qwen3.5:9b</code>, доступен для cron/spawn задач</li>
<li><strong>Вечер</strong> — Антон подключился к claw.a2v.space с мобильного, устройство одобрено</li>
</ul>
<h2 id="vikunja">Vikunja</h2>
<ul>
<li>URL: http://192.168.0.37:8095</li>
<li>Проект Leadera: ID=2</li>
<li>API token: <code>tk_635fb7ac…</code></li>
<li>27 задач из аудита, приоритеты P0–P3</li>
</ul>
<h2 id="leadera-tasktracker">Leadera TaskTracker</h2>
<ul>
<li>ТЗ: <code>leadera-tasktracker-spec.md</code></li>
<li>Реализация через sub-agents (GLM-5.1)</li>
<li><strong>Откачено</strong> — проекты возвращены к предыдущему коммиту</li>
</ul>
<h2 id="mt-proxy">MT Proxy</h2>
<ul>
<li>Сервер: 185.234.64.52, порт 8443</li>
<li>Docker контейнер: <code>mtproxy</code></li>
</ul>
<h2 id="инфраструктура">Инфраструктура</h2>
<ul>
<li>Qwen 3.5:9b доступен как дешёвая локальная модель для cron/spawn</li>
<li>Мобильное подключение к claw.a2v.space подтверждено</li>
</ul>
<div class="tags">
<a href="../../../tags/vikunja/" class="tag">vikunja</a>
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/tasktracker/" class="tag">tasktracker</a>
<a href="../../../tags/ollama/" class="tag">ollama</a>
<a href="../../../tags/qwen/" class="tag">qwen</a>
<a href="../../../tags/mtproxy/" class="tag">mtproxy</a>
<a href="../../../tags/infrastructure/" class="tag">infrastructure</a>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+332
View File
@@ -0,0 +1,332 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>31 марта 2026 — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/diary/">Все записи</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/system-utils/">system-utils</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/leadera/">leadera</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/gantt/">gantt</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/canvas/">canvas</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/github/">github</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/roadmap/">roadmap</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/vikunja/">vikunja</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/tasktracker/">tasktracker</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/ollama/">ollama</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/qwen/">qwen</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/mtproxy/">mtproxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/infrastructure/">infrastructure</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docker/">docker</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/eversolo/">eversolo</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/hugo/">hugo</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docs/">docs</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/identity/">identity</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/companion/">companion</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>31 марта 2026</h1>
<p class="diary-date">31.03.2026</p>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/diary/2026-03-31.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/diary\/2026-03-31.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="timeline">Timeline</h2>
<ul>
<li><strong>Утро</strong> — Обсуждали аналоги htop: порекомендовал btm, btop, glances. Создан конфиг <code>~/.config/bottom/bottom.toml</code></li>
<li><strong>День</strong> — Разбирались со скиллами OpenCode: как работают, автоматический подбор по description</li>
<li><strong>День</strong> — Созданы скиллы для Leadera проектов (Go: build-and-fix, restart-api; Angular: build-and-fix)</li>
<li><strong>День</strong> — Обсудили миграцию Ганта с DOM на Canvas 2D (Konva.js) — real-time коллаборация, экспорт PDF/PNG, 500+ задач</li>
<li><strong>Вечер</strong> — Установлен gh CLI, авторизован как agaltsovav</li>
<li><strong>Вечер</strong> — Созданы GitHub Projects: Leadera Roadmap (21 задача, P0P3), agaltsovav.ru Roadmap (7 задач)</li>
</ul>
<h2 id="системные-утилиты">Системные утилиты</h2>
<ul>
<li><strong>bottom</strong> (btm) — выбранный мониторинг, конфиг в <code>~/.config/bottom/bottom.toml</code></li>
<li>Альтернативы: btop, glances</li>
</ul>
<h2 id="opencode-skills">OpenCode Skills</h2>
<p>Созданы скиллы:</p>
<ul>
<li><code>app-leadera-api/.opencode/skills/build-and-fix/</code> — сборка Go проекта + автофикс ошибок (до 10 итераций)</li>
<li><code>app-leadera-api/.opencode/skills/restart-api/</code> — swagger генерация + pm2 restart</li>
<li><code>app-leadera-fe/.opencode/skills/build-and-fix/</code> — сборка Angular + автофикс</li>
</ul>
<h2 id="gantt-canvas-миграция">Gantt Canvas миграция</h2>
<ul>
<li>Переход с DOM на Canvas 2D через <strong>Konva.js</strong></li>
<li>Цели: real-time коллаборация, экспорт PDF/PNG, 500+ задач</li>
<li>Промт: <code>GANTT_CANVAS_MIGRATION_PROMPT.md</code> в app-leadera-fe</li>
</ul>
<h2 id="github">GitHub</h2>
<ul>
<li>CLI: <code>gh</code> авторизован (agaltsovav)</li>
<li>Репо: app-leadera-fe, app-leadera-api, agaltsovav.ru</li>
<li>Старые: leadera-fe/leadera-api (на VPS, leadera.ru)</li>
<li>modece.ru — заброшен, планируется возвращение</li>
</ul>
<h2 id="github-projects--roadmaps">GitHub Projects — Roadmaps</h2>
<h3 id="leadera-roadmap-project-2--21-задача">Leadera Roadmap (project #2) — 21 задача</h3>
<ul>
<li><strong>P0:</strong> JWT secret, CORS, bcrypt, ContextRole fallback, RegisterProtectedRoutes</li>
<li><strong>P1:</strong> Rate limiting, editor role check, MembersModal rewrite</li>
<li><strong>P2:</strong> HttpOnly cookies, CSRF, CSP, password policy, audit log, health-check, CI/CD, Canvas миграция, DnD</li>
<li><strong>P3:</strong> Code cleanup, тесты, email verification, поиск</li>
</ul>
<h3 id="agaltsovavru-roadmap-project-1--7-задач">agaltsovav.ru Roadmap (project #1) — 7 задач</h3>
<ul>
<li>Редизайн, мобильная версия, мультиязычность, блог, CI/CD, тёмная тема, форма обратной связи</li>
</ul>
<div class="tags">
<a href="../../../tags/system-utils/" class="tag">system-utils</a>
<a href="../../../tags/opencode/" class="tag">opencode</a>
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/gantt/" class="tag">gantt</a>
<a href="../../../tags/canvas/" class="tag">canvas</a>
<a href="../../../tags/github/" class="tag">github</a>
<a href="../../../tags/roadmap/" class="tag">roadmap</a>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+334
View File
@@ -0,0 +1,334 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Дневник — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../yasha/diary/">Все записи</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../tags/system-utils/">system-utils</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/leadera/">leadera</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/gantt/">gantt</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/canvas/">canvas</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/github/">github</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/roadmap/">roadmap</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/vikunja/">vikunja</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/tasktracker/">tasktracker</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/ollama/">ollama</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/qwen/">qwen</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/mtproxy/">mtproxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/infrastructure/">infrastructure</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/docker/">docker</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/eversolo/">eversolo</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/hugo/">hugo</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/docs/">docs</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/identity/">identity</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/companion/">companion</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Дневник</h1>
<div class="diary-timeline">
<div class="diary-entry">
<div class="diary-date">31.03.2026</div>
<h3><a href="../../yasha/diary/2026-03-31/">31 марта 2026</a></h3>
<div class="tags">
<a href="../../tags/system-utils/" class="tag">system-utils</a>
<a href="../../tags/opencode/" class="tag">opencode</a>
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/gantt/" class="tag">gantt</a>
<a href="../../tags/canvas/" class="tag">canvas</a>
<a href="../../tags/github/" class="tag">github</a>
<a href="../../tags/roadmap/" class="tag">roadmap</a>
</div>
</div>
<div class="diary-entry">
<div class="diary-date">30.03.2026</div>
<h3><a href="../../yasha/diary/2026-03-30/">30 марта 2026</a></h3>
<div class="tags">
<a href="../../tags/vikunja/" class="tag">vikunja</a>
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/tasktracker/" class="tag">tasktracker</a>
<a href="../../tags/ollama/" class="tag">ollama</a>
<a href="../../tags/qwen/" class="tag">qwen</a>
<a href="../../tags/mtproxy/" class="tag">mtproxy</a>
<a href="../../tags/infrastructure/" class="tag">infrastructure</a>
</div>
</div>
<div class="diary-entry">
<div class="diary-date">29.03.2026</div>
<h3><a href="../../yasha/diary/2026-03-29/">29 марта 2026</a></h3>
<div class="tags">
<a href="../../tags/angular/" class="tag">angular</a>
<a href="../../tags/go/" class="tag">go</a>
<a href="../../tags/docker/" class="tag">docker</a>
<a href="../../tags/eversolo/" class="tag">eversolo</a>
<a href="../../tags/hugo/" class="tag">hugo</a>
<a href="../../tags/docs/" class="tag">docs</a>
<a href="../../tags/identity/" class="tag">identity</a>
<a href="../../tags/infrastructure/" class="tag">infrastructure</a>
<a href="../../tags/companion/" class="tag">companion</a>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../js/search.js"></script>
<script src="../../js/creds.js"></script>
</body>
</html>
File diff suppressed because one or more lines are too long
@@ -0,0 +1,316 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Подключение claw.a2v.space (OpenClaw) — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/guides/">Все инструкции</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/ssh/">ssh</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/tunnel/">tunnel</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/vps/">vps</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/reverse-proxy/">reverse-proxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/nginx/">nginx</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/devops/">devops</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/openclaw/">openclaw</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docker/">docker</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Подключение claw.a2v.space (OpenClaw)</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/guides/claw-a2v-space.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/guides\/claw-a2v-space.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/openclaw/" class="tag">openclaw</a>
<a href="../../../tags/ssh/" class="tag">ssh</a>
<a href="../../../tags/nginx/" class="tag">nginx</a>
<a href="../../../tags/vps/" class="tag">vps</a>
<a href="../../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
</div>
<h2 id="архитектура">Архитектура</h2>
<pre tabindex="0"><code>Mac Studio (192.168.0.37:18789)
→ autossh SSH-туннель
→ VPS 95.163.232.9:8080
→ nginx HTTPS
→ https://claw.a2v.space
</code></pre><h2 id="шаги-настройки">Шаги настройки</h2>
<h3 id="1-dns">1. DNS</h3>
<p>A-запись <code>claw.a2v.space</code><code>95.163.232.9</code></p>
<p>NS-серверы: <code>ns1.hosting.reg.ru</code>, <code>ns2.hosting.reg.ru</code></p>
<h3 id="2-mac-studio--openclaw">2. Mac Studio — OpenClaw</h3>
<ul>
<li>Порт: 18789</li>
<li>Конфиг: <code>~/.openclaw/openclaw.json</code></li>
</ul>
<h3 id="3-ssh-туннель-launchd">3. SSH-туннель (launchd)</h3>
<p>Plist: <code>~/Library/LaunchAgents/com.openclaw.sshtunnel.plist</code></p>
<p>Ключевой флаг: <code>-R 8080:localhost:18789</code></p>
<h3 id="4-vps--nginx-конфиг">4. VPS — nginx конфиг</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-nginx" data-lang="nginx"><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">80</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">claw.a2v.space</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">return</span> <span style="color:#ae81ff">301</span> <span style="color:#e6db74">https://</span>$server_name$request_uri;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">443</span> <span style="color:#e6db74">ssl</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">claw.a2v.space</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate</span> <span style="color:#e6db74">/etc/letsencrypt/live/claw.a2v.space/fullchain.pem</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate_key</span> <span style="color:#e6db74">/etc/letsencrypt/live/claw.a2v.space/privkey.pem</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span> <span style="color:#e6db74">/</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8080</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h3 id="5-ssl-сертификат">5. SSL-сертификат</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>certbot certonly --nginx -d claw.a2v.space
</span></span></code></pre></div><h3 id="6-openclaw-config">6. OpenClaw config</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-json" data-lang="json"><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;allowedOrigins&#34;</span>: [<span style="color:#e6db74">&#34;https://claw.a2v.space&#34;</span>],
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;trustedProxies&#34;</span>: [<span style="color:#e6db74">&#34;127.0.0.1&#34;</span>]
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,329 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Подключение code.a2v.space (OpenCode) — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/guides/">Все инструкции</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/ssh/">ssh</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/tunnel/">tunnel</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/vps/">vps</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/reverse-proxy/">reverse-proxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/nginx/">nginx</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/devops/">devops</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/openclaw/">openclaw</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docker/">docker</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Подключение code.a2v.space (OpenCode)</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/guides/code-a2v-space.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/guides\/code-a2v-space.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/opencode/" class="tag">opencode</a>
<a href="../../../tags/ssh/" class="tag">ssh</a>
<a href="../../../tags/nginx/" class="tag">nginx</a>
<a href="../../../tags/vps/" class="tag">vps</a>
<a href="../../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
</div>
<h2 id="архитектура">Архитектура</h2>
<pre tabindex="0"><code>Mac Studio (localhost:4096)
→ autossh SSH-туннель (-R 8081:localhost:4096)
→ VPS 95.163.232.9:8081
→ nginx HTTPS
→ https://code.a2v.space
</code></pre><h2 id="параметры">Параметры</h2>
<table>
<thead>
<tr>
<th>Параметр</th>
<th>Значение</th>
</tr>
</thead>
<tbody>
<tr>
<td>Локальный порт</td>
<td>4096</td>
</tr>
<tr>
<td>Туннель порт</td>
<td>8081</td>
</tr>
<tr>
<td>pm2 процесс</td>
<td><code>opencode</code></td>
</tr>
<tr>
<td>SSL сертификат</td>
<td><code>/etc/letsencrypt/live/code.a2v.space/</code></td>
</tr>
</tbody>
</table>
<h2 id="nginx-конфиг">nginx конфиг</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-nginx" data-lang="nginx"><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">80</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">code.a2v.space</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">return</span> <span style="color:#ae81ff">301</span> <span style="color:#e6db74">https://</span>$server_name$request_uri;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">443</span> <span style="color:#e6db74">ssl</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">code.a2v.space</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate</span> <span style="color:#e6db74">/etc/letsencrypt/live/code.a2v.space/fullchain.pem</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate_key</span> <span style="color:#e6db74">/etc/letsencrypt/live/code.a2v.space/privkey.pem</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span> <span style="color:#e6db74">/</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8081</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_http_version</span> <span style="color:#ae81ff">1</span><span style="color:#e6db74">.1</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Upgrade</span> $http_upgrade;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Connection</span> <span style="color:#e6db74">&#34;upgrade&#34;</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h2 id="ssl-сертификат">SSL-сертификат</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>certbot certonly --nginx -d code.a2v.space
</span></span></code></pre></div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+600
View File
@@ -0,0 +1,600 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Инструкции — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../yasha/guides/">Все инструкции</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../tags/ssh/">ssh</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/tunnel/">tunnel</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/vps/">vps</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/reverse-proxy/">reverse-proxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/nginx/">nginx</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/devops/">devops</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/openclaw/">openclaw</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/docker/">docker</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Инструкции</h1>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/guides/sand-a2v-space/">Подключение sand.a2v.space (Leadera Project)</a></h3>
<p class="card-text"><h2 id="архитектура">Архитектура</h2>
<pre tabindex="0"><code>Mac Studio
├─ Frontend (Angular) :4200 (pm2: leadera-fe)
├─ Backend (Go) :8080 (pm2: leadera-api)
└─ PostgreSQL 16 в Docker (Colima, container: app-leadera-db)
→ autossh SSH-туннель (-R 8082:localhost:4200 -R 8083:localhost:8080)
→ VPS 95.163.232.9
→ nginx HTTPS
→ https://sand.a2v.space
</code></pre><h2 id="параметры">Параметры</h2>
<table>
<thead>
<tr>
<th>Компонент</th>
<th>Локальный порт</th>
<th>Туннель порт</th>
<th>pm2 имя</th>
</tr>
</thead>
<tbody>
<tr>
<td>Frontend (Angular)</td>
<td>4200</td>
<td>8082</td>
<td>leadera-fe</td>
</tr>
<tr>
<td>Backend (Go)</td>
<td>8080</td>
<td>8083</td>
<td>leadera-api</td>
</tr>
</tbody>
</table>
<p>SSL сертификат: <code>/etc/letsencrypt/live/sand.a2v.space/</code></p>
<h2 id="nginx-конфиг">nginx конфиг</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-nginx" data-lang="nginx"><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">80</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">sand.a2v.space</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">return</span> <span style="color:#ae81ff">301</span> <span style="color:#e6db74">https://</span>$server_name$request_uri;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">443</span> <span style="color:#e6db74">ssl</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">sand.a2v.space</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate</span> <span style="color:#e6db74">/etc/letsencrypt/live/sand.a2v.space/fullchain.pem</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate_key</span> <span style="color:#e6db74">/etc/letsencrypt/live/sand.a2v.space/privkey.pem</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span> <span style="color:#e6db74">/api</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8083</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span> <span style="color:#e6db74">/</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8082</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h2 id="база-данных">База данных</h2>
<p>PostgreSQL 16 в Docker через Colima:</p></p>
<div class="tags">
<a href="../../tags/angular/" class="tag">angular</a>
<a href="../../tags/go/" class="tag">go</a>
<a href="../../tags/docker/" class="tag">docker</a>
<a href="../../tags/nginx/" class="tag">nginx</a>
<a href="../../tags/vps/" class="tag">vps</a>
<a href="../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/guides/code-a2v-space/">Подключение code.a2v.space (OpenCode)</a></h3>
<p class="card-text"><h2 id="архитектура">Архитектура</h2>
<pre tabindex="0"><code>Mac Studio (localhost:4096)
→ autossh SSH-туннель (-R 8081:localhost:4096)
→ VPS 95.163.232.9:8081
→ nginx HTTPS
→ https://code.a2v.space
</code></pre><h2 id="параметры">Параметры</h2>
<table>
<thead>
<tr>
<th>Параметр</th>
<th>Значение</th>
</tr>
</thead>
<tbody>
<tr>
<td>Локальный порт</td>
<td>4096</td>
</tr>
<tr>
<td>Туннель порт</td>
<td>8081</td>
</tr>
<tr>
<td>pm2 процесс</td>
<td><code>opencode</code></td>
</tr>
<tr>
<td>SSL сертификат</td>
<td><code>/etc/letsencrypt/live/code.a2v.space/</code></td>
</tr>
</tbody>
</table>
<h2 id="nginx-конфиг">nginx конфиг</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-nginx" data-lang="nginx"><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">80</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">code.a2v.space</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">return</span> <span style="color:#ae81ff">301</span> <span style="color:#e6db74">https://</span>$server_name$request_uri;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">443</span> <span style="color:#e6db74">ssl</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">code.a2v.space</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate</span> <span style="color:#e6db74">/etc/letsencrypt/live/code.a2v.space/fullchain.pem</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate_key</span> <span style="color:#e6db74">/etc/letsencrypt/live/code.a2v.space/privkey.pem</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span> <span style="color:#e6db74">/</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8081</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_http_version</span> <span style="color:#ae81ff">1</span><span style="color:#e6db74">.1</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Upgrade</span> $http_upgrade;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Connection</span> <span style="color:#e6db74">&#34;upgrade&#34;</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h2 id="ssl-сертификат">SSL-сертификат</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>certbot certonly --nginx -d code.a2v.space
</span></span></code></pre></div></p>
<div class="tags">
<a href="../../tags/opencode/" class="tag">opencode</a>
<a href="../../tags/ssh/" class="tag">ssh</a>
<a href="../../tags/nginx/" class="tag">nginx</a>
<a href="../../tags/vps/" class="tag">vps</a>
<a href="../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/guides/claw-a2v-space/">Подключение claw.a2v.space (OpenClaw)</a></h3>
<p class="card-text"><h2 id="архитектура">Архитектура</h2>
<pre tabindex="0"><code>Mac Studio (192.168.0.37:18789)
→ autossh SSH-туннель
→ VPS 95.163.232.9:8080
→ nginx HTTPS
→ https://claw.a2v.space
</code></pre><h2 id="шаги-настройки">Шаги настройки</h2>
<h3 id="1-dns">1. DNS</h3>
<p>A-запись <code>claw.a2v.space</code><code>95.163.232.9</code></p>
<p>NS-серверы: <code>ns1.hosting.reg.ru</code>, <code>ns2.hosting.reg.ru</code></p>
<h3 id="2-mac-studio--openclaw">2. Mac Studio — OpenClaw</h3>
<ul>
<li>Порт: 18789</li>
<li>Конфиг: <code>~/.openclaw/openclaw.json</code></li>
</ul>
<h3 id="3-ssh-туннель-launchd">3. SSH-туннель (launchd)</h3>
<p>Plist: <code>~/Library/LaunchAgents/com.openclaw.sshtunnel.plist</code></p>
<p>Ключевой флаг: <code>-R 8080:localhost:18789</code></p>
<h3 id="4-vps--nginx-конфиг">4. VPS — nginx конфиг</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-nginx" data-lang="nginx"><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">80</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">claw.a2v.space</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">return</span> <span style="color:#ae81ff">301</span> <span style="color:#e6db74">https://</span>$server_name$request_uri;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">443</span> <span style="color:#e6db74">ssl</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">claw.a2v.space</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate</span> <span style="color:#e6db74">/etc/letsencrypt/live/claw.a2v.space/fullchain.pem</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate_key</span> <span style="color:#e6db74">/etc/letsencrypt/live/claw.a2v.space/privkey.pem</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span> <span style="color:#e6db74">/</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8080</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h3 id="5-ssl-сертификат">5. SSL-сертификат</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>certbot certonly --nginx -d claw.a2v.space
</span></span></code></pre></div><h3 id="6-openclaw-config">6. OpenClaw config</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-json" data-lang="json"><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;allowedOrigins&#34;</span>: [<span style="color:#e6db74">&#34;https://claw.a2v.space&#34;</span>],
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;trustedProxies&#34;</span>: [<span style="color:#e6db74">&#34;127.0.0.1&#34;</span>]
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div></p>
<div class="tags">
<a href="../../tags/openclaw/" class="tag">openclaw</a>
<a href="../../tags/ssh/" class="tag">ssh</a>
<a href="../../tags/nginx/" class="tag">nginx</a>
<a href="../../tags/vps/" class="tag">vps</a>
<a href="../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/guides/vps-reverse-proxy/">Настройка VPS как реверс-прокси</a></h3>
<p class="card-text"><h2 id="общая-схема">Общая схема</h2>
<pre tabindex="0"><code>Mac Studio (локальная сеть)
→ autossh (SSH-туннели)
→ VPS 95.163.232.9 (Debian)
→ nginx (HTTPS reverse proxy)
→ интернет
</code></pre><h2 id="что-нужно-на-vps">Что нужно на VPS</h2>
<h3 id="1-установленные-пакеты">1. Установленные пакеты</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>apt update
</span></span><span style="display:flex;"><span>apt install nginx certbot python3-certbot-nginx
</span></span></code></pre></div><h3 id="2-ssh-доступ">2. SSH-доступ</h3>
<ul>
<li>Авторизация только по ключам</li>
<li>Публичный ключ с Mac Studio добавлен в <code>/root/.ssh/authorized_keys</code></li>
</ul>
<h3 id="3-nginx">3. nginx</h3>
<p>Для каждого домена создать server block:</p>
<ul>
<li>HTTP → редирект на HTTPS</li>
<li>HTTPS с SSL-сертификатом Let&rsquo;s Encrypt</li>
<li><code>proxy_pass</code> на localhost-порт туннеля</li>
</ul>
<p>Пример структуры:</p></p>
<div class="tags">
<a href="../../tags/vps/" class="tag">vps</a>
<a href="../../tags/nginx/" class="tag">nginx</a>
<a href="../../tags/ssh/" class="tag">ssh</a>
<a href="../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
<a href="../../tags/devops/" class="tag">devops</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/guides/ssh-tunnels-vps/">SSH туннели для VPS reverse proxy</a></h3>
<p class="card-text"><h2 id="настройка-ssh-туннелей">Настройка SSH туннелей</h2>
<h3 id="vps-regru-951632329">VPS reg.ru (95.163.232.9)</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span><span style="color:#75715e"># На Mac Studio: создать туннель для каждого сервиса</span>
</span></span><span style="display:flex;"><span>ssh -N -R 8080:localhost:8080 root@95.163.232.9 <span style="color:#75715e"># leadera-api</span>
</span></span><span style="display:flex;"><span>ssh -N -R 8081:localhost:4096 root@95.163.232.9 <span style="color:#75715e"># opencode</span>
</span></span><span style="display:flex;"><span>ssh -N -R 8082:localhost:4200 root@95.163.232.9 <span style="color:#75715e"># leadera-fe</span>
</span></span><span style="display:flex;"><span>ssh -N -R 8083:localhost:8080 root@95.163.232.9 <span style="color:#75715e"># docs-a2v</span>
</span></span></code></pre></div><h3 id="настройка-launchd-plist">Настройка launchd plist</h3>
<p><strong>Файл</strong>: <code>~/Library/LaunchAgents/com.openclaw.sshtunnel.plist</code></p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-xml" data-lang="xml"><span style="display:flex;"><span><span style="color:#75715e">&lt;?xml version=&#34;1.0&#34; encoding=&#34;UTF-8&#34;?&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">&lt;!DOCTYPE plist PUBLIC &#34;-//Apple//DTD PLIST 1.0//EN&#34; &#34;http://www.apple.com/DTDs/PropertyList-1.0.dtd&#34;&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;plist</span> <span style="color:#a6e22e">version=</span><span style="color:#e6db74">&#34;1.0&#34;</span><span style="color:#f92672">&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;dict&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;key&gt;</span>Label<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>com.openclaw.sshtunnel<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;key&gt;</span>ProgramArguments<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;array&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>ssh<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-N<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-R<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>8080:localhost:8080<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>root@95.163.232.9<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;/array&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;key&gt;</span>RunAtLoad<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;true/&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;key&gt;</span>KeepAlive<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;true/&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;/dict&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;/plist&gt;</span>
</span></span></code></pre></div><h3 id="автозапуск">Автозапуск</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span><span style="color:#75715e"># Загрузить plist</span>
</span></span><span style="display:flex;"><span>launchctl load ~/Library/LaunchAgents/com.openclaw.sshtunnel.plist
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># Проверить статус</span>
</span></span><span style="display:flex;"><span>launchctl list | grep sshtunnel
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># Удалить (при необходимости)</span>
</span></span><span style="display:flex;"><span>launchctl unload ~/Library/LaunchAgents/com.openclaw.sshtunnel.plist
</span></span></code></pre></div><h2 id="доступ-к-сервисам">Доступ к сервисам</h2>
<p>Через reverse proxy на VPS:</p></p>
<div class="tags">
<a href="../../tags/ssh/" class="tag">ssh</a>
<a href="../../tags/tunnel/" class="tag">tunnel</a>
<a href="../../tags/vps/" class="tag">vps</a>
<a href="../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../js/search.js"></script>
<script src="../../js/creds.js"></script>
</body>
</html>
File diff suppressed because one or more lines are too long
@@ -0,0 +1,344 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Подключение sand.a2v.space (Leadera Project) — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/guides/">Все инструкции</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/ssh/">ssh</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/tunnel/">tunnel</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/vps/">vps</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/reverse-proxy/">reverse-proxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/nginx/">nginx</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/devops/">devops</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/openclaw/">openclaw</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docker/">docker</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Подключение sand.a2v.space (Leadera Project)</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/guides/sand-a2v-space.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/guides\/sand-a2v-space.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/angular/" class="tag">angular</a>
<a href="../../../tags/go/" class="tag">go</a>
<a href="../../../tags/docker/" class="tag">docker</a>
<a href="../../../tags/nginx/" class="tag">nginx</a>
<a href="../../../tags/vps/" class="tag">vps</a>
<a href="../../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
</div>
<h2 id="архитектура">Архитектура</h2>
<pre tabindex="0"><code>Mac Studio
├─ Frontend (Angular) :4200 (pm2: leadera-fe)
├─ Backend (Go) :8080 (pm2: leadera-api)
└─ PostgreSQL 16 в Docker (Colima, container: app-leadera-db)
→ autossh SSH-туннель (-R 8082:localhost:4200 -R 8083:localhost:8080)
→ VPS 95.163.232.9
→ nginx HTTPS
→ https://sand.a2v.space
</code></pre><h2 id="параметры">Параметры</h2>
<table>
<thead>
<tr>
<th>Компонент</th>
<th>Локальный порт</th>
<th>Туннель порт</th>
<th>pm2 имя</th>
</tr>
</thead>
<tbody>
<tr>
<td>Frontend (Angular)</td>
<td>4200</td>
<td>8082</td>
<td>leadera-fe</td>
</tr>
<tr>
<td>Backend (Go)</td>
<td>8080</td>
<td>8083</td>
<td>leadera-api</td>
</tr>
</tbody>
</table>
<p>SSL сертификат: <code>/etc/letsencrypt/live/sand.a2v.space/</code></p>
<h2 id="nginx-конфиг">nginx конфиг</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-nginx" data-lang="nginx"><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">80</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">sand.a2v.space</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">return</span> <span style="color:#ae81ff">301</span> <span style="color:#e6db74">https://</span>$server_name$request_uri;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">server</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">listen</span> <span style="color:#ae81ff">443</span> <span style="color:#e6db74">ssl</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">server_name</span> <span style="color:#e6db74">sand.a2v.space</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate</span> <span style="color:#e6db74">/etc/letsencrypt/live/sand.a2v.space/fullchain.pem</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ssl_certificate_key</span> <span style="color:#e6db74">/etc/letsencrypt/live/sand.a2v.space/privkey.pem</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span> <span style="color:#e6db74">/api</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8083</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span> <span style="color:#e6db74">/</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8082</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h2 id="база-данных">База данных</h2>
<p>PostgreSQL 16 в Docker через Colima:</p>
<ul>
<li>Container: <code>app-leadera-db</code></li>
<li>Port: 5432</li>
</ul>
<h2 id="ssl-сертификат">SSL-сертификат</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>certbot certonly --nginx -d sand.a2v.space
</span></span></code></pre></div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,319 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SSH туннели для VPS reverse proxy — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/guides/">Все инструкции</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/ssh/">ssh</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/tunnel/">tunnel</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/vps/">vps</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/reverse-proxy/">reverse-proxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/nginx/">nginx</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/devops/">devops</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/openclaw/">openclaw</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docker/">docker</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>SSH туннели для VPS reverse proxy</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/guides/ssh-tunnels-vps.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/guides\/ssh-tunnels-vps.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/ssh/" class="tag">ssh</a>
<a href="../../../tags/tunnel/" class="tag">tunnel</a>
<a href="../../../tags/vps/" class="tag">vps</a>
<a href="../../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
</div>
<h2 id="настройка-ssh-туннелей">Настройка SSH туннелей</h2>
<h3 id="vps-regru-951632329">VPS reg.ru (95.163.232.9)</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span><span style="color:#75715e"># На Mac Studio: создать туннель для каждого сервиса</span>
</span></span><span style="display:flex;"><span>ssh -N -R 8080:localhost:8080 root@95.163.232.9 <span style="color:#75715e"># leadera-api</span>
</span></span><span style="display:flex;"><span>ssh -N -R 8081:localhost:4096 root@95.163.232.9 <span style="color:#75715e"># opencode</span>
</span></span><span style="display:flex;"><span>ssh -N -R 8082:localhost:4200 root@95.163.232.9 <span style="color:#75715e"># leadera-fe</span>
</span></span><span style="display:flex;"><span>ssh -N -R 8083:localhost:8080 root@95.163.232.9 <span style="color:#75715e"># docs-a2v</span>
</span></span></code></pre></div><h3 id="настройка-launchd-plist">Настройка launchd plist</h3>
<p><strong>Файл</strong>: <code>~/Library/LaunchAgents/com.openclaw.sshtunnel.plist</code></p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-xml" data-lang="xml"><span style="display:flex;"><span><span style="color:#75715e">&lt;?xml version=&#34;1.0&#34; encoding=&#34;UTF-8&#34;?&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">&lt;!DOCTYPE plist PUBLIC &#34;-//Apple//DTD PLIST 1.0//EN&#34; &#34;http://www.apple.com/DTDs/PropertyList-1.0.dtd&#34;&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;plist</span> <span style="color:#a6e22e">version=</span><span style="color:#e6db74">&#34;1.0&#34;</span><span style="color:#f92672">&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;dict&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;key&gt;</span>Label<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>com.openclaw.sshtunnel<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;key&gt;</span>ProgramArguments<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;array&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>ssh<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-N<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-R<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>8080:localhost:8080<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>root@95.163.232.9<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;/array&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;key&gt;</span>RunAtLoad<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;true/&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;key&gt;</span>KeepAlive<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;true/&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;/dict&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;/plist&gt;</span>
</span></span></code></pre></div><h3 id="автозапуск">Автозапуск</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span><span style="color:#75715e"># Загрузить plist</span>
</span></span><span style="display:flex;"><span>launchctl load ~/Library/LaunchAgents/com.openclaw.sshtunnel.plist
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># Проверить статус</span>
</span></span><span style="display:flex;"><span>launchctl list | grep sshtunnel
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># Удалить (при необходимости)</span>
</span></span><span style="display:flex;"><span>launchctl unload ~/Library/LaunchAgents/com.openclaw.sshtunnel.plist
</span></span></code></pre></div><h2 id="доступ-к-сервисам">Доступ к сервисам</h2>
<p>Через reverse proxy на VPS:</p>
<ul>
<li><strong>code.a2v.space</strong>: порт 8080 → Mac Studio:4096</li>
<li><strong>claw.a2v.space</strong>: порт 8081 → Mac Studio:8080 (leadera-api)</li>
<li><strong>sand.a2v.space</strong>: порт 8082 → Mac Studio:4200 (leadera-fe)</li>
<li><strong>docs.a2v.space</strong>: порт 8083 → Mac Studio:8080 (docs-a2v)</li>
</ul>
<h2 id="ssl">SSL</h2>
<p>Все сервисы используют Let&rsquo;s Encrypt сертификаты:</p>
<ul>
<li>Путь: <code>/etc/letsencrypt/live/{claw,code,sand}.a2v.space/</code></li>
<li>Автопродление через certbot</li>
</ul>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,333 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Настройка VPS как реверс-прокси — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/guides/">Все инструкции</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/ssh/">ssh</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/tunnel/">tunnel</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/vps/">vps</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/reverse-proxy/">reverse-proxy</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/nginx/">nginx</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/devops/">devops</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/openclaw/">openclaw</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/opencode/">opencode</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/angular/">angular</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/go/">go</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/docker/">docker</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Настройка VPS как реверс-прокси</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/guides/vps-reverse-proxy.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/guides\/vps-reverse-proxy.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/vps/" class="tag">vps</a>
<a href="../../../tags/nginx/" class="tag">nginx</a>
<a href="../../../tags/ssh/" class="tag">ssh</a>
<a href="../../../tags/reverse-proxy/" class="tag">reverse-proxy</a>
<a href="../../../tags/devops/" class="tag">devops</a>
</div>
<h2 id="общая-схема">Общая схема</h2>
<pre tabindex="0"><code>Mac Studio (локальная сеть)
→ autossh (SSH-туннели)
→ VPS 95.163.232.9 (Debian)
→ nginx (HTTPS reverse proxy)
→ интернет
</code></pre><h2 id="что-нужно-на-vps">Что нужно на VPS</h2>
<h3 id="1-установленные-пакеты">1. Установленные пакеты</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>apt update
</span></span><span style="display:flex;"><span>apt install nginx certbot python3-certbot-nginx
</span></span></code></pre></div><h3 id="2-ssh-доступ">2. SSH-доступ</h3>
<ul>
<li>Авторизация только по ключам</li>
<li>Публичный ключ с Mac Studio добавлен в <code>/root/.ssh/authorized_keys</code></li>
</ul>
<h3 id="3-nginx">3. nginx</h3>
<p>Для каждого домена создать server block:</p>
<ul>
<li>HTTP → редирект на HTTPS</li>
<li>HTTPS с SSL-сертификатом Let&rsquo;s Encrypt</li>
<li><code>proxy_pass</code> на localhost-порт туннеля</li>
</ul>
<p>Пример структуры:</p>
<pre tabindex="0"><code>/etc/nginx/sites-available/
claw.a2v.space.conf
code.a2v.space.conf
sand.a2v.space.conf
</code></pre><h3 id="4-ssl-сертификаты">4. SSL-сертификаты</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>certbot certonly --nginx -d &lt;domain&gt;
</span></span><span style="display:flex;"><span>certbot renew --dry-run <span style="color:#75715e"># проверить автообновление</span>
</span></span></code></pre></div><h2 id="что-нужно-на-mac-studio">Что нужно на Mac Studio</h2>
<h3 id="autossh-через-launchd">autossh через launchd</h3>
<p>Plist: <code>~/Library/LaunchAgents/com.openclaw.sshtunnel.plist</code></p>
<p>Один plist с несколькими <code>-R</code> флагами:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-xml" data-lang="xml"><span style="display:flex;"><span><span style="color:#f92672">&lt;key&gt;</span>ProgramArguments<span style="color:#f92672">&lt;/key&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;array&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>/usr/local/bin/autossh<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-M<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>0<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-R<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>8080:localhost:18789<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-R<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>8081:localhost:4096<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-R<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>8082:localhost:4200<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-R<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>8083:localhost:8080<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>root@95.163.232.9<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-N<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>-i<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&lt;string&gt;</span>/Users/<span style="color:#f92672">&lt;user&gt;</span>/.ssh/id_rsa<span style="color:#f92672">&lt;/string&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;/array&gt;</span>
</span></span></code></pre></div><h3 id="управление-launchd">Управление launchd</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>launchctl load ~/Library/LaunchAgents/com.openclaw.sshtunnel.plist
</span></span><span style="display:flex;"><span>launchctl start com.openclaw.sshtunnel
</span></span><span style="display:flex;"><span>launchctl stop com.openclaw.sshtunnel
</span></span></code></pre></div><h2 id="проверка">Проверка</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span><span style="color:#75715e"># На VPS</span>
</span></span><span style="display:flex;"><span>ss -tlnp | grep -E <span style="color:#e6db74">&#39;808[0-3]&#39;</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># Снаружи</span>
</span></span><span style="display:flex;"><span>curl -I https://claw.a2v.space
</span></span><span style="display:flex;"><span>curl -I https://code.a2v.space
</span></span><span style="display:flex;"><span>curl -I https://sand.a2v.space
</span></span></code></pre></div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+224
View File
@@ -0,0 +1,224 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Яша — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Яша</h1>
<p class="lead">Документация Яши.</p>
<div class="row mt-4">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Дневник</h3>
<p class="card-text">Записи по датам о событиях и обсуждениях.</p>
<a href="../yasha/diary/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">База знаний</h3>
<p class="card-text">Статьи и документация по различным темам.</p>
<a href="../yasha/kb/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Планы</h3>
<p class="card-text">Запланированные задачи и их статус.</p>
<a href="../yasha/plans/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Инструкции</h3>
<p class="card-text">Пошаговые инструкции для различных задач.</p>
<a href="../yasha/guides/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Креды</h3>
<p class="card-text">Зашифрованные учётные данные (требуется мастер-пароль).</p>
<a href="../yasha/creds/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Leadera</h3>
<p class="card-text">Документация по проекту Leadera.</p>
<a href="../yasha/leadera/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Личный сайт</h3>
<p class="card-text">Заметки по личному сайту.</p>
<a href="../yasha/personal-site/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../js/search.js"></script>
<script src="../js/creds.js"></script>
</body>
</html>
+1
View File
@@ -0,0 +1 @@
[{"content":"Leadera SaaS-система управления IT-ландшафтом с диаграммами Ганта.\nПрод: leadera.pro Дев: sand.a2v.space ","section":"yasha","tags":null,"title":"Leadera","url":"/yasha/leadera/"},{"content":"","section":"yasha","tags":["personal-site","hugo","audit"],"title":"Личный сайт (agaltsovav.ru)","url":"/yasha/personal-site/"},{"content":"","section":"yasha","tags":null,"title":"Дневник","url":"/yasha/diary/"},{"content":"","section":"yasha","tags":null,"title":"База знаний","url":"/yasha/kb/"},{"content":"","section":"yasha","tags":null,"title":"Инструкции","url":"/yasha/guides/"},{"content":"","section":"yasha","tags":null,"title":"Креды","url":"/yasha/creds/"},{"content":"","section":"yasha","tags":null,"title":"Планы","url":"/yasha/plans/"}]
+427
View File
@@ -0,0 +1,427 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Eversolo T8 API — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/kb/">Все статьи</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../tags/api/">api</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/eversolo/">eversolo</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/music/">music</a></li>
<li class="nav-item"><a class="nav-link" href="../../../tags/streamer/">streamer</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Eversolo T8 API</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/kb/eversolo-api.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/kb\/eversolo-api.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/api/" class="tag">api</a>
<a href="../../../tags/eversolo/" class="tag">eversolo</a>
<a href="../../../tags/music/" class="tag">music</a>
<a href="../../../tags/streamer/" class="tag">streamer</a>
</div>
<p>Eversolo T8 — музыкальный стример.</p>
<p><strong>IP:</strong> 192.168.0.156
<strong>Порт:</strong> 9529
<strong>Авторизация:</strong> нет</p>
<p>Базовый URL: <code>http://192.168.0.156:9529</code></p>
<h2 id="воспроизведение">Воспроизведение</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Play/Pause</td>
<td><code>/ZidooMusicControl/v2/playOrPause</code></td>
</tr>
<tr>
<td>Следующий трек</td>
<td><code>/ZidooMusicControl/v2/playNext</code></td>
</tr>
<tr>
<td>Предыдущий трек</td>
<td><code>/ZidooMusicControl/v2/playLast</code></td>
</tr>
<tr>
<td>Перемотка (ms)</td>
<td><code>/ZidooMusicControl/v2/seekTo?time=&lt;ms&gt;</code></td>
</tr>
<tr>
<td>Воспроизвести по ID</td>
<td><code>/ZidooMusicControl/v2/playMusic?type=4&amp;id=&lt;id&gt;</code></td>
</tr>
<tr>
<td>Состояние</td>
<td><code>/ZidooMusicControl/v2/getState</code></td>
</tr>
</tbody>
</table>
<h2 id="громкость">Громкость</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Громкость вверх</td>
<td><code>/ZidooControlCenter/RemoteControl/sendkey?key=Key.VolumeUp</code></td>
</tr>
<tr>
<td>Громкость вниз</td>
<td><code>/ZidooControlCenter/RemoteControl/sendkey?key=Key.VolumeDown</code></td>
</tr>
<tr>
<td>Точная громкость</td>
<td><code>/ZidooMusicControl/v2/setDevicesVolume?volume=&lt;0-200&gt;</code></td>
</tr>
<tr>
<td>Mute</td>
<td><code>/ZidooMusicControl/v2/setMuteVolume?isMute=1</code></td>
</tr>
<tr>
<td>Unmute</td>
<td><code>/ZidooMusicControl/v2/setMuteVolume?isMute=0</code></td>
</tr>
</tbody>
</table>
<h2 id="входывыходы">Входы/Выходы</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Получить список</td>
<td><code>/ZidooMusicControl/v2/getInputAndOutputList</code></td>
</tr>
<tr>
<td>Установить вход</td>
<td><code>/ZidooMusicControl/v2/setInputList?tag=&lt;tag&gt;&amp;index=&lt;n&gt;</code></td>
</tr>
<tr>
<td>Установить выход</td>
<td><code>/ZidooMusicControl/v2/setOutInputList?tag=&lt;tag&gt;&amp;index=&lt;n&gt;</code></td>
</tr>
</tbody>
</table>
<p>Теги выхода: RCA, XLRRCA, XLR, HDMI, SPDIF, USB</p>
<h2 id="дисплей">Дисплей</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Яркость экрана (get)</td>
<td><code>/SystemSettings/displaySettings/getScreenBrightness</code></td>
</tr>
<tr>
<td>Яркость экрана (set)</td>
<td><code>/SystemSettings/displaySettings/setScreenBrightness?index=&lt;0-115&gt;</code></td>
</tr>
<tr>
<td>Яркость ручки (get)</td>
<td><code>/SystemSettings/displaySettings/getKnobBrightness</code></td>
</tr>
<tr>
<td>Яркость ручки (set)</td>
<td><code>/SystemSettings/displaySettings/setKnobBrightness?index=&lt;0-255&gt;</code></td>
</tr>
<tr>
<td>VU-режим (get)</td>
<td><code>/SystemSettings/displaySettings/getVUModeList</code></td>
</tr>
<tr>
<td>VU-режим (set)</td>
<td><code>/SystemSettings/displaySettings/setVUMode?index=&lt;n&gt;</code></td>
</tr>
<tr>
<td>Спектр (get)</td>
<td><code>/SystemSettings/displaySettings/getSpPlayModeList</code></td>
</tr>
<tr>
<td>Спектр (set)</td>
<td><code>/SystemSettings/displaySettings/setSpPlayModeList?index=&lt;n&gt;</code></td>
</tr>
<tr>
<td>Переключить VU/Спектр</td>
<td>`/ZidooMusicControl/v2/changVUDisplay?openType=&lt;0</td>
</tr>
</tbody>
</table>
<h2 id="питание">Питание</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Параметры питания</td>
<td><code>/ZidooMusicControl/v2/getPowerOption</code></td>
</tr>
<tr>
<td>Перезагрузка</td>
<td><code>/ZidooMusicControl/v2/setPowerOption?tag=reboot</code></td>
</tr>
<tr>
<td>Выключение</td>
<td><code>/ZidooMusicControl/v2/setPowerOption?tag=poweroff</code></td>
</tr>
<tr>
<td>Переключить экран</td>
<td><code>/ZidooMusicControl/v2/setPowerOption?tag=screen</code></td>
</tr>
<tr>
<td>Включить экран</td>
<td><code>/ZidooControlCenter/RemoteControl/sendkey?key=Key.Screen.ON</code></td>
</tr>
<tr>
<td>Выключить экран</td>
<td><code>/ZidooControlCenter/RemoteControl/sendkey?key=Key.Screen.OFF</code></td>
</tr>
</tbody>
</table>
<h2 id="поиск">Поиск</h2>
<table>
<thead>
<tr>
<th>Поиск</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>По трекам</td>
<td><code>/ZidooMusicControl/v2/searchMusicV2?key=&lt;text&gt;&amp;start=0&amp;count=100</code></td>
</tr>
<tr>
<td>По артистам</td>
<td><code>/ZidooMusicControl/v2/searchArtistV2?key=&lt;text&gt;&amp;start=0&amp;count=100</code></td>
</tr>
<tr>
<td>По альбомам</td>
<td><code>/ZidooMusicControl/v2/searchAlbumV2?key=&lt;text&gt;&amp;start=0&amp;count=100</code></td>
</tr>
</tbody>
</table>
<h2 id="обложки-и-устройство">Обложки и устройство</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Обложка по ID</td>
<td><code>/ZidooMusicControl/v2/getImage?id=&lt;song_id&gt;&amp;target=16</code></td>
</tr>
<tr>
<td>Модель устройства</td>
<td><code>/ControlCenter/getModel</code></td>
</tr>
</tbody>
</table>
<h2 id="источники">Источники</h2>
<ul>
<li><a href="https://forum.zidoo.tv/index.php?threads/some-api.96983/">Zidoo Forum</a></li>
<li><a href="https://github.com/hchris1/Eversolo/blob/main/custom_components/eversolo/api.py">Home Assistant Integration</a></li>
</ul>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+298
View File
@@ -0,0 +1,298 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>База знаний — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../yasha/kb/">Все статьи</a></li>
</ul>
<h6 class="mt-3">Теги</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../tags/api/">api</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/eversolo/">eversolo</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/music/">music</a></li>
<li class="nav-item"><a class="nav-link" href="../../tags/streamer/">streamer</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>База знаний</h1>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/kb/eversolo-api/">Eversolo T8 API</a></h3>
<p class="card-text"><p>Eversolo T8 — музыкальный стример.</p>
<p><strong>IP:</strong> 192.168.0.156
<strong>Порт:</strong> 9529
<strong>Авторизация:</strong> нет</p>
<p>Базовый URL: <code>http://192.168.0.156:9529</code></p>
<h2 id="воспроизведение">Воспроизведение</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Play/Pause</td>
<td><code>/ZidooMusicControl/v2/playOrPause</code></td>
</tr>
<tr>
<td>Следующий трек</td>
<td><code>/ZidooMusicControl/v2/playNext</code></td>
</tr>
<tr>
<td>Предыдущий трек</td>
<td><code>/ZidooMusicControl/v2/playLast</code></td>
</tr>
<tr>
<td>Перемотка (ms)</td>
<td><code>/ZidooMusicControl/v2/seekTo?time=&lt;ms&gt;</code></td>
</tr>
<tr>
<td>Воспроизвести по ID</td>
<td><code>/ZidooMusicControl/v2/playMusic?type=4&amp;id=&lt;id&gt;</code></td>
</tr>
<tr>
<td>Состояние</td>
<td><code>/ZidooMusicControl/v2/getState</code></td>
</tr>
</tbody>
</table>
<h2 id="громкость">Громкость</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Громкость вверх</td>
<td><code>/ZidooControlCenter/RemoteControl/sendkey?key=Key.VolumeUp</code></td>
</tr>
<tr>
<td>Громкость вниз</td>
<td><code>/ZidooControlCenter/RemoteControl/sendkey?key=Key.VolumeDown</code></td>
</tr>
<tr>
<td>Точная громкость</td>
<td><code>/ZidooMusicControl/v2/setDevicesVolume?volume=&lt;0-200&gt;</code></td>
</tr>
<tr>
<td>Mute</td>
<td><code>/ZidooMusicControl/v2/setMuteVolume?isMute=1</code></td>
</tr>
<tr>
<td>Unmute</td>
<td><code>/ZidooMusicControl/v2/setMuteVolume?isMute=0</code></td>
</tr>
</tbody>
</table>
<h2 id="входывыходы">Входы/Выходы</h2>
<table>
<thead>
<tr>
<th>Действие</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Получить список</td>
<td><code>/ZidooMusicControl/v2/getInputAndOutputList</code></td>
</tr>
<tr>
<td>Установить вход</td>
<td><code>/ZidooMusicControl/v2/setInputList?tag=&lt;tag&gt;&amp;index=&lt;n&gt;</code></td>
</tr>
<tr>
<td>Установить выход</td>
<td><code>/ZidooMusicControl/v2/setOutInputList?tag=&lt;tag&gt;&amp;index=&lt;n&gt;</code></td>
</tr>
</tbody>
</table>
<p>Теги выхода: RCA, XLRRCA, XLR, HDMI, SPDIF, USB</p></p>
<div class="tags">
<a href="../../tags/api/" class="tag">api</a>
<a href="../../tags/eversolo/" class="tag">eversolo</a>
<a href="../../tags/music/" class="tag">music</a>
<a href="../../tags/streamer/" class="tag">streamer</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../js/search.js"></script>
<script src="../../js/creds.js"></script>
</body>
</html>
+1
View File
@@ -0,0 +1 @@
[{"content":"Eversolo T8 — музыкальный стример.\nIP: 192.168.0.156 Порт: 9529 Авторизация: нет\nБазовый URL: http://192.168.0.156:9529\nВоспроизведение Действие URL Play/Pause /ZidooMusicControl/v2/playOrPause Следующий трек /ZidooMusicControl/v2/playNext Предыдущий трек /ZidooMusicControl/v2/playLast Перемотка (ms) /ZidooMusicControl/v2/seekTo?time=\u0026lt;ms\u0026gt; Воспроизвести по ID /ZidooMusicControl/v2/playMusic?type=4\u0026amp;id=\u0026lt;id\u0026gt; Состояние /ZidooMusicControl/v2/getState Громкость Действие URL Громкость вверх /ZidooControlCenter/RemoteControl/sendkey?key=Key.VolumeUp Громкость вниз /ZidooControlCenter/RemoteControl/sendkey?key=Key.VolumeDown Точная громкость /ZidooMusicControl/v2/setDevicesVolume?volume=\u0026lt;0-200\u0026gt; Mute /ZidooMusicControl/v2/setMuteVolume?isMute=1 Unmute /ZidooMusicControl/v2/setMuteVolume?isMute=0 Входы/Выходы Действие URL Получить список /ZidooMusicControl/v2/getInputAndOutputList Установить вход /ZidooMusicControl/v2/setInputList?tag=\u0026lt;tag\u0026gt;\u0026amp;index=\u0026lt;n\u0026gt; Установить выход /ZidooMusicControl/v2/setOutInputList?tag=\u0026lt;tag\u0026gt;\u0026amp;index=\u0026lt;n\u0026gt; Теги выхода: RCA, XLRRCA, XLR, HDMI, SPDIF, USB\nДисплей Действие URL Яркость экрана (get) /SystemSettings/displaySettings/getScreenBrightness Яркость экрана (set) /SystemSettings/displaySettings/setScreenBrightness?index=\u0026lt;0-115\u0026gt; Яркость ручки (get) /SystemSettings/displaySettings/getKnobBrightness Яркость ручки (set) /SystemSettings/displaySettings/setKnobBrightness?index=\u0026lt;0-255\u0026gt; VU-режим (get) /SystemSettings/displaySettings/getVUModeList VU-режим (set) /SystemSettings/displaySettings/setVUMode?index=\u0026lt;n\u0026gt; Спектр (get) /SystemSettings/displaySettings/getSpPlayModeList Спектр (set) /SystemSettings/displaySettings/setSpPlayModeList?index=\u0026lt;n\u0026gt; Переключить VU/Спектр `/ZidooMusicControl/v2/changVUDisplay?openType=\u0026lt;0 Питание Действие URL Параметры питания /ZidooMusicControl/v2/getPowerOption Перезагрузка /ZidooMusicControl/v2/setPowerOption?tag=reboot Выключение /ZidooMusicControl/v2/setPowerOption?tag=poweroff Переключить экран /ZidooMusicControl/v2/setPowerOption?tag=screen Включить экран /ZidooControlCenter/RemoteControl/sendkey?key=Key.Screen.ON Выключить экран /ZidooControlCenter/RemoteControl/sendkey?key=Key.Screen.OFF Поиск Поиск URL По трекам /ZidooMusicControl/v2/searchMusicV2?key=\u0026lt;text\u0026gt;\u0026amp;start=0\u0026amp;count=100 По артистам /ZidooMusicControl/v2/searchArtistV2?key=\u0026lt;text\u0026gt;\u0026amp;start=0\u0026amp;count=100 По альбомам /ZidooMusicControl/v2/searchAlbumV2?key=\u0026lt;text\u0026gt;\u0026amp;start=0\u0026amp;count=100 Обложки и устройство Действие URL Обложка по ID /ZidooMusicControl/v2/getImage?id=\u0026lt;song_id\u0026gt;\u0026amp;target=16 Модель устройства /ControlCenter/getModel Источники Zidoo Forum Home Assistant Integration ","section":"yasha","tags":["api","eversolo","music","streamer"],"title":"Eversolo T8 API","url":"/yasha/kb/eversolo-api/"}]
+542
View File
@@ -0,0 +1,542 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leadera — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../yasha/leadera/">Все статьи</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Leadera</h1>
<h1 id="leadera">Leadera</h1>
<p>SaaS-система управления IT-ландшафтом с диаграммами Ганта.</p>
<ul>
<li><strong>Прод:</strong> <a href="https://leadera.pro">leadera.pro</a></li>
<li><strong>Дев:</strong> <a href="https://sand.a2v.space">sand.a2v.space</a></li>
</ul>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/leadera/leadera-gantt-public-access/">Leadera — Публичный доступ к диаграмме Ганта</a></h3>
<p class="card-text"><h1 id="публичный-доступ-к-диаграмме-ганта-share">Публичный доступ к диаграмме Ганта (Share)</h1>
<p><strong>Дата:</strong> 09.04.2026
<strong>Статус:</strong> Требования
<strong>Проект:</strong> Leadera</p>
<hr>
<h2 id="общее-описание">Общее описание</h2>
<p>Пользователь может создать публичную ссылку на фрагмент диаграммы Ганта, доступную для просмотра без авторизации. Открывший ссылку видит диаграмму в read-only режиме с возможностью масштабирования таймлайна, но без каких-либо элементов управления (создание, редактирование, удаление задач/секций/вех).</p>
<hr>
<h2 id="пользовательский-сценарий-создатель-ссылки">Пользовательский сценарий (создатель ссылки)</h2>
<ol>
<li>Пользователь открывает диаграмму Ганта проекта</li>
<li>Нажимает кнопку «Экспорт» / «Общий доступ»</li>
<li>Указывает диапазон дат, который должен отображаться на диаграмме</li>
<li>Система генерирует уникальную ссылку (UUID) и показывает её пользователю</li>
<li>Пользователь копирует ссылку и передаёт заинтересованным лицам</li>
</ol>
<h3 id="управление-ссылками">Управление ссылками</h3>
<ul>
<li>Вызывается через меню экспорта → модальное окно «Общий доступ»</li>
<li>В модальном окне отображается список созданных ссылок с указанием диапазона дат</li>
<li>Каждую ссылку можно <strong>удалить</strong> (полное удаление из БД, не soft delete)</li>
<li>Ссылки <strong>нельзя редактировать</strong> — только создавать и удалять</li>
<li>Ограничений на количество активных ссылок нет</li>
<li>Статистика просмотров (сколько раз открывали) — <strong>не нужна</strong></li>
</ul>
<hr>
<h2 id="пользовательский-сценарий-зритель-по-ссылке">Пользовательский сценарий (зритель по ссылке)</h2>
<ol>
<li>Зритель переходит по ссылке (без авторизации)</li>
<li>Открывается отдельная страница с диаграммой Ганта</li>
<li>Зритель видит:
<ul>
<li>Задачи и вехи, попадающие в заданный диапазон</li>
<li>Секции (заголовки группировок)</li>
<li>Таймлайн с цветовой раскраской задач</li>
</ul>
</li>
<li>Зритель может:
<ul>
<li>Масштабировать таймлайн</li>
<li>Переключать отображение «по ячейкам» / «по дням»</li>
</ul>
</li>
<li>Зритель <strong>не может</strong>:
<ul>
<li>Создавать, редактировать, удалять задачи / секции / вехи</li>
<li>Видеть любые контролы управления (кнопки создания, контекстные меню, drag-and-drop и т.д.)</li>
<li>Авторизоваться через эту страницу</li>
</ul>
</li>
</ol>
<hr>
<h2 id="данные-и-фильтрация">Данные и фильтрация</h2>
<h3 id="что-попадает-в-представление">Что попадает в представление</h3>
<p>Задачи и вехи, у которых хотя бы одно из условий верно:</p></p>
<div class="tags">
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/gantt/" class="tag">gantt</a>
<a href="../../tags/public-access/" class="tag">public-access</a>
<a href="../../tags/sharing/" class="tag">sharing</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/leadera/leadera-gantt-excel-export/">Leadera — Экспорт диаграммы Ганта в Excel</a></h3>
<p class="card-text"><h1 id="экспорт-диаграммы-ганта-в-excel">Экспорт диаграммы Ганта в Excel</h1>
<p><strong>Дата:</strong> 09.04.2026
<strong>Статус:</strong> Требования
<strong>Проект:</strong> Leadera</p>
<hr>
<h2 id="общее-описание">Общее описание</h2>
<p>Пользователь нажимает кнопку экспорта в интерфейсе диаграммы Ганта. Система запрашивает диапазон дат выгрузки (по умолчанию — текущий видимый диапазон из интерфейса). После указания диапазона скачивается Excel-файл с визуальным представлением диаграммы Ганта.</p>
<hr>
<h2 id="вводные-данные">Вводные данные</h2>
<ul>
<li><strong>Источник:</strong> текущая диаграмма Ганта проекта (один проект = одна диаграмма)</li>
<li><strong>Диапазон дат:</strong> пользователь указывает начальную и конечную дату. По умолчанию подставляется видимый в момент запроса диапазон из интерфейса</li>
<li><strong>Масштаб таймлайна:</strong> берётся тот, который выбран пользователем в интерфейсе в момент запроса (не сохранённый в системе, а текущий). Варианты: по ячейкам или по дням</li>
</ul>
<hr>
<h2 id="структура-excel-файла">Структура Excel-файла</h2>
<h3 id="шапка-первые-строки">Шапка (первые строки)</h3>
<ul>
<li>Название диаграммы (название проекта)</li>
<li>Диапазон дат, в рамках которого сделана выгрузка</li>
</ul>
<h3 id="лист--один">Лист — один</h3>
<p>Вся диаграмма размещается на одном листе.</p></p>
<div class="tags">
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/gantt/" class="tag">gantt</a>
<a href="../../tags/excel/" class="tag">excel</a>
<a href="../../tags/export/" class="tag">export</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/leadera/leadera-milestones/">Leadera: Вехи (Milestones) на диаграмме Ганта</a></h3>
<p class="card-text"><h2 id="бизнес-требования">Бизнес-требования</h2>
<h3 id="br-1-сущность-веха-milestone">BR-1: Сущность «Веха» (Milestone)</h3>
<p>Веха — это маркер на таймлайне диаграммы Ганта, обозначающий важную дату в проекте. В отличие от задач, веха не имеет длительности и привязана к конкретной дате.</p>
<p><strong>Поля вехи:</strong></p>
<table>
<thead>
<tr>
<th>Поле</th>
<th>Тип</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td>id</td>
<td>UUID</td>
<td>Идентификатор</td>
</tr>
<tr>
<td>gantt_chart_id</td>
<td>UUID</td>
<td>Принадлежность к диаграмме (не к секции!)</td>
</tr>
<tr>
<td>title</td>
<td>string</td>
<td>Название вехи (обязательное, 1–255 символов)</td>
</tr>
<tr>
<td>date</td>
<td>date</td>
<td>Дата вехи (без времени, обязательная)</td>
</tr>
<tr>
<td>color</td>
<td>string</td>
<td>Цвет маркера (HEX, по умолчанию <code>#dc3545</code> — красный)</td>
</tr>
<tr>
<td>created_by</td>
<td>UUID</td>
<td>Кто создал (не отображается в UI, хранится для аудита)</td>
</tr>
<tr>
<td>updated_by</td>
<td>UUID</td>
<td>Кто обновил (не отображается в UI)</td>
</tr>
<tr>
<td>created_at</td>
<td>timestamp</td>
<td>Дата создания</td>
</tr>
<tr>
<td>updated_at</td>
<td>timestamp</td>
<td>Дата обновления</td>
</tr>
<tr>
<td>deleted_at</td>
<td>timestamp</td>
<td>Soft delete</td>
</tr>
</tbody>
</table>
<p><strong>Права доступа:</strong> Создание, редактирование и удаление вех доступно участникам с правами выше «только чтение» (аналогично задачам).</p></p>
<div class="tags">
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/gantt/" class="tag">gantt</a>
<a href="../../tags/angular/" class="tag">angular</a>
<a href="../../tags/go/" class="tag">go</a>
<a href="../../tags/api/" class="tag">api</a>
<a href="../../tags/ux/" class="tag">ux</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/leadera/leadera-gantt-filters/">Leadera — Фильтры и реорганизация списка диаграмм Ганта</a></h3>
<p class="card-text"><h1 id="фильтры-и-реорганизация-списка-диаграмм-ганта">Фильтры и реорганизация списка диаграмм Ганта</h1>
<p><strong>Дата:</strong> 07.04.2026
<strong>Статус:</strong> Требования
<strong>Проект:</strong> Leadera (dev — sand.a2v.space)</p>
<hr>
<h2 id="1-постановка-задачи">1. Постановка задачи</h2>
<p>Список диаграмм Ганта должен показывать <strong>все доступные пользователю диаграммы</strong> из всех пространств (spaces), с возможностью фильтрации и поиска. Сейчас список привязан к одному пространству — нужно убрать эту зависимость и добавить удобный toolbar.</p>
<hr>
<h2 id="2-изменения-api">2. Изменения API</h2>
<h3 id="21-новый-endpoint-списка-диаграмм">2.1. Новый endpoint списка диаграмм</h3>
<p><strong>Было:</strong></p>
<pre tabindex="0"><code>GET /api/v1/spaces/{spaceId}/gantt-charts?page=1&amp;per_page=10
</code></pre><p><strong>Стало:</strong></p>
<pre tabindex="0"><code>GET /api/v1/gantt-charts?page=1&amp;per_page=10
</code></pre><p>Пользователь видит все диаграммы из <strong>всех пространств</strong>, где он является подтверждённым участником (статус <code>accepted</code>).</p></p>
<div class="tags">
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/gantt/" class="tag">gantt</a>
<a href="../../tags/api/" class="tag">api</a>
<a href="../../tags/frontend/" class="tag">frontend</a>
<a href="../../tags/requirements/" class="tag">requirements</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/leadera/leadera-websocket-gantt/">Leadera — WebSocket для диаграмм Ганта</a></h3>
<p class="card-text"><h1 id="websocket-для-диаграмм-ганта--realtime-совместное-редактирование">WebSocket для диаграмм Ганта — realtime-совместное редактирование</h1>
<p><strong>Дата:</strong> 07.04.2026
<strong>Статус:</strong> Планирование
<strong>Проект:</strong> Leadera (dev — sand.a2v.space)</p>
<hr>
<h2 id="1-постановка-задачи">1. Постановка задачи</h2>
<p>Диаграммы Ганта должны обновляться в реальном времени при совместной работе: если два или более пользователей редактируют один Гант, изменения каждого мгновенно отображаются у остальных — без перезагрузки страницы и ручного обновления.</p>
<hr>
<h2 id="2-архитектура">2. Архитектура</h2>
<pre tabindex="0"><code>Angular frontend ←── WebSocket ──→ Go backend (Hub) ──→ PostgreSQL
│ │
│ HTTP (мутации) │ Broadcast
└──→ REST API ──→ Service ──→ DB ──→ Hub ──→ все клиенты комнаты
</code></pre><p><strong>Ключевой принцип:</strong> мутации данных идут через HTTP (REST), WebSocket используется <strong>только для доставки уведомлений</strong>. Сервер — источник истины, клиент не может обойти проверки через WS.</p></p>
<div class="tags">
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/websocket/" class="tag">websocket</a>
<a href="../../tags/realtime/" class="tag">realtime</a>
<a href="../../tags/gantt/" class="tag">gantt</a>
<a href="../../tags/architecture/" class="tag">architecture</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/leadera/leadera-section-constraints/">Leadera: Ограничения секций в диаграмме Ганта</a></h3>
<p class="card-text"><h2 id="бизнес-требования">Бизнес-требования</h2>
<h3 id="br-1-лимит-одновременных-задач-concurrency-limit">BR-1: Лимит одновременных задач (Concurrency Limit)</h3>
<p>У каждой секции появляется параметр <strong>max_concurrent_tasks</strong> (целое число ≥ 0, по умолчанию 0).</p>
<p><strong>Поведение:</strong></p>
<ul>
<li>Если <code>max_concurrent_tasks = 3</code> — в любой данный день в этой секции не может быть больше 3 активных задач одновременно</li>
<li>Если <code>max_concurrent_tasks = 0</code> — ограничение отключено, лимита нет</li>
<li>Пересечение считается по дате: задача занимает дни с <code>start_date</code> по <code>end_date</code> включительно. Две задачи «пересекаются», если у них есть хотя бы один общий день</li>
<li>Ограничение работает <strong>только в рамках одной секции</strong>. Задачи из разных секций не влияют друг на друга</li>
</ul>
<p><strong>Срабатывание при:</strong></p></p>
<div class="tags">
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/gantt/" class="tag">gantt</a>
<a href="../../tags/angular/" class="tag">angular</a>
<a href="../../tags/go/" class="tag">go</a>
<a href="../../tags/api/" class="tag">api</a>
<a href="../../tags/ux/" class="tag">ux</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title"><a href="../../yasha/leadera/leadera-audit/">Аудит Leadera — полный отчёт</a></h3>
<p class="card-text"><h1 id="аудит-проекта-leadera">Аудит проекта Leadera</h1>
<p><strong>Дата:</strong> 30.03.2026<br>
<strong>Версия:</strong> pre-production, миграции 15</p>
<hr>
<h2 id="1-обзор-проекта">1. Обзор проекта</h2>
<p>Leadera — SaaS-система управления IT-ландшафтом с диаграммами Ганта.</p>
<h3 id="стек">Стек</h3>
<table>
<thead>
<tr>
<th>Компонент</th>
<th>Технологии</th>
</tr>
</thead>
<tbody>
<tr>
<td>Backend</td>
<td>Go 1.21+, Gin, PostgreSQL 16, pgx/v5 + sqlx, JWT (HMAC-SHA256)</td>
</tr>
<tr>
<td>Frontend</td>
<td>Angular 21.1, Bootstrap 5, NgBootstrap, RxJS, Signals</td>
</tr>
<tr>
<td>Инфраструктура</td>
<td>Docker (Colima), pm2, nginx reverse proxy, VPS reg.ru</td>
</tr>
</tbody>
</table>
<h3 id="доменная-модель">Доменная модель</h3>
<pre tabindex="0"><code>User ──┬── Space (через space_members с role)
└── GanttChart (принадлежит Space)
├── GanttSection
└── GanttTask
</code></pre><p><strong>Роли:</strong> admin, editor, viewer — назначаются <strong>на уровне Space</strong> через таблицу <code>space_members</code>.</p></p>
<div class="tags">
<a href="../../tags/audit/" class="tag">audit</a>
<a href="../../tags/leadera/" class="tag">leadera</a>
<a href="../../tags/security/" class="tag">security</a>
<a href="../../tags/architecture/" class="tag">architecture</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../js/search.js"></script>
<script src="../../js/creds.js"></script>
</body>
</html>
File diff suppressed because one or more lines are too long
@@ -0,0 +1,738 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Аудит Leadera — полный отчёт — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/leadera/">Все статьи</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Аудит Leadera — полный отчёт</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/leadera/leadera-audit.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/leadera\/leadera-audit.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/audit/" class="tag">audit</a>
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/security/" class="tag">security</a>
<a href="../../../tags/architecture/" class="tag">architecture</a>
</div>
<h1 id="аудит-проекта-leadera">Аудит проекта Leadera</h1>
<p><strong>Дата:</strong> 30.03.2026<br>
<strong>Версия:</strong> pre-production, миграции 15</p>
<hr>
<h2 id="1-обзор-проекта">1. Обзор проекта</h2>
<p>Leadera — SaaS-система управления IT-ландшафтом с диаграммами Ганта.</p>
<h3 id="стек">Стек</h3>
<table>
<thead>
<tr>
<th>Компонент</th>
<th>Технологии</th>
</tr>
</thead>
<tbody>
<tr>
<td>Backend</td>
<td>Go 1.21+, Gin, PostgreSQL 16, pgx/v5 + sqlx, JWT (HMAC-SHA256)</td>
</tr>
<tr>
<td>Frontend</td>
<td>Angular 21.1, Bootstrap 5, NgBootstrap, RxJS, Signals</td>
</tr>
<tr>
<td>Инфраструктура</td>
<td>Docker (Colima), pm2, nginx reverse proxy, VPS reg.ru</td>
</tr>
</tbody>
</table>
<h3 id="доменная-модель">Доменная модель</h3>
<pre tabindex="0"><code>User ──┬── Space (через space_members с role)
└── GanttChart (принадлежит Space)
├── GanttSection
└── GanttTask
</code></pre><p><strong>Роли:</strong> admin, editor, viewer — назначаются <strong>на уровне Space</strong> через таблицу <code>space_members</code>.</p>
<h3 id="что-реализовано-endpoints">Что реализовано (endpoints)</h3>
<p><strong>Auth (5):</strong> register, login, refresh, change-password, logout<br>
<strong>Spaces (9):</strong> CRUD + members CRUD<br>
<strong>Gantt Charts (9):</strong> CRUD + archive + members (добавлен, но удалён в миграции 5)<br>
<strong>Gantt Sections (5):</strong> CRUD + reorder<br>
<strong>Gantt Tasks (4):</strong> CRUD</p>
<p><strong>Итого: ~32 endpoint</strong></p>
<hr>
<h2 id="2-архитектура-и-качество-кода">2. Архитектура и качество кода</h2>
<h3 id="21-backend--структура">2.1. Backend — структура</h3>
<pre tabindex="0"><code>cmd/server/main.go — точка входа
internal/
domain/ — модели (User, Space, GanttChart, etc.)
dto/ — request/response DTO (auth, space, gantt)
handlers/ — HTTP handlers (auth, space, gantt)
middleware/ — auth, cors, space, gantt, role, logging, recovery
repository/ — слой доступа к данным
service/ — бизнес-логика
config/ — конфигурация (.env)
utils/ — jwt, password, response, validation
migrations/ — SQL миграции (1-5)
</code></pre><p><strong>Оценка:</strong> ✅ Чистая layered архитектура. Разделение ответственности чёткое.</p>
<h3 id="22-frontend--структура">2.2. Frontend — структура</h3>
<pre tabindex="0"><code>src/app/
core/auth/ — auth service, interceptor
core/models/ — app.model, space.model
core/services/ — space.service, space-storage.service
pages/auth/ — sign-in, sign-up, reset-pw, etc.
pages/gantt/ — компоненты, модалки, сервисы, модели
pages/dashboards/ — spaces list, dashboard
layouts/ — navbar, topbar, main-layout
</code></pre><p><strong>Оценка:</strong> ✅ Стандартная Angular-структура. Signals для state management.</p>
<h3 id="23-проблемы-кода">2.3. Проблемы кода</h3>
<table>
<thead>
<tr>
<th>#</th>
<th>Проблема</th>
<th>Критичность</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td>C1</td>
<td><code>\r</code> в service-файлах</td>
<td>Medium</td>
<td>gantt_service.go, gantt_section_service.go содержат CRLF</td>
</tr>
<tr>
<td>C2</td>
<td><code>main.go:238</code> — мёртвый код <code>getUserHandler</code></td>
<td>Low</td>
<td>Неиспользуемая функция</td>
</tr>
<tr>
<td>C3</td>
<td>Swagger не сгенерирован</td>
<td>Medium</td>
<td>Аннотации есть, но <code>api/</code> директории нет</td>
</tr>
<tr>
<td>C4</td>
<td><code>RegisterProtectedRoutes</code> не вызывается в main.go</td>
<td><strong>Critical</strong></td>
<td>GET/PUT/DELETE <code>/spaces/:id</code> не зарегистрированы</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="3-права-доступа--главный-вопрос">3. Права доступа — главный вопрос</h2>
<h3 id="31-текущая-реализация">3.1. Текущая реализация</h3>
<p>Права назначаются <strong>исключительно через Space</strong>:</p>
<ol>
<li>Таблица <code>space_members</code> — связка user ↔ space с role (admin/editor/viewer)</li>
<li><code>SpaceMiddleware.RequireSpace()</code> — проверяет членство и записывает <code>ContextSpaceRole</code> в context</li>
<li><code>RoleMiddleware.RequireMinRole()</code> — проверяет иерархию ролей (admin &gt; editor &gt; viewer)</li>
</ol>
<p><strong>Диаграммы Ганта НЕ имеют собственной системы ролей.</strong> Таблица <code>gantt_chart_members</code> была создана (миграция 4) и тут же удалена (миграция 5). Все проверки доступа к диаграммам идут через space membership.</p>
<h3 id="32-как-это-работает">3.2. Как это работает</h3>
<pre tabindex="0"><code>Запрос → AuthMiddleware (JWT → userID)
→ SpaceMiddleware.RequireSpace() (проверяет space_members → ContextSpaceRole)
→ GanttMiddleware.RequireGanttChart() (проверяет chart.space_id == spaceID)
→ RoleMiddleware.RequireMinRole(&#34;editor&#34;) (проверяет ContextSpaceRole)
</code></pre><p><strong>Это правильно.</strong> Любой член Space с ролью editor+ может создавать/редактировать диаграммы. Viewers — только читать.</p>
<h3 id="33--критическая-проблема-frontend-не-соответствует-backend">3.3. 🔴 Критическая проблема: Frontend не соответствует Backend</h3>
<p><strong>Frontend <code>MembersModalComponent</code></strong> пытается управлять участниками <strong>диаграммы</strong>:</p>
<ul>
<li><code>ganttService.addMember(chartId, dto)</code><code>/api/v1/spaces/{spaceId}/gantt-charts/{chartId}/members</code></li>
<li><code>ganttService.updateMemberRole(chartId, userId, dto)</code><code>.../members/{userId}</code></li>
<li><code>ganttService.removeMember(chartId, userId)</code><code>.../members/{userId}</code></li>
</ul>
<p><strong>Backend <code>GanttHandler.RegisterRoutes()</code> НЕ регистрирует маршруты для members диаграмм.</strong> После удаления <code>gantt_chart_members</code> (миграция 5) эти endpoints не существуют.</p>
<p><strong>Результат:</strong> модальное окно «Участники диаграммы» на фронтенде <strong>не работает</strong> — все вызовы вернут 404.</p>
<h3 id="34--проблема-role-fallback">3.4. 🔴 Проблема: Role fallback</h3>
<p>В <code>role_middleware.go:28-31</code>:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#a6e22e">role</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">GetString</span>(<span style="color:#a6e22e">ContextSpaceRole</span>)
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">if</span> <span style="color:#a6e22e">role</span> <span style="color:#f92672">==</span> <span style="color:#e6db74">&#34;&#34;</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">role</span> = <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">GetString</span>(<span style="color:#a6e22e">ContextRole</span>) <span style="color:#75715e">// fallback на глобальную роль User</span>
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>Если <code>ContextSpaceRole</code> не установлен, используется <strong>глобальная роль пользователя</strong> (из JWT). Это значит:</p>
<ul>
<li>Пользователь с <code>role=admin</code> в таблице <code>users</code> получит admin-доступ к <strong>любому</strong> space, даже если он не член этого space</li>
<li>Но <code>SpaceMiddleware</code> проверяет членство раньше, так что в цепочке <code>RequireSpace() → RequireMinRole()</code> это не эксплуатируется</li>
<li>Однако если <code>RequireMinRole()</code> используется <strong>без</strong> <code>RequireSpace()</code> — это дыра</li>
</ul>
<p><strong>Рекомендация:</strong> Удалить fallback на <code>ContextRole</code>. Если <code>ContextSpaceRole</code> пуст — отказывать.</p>
<h3 id="35-рекомендации-по-правам-доступа">3.5. Рекомендации по правам доступа</h3>
<ol>
<li><strong>Удалить модалку участников диаграммы</strong> на фронтенде — она мертва</li>
<li><strong>Или</strong> добавить раздел «Участники Space» с возможностью управления ролями через <code>/spaces/:space_id/members</code> (эти endpoints работают)</li>
<li>Удалить fallback на <code>ContextRole</code> в <code>role_middleware.go</code></li>
<li>Добавить проверку: editor не может повысить кого-то до admin (сейчас может — <code>AddMember</code> разрешает editor+ назначать любую роль)</li>
</ol>
<hr>
<h2 id="4-безопасность">4. Безопасность</h2>
<h3 id="41-критические">4.1. Критические</h3>
<table>
<thead>
<tr>
<th>#</th>
<th>Проблема</th>
<th>Файл</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td>S1</td>
<td>JWT Secret = test</td>
<td><code>.env</code></td>
<td><code>JWT_SECRET=test_secret_key_change_in_production</code><strong>это прод-конфиг!</strong></td>
</tr>
<tr>
<td>S2</td>
<td>CORS: <code>*</code></td>
<td><code>.env</code></td>
<td><code>CORS_ALLOWED_ORIGINS=*</code> — любой домен может обращаться к API</td>
</tr>
<tr>
<td>S3</td>
<td>Пароль БД в .env</td>
<td><code>.env</code></td>
<td><code>DB_PASSWORD=popoloka16</code> — creds в открытом виде</td>
</tr>
<tr>
<td>S4</td>
<td>Refresh tokens: SHA256</td>
<td><code>utils/password.go</code></td>
<td>SHA256 вместо bcrypt для refresh token hash — быстро брутфорсится</td>
</tr>
</tbody>
</table>
<h3 id="42-высокие">4.2. Высокие</h3>
<table>
<thead>
<tr>
<th>#</th>
<th>Проблема</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td>S5</td>
<td>Нет rate limiting</td>
<td>Brute-force на <code>/auth/login</code> без ограничений</td>
</tr>
<tr>
<td>S6</td>
<td>Нет CSRF protection</td>
<td>API принимает POST/PUT/DELETE без CSRF-токена</td>
</tr>
<tr>
<td>S7</td>
<td>Нет CSP заголовков</td>
<td>X-Frame-Options, Content-Security-Policy не настроены</td>
</tr>
<tr>
<td>S8</td>
<td>JWT в localStorage</td>
<td>XSS может украсть access + refresh tokens</td>
</tr>
</tbody>
</table>
<h3 id="43-средние">4.3. Средние</h3>
<table>
<thead>
<tr>
<th>#</th>
<th>Проблема</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td>S9</td>
<td>Нет password policy</td>
<td>Минимальные требования к паролю не enforced</td>
</tr>
<tr>
<td>S10</td>
<td>Нет audit log</td>
<td>Действия с spaces/charts не логируются для аудита</td>
</tr>
<tr>
<td>S11</td>
<td>Нет блокировки аккаунта</td>
<td>Неограниченные попытки входа</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="5-инфраструктура">5. Инфраструктура</h2>
<h3 id="51-текущее-состояние">5.1. Текущее состояние</h3>
<table>
<thead>
<tr>
<th>Компонент</th>
<th>Статус</th>
<th>Примечание</th>
</tr>
</thead>
<tbody>
<tr>
<td>Go API (pm2: leadera-api)</td>
<td>⚠️</td>
<td>Порт 8080, хост 0.0.0.0</td>
</tr>
<tr>
<td>Angular FE (pm2: leadera-fe)</td>
<td>⚠️</td>
<td>Порт 4200, хост 0.0.0.0</td>
</tr>
<tr>
<td>PostgreSQL (Docker)</td>
<td></td>
<td>Порт 5432, контейнер app-leadera-db</td>
</tr>
<tr>
<td>VPS reverse proxy</td>
<td>⚠️</td>
<td>sand.a2v.space → 8082/8083, но 502 если сервисы не запущены</td>
</tr>
<tr>
<td>SSL</td>
<td></td>
<td>Let&rsquo;s Encrypt на VPS</td>
</tr>
</tbody>
</table>
<h3 id="52-проблемы">5.2. Проблемы</h3>
<table>
<thead>
<tr>
<th>#</th>
<th>Проблема</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td>I1</td>
<td>Docker для БД, нативно для API</td>
<td>Несогласованность — API и FE не в Docker</td>
</tr>
<tr>
<td>I2</td>
<td>Нет health-check в pm2</td>
<td>API может упасть без перезапуска</td>
</tr>
<tr>
<td>I3</td>
<td>Нет CI/CD</td>
<td>Ручной деплой через <code>make run</code> + pm2</td>
</tr>
<tr>
<td>I4</td>
<td>Нет nginx на Mac Studio</td>
<td>FE и API торчат наружу напрямую</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="6-функциональная-оценка">6. Функциональная оценка</h2>
<h3 id="61-что-работает">6.1. Что работает</h3>
<table>
<thead>
<tr>
<th>Функция</th>
<th>Backend</th>
<th>Frontend</th>
<th>Статус</th>
</tr>
</thead>
<tbody>
<tr>
<td>Регистрация/логин</td>
<td></td>
<td></td>
<td>Работает</td>
</tr>
<tr>
<td>JWT auth + refresh</td>
<td></td>
<td></td>
<td>Работает</td>
</tr>
<tr>
<td>Spaces CRUD</td>
<td>⚠️</td>
<td></td>
<td><code>RegisterProtectedRoutes</code> не вызван (C4)</td>
</tr>
<tr>
<td>Space members</td>
<td></td>
<td></td>
<td>Работает</td>
</tr>
<tr>
<td>Gantt charts CRUD</td>
<td></td>
<td></td>
<td>Работает</td>
</tr>
<tr>
<td>Gantt sections</td>
<td></td>
<td></td>
<td>Работает</td>
</tr>
<tr>
<td>Gantt tasks</td>
<td></td>
<td>⚠️</td>
<td>Нет UI для задач внутри диаграммы</td>
</tr>
<tr>
<td>Архивация диаграмм</td>
<td></td>
<td></td>
<td>Работает</td>
</tr>
<tr>
<td>Members диаграммы</td>
<td></td>
<td>✅ (мёртвый UI)</td>
<td>Backend endpoints не существуют</td>
</tr>
</tbody>
</table>
<h3 id="62-что-не-работает-или-отсутствует">6.2. Что НЕ работает или отсутствует</h3>
<table>
<thead>
<tr>
<th>Функция</th>
<th>Статус</th>
</tr>
</thead>
<tbody>
<tr>
<td>Визуализация Ганта (таймлайн)</td>
<td>❌ Нет компонента отрисовки</td>
</tr>
<tr>
<td>Drag &amp; Drop задач</td>
<td></td>
</tr>
<tr>
<td>Real-time collaboration</td>
<td></td>
</tr>
<tr>
<td>Уведомления</td>
<td></td>
</tr>
<tr>
<td>Поиск</td>
<td></td>
</tr>
<tr>
<td>Экспорт (PDF/Excel)</td>
<td></td>
</tr>
<tr>
<td>Email verification</td>
<td></td>
</tr>
<tr>
<td>Password reset</td>
<td>Backend есть, UI есть — не проверено</td>
</tr>
</tbody>
</table>
<h3 id="63-оценка-готовности">6.3. Оценка готовности</h3>
<p><strong>Система на стадии каркаса.</strong> Backend API функционален для CRUD операций, но:</p>
<ul>
<li>Визуализация Ганта — основная фича — не реализована (нет canvas/SVG рендеринга)</li>
<li>Управление участниками только на уровне Space</li>
<li>Нет CI/CD, тестов, мониторинга</li>
</ul>
<hr>
<h2 id="7-приоритизированный-план-исправлений">7. Приоритизированный план исправлений</h2>
<h3 id="неделя-1--критическое-безопасность">Неделя 1 — Критическое (безопасность)</h3>
<table>
<thead>
<tr>
<th>Приоритет</th>
<th>Задача</th>
<th>Трудоёмкость</th>
</tr>
</thead>
<tbody>
<tr>
<td>P0</td>
<td>Заменить JWT secret на криптостойкий</td>
<td>1 час</td>
</tr>
<tr>
<td>P0</td>
<td>Настроить CORS (только sand.a2v.space)</td>
<td>1 час</td>
</tr>
<tr>
<td>P0</td>
<td>bcrypt для refresh tokens вместо SHA256</td>
<td>2 часа</td>
</tr>
<tr>
<td>P0</td>
<td>Удалить fallback на ContextRole в role_middleware</td>
<td>30 мин</td>
</tr>
<tr>
<td>P0</td>
<td>Исправить <code>RegisterProtectedRoutes</code> — зарегистрировать маршруты</td>
<td>1 час</td>
</tr>
<tr>
<td>P1</td>
<td>Rate limiting на auth endpoints</td>
<td>4 часа</td>
</tr>
<tr>
<td>P1</td>
<td>Editor не может назначать admin роль</td>
<td>2 часа</td>
</tr>
</tbody>
</table>
<h3 id="неделя-2--архитектура-прав">Неделя 2 — Архитектура прав</h3>
<table>
<thead>
<tr>
<th>Приоритет</th>
<th>Задача</th>
<th>Трудоёмкость</th>
</tr>
</thead>
<tbody>
<tr>
<td>P1</td>
<td>Удалить/переписать MembersModalComponent → Space members</td>
<td>4 часа</td>
</tr>
<tr>
<td>P1</td>
<td>Добавить страницу управления участниками Space</td>
<td>8 часов</td>
</tr>
<tr>
<td>P2</td>
<td>HttpOnly cookies для JWT (вместо localStorage)</td>
<td>8 часов</td>
</tr>
<tr>
<td>P2</td>
<td>CSRF protection</td>
<td>4 часа</td>
</tr>
</tbody>
</table>
<h3 id="неделя-3--функциональность">Неделя 3 — Функциональность</h3>
<table>
<thead>
<tr>
<th>Приоритет</th>
<th>Задача</th>
<th>Трудоёмкость</th>
</tr>
</thead>
<tbody>
<tr>
<td>P2</td>
<td>Визуализация Ганта (canvas/d3)</td>
<td>40+ часов</td>
</tr>
<tr>
<td>P2</td>
<td>Drag &amp; Drop для задач</td>
<td>16 часов</td>
</tr>
<tr>
<td>P3</td>
<td>Тесты (unit + integration)</td>
<td>24 часа</td>
</tr>
<tr>
<td>P3</td>
<td>CI/CD pipeline</td>
<td>8 часов</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="8-резюме">8. Резюме</h2>
<h3 id="ключевые-выводы">Ключевые выводы</h3>
<ol>
<li><strong>Права доступа</strong> — архитектурно верно: роль назначается через Space, не через диаграмму. Но фронтенд ещё не обновлён после удаления <code>gantt_chart_members</code>.</li>
<li><strong>Безопасность</strong> — критические уязвимости в конфигурации (JWT secret, CORS, bcrypt). Требуют немедленного исправления до любого публичного деплоя.</li>
<li><strong>Функциональность</strong> — CRUD работает, но основная ценность (визуализация Ганта) не реализована.</li>
<li><strong>Код</strong> — чистый, хорошая архитектура, но есть мёртвый код и незарегистрированные маршруты.</li>
</ol>
<h3 id="общая-оценка--pre-alpha">Общая оценка: 🔴 Pre-alpha</h3>
<p>Проект готов к внутренней демонстрации CRUD, но не готов к продакшену. Первоочередное — безопасность и исправление мёртвых endpoints.</p>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,268 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leadera — Экспорт диаграммы Ганта в Excel — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/leadera/">Все статьи</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Leadera — Экспорт диаграммы Ганта в Excel</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/leadera/leadera-gantt-excel-export.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/leadera\/leadera-gantt-excel-export.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/gantt/" class="tag">gantt</a>
<a href="../../../tags/excel/" class="tag">excel</a>
<a href="../../../tags/export/" class="tag">export</a>
</div>
<h1 id="экспорт-диаграммы-ганта-в-excel">Экспорт диаграммы Ганта в Excel</h1>
<p><strong>Дата:</strong> 09.04.2026
<strong>Статус:</strong> Требования
<strong>Проект:</strong> Leadera</p>
<hr>
<h2 id="общее-описание">Общее описание</h2>
<p>Пользователь нажимает кнопку экспорта в интерфейсе диаграммы Ганта. Система запрашивает диапазон дат выгрузки (по умолчанию — текущий видимый диапазон из интерфейса). После указания диапазона скачивается Excel-файл с визуальным представлением диаграммы Ганта.</p>
<hr>
<h2 id="вводные-данные">Вводные данные</h2>
<ul>
<li><strong>Источник:</strong> текущая диаграмма Ганта проекта (один проект = одна диаграмма)</li>
<li><strong>Диапазон дат:</strong> пользователь указывает начальную и конечную дату. По умолчанию подставляется видимый в момент запроса диапазон из интерфейса</li>
<li><strong>Масштаб таймлайна:</strong> берётся тот, который выбран пользователем в интерфейсе в момент запроса (не сохранённый в системе, а текущий). Варианты: по ячейкам или по дням</li>
</ul>
<hr>
<h2 id="структура-excel-файла">Структура Excel-файла</h2>
<h3 id="шапка-первые-строки">Шапка (первые строки)</h3>
<ul>
<li>Название диаграммы (название проекта)</li>
<li>Диапазон дат, в рамках которого сделана выгрузка</li>
</ul>
<h3 id="лист--один">Лист — один</h3>
<p>Вся диаграмма размещается на одном листе.</p>
<h3 id="секции">Секции</h3>
<ul>
<li>Секции отображаются как <strong>визуальная группировка строк</strong> (не отдельные листы)</li>
<li>Название секции — строка-заголовок над группой задач</li>
</ul>
<h3 id="задачи">Задачи</h3>
<p>Каждая задача — отдельная строка. Данные задачи:</p>
<ul>
<li><strong>Название</strong> (текстовая колонка слева)</li>
<li><strong>Дата начала</strong> (текстовая колонка слева)</li>
<li><strong>Дата конца</strong> (текстовая колонка слева)</li>
<li><strong>Цвет</strong> — ячейки таймлайна, соответствующие задаче, закрашены в цвет задачи</li>
</ul>
<h3 id="таймлайн">Таймлайн</h3>
<ul>
<li>Таймлайн представлен колонками дат в верхней части (горизонтальная ось времени)</li>
<li>Масштаб колонок соответствует выбранному пользователем в момент экспорта (по ячейкам / по дням)</li>
<li>Задачи отображаются как <strong>merged cells</strong> по соответствующим колонкам дат — визуальная полоса диаграммы Ганта</li>
</ul>
<h3 id="вехи">Вехи</h3>
<ul>
<li>Отображаются <strong>отдельной строкой</strong> (как задача, но с маркировкой вехи)</li>
<li>Позиционируются на соответствующей дате в таймлайне</li>
</ul>
<h3 id="зависимости">Зависимости</h3>
<ul>
<li><strong>Не отображаются</strong> (стрелочки/связи между задачами не нужны)</li>
</ul>
<hr>
<h2 id="пользовательский-сценарий">Пользовательский сценарий</h2>
<ol>
<li>Пользователь открывает диаграмму Ганта проекта</li>
<li>Настраивает масштаб таймлайна (по ячейкам / по дням)</li>
<li>Нажимает кнопку «Экспорт в Excel»</li>
<li>Система показывает диалог с выбором диапазона дат (предзаполнен текущим видимым диапазоном)</li>
<li>Пользователь подтверждает / корректирует диапазон</li>
<li>Система генерирует Excel-файл и инициирует скачивание</li>
</ol>
<hr>
<h2 id="технические-требования">Технические требования</h2>
<h3 id="backend-go-api">Backend (Go API)</h3>
<ul>
<li>Новый endpoint для генерации Excel (например, <code>GET /api/v1/gantt/:projectId/export</code>)</li>
<li>Query-параметры: <code>dateFrom</code>, <code>dateTo</code>, <code>scale</code> (cell|day)</li>
<li>Ответ: binary Excel-файл (<code>application/vnd.openxmlformats-officedocument.spreadsheetml.sheet</code>)</li>
<li>Авторизация: обязательна (только участники проекта)</li>
<li>Библиотека для генерации Excel: <code>excelize</code> (Go)</li>
</ul>
<h3 id="frontend-angular">Frontend (Angular)</h3>
<ul>
<li>Кнопка экспорта в тулбаре диаграммы Ганта</li>
<li>Модальное окно выбора диапазона дат с datepicker&rsquo;ами</li>
<li>Предзаполнение диапазона из текущего видимого viewport&rsquo;а</li>
<li>Скачивание файла через <code>Blob</code> / <code>saveAs</code></li>
</ul>
<h3 id="фильтрация-данных">Фильтрация данных</h3>
<ul>
<li>Выгружаются все задачи и вехи, которые:
<ul>
<li>Начинаются в диапазоне, ИЛИ</li>
<li>Заканчиваются в диапазоне, ИЛИ</li>
<li>Начинаются до диапазона и заканчиваются после (перекрывают целиком)</li>
</ul>
</li>
<li>Секции включаются, если в них есть хотя бы одна попавшая задача</li>
</ul>
<hr>
<h2 id="открытые-вопросы">Открытые вопросы</h2>
<p><em>(Нет)</em></p>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,469 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leadera — Фильтры и реорганизация списка диаграмм Ганта — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/leadera/">Все статьи</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Leadera — Фильтры и реорганизация списка диаграмм Ганта</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/leadera/leadera-gantt-filters.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/leadera\/leadera-gantt-filters.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/gantt/" class="tag">gantt</a>
<a href="../../../tags/api/" class="tag">api</a>
<a href="../../../tags/frontend/" class="tag">frontend</a>
<a href="../../../tags/requirements/" class="tag">requirements</a>
</div>
<h1 id="фильтры-и-реорганизация-списка-диаграмм-ганта">Фильтры и реорганизация списка диаграмм Ганта</h1>
<p><strong>Дата:</strong> 07.04.2026
<strong>Статус:</strong> Требования
<strong>Проект:</strong> Leadera (dev — sand.a2v.space)</p>
<hr>
<h2 id="1-постановка-задачи">1. Постановка задачи</h2>
<p>Список диаграмм Ганта должен показывать <strong>все доступные пользователю диаграммы</strong> из всех пространств (spaces), с возможностью фильтрации и поиска. Сейчас список привязан к одному пространству — нужно убрать эту зависимость и добавить удобный toolbar.</p>
<hr>
<h2 id="2-изменения-api">2. Изменения API</h2>
<h3 id="21-новый-endpoint-списка-диаграмм">2.1. Новый endpoint списка диаграмм</h3>
<p><strong>Было:</strong></p>
<pre tabindex="0"><code>GET /api/v1/spaces/{spaceId}/gantt-charts?page=1&amp;per_page=10
</code></pre><p><strong>Стало:</strong></p>
<pre tabindex="0"><code>GET /api/v1/gantt-charts?page=1&amp;per_page=10
</code></pre><p>Пользователь видит все диаграммы из <strong>всех пространств</strong>, где он является подтверждённым участником (статус <code>accepted</code>).</p>
<h3 id="22-параметры-фильтрации-и-поиска">2.2. Параметры фильтрации и поиска</h3>
<table>
<thead>
<tr>
<th>Параметр</th>
<th>Тип</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>page</code></td>
<td>int</td>
<td>Номер страницы (default: 1)</td>
</tr>
<tr>
<td><code>per_page</code></td>
<td>int</td>
<td>Записей на странице (default: 10)</td>
</tr>
<tr>
<td><code>space_id</code></td>
<td>UUID (optional)</td>
<td>Фильтр по конкретному пространству</td>
</tr>
<tr>
<td><code>created_by</code></td>
<td>UUID (optional)</td>
<td>Фильтр по создателю диаграммы</td>
</tr>
<tr>
<td><code>search</code></td>
<td>string (optional)</td>
<td>Поиск по назвению и описанию (ILIKE, case-insensitive)</td>
</tr>
<tr>
<td><code>sort</code></td>
<td>string (optional)</td>
<td>Сортировка: <code>created_at</code>, <code>updated_at</code>, <code>title</code> (default: <code>updated_at</code>)</td>
</tr>
<tr>
<td><code>order</code></td>
<td>string (optional)</td>
<td><code>asc</code> / <code>desc</code> (default: <code>desc</code>)</td>
</tr>
</tbody>
</table>
<p><strong>Примеры:</strong></p>
<pre tabindex="0"><code>GET /api/v1/gantt-charts?search=миграция
GET /api/v1/gantt-charts?space_id=0b334ded-...&amp;created_by=a1b2c3d4-...
GET /api/v1/gantt-charts?page=2&amp;per_page=20&amp;sort=title&amp;order=asc
</code></pre><h3 id="23-изменение-структуры-ответа">2.3. Изменение структуры ответа</h3>
<p>Добавить поле <code>space</code> в каждую диаграмму:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-json" data-lang="json"><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;data&#34;</span>: [
</span></span><span style="display:flex;"><span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;id&#34;</span>: <span style="color:#e6db74">&#34;uuid&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;title&#34;</span>: <span style="color:#e6db74">&#34;Миграция backend&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;description&#34;</span>: <span style="color:#e6db74">&#34;...&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;created_by&#34;</span>: <span style="color:#e6db74">&#34;uuid&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;created_by_name&#34;</span>: <span style="color:#e6db74">&#34;Антон Агальцов&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;created_at&#34;</span>: <span style="color:#e6db74">&#34;2026-04-01T10:00:00Z&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;updated_at&#34;</span>: <span style="color:#e6db74">&#34;2026-04-07T09:00:00Z&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;space&#34;</span>: {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;id&#34;</span>: <span style="color:#e6db74">&#34;uuid&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;name&#34;</span>: <span style="color:#e6db74">&#34;IT Ландшафт&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;color&#34;</span>: <span style="color:#e6db74">&#34;#c4623a&#34;</span>
</span></span><span style="display:flex;"><span> },
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;is_archived&#34;</span>: <span style="color:#66d9ef">false</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> ],
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;pagination&#34;</span>: {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;page&#34;</span>: <span style="color:#ae81ff">1</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;per_page&#34;</span>: <span style="color:#ae81ff">10</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;total&#34;</span>: <span style="color:#ae81ff">42</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;total_pages&#34;</span>: <span style="color:#ae81ff">5</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h3 id="24-endpoint-для-списка-фильтров">2.4. Endpoint для списка фильтров</h3>
<p>Вспомогательный endpoint для заполнения dropdown-фильтров:</p>
<pre tabindex="0"><code>GET /api/v1/gantt-charts/filters
</code></pre><p><strong>Ответ:</strong></p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-json" data-lang="json"><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;spaces&#34;</span>: [
</span></span><span style="display:flex;"><span> { <span style="color:#f92672">&#34;id&#34;</span>: <span style="color:#e6db74">&#34;uuid&#34;</span>, <span style="color:#f92672">&#34;name&#34;</span>: <span style="color:#e6db74">&#34;IT Ландшафт&#34;</span>, <span style="color:#f92672">&#34;color&#34;</span>: <span style="color:#e6db74">&#34;#c4623a&#34;</span> },
</span></span><span style="display:flex;"><span> { <span style="color:#f92672">&#34;id&#34;</span>: <span style="color:#e6db74">&#34;uuid&#34;</span>, <span style="color:#f92672">&#34;name&#34;</span>: <span style="color:#e6db74">&#34;DevOps&#34;</span>, <span style="color:#f92672">&#34;color&#34;</span>: <span style="color:#e6db74">&#34;#27ae60&#34;</span> }
</span></span><span style="display:flex;"><span> ],
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;creators&#34;</span>: [
</span></span><span style="display:flex;"><span> { <span style="color:#f92672">&#34;id&#34;</span>: <span style="color:#e6db74">&#34;uuid&#34;</span>, <span style="color:#f92672">&#34;display_name&#34;</span>: <span style="color:#e6db74">&#34;Антон Агальцов&#34;</span> },
</span></span><span style="display:flex;"><span> { <span style="color:#f92672">&#34;id&#34;</span>: <span style="color:#e6db74">&#34;uuid&#34;</span>, <span style="color:#f92672">&#34;display_name&#34;</span>: <span style="color:#e6db74">&#34;Иван Петров&#34;</span> }
</span></span><span style="display:flex;"><span> ]
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p><strong>Логика <code>creators</code>:</strong> уникальные создатели всех диаграмм, доступных текущему пользователю. Получается через DISTINCT-запрос по <code>created_by</code> с JOIN на users.</p>
<h3 id="25-backend--изменения-в-go">2.5. Backend — изменения в Go</h3>
<p><strong>Файлы для изменения:</strong></p>
<h4 id="internalhandlersgantt_handlergo"><code>internal/handlers/gantt_handler.go</code></h4>
<ul>
<li>Добавить новый handler <code>ListAllGanttCharts</code> — без привязки к space</li>
<li>Зарегистрировать маршрут <code>GET /gantt-charts</code> (без <code>/spaces/:id/</code>)</li>
<li>Парсить query-параметры: <code>space_id</code>, <code>created_by</code>, <code>search</code>, <code>sort</code>, <code>order</code></li>
<li>Старый маршрут <code>GET /spaces/:id/gantt-charts</code> — оставить для обратной совместимости (или удалить, если не используется)</li>
</ul>
<h4 id="internalservicegantt_servicego"><code>internal/service/gantt_service.go</code></h4>
<ul>
<li>Новый метод <code>ListAll(ctx, userId, filters)</code> — запрашивает все spaces пользователя (через <code>space_member</code> с <code>status=accepted</code>), затем выбирает все gantt_charts из этих spaces с фильтрами</li>
</ul>
<h4 id="internalrepositorygantt_repositorygo"><code>internal/repository/gantt_repository.go</code></h4>
<ul>
<li>Новый метод с динамическим SQL:
<ul>
<li>Базовый JOIN: <code>gantt_charts</code><code>spaces</code><code>space_members</code></li>
<li>WHERE: <code>space_members.user_id = $1 AND space_members.status = 'accepted'</code></li>
<li>Опциональные фильтры: <code>AND space_id = $N</code>, <code>AND created_by = $N</code>, <code>AND (title ILIKE '%' || $N || '%' OR description ILIKE '%' || $N || '%')</code></li>
<li>Возвращать поле <code>space</code> (id, name, color) через JOIN</li>
</ul>
</li>
</ul>
<h4 id="internaldtogantt"><code>internal/dto/gantt/</code></h4>
<ul>
<li>Новые DTO: <code>GanttChartListFilters</code>, <code>GanttChartWithSpaceResponse</code>, <code>GanttFiltersResponse</code></li>
</ul>
<p><strong>SQL (пример):</strong></p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-sql" data-lang="sql"><span style="display:flex;"><span><span style="color:#66d9ef">SELECT</span> gc.<span style="color:#f92672">*</span>, s.id <span style="color:#66d9ef">as</span> space_id, s.name <span style="color:#66d9ef">as</span> space_name, s.color <span style="color:#66d9ef">as</span> space_color,
</span></span><span style="display:flex;"><span> u.display_name <span style="color:#66d9ef">as</span> created_by_name
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">FROM</span> gantt_charts gc
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">JOIN</span> spaces s <span style="color:#66d9ef">ON</span> s.id <span style="color:#f92672">=</span> gc.space_id
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">JOIN</span> space_members sm <span style="color:#66d9ef">ON</span> sm.space_id <span style="color:#f92672">=</span> s.id
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">LEFT</span> <span style="color:#66d9ef">JOIN</span> users u <span style="color:#66d9ef">ON</span> u.id <span style="color:#f92672">=</span> gc.created_by
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">WHERE</span> sm.user_id <span style="color:#f92672">=</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">1</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">AND</span> sm.status <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;accepted&#39;</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">AND</span> (<span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">2</span>::uuid <span style="color:#66d9ef">IS</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">OR</span> gc.space_id <span style="color:#f92672">=</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">2</span>)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">AND</span> (<span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">3</span>::uuid <span style="color:#66d9ef">IS</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">OR</span> gc.created_by <span style="color:#f92672">=</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">3</span>)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">AND</span> (<span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">4</span>::text <span style="color:#66d9ef">IS</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">OR</span> gc.title <span style="color:#66d9ef">ILIKE</span> <span style="color:#e6db74">&#39;%&#39;</span> <span style="color:#f92672">||</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">4</span> <span style="color:#f92672">||</span> <span style="color:#e6db74">&#39;%&#39;</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">OR</span> gc.description <span style="color:#66d9ef">ILIKE</span> <span style="color:#e6db74">&#39;%&#39;</span> <span style="color:#f92672">||</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">4</span> <span style="color:#f92672">||</span> <span style="color:#e6db74">&#39;%&#39;</span>)
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">ORDER</span> <span style="color:#66d9ef">BY</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">CASE</span> <span style="color:#66d9ef">WHEN</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">5</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;title&#39;</span> <span style="color:#66d9ef">THEN</span> gc.title <span style="color:#66d9ef">END</span>,
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">CASE</span> <span style="color:#66d9ef">WHEN</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">5</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;created_at&#39;</span> <span style="color:#66d9ef">THEN</span> gc.created_at::text <span style="color:#66d9ef">END</span>,
</span></span><span style="display:flex;"><span> gc.updated_at <span style="color:#66d9ef">DESC</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">LIMIT</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">6</span> <span style="color:#66d9ef">OFFSET</span> <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#ae81ff">7</span>;
</span></span></code></pre></div><hr>
<h2 id="3-изменения-frontend-angular">3. Изменения Frontend (Angular)</h2>
<h3 id="31-toolbar-фильтров">3.1. Toolbar фильтров</h3>
<p>Добавить toolbar над списком диаграмм:</p>
<pre tabindex="0"><code>┌──────────────────────────────────────────────────────────────────┐
│ [🔍 Поиск... ] [▼ Пространство] │
│ [▼ Создатель] [▼ Сортировка] [Сбросить фильтры] │
└──────────────────────────────────────────────────────────────────┘
</code></pre><p><strong>Компоненты:</strong></p>
<ul>
<li><strong>Строка поиска</strong> — input с debounce (300ms), поиск по назвению и описанию</li>
<li><strong>Dropdown «Пространство»</strong> — список из <code>/gantt-charts/filters</code>, с цветовой меткой</li>
<li><strong>Dropdown «Создатель»</strong> — список уникальных создателей</li>
<li><strong>Dropdown «Сортировка»</strong> — по дате обновления, дате создания, названию</li>
<li><strong>Кнопка «Сбросить»</strong> — очищает все фильтры</li>
</ul>
<p><strong>Состояние фильтров в URL</strong> (query params):</p>
<pre tabindex="0"><code>/gantt?search=миграция&amp;space_id=xxx&amp;sort=updated_at
</code></pre><p>Это позволяет делиться ссылкой с уже настроенными фильтрами.</p>
<h3 id="32-карточка-диаграммы--бейдж-пространства">3.2. Карточка диаграммы — бейдж пространства</h3>
<p>На каждой карточке добавить бейдж с названием пространства:</p>
<pre tabindex="0"><code>┌─────────────────────────────────────┐
│ 🟠 IT Ландшафт │ ← бейдж с цветом пространства
│ Миграция backend │
│ Перевод PHP→Go, этап 2 │
│ Создал: Антон А. · 07.04.2026 │
└─────────────────────────────────────┘
</code></pre><h3 id="33-форма-создания-диаграммы--выбор-пространства">3.3. Форма создания диаграммы — выбор пространства</h3>
<p>В модальном окне создания:</p>
<ul>
<li>Dropdown со списком пространств, где пользователь имеет роль <strong>editor</strong> или выше</li>
<li>Валидация: если пользователь не editor ни в одном пространстве — показать сообщение «Нет доступных пространств для создания»</li>
</ul>
<p><strong>Запрос доступных пространств:</strong> переиспользовать существующий <code>GET /api/v1/spaces</code> с фильтрацией на клиенте по <code>role ∈ [owner, admin, editor]</code>, либо добавить параметр <code>?min_role=editor</code> на backend.</p>
<h3 id="34-изменение-routing">3.4. Изменение routing</h3>
<p><strong>Было:</strong></p>
<pre tabindex="0"><code>/gantt → список гантов текущего пространства
</code></pre><p><strong>Стало:</strong></p>
<pre tabindex="0"><code>/gantt → список всех доступных гантов (из всех пространств)
</code></pre><p>Убрать зависимость от <code>SpaceStorageService.getSelectedSpaceId()</code> в списке гантов.</p>
<h3 id="35-frontend--файлы-для-изменения">3.5. Frontend — файлы для изменения</h3>
<table>
<thead>
<tr>
<th>Файл</th>
<th>Изменение</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>pages/gantt/services/gantt.service.ts</code></td>
<td>Новый метод <code>listAll(filters)</code>, <code>getFilters()</code></td>
</tr>
<tr>
<td><code>pages/gantt/gantt.component.ts</code></td>
<td>Подключить toolbar, парсинг URL-параметров</td>
</tr>
<tr>
<td><code>pages/gantt/gantt.component.html</code></td>
<td>Добавить toolbar, бейджи на карточках</td>
</tr>
<tr>
<td><code>pages/gantt/components/gantt-card/</code></td>
<td>Добавить бейдж пространства</td>
</tr>
<tr>
<td><code>pages/gantt/components/create-chart-modal/</code></td>
<td>Dropdown выбора пространства</td>
</tr>
<tr>
<td><code>core/models/</code></td>
<td>Обновить модели: добавить <code>space</code> в GanttChart</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="4-обратная-совместимость">4. Обратная совместимость</h2>
<table>
<thead>
<tr>
<th>Endpoint</th>
<th>Статус</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>GET /api/v1/spaces/{id}/gantt-charts</code></td>
<td>Сохранить (для детального view внутри пространства)</td>
</tr>
<tr>
<td><code>GET /api/v1/gantt-charts</code></td>
<td><strong>Новый</strong> — глобальный список</td>
</tr>
<tr>
<td><code>GET /api/v1/gantt-charts/filters</code></td>
<td><strong>Новый</strong> — данные для dropdown&rsquo;ов</td>
</tr>
<tr>
<td><code>POST /api/v1/spaces/{id}/gantt-charts</code></td>
<td>Сохранить (создание в контексте пространства)</td>
</tr>
<tr>
<td>Все CRUD для sections/tasks</td>
<td>Без изменений</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="5-критерии-приёмки">5. Критерии приёмки</h2>
<ul>
<li><input disabled="" type="checkbox"> Endpoint <code>GET /api/v1/gantt-charts</code> возвращает все доступные диаграммы</li>
<li><input disabled="" type="checkbox"> Фильтр по <code>space_id</code> — показывает только диаграммы конкретного пространства</li>
<li><input disabled="" type="checkbox"> Фильтр по <code>created_by</code> — показывает только диаграммы выбранного создателя</li>
<li><input disabled="" type="checkbox"> Поиск <code>search</code> — ищет по title и description (case-insensitive)</li>
<li><input disabled="" type="checkbox"> Dropdown фильтров заполняется реальными данными из <code>/filters</code></li>
<li><input disabled="" type="checkbox"> Карточка диаграммы показывает бейдж пространства с цветом</li>
<li><input disabled="" type="checkbox"> Форма создания предлагает только пространства с ролью ≥ editor</li>
<li><input disabled="" type="checkbox"> Состояние фильтров сохраняется в URL (можно поделиться ссылкой)</li>
<li><input disabled="" type="checkbox"> Старые endpoints (<code>/spaces/{id}/gantt-charts</code>) продолжают работать</li>
<li><input disabled="" type="checkbox"> Swagger документация обновлена</li>
</ul>
<hr>
<h2 id="6-порядок-реализации">6. Порядок реализации</h2>
<ol>
<li>Backend: DTO для новых запросов/ответов</li>
<li>Backend: Repository — SQL-запрос с фильтрами + JOIN на spaces</li>
<li>Backend: Service — <code>ListAll</code>, <code>GetFilters</code></li>
<li>Backend: Handler — <code>ListAllGanttCharts</code>, <code>GetGanttFilters</code>, регистрация маршрутов</li>
<li>Backend: Swagger — обновить документацию</li>
<li>Frontend: Модели — обновить GanttChart, добавить Space в ответ</li>
<li>Frontend: Service — <code>listAll()</code>, <code>getFilters()</code></li>
<li>Frontend: Toolbar компонент — поиск + dropdown&rsquo;ы</li>
<li>Frontend: Карточка — бейдж пространства</li>
<li>Frontend: Модальное окно создания — dropdown пространства</li>
<li>Frontend: URL-параметры — синхронизация фильтров с router</li>
<li>Тестирование</li>
</ol>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,304 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leadera — Публичный доступ к диаграмме Ганта — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/leadera/">Все статьи</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Leadera — Публичный доступ к диаграмме Ганта</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/leadera/leadera-gantt-public-access.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/leadera\/leadera-gantt-public-access.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/gantt/" class="tag">gantt</a>
<a href="../../../tags/public-access/" class="tag">public-access</a>
<a href="../../../tags/sharing/" class="tag">sharing</a>
</div>
<h1 id="публичный-доступ-к-диаграмме-ганта-share">Публичный доступ к диаграмме Ганта (Share)</h1>
<p><strong>Дата:</strong> 09.04.2026
<strong>Статус:</strong> Требования
<strong>Проект:</strong> Leadera</p>
<hr>
<h2 id="общее-описание">Общее описание</h2>
<p>Пользователь может создать публичную ссылку на фрагмент диаграммы Ганта, доступную для просмотра без авторизации. Открывший ссылку видит диаграмму в read-only режиме с возможностью масштабирования таймлайна, но без каких-либо элементов управления (создание, редактирование, удаление задач/секций/вех).</p>
<hr>
<h2 id="пользовательский-сценарий-создатель-ссылки">Пользовательский сценарий (создатель ссылки)</h2>
<ol>
<li>Пользователь открывает диаграмму Ганта проекта</li>
<li>Нажимает кнопку «Экспорт» / «Общий доступ»</li>
<li>Указывает диапазон дат, который должен отображаться на диаграмме</li>
<li>Система генерирует уникальную ссылку (UUID) и показывает её пользователю</li>
<li>Пользователь копирует ссылку и передаёт заинтересованным лицам</li>
</ol>
<h3 id="управление-ссылками">Управление ссылками</h3>
<ul>
<li>Вызывается через меню экспорта → модальное окно «Общий доступ»</li>
<li>В модальном окне отображается список созданных ссылок с указанием диапазона дат</li>
<li>Каждую ссылку можно <strong>удалить</strong> (полное удаление из БД, не soft delete)</li>
<li>Ссылки <strong>нельзя редактировать</strong> — только создавать и удалять</li>
<li>Ограничений на количество активных ссылок нет</li>
<li>Статистика просмотров (сколько раз открывали) — <strong>не нужна</strong></li>
</ul>
<hr>
<h2 id="пользовательский-сценарий-зритель-по-ссылке">Пользовательский сценарий (зритель по ссылке)</h2>
<ol>
<li>Зритель переходит по ссылке (без авторизации)</li>
<li>Открывается отдельная страница с диаграммой Ганта</li>
<li>Зритель видит:
<ul>
<li>Задачи и вехи, попадающие в заданный диапазон</li>
<li>Секции (заголовки группировок)</li>
<li>Таймлайн с цветовой раскраской задач</li>
</ul>
</li>
<li>Зритель может:
<ul>
<li>Масштабировать таймлайн</li>
<li>Переключать отображение «по ячейкам» / «по дням»</li>
</ul>
</li>
<li>Зритель <strong>не может</strong>:
<ul>
<li>Создавать, редактировать, удалять задачи / секции / вехи</li>
<li>Видеть любые контролы управления (кнопки создания, контекстные меню, drag-and-drop и т.д.)</li>
<li>Авторизоваться через эту страницу</li>
</ul>
</li>
</ol>
<hr>
<h2 id="данные-и-фильтрация">Данные и фильтрация</h2>
<h3 id="что-попадает-в-представление">Что попадает в представление</h3>
<p>Задачи и вехи, у которых хотя бы одно из условий верно:</p>
<ul>
<li>Дата начала попадает в диапазон ссылки</li>
<li>Дата конца попадает в диапазон ссылки</li>
<li>Задача начинается до диапазона и заканчивается после (полностью перекрывает)</li>
</ul>
<p>Секции включаются, если в них есть хотя бы одна попавшая задача.</p>
<h3 id="api-возвращает">API возвращает</h3>
<ul>
<li>Только задачи и вехи, попадающие в диапазон (не всю диаграмму)</li>
<li>Информацию о секциях, содержащих попавшие задачи</li>
<li>Минимальный набор полей, необходимый для отрисовки (без внутренних ID пользователей и т.п.)</li>
</ul>
<hr>
<h2 id="технические-требования">Технические требования</h2>
<h3 id="ссылки">Ссылки</h3>
<ul>
<li>Формат: UUID v4 (каждый раз новый)</li>
<li>Срок действия: бессрочно (пока не удалена)</li>
<li>Удаление: <strong>жёсткое</strong> (hard delete из БД)</li>
</ul>
<h3 id="backend-go-api">Backend (Go API)</h3>
<h4 id="таблица-бд-gantt_public_links">Таблица БД: <code>gantt_public_links</code></h4>
<ul>
<li><code>id</code> (UUID, PK)</li>
<li><code>project_id</code> (FK → projects)</li>
<li><code>date_from</code> (date)</li>
<li><code>date_to</code> (date)</li>
<li><code>created_by</code> (FK → users)</li>
<li><code>created_at</code> (timestamp)</li>
</ul>
<h4 id="endpoints">Endpoints</h4>
<ul>
<li><code>POST /api/v1/gantt/:projectId/public-links</code> — создать ссылку (авторизован, участник проекта)
<ul>
<li>Body: <code>{ dateFrom, dateTo }</code></li>
<li>Response: <code>{ url: &quot;https://leadera.pro/share/&lt;uuid&gt;&quot; }</code></li>
</ul>
</li>
<li><code>GET /api/v1/gantt/:projectId/public-links</code> — список ссылок проекта (авторизован, участник)</li>
<li><code>DELETE /api/v1/gantt/public-links/:uuid</code> — удалить ссылку (авторизован, создатель)</li>
<li><code>GET /api/v1/public/gantt/:uuid</code> — получить данные диаграммы по ссылке (без авторизации)
<ul>
<li>Response: задачи, вехи, секции в рамках диапазона</li>
</ul>
</li>
</ul>
<h4 id="rate-limiting">Rate limiting</h4>
<ul>
<li>На публичный endpoint <code>GET /api/v1/public/gantt/:uuid</code> — rate limiting для защиты от перебора</li>
<li>Рекомендация: 60 запросов в минуту на IP</li>
</ul>
<h3 id="frontend-angular">Frontend (Angular)</h3>
<h4 id="модальное-окно-общий-доступ">Модальное окно «Общий доступ»</h4>
<ul>
<li>Вызывается из меню экспорта</li>
<li>Содержит:
<ul>
<li>Форму создания ссылки (диапазон дат + кнопка «Создать»)</li>
<li>Список существующих ссылок (диапазон + URL + кнопка «Копировать» + кнопка «Удалить»)</li>
</ul>
</li>
</ul>
<h4 id="публичная-страница-shareuuid">Публичная страница <code>/share/:uuid</code></h4>
<ul>
<li>Отдельный route, <strong>не требует авторизации</strong></li>
<li>Отображает диаграмму Ганта в read-only режиме</li>
<li>Доступны только: масштабирование таймлайна, переключение ячейки/дни</li>
<li>Все контролы управления скрыты (удалены из шаблона, не просто disabled)</li>
<li>Минимальный layout — без навигации проекта, без сайдбара</li>
</ul>
<hr>
<h2 id="открытые-вопросы">Открытые вопросы</h2>
<p><em>(Нет)</em></p>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,624 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leadera: Вехи (Milestones) на диаграмме Ганта — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/leadera/">Все статьи</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Leadera: Вехи (Milestones) на диаграмме Ганта</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/leadera/leadera-milestones.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/leadera\/leadera-milestones.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/gantt/" class="tag">gantt</a>
<a href="../../../tags/angular/" class="tag">angular</a>
<a href="../../../tags/go/" class="tag">go</a>
<a href="../../../tags/api/" class="tag">api</a>
<a href="../../../tags/ux/" class="tag">ux</a>
</div>
<h2 id="бизнес-требования">Бизнес-требования</h2>
<h3 id="br-1-сущность-веха-milestone">BR-1: Сущность «Веха» (Milestone)</h3>
<p>Веха — это маркер на таймлайне диаграммы Ганта, обозначающий важную дату в проекте. В отличие от задач, веха не имеет длительности и привязана к конкретной дате.</p>
<p><strong>Поля вехи:</strong></p>
<table>
<thead>
<tr>
<th>Поле</th>
<th>Тип</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td>id</td>
<td>UUID</td>
<td>Идентификатор</td>
</tr>
<tr>
<td>gantt_chart_id</td>
<td>UUID</td>
<td>Принадлежность к диаграмме (не к секции!)</td>
</tr>
<tr>
<td>title</td>
<td>string</td>
<td>Название вехи (обязательное, 1–255 символов)</td>
</tr>
<tr>
<td>date</td>
<td>date</td>
<td>Дата вехи (без времени, обязательная)</td>
</tr>
<tr>
<td>color</td>
<td>string</td>
<td>Цвет маркера (HEX, по умолчанию <code>#dc3545</code> — красный)</td>
</tr>
<tr>
<td>created_by</td>
<td>UUID</td>
<td>Кто создал (не отображается в UI, хранится для аудита)</td>
</tr>
<tr>
<td>updated_by</td>
<td>UUID</td>
<td>Кто обновил (не отображается в UI)</td>
</tr>
<tr>
<td>created_at</td>
<td>timestamp</td>
<td>Дата создания</td>
</tr>
<tr>
<td>updated_at</td>
<td>timestamp</td>
<td>Дата обновления</td>
</tr>
<tr>
<td>deleted_at</td>
<td>timestamp</td>
<td>Soft delete</td>
</tr>
</tbody>
</table>
<p><strong>Права доступа:</strong> Создание, редактирование и удаление вех доступно участникам с правами выше «только чтение» (аналогично задачам).</p>
<p><strong>Особенности:</strong></p>
<ul>
<li>Вех может быть несколько в проекте</li>
<li>Несколько вех могут иметь одну и ту же дату</li>
<li>Вехи сортируются строго по дате (по возрастанию)</li>
<li>Вехи не привязаны к секциям — они отображаются <strong>сквозь все секции</strong></li>
</ul>
<hr>
<h3 id="br-2-управление-вехами-модальное-окно">BR-2: Управление вехами (модальное окно)</h3>
<p><strong>Вызов:</strong> Кнопка «Вехи» рядом с кнопкой «Создать секцию» на странице диаграммы.</p>
<p><strong>Модальное окно содержит:</strong></p>
<ul>
<li>Заголовок: «Вехи проекта»</li>
<li>Список всех вех текущей диаграммы (сортировка по дате по возрастанию)</li>
<li>Каждая веха в списке показывает: цвет (индикатор), название, дату, кнопки «Редактировать» и «Удалить»</li>
<li>Кнопка «Добавить веху»</li>
</ul>
<p><strong>Форма добавления/редактирования вехи:</strong></p>
<ul>
<li>Название — текстовый ввод (обязательное, 1–255 символов)</li>
<li>Дата — datepicker (обязательное)</li>
<li>Цвет — выбор цвета (по аналогии с палитрой цветов в задачах)</li>
<li>По умолчанию цвет = красный (<code>#dc3545</code>)</li>
</ul>
<p><strong>Удаление:</strong> с подтверждением (confirm dialog).</p>
<hr>
<h3 id="br-3-отображение-вех-на-таймлайне">BR-3: Отображение вех на таймлайне</h3>
<p><strong>Визуальное представление:</strong></p>
<ul>
<li><strong>Маркер-флажок</strong> (flag marker) на шкале таймлайна</li>
<li>От маркера вниз идёт <strong>пунктирная вертикальная линия</strong> через все секции (на всю высоту диаграммы)</li>
<li>Цвет линии и маркера = цвет вехи</li>
</ul>
<p><strong>Позиционирование:</strong></p>
<ul>
<li>Веха ставится ровно на свою дату на шкале времени</li>
<li>Если дата вехи выходит за рамки текущего диапазона задач — таймлайн <strong>расширяется</strong> (аналогично задачам)</li>
<li>При изменении масштаба (days/weeks/months/quarters) позиция вехи пересчитывается</li>
</ul>
<p><strong>Tooltip при наведении:</strong></p>
<ul>
<li>При наведении на маркер/линию — показывается tooltip с названием вехи</li>
<li>Если на одну дату приходится несколько вех — в tooltip показываются <strong>все</strong> вехи этой даты с их названиями (каждая с индикацией своего цвета)</li>
</ul>
<hr>
<h2 id="технические-требования">Технические требования</h2>
<h3 id="база-данных">База данных</h3>
<h4 id="новая-таблица-gantt_milestones">Новая таблица: gantt_milestones</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-sql" data-lang="sql"><span style="display:flex;"><span><span style="color:#66d9ef">CREATE</span> <span style="color:#66d9ef">TABLE</span> gantt_milestones (
</span></span><span style="display:flex;"><span> id UUID <span style="color:#66d9ef">PRIMARY</span> <span style="color:#66d9ef">KEY</span> <span style="color:#66d9ef">DEFAULT</span> gen_random_uuid(),
</span></span><span style="display:flex;"><span> gantt_chart_id UUID <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">REFERENCES</span> gantt_charts(id) <span style="color:#66d9ef">ON</span> <span style="color:#66d9ef">DELETE</span> <span style="color:#66d9ef">CASCADE</span>,
</span></span><span style="display:flex;"><span> title VARCHAR(<span style="color:#ae81ff">255</span>) <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span>,
</span></span><span style="display:flex;"><span> date DATE <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span>,
</span></span><span style="display:flex;"><span> color VARCHAR(<span style="color:#ae81ff">20</span>) <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">DEFAULT</span> <span style="color:#e6db74">&#39;#dc3545&#39;</span>,
</span></span><span style="display:flex;"><span> created_by UUID <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">REFERENCES</span> users(id),
</span></span><span style="display:flex;"><span> updated_by UUID <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">REFERENCES</span> users(id),
</span></span><span style="display:flex;"><span> created_at <span style="color:#66d9ef">TIMESTAMP</span> <span style="color:#66d9ef">WITH</span> TIME <span style="color:#66d9ef">ZONE</span> <span style="color:#66d9ef">DEFAULT</span> NOW(),
</span></span><span style="display:flex;"><span> updated_at <span style="color:#66d9ef">TIMESTAMP</span> <span style="color:#66d9ef">WITH</span> TIME <span style="color:#66d9ef">ZONE</span> <span style="color:#66d9ef">DEFAULT</span> NOW(),
</span></span><span style="display:flex;"><span> deleted_at <span style="color:#66d9ef">TIMESTAMP</span> <span style="color:#66d9ef">WITH</span> TIME <span style="color:#66d9ef">ZONE</span>
</span></span><span style="display:flex;"><span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">CREATE</span> <span style="color:#66d9ef">INDEX</span> idx_gantt_milestones_chart <span style="color:#66d9ef">ON</span> gantt_milestones(gantt_chart_id);
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">CREATE</span> <span style="color:#66d9ef">INDEX</span> idx_gantt_milestones_date <span style="color:#66d9ef">ON</span> gantt_milestones(date);
</span></span></code></pre></div><hr>
<h3 id="backend-go-api">Backend (Go API)</h3>
<h4 id="этап-1-миграция--домен">Этап 1: Миграция + Домен</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Добавь в проект новую таблицу <code>gantt_milestones</code>.</p>
<ol>
<li>
<p>Создай миграцию в <code>cmd/migrate/</code>:</p>
<ul>
<li>Новая таблица <code>gantt_milestones</code> с полями: id (UUID PK), gantt_chart_id (UUID FK → gantt_charts, ON DELETE CASCADE), title (VARCHAR 255 NOT NULL), date (DATE NOT NULL), color (VARCHAR 20 NOT NULL DEFAULT &lsquo;#dc3545&rsquo;), created_by (UUID FK → users), updated_by (UUID FK → users), created_at, updated_at, deleted_at. Индексы по gantt_chart_id и date.</li>
</ul>
</li>
<li>
<p>Создай доменную модель <code>GanttMilestone</code> в <code>internal/domain/gantt.go</code>:</p>
</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">GanttMilestone</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ID</span> <span style="color:#a6e22e">UUID</span> <span style="color:#e6db74">`json:&#34;id&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">GanttChartID</span> <span style="color:#a6e22e">UUID</span> <span style="color:#e6db74">`json:&#34;gantt_chart_id&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Title</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;title&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Date</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Time</span> <span style="color:#e6db74">`json:&#34;date&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Color</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;color&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">CreatedBy</span> <span style="color:#a6e22e">UUID</span> <span style="color:#e6db74">`json:&#34;created_by&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UpdatedBy</span> <span style="color:#a6e22e">UUID</span> <span style="color:#e6db74">`json:&#34;updated_by&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">CreatedAt</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Time</span> <span style="color:#e6db74">`json:&#34;created_at&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UpdatedAt</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Time</span> <span style="color:#e6db74">`json:&#34;updated_at&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">DeletedAt</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Time</span> <span style="color:#e6db74">`json:&#34;deleted_at,omitempty&#34;`</span>
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div></blockquote>
<h4 id="этап-2-crud-для-ganttmilestones">Этап 2: CRUD для GanttMilestones</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Реализуй полный CRUD для сущности <code>GanttMilestone</code> по аналогии с существующими handlers/services/repositories в проекте.</p>
<p><strong>Роуты:</strong></p>
<ul>
<li><code>GET /api/gantt-charts/:chartId/milestones</code> — список вех диаграммы</li>
<li><code>POST /api/gantt-charts/:chartId/milestones</code> — создать веху</li>
<li><code>PUT /api/gantt-charts/:chartId/milestones/:milestoneId</code> — обновить веху</li>
<li><code>DELETE /api/gantt-charts/:chartId/milestones/:milestoneId</code> — удалить веху (soft delete)</li>
</ul>
<p><strong>Repository:</strong> <code>internal/repository/gantt_milestone_repository.go</code></p>
<ul>
<li><code>GetByChartID(ctx, chartID) ([]domain.GanttMilestone, error)</code> — все неудалённые вехи диаграммы, отсортированные по date ASC</li>
<li><code>GetByID(ctx, id) (*domain.GanttMilestone, error)</code></li>
<li><code>Create(ctx, milestone) error</code></li>
<li><code>Update(ctx, milestone) error</code></li>
<li><code>Delete(ctx, id) error</code> — soft delete (set deleted_at)</li>
<li>Все запросы — raw SQL через pgx, как в остальных репозиториях проекта</li>
</ul>
<p><strong>Service:</strong> <code>internal/service/gantt_milestone_service.go</code></p>
<ul>
<li>Валидация: title (1–255 символов), date (обязательное), color (валидный HEX, default &lsquo;#dc3545&rsquo;)</li>
<li>Проверка прав доступа: пользователь должен иметь права выше «только чтение» в пространстве (space) диаграммы</li>
<li>Проверка что chartId существует и не архивирован</li>
</ul>
<p><strong>Handler:</strong> <code>internal/handler/gantt_milestone_handler.go</code></p>
<ul>
<li>Swagger-аннотации для всех эндпоинтов</li>
<li>Валидация входных данных</li>
<li>Ошибки в формате проекта</li>
</ul>
<p><strong>DTO:</strong> <code>internal/dto/gantt/milestones_dto.go</code></p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">CreateGanttMilestoneRequest</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Title</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;title&#34; binding:&#34;required,min=1,max=255&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Date</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;date&#34; binding:&#34;required&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Color</span> <span style="color:#f92672">*</span><span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;color&#34; binding:&#34;omitempty,max=20&#34;`</span>
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">UpdateGanttMilestoneRequest</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Title</span> <span style="color:#f92672">*</span><span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;title&#34; binding:&#34;omitempty,min=1,max=255&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Date</span> <span style="color:#f92672">*</span><span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;date&#34; binding:&#34;omitempty&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Color</span> <span style="color:#f92672">*</span><span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;color&#34; binding:&#34;omitempty,max=20&#34;`</span>
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">GanttMilestoneResponse</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ID</span> <span style="color:#a6e22e">domain</span>.<span style="color:#a6e22e">UUID</span> <span style="color:#e6db74">`json:&#34;id&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">GanttChartID</span> <span style="color:#a6e22e">domain</span>.<span style="color:#a6e22e">UUID</span> <span style="color:#e6db74">`json:&#34;gantt_chart_id&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Title</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;title&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Date</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;date&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Color</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;color&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">CreatedByUser</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">CreatedByUpdatedUser</span> <span style="color:#e6db74">`json:&#34;created_by_user&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UpdatedByUser</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">CreatedByUpdatedUser</span> <span style="color:#e6db74">`json:&#34;updated_by_user&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">CreatedAt</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Time</span> <span style="color:#e6db74">`json:&#34;created_at&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UpdatedAt</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Time</span> <span style="color:#e6db74">`json:&#34;updated_at&#34;`</span>
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">GanttMilestonesListResponse</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Milestones</span> []<span style="color:#a6e22e">GanttMilestoneResponse</span> <span style="color:#e6db74">`json:&#34;milestones&#34;`</span>
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p><strong>Регистрация роутов:</strong> Добавь группу milestone-роутов в роутер рядом с существующими роутами секций/задач. Проверка прав через существующий middleware.</p>
</blockquote>
<h4 id="этап-3-включение-вех-в-ответ-диаграммы">Этап 3: Включение вех в ответ диаграммы</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>При запросе данных диаграммы Ганта (полная загрузка) включай связанные вехи в ответ.</p>
<ol>
<li>Добавь эндпоинт или расширь существующий <code>GET /api/gantt-charts/:chartId</code> — включить поле <code>milestones</code> с массивом <code>GanttMilestoneResponse</code></li>
<li>Вехи с <code>deleted_at IS NOT NULL</code> не возвращаются</li>
<li>Вехи сортируются по <code>date</code> ASC</li>
<li>Вехи загружаются вместе с данными диаграммы (tasks, sections) — один запрос при открытии Ганта</li>
</ol>
</blockquote>
<hr>
<h3 id="frontend-angular">Frontend (Angular)</h3>
<h4 id="этап-fe-1-модели--сервис">Этап FE-1: Модели + Сервис</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Добавь в проект поддержку вех (milestones) на диаграмме Ганта.</p>
<ol>
<li>В <code>pages/gantt/models/</code> (или соответствующем файле моделей) добавь:</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-typescript" data-lang="typescript"><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">GanttMilestone</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">id</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">gantt_chart_id</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">title</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">date</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">color</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">created_by_user</span><span style="color:#f92672">?:</span> { <span style="color:#a6e22e">id</span>: <span style="color:#66d9ef">string</span>; <span style="color:#a6e22e">full_name</span>: <span style="color:#66d9ef">string</span> };
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">updated_by_user</span><span style="color:#f92672">?:</span> { <span style="color:#a6e22e">id</span>: <span style="color:#66d9ef">string</span>; <span style="color:#a6e22e">full_name</span>: <span style="color:#66d9ef">string</span> };
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">created_at</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">updated_at</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">GanttMilestoneCreateRequest</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">title</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">date</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">color?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">GanttMilestoneUpdateRequest</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">title?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">date?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">color?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><ol start="2">
<li>
<p>Добавь <code>milestones: GanttMilestone[]</code> в интерфейс/модель полной загрузки данных диаграммы</p>
</li>
<li>
<p>Создай сервис <code>pages/gantt/services/gantt-milestone.service.ts</code>:</p>
</li>
</ol>
<ul>
<li>Inject HttpClient</li>
<li>Методы:
<ul>
<li><code>getMilestones(chartId: string): Observable&lt;GanttMilestone[]&gt;</code></li>
<li><code>createMilestone(chartId: string, data: GanttMilestoneCreateRequest): Observable&lt;GanttMilestone&gt;</code></li>
<li><code>updateMilestone(chartId: string, milestoneId: string, data: GanttMilestoneUpdateRequest): Observable&lt;GanttMilestone&gt;</code></li>
<li><code>deleteMilestone(chartId: string, milestoneId: string): Observable&lt;void&gt;</code></li>
</ul>
</li>
<li>Все методы возвращают Observable с типизированными ответами (по аналогии с GanttChartService)</li>
</ul>
</blockquote>
<h4 id="этап-fe-2-модальное-окно-управления-вехами">Этап FE-2: Модальное окно управления вехами</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Создай компонент модального окна для управления вехами диаграммы Ганта.</p>
<ol>
<li>
<p>Создай компонент <code>pages/gantt/components/milestones-modal/</code></p>
</li>
<li>
<p><strong>Кнопка вызова:</strong> Добавь кнопку «Вехи» рядом с кнопкой «Создать секцию» в toolbar диаграммы. По клику — открытие модального окна через ng-bootstrap NgbModal.</p>
</li>
<li>
<p><strong>Модальное окно</strong> (ng-bootstrap modal):</p>
<ul>
<li>Заголовок: «Вехи проекта»</li>
<li>Список вех (сортировка по date ASC):
<ul>
<li>Каждый элемент: цветной кружок (color), название, дата (форматированная), кнопки ✏️ (редактировать) и 🗑️ (удалить с confirm)</li>
</ul>
</li>
<li>Кнопка «Добавить веху» внизу списка</li>
<li>Если вех нет — сообщение «Вех пока нет. Добавьте первую!»</li>
</ul>
</li>
<li>
<p><strong>Форма добавления/редактирования</strong> (inline в модальном окне):</p>
<ul>
<li>Название — текстовый ввод (обязательное)</li>
<li>Дата — ng-bootstrap datepicker (обязательное)</li>
<li>Цвет — палитра цветов (использовать тот же компонент/подход, что и для задач)</li>
<li>По умолчанию цвет = <code>#dc3545</code> (красный)</li>
<li>Кнопки «Сохранить» и «Отмена»</li>
</ul>
</li>
<li>
<p>При сохранении — вызов соответствующего метода сервиса (create/update)</p>
</li>
<li>
<p>При удалении — confirm dialog → вызов deleteMilestone</p>
</li>
<li>
<p>После любого изменения — обновить список вех и обновить данные на канвасе (через сервис/GanttStore)</p>
</li>
<li>
<p>Инжектировать GanttMilestoneService и NgbModal</p>
</li>
</ol>
</blockquote>
<h4 id="этап-fe-3-отображение-вех-на-таймлайне-konva-canvas">Этап FE-3: Отображение вех на таймлайне (Konva canvas)</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Отобрази вехи (milestones) на canvas-диаграмме Ганта.</p>
<p>Проект использует Konva.js для рендеринга.</p>
<ol>
<li>
<p>При загрузке данных диаграммы — извлечь массив <code>milestones</code></p>
</li>
<li>
<p>Для каждой вехи нарисовать на canvas:</p>
<ul>
<li><strong>Маркер-флажок</strong> (flag marker) на позиции даты вехи на шкале времени
<ul>
<li>Стиль: маленький треугольник или флаг на верхней границе таймлайна</li>
<li>Цвет = milestone.color</li>
</ul>
</li>
<li><strong>Пунктирная вертикальная линия</strong> от маркера вниз через все секции (на всю высоту области секций)
<ul>
<li>Стиль: Konva.Line, dash: [5, 5], strokeWidth: 1.5, color = milestone.color, opacity: 0.7</li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Позиционирование:</strong></p>
<ul>
<li>Рассчитать X-позицию по дате вехи с использованием текущей шкалы времени (как для задач)</li>
<li>Если дата вехи выходит за текущий диапазон — расширить диапазон (влияет на общую ширину таймлайна)</li>
<li>При изменении масштаба (days/weeks/months/quarters) — пересчитать позиции всех вех</li>
<li>При скролле — вехи скроллятся вместе с задачами</li>
</ul>
</li>
<li>
<p><strong>Tooltip при наведении:</strong></p>
<ul>
<li>При наведении на маркер или пунктирную линию — показать Konva.Tooltip или HTML tooltip:
<ul>
<li>Если веха одна на эту дату — показать название</li>
<li>Если несколько вех на одну дату — показать список: цветной кружок + название для каждой</li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Z-index:</strong></p>
<ul>
<li>Линии вех рисуются <strong>поверх</strong> фона секций, но <strong>под</strong> задачами</li>
<li>Маркеры-флажки — поверх всего (самый высокий z-index)</li>
</ul>
</li>
<li>
<p><strong>Реактивность:</strong></p>
<ul>
<li>При добавлении/удалении/редактировании вехи — перерисовать только вехи (без полного ре рендера задач)</li>
<li>Подписаться на изменения массива milestones через сервис/store</li>
</ul>
</li>
</ol>
</blockquote>
<hr>
<h2 id="порядок-реализации">Порядок реализации</h2>
<table>
<thead>
<tr>
<th>#</th>
<th>Этап</th>
<th>Сторона</th>
<th>Зависимости</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Миграция + Домен</td>
<td>Backend</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>CRUD вех</td>
<td>Backend</td>
<td>Этап 1</td>
</tr>
<tr>
<td>3</td>
<td>Включение вех в ответ диаграммы</td>
<td>Backend</td>
<td>Этап 2</td>
</tr>
<tr>
<td>4</td>
<td>Модели + Сервис</td>
<td>Frontend</td>
<td>— (параллельно с backend)</td>
</tr>
<tr>
<td>5</td>
<td>Модальное окно управления вехами</td>
<td>Frontend</td>
<td>Этапы 4 + backend 2</td>
</tr>
<tr>
<td>6</td>
<td>Отображение вех на таймлайне</td>
<td>Frontend</td>
<td>Этапы 4 + backend 3</td>
</tr>
</tbody>
</table>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,687 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leadera: Ограничения секций в диаграмме Ганта — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/leadera/">Все статьи</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Leadera: Ограничения секций в диаграмме Ганта</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/leadera/leadera-section-constraints.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/leadera\/leadera-section-constraints.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/gantt/" class="tag">gantt</a>
<a href="../../../tags/angular/" class="tag">angular</a>
<a href="../../../tags/go/" class="tag">go</a>
<a href="../../../tags/api/" class="tag">api</a>
<a href="../../../tags/ux/" class="tag">ux</a>
</div>
<h2 id="бизнес-требования">Бизнес-требования</h2>
<h3 id="br-1-лимит-одновременных-задач-concurrency-limit">BR-1: Лимит одновременных задач (Concurrency Limit)</h3>
<p>У каждой секции появляется параметр <strong>max_concurrent_tasks</strong> (целое число ≥ 0, по умолчанию 0).</p>
<p><strong>Поведение:</strong></p>
<ul>
<li>Если <code>max_concurrent_tasks = 3</code> — в любой данный день в этой секции не может быть больше 3 активных задач одновременно</li>
<li>Если <code>max_concurrent_tasks = 0</code> — ограничение отключено, лимита нет</li>
<li>Пересечение считается по дате: задача занимает дни с <code>start_date</code> по <code>end_date</code> включительно. Две задачи «пересекаются», если у них есть хотя бы один общий день</li>
<li>Ограничение работает <strong>только в рамках одной секции</strong>. Задачи из разных секций не влияют друг на друга</li>
</ul>
<p><strong>Срабатывание при:</strong></p>
<ol>
<li>Создании задачи — если добавление нарушает лимит → Alert</li>
<li>Перетаскивании задачи (drag) — если новая позиция нарушает лимит → Alert</li>
<li>Растягивании задачи (resize) — если новый размер нарушает лимит → Alert</li>
<li>Редактировании задачи (форма) — если изменённые даты нарушают лимит → Alert</li>
</ol>
<p><strong>Важно:</strong> Действие <strong>НЕ отменяется</strong>. Задача создаётся/перемещается в любом случае, но пользователь видит предупреждение.</p>
<p><strong>Текст Alert:</strong> «В секции &ldquo;[название секции]&rdquo; на [дата/диапазон] превышен лимит одновременных задач (максимум: N)»</p>
<hr>
<h3 id="br-2-блоки-секций-section-blocks">BR-2: Блоки секций (Section Blocks)</h3>
<p>У каждой секции появляется набор <strong>блоков</strong> — особый вид записей, отображаемых на таймлайне как заштрихованные области.</p>
<p><strong>Сущность GanttSectionBlock:</strong></p>
<table>
<thead>
<tr>
<th>Поле</th>
<th>Тип</th>
<th>Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td>id</td>
<td>UUID</td>
<td>Идентификатор</td>
</tr>
<tr>
<td>section_id</td>
<td>UUID</td>
<td>Принадлежность к секции</td>
</tr>
<tr>
<td>title</td>
<td>string</td>
<td>Название (например: «Отпуск», «Командировка»)</td>
</tr>
<tr>
<td>start_date</td>
<td>date</td>
<td>Начало интервала (минимум 1 день)</td>
</tr>
<tr>
<td>end_date</td>
<td>date</td>
<td>Конец интервала</td>
</tr>
<tr>
<td>block_concurrency</td>
<td>boolean</td>
<td>Запрещать ли пересечение обычных задач с данным блоком</td>
</tr>
</tbody>
</table>
<p><strong>Валидация:</strong></p>
<ul>
<li><code>end_date</code> не может быть раньше <code>start_date</code></li>
<li>Все поля обязательны</li>
<li>Блок может быть в прошлом</li>
</ul>
<p><strong>Визуальное отображение на Ганте:</strong></p>
<ul>
<li>Заштрихованная область на <strong>всю высоту секции</strong> (включая все строки задач в секции)</li>
<li>Название блока отображается <strong>поверх штриховки с подложкой</strong> (для читаемости)</li>
</ul>
<p><strong>Поведение block_concurrency:</strong></p>
<ul>
<li>Если <code>block_concurrency = true</code> — при пересечении задачи с данным блоком показывается Alert (аналогично BR-1), но задача <strong>всё равно создаётся/перемещается</strong></li>
<li>Если <code>block_concurrency = false</code> — блок отображается визуально, но не влияет на задачи</li>
</ul>
<p><strong>Срабатывание при:</strong></p>
<ol>
<li>Создании задачи — пересекает блок с <code>block_concurrency = true</code> → Alert</li>
<li>Перетаскивании задачи (drag) → Alert</li>
<li>Растягивании задачи (resize) → Alert</li>
<li>Редактировании задачи (форма) → Alert</li>
</ol>
<p><strong>Текст Alert:</strong> «В секции &ldquo;[название секции]&rdquo; задача пересекает блок &ldquo;[название блока]&rdquo; ([дата] — [дата])»</p>
<hr>
<h3 id="br-3-система-alert-ов">BR-3: Система Alert-ов</h3>
<p>Все предупреждения (от BR-1 и BR-2) выводятся в <strong>единую область</strong> над диаграммой Ганта.</p>
<p><strong>Поведение:</strong></p>
<ul>
<li>Alert-ы — Bootstrap Alert (warning), <strong>постоянные</strong></li>
<li>Пользователь <strong>НЕ может</strong> закрыть Alert вручную</li>
<li>Alert исчезает <strong>автоматически</strong>, когда текущая дата прошла дату конфликта (конфликт больше не актуален)</li>
<li>Проверка конфликтов — <strong>только на фронтенде</strong> (на основе загруженных данных: задачи секции, блоки, max_concurrent_tasks)</li>
<li>Если Alert-ов много — область <strong>сворачиваемая</strong> с счётчиком в бейдже (например: «⚠️ 3 предупреждения»)</li>
<li>По умолчанию — развёрнуто</li>
<li>Сворачивание/разворачивание — клик по заголовку области</li>
</ul>
<hr>
<h3 id="br-4-настройки-секции">BR-4: Настройки секции</h3>
<ul>
<li>Настройки совмещены с <strong>существующим модальным окном редактирования секции</strong> (не отдельное окно)</li>
</ul>
<p><strong>Окно создания секции</strong> — добавляется:</p>
<ul>
<li>Поле «Макс. одновременных задач» (числовой ввод, 0 = без лимита, по умолчанию 0)</li>
</ul>
<p><strong>Окно редактирования секции</strong> — добавляется:</p>
<ul>
<li>Поле «Макс. одновременных задач» (числовой ввод, 0 = без лимита)</li>
<li>Список блоков (таблица/список с CRUD: добавить, редактировать, удалить)
<ul>
<li><strong>Сортировка:</strong> по <code>start_date</code> по убыванию (будущее сверху)</li>
<li>Каждый блок — форма: title, start_date, end_date, block_concurrency (чекбокс: «Запретить пересечение задач»)</li>
<li>Валидация: end_date &gt;= start_date, все поля заполнены</li>
</ul>
</li>
</ul>
<hr>
<h3 id="br-5-наследование">BR-5: Наследование</h3>
<ul>
<li>При появлении функционала копирования/дублирования диаграммы — настройки секций (лимит + блоки) наследуются</li>
</ul>
<hr>
<h2 id="технические-требования">Технические требования</h2>
<h3 id="база-данных">База данных</h3>
<h4 id="новая-таблица-gantt_section_blocks">Новая таблица: gantt_section_blocks</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-sql" data-lang="sql"><span style="display:flex;"><span><span style="color:#66d9ef">CREATE</span> <span style="color:#66d9ef">TABLE</span> gantt_section_blocks (
</span></span><span style="display:flex;"><span> id UUID <span style="color:#66d9ef">PRIMARY</span> <span style="color:#66d9ef">KEY</span> <span style="color:#66d9ef">DEFAULT</span> gen_random_uuid(),
</span></span><span style="display:flex;"><span> section_id UUID <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">REFERENCES</span> gantt_sections(id) <span style="color:#66d9ef">ON</span> <span style="color:#66d9ef">DELETE</span> <span style="color:#66d9ef">CASCADE</span>,
</span></span><span style="display:flex;"><span> title VARCHAR(<span style="color:#ae81ff">255</span>) <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span>,
</span></span><span style="display:flex;"><span> start_date DATE <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span>,
</span></span><span style="display:flex;"><span> end_date DATE <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span>,
</span></span><span style="display:flex;"><span> block_concurrency BOOLEAN <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">DEFAULT</span> <span style="color:#66d9ef">false</span>,
</span></span><span style="display:flex;"><span> created_by UUID <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">REFERENCES</span> users(id),
</span></span><span style="display:flex;"><span> updated_by UUID <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">REFERENCES</span> users(id),
</span></span><span style="display:flex;"><span> created_at <span style="color:#66d9ef">TIMESTAMP</span> <span style="color:#66d9ef">WITH</span> TIME <span style="color:#66d9ef">ZONE</span> <span style="color:#66d9ef">DEFAULT</span> NOW(),
</span></span><span style="display:flex;"><span> updated_at <span style="color:#66d9ef">TIMESTAMP</span> <span style="color:#66d9ef">WITH</span> TIME <span style="color:#66d9ef">ZONE</span> <span style="color:#66d9ef">DEFAULT</span> NOW(),
</span></span><span style="display:flex;"><span> deleted_at <span style="color:#66d9ef">TIMESTAMP</span> <span style="color:#66d9ef">WITH</span> TIME <span style="color:#66d9ef">ZONE</span>,
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">CONSTRAINT</span> chk_block_dates <span style="color:#66d9ef">CHECK</span> (end_date <span style="color:#f92672">&gt;=</span> start_date)
</span></span><span style="display:flex;"><span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">CREATE</span> <span style="color:#66d9ef">INDEX</span> idx_gantt_section_blocks_section <span style="color:#66d9ef">ON</span> gantt_section_blocks(section_id);
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">CREATE</span> <span style="color:#66d9ef">INDEX</span> idx_gantt_section_blocks_dates <span style="color:#66d9ef">ON</span> gantt_section_blocks(start_date, end_date);
</span></span></code></pre></div><h4 id="изменение-таблицы-gantt_sections">Изменение таблицы: gantt_sections</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-sql" data-lang="sql"><span style="display:flex;"><span><span style="color:#66d9ef">ALTER</span> <span style="color:#66d9ef">TABLE</span> gantt_sections <span style="color:#66d9ef">ADD</span> <span style="color:#66d9ef">COLUMN</span> max_concurrent_tasks INTEGER <span style="color:#66d9ef">NOT</span> <span style="color:#66d9ef">NULL</span> <span style="color:#66d9ef">DEFAULT</span> <span style="color:#ae81ff">0</span>;
</span></span></code></pre></div><hr>
<h3 id="backend-go-api">Backend (Go API)</h3>
<h4 id="этап-1-миграция--домен">Этап 1: Миграция + Домен</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Добавь в проект новую таблицу <code>gantt_section_blocks</code> и колонку <code>max_concurrent_tasks</code> в <code>gantt_sections</code>.</p>
<ol>
<li>Создай миграцию в <code>cmd/migrate/</code>:
<ul>
<li>Новая таблица <code>gantt_section_blocks</code> с полями: id (UUID PK), section_id (UUID FK → gantt_sections, ON DELETE CASCADE), title (VARCHAR 255 NOT NULL), start_date (DATE NOT NULL), end_date (DATE NOT NULL), block_concurrency (BOOLEAN DEFAULT false), created_by (UUID FK → users), updated_by (UUID FK → users), created_at, updated_at, deleted_at. CHECK constraint: end_date &gt;= start_date. Индексы по section_id и (start_date, end_date).</li>
<li>ALTER TABLE gantt_sections ADD COLUMN max_concurrent_tasks INTEGER NOT NULL DEFAULT 0.</li>
</ul>
</li>
<li>Создай доменную модель <code>GanttSectionBlock</code> в <code>internal/domain/gantt.go</code> со всеми полями таблицы.</li>
<li>Добавь поле <code>MaxConcurrentTasks int</code> в структуру <code>GanttSection</code>.</li>
<li>Обнови маппинг в relevant repository файлах, чтобы новое поле <code>max_concurrent_tasks</code> читалось/писалось.</li>
</ol>
</blockquote>
<h4 id="этап-2-crud-для-ganttsectionblocks">Этап 2: CRUD для GanttSectionBlocks</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Реализуй полный CRUD для сущности <code>GanttSectionBlock</code> по аналогии с существующими handlers/services/repositories в проекте.</p>
<p><strong>Роуты (внутри группы секции):</strong></p>
<ul>
<li><code>GET /api/gantt-charts/:chartId/sections/:sectionId/blocks</code> — список блоков секции</li>
<li><code>POST /api/gantt-charts/:chartId/sections/:sectionId/blocks</code> — создать блок</li>
<li><code>PUT /api/gantt-charts/:chartId/sections/:sectionId/blocks/:blockId</code> — обновить блок</li>
<li><code>DELETE /api/gantt-charts/:chartId/sections/:sectionId/blocks/:blockId</code> — удалить блок (soft delete)</li>
</ul>
<p><strong>Repository:</strong> <code>internal/repository/gantt_section_block_repository.go</code></p>
<ul>
<li><code>GetBySectionID(ctx, sectionID) ([]domain.GanttSectionBlock, error)</code></li>
<li><code>GetByID(ctx, id) (*domain.GanttSectionBlock, error)</code></li>
<li><code>Create(ctx, block) error</code></li>
<li><code>Update(ctx, block) error</code></li>
<li><code>Delete(ctx, id) error</code> — soft delete (set deleted_at)</li>
<li>Все запросы — raw SQL через pgx, как в остальных репозиториях проекта</li>
</ul>
<p><strong>Service:</strong> <code>internal/service/gantt_section_block_service.go</code></p>
<ul>
<li>Бизнес-логика: валидация dates (end &gt;= start), проверка прав доступа к секции</li>
<li>Inject repository</li>
</ul>
<p><strong>Handler:</strong> <code>internal/handler/gantt_section_block_handler.go</code></p>
<ul>
<li>Swagger-аннотации для всех эндпоинтов</li>
<li>Валидация входных данных</li>
<li>Ошибки в формате проекта (GanttErrorResponse)</li>
</ul>
<p><strong>Модели запросов:</strong></p>
<ul>
<li>Create: title (required), start_date (required), end_date (required), block_concurrency (bool, default false)</li>
<li>Update: title, start_date, end_date, block_concurrency — все опциональны</li>
</ul>
</blockquote>
<h4 id="этап-3-обновление-настроек-секции">Этап 3: Обновление настроек секции</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Обнови CRUD секций (gantt_sections) для поддержки нового поля <code>max_concurrent_tasks</code>.</p>
<ol>
<li>Добавь <code>max_concurrent_tasks</code> в <code>GanttSectionCreateRequest</code> (опциональное, int ≥ 0, default 0)</li>
<li>Добавь <code>max_concurrent_tasks</code> в <code>GanttSectionUpdateRequest</code> (опциональное, int ≥ 0)</li>
<li>Обнови SQL-запросы в repository: INSERT и UPDATE должны включать <code>max_concurrent_tasks</code></li>
<li>При GET секции (или списке секций) — возвращать <code>max_concurrent_tasks</code> в ответе</li>
<li>Валидация: значение должно быть ≥ 0</li>
</ol>
</blockquote>
<h4 id="этап-4-включение-блоков-в-ответ-секций">Этап 4: Включение блоков в ответ секций</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>При запросе списка секций или одной секции включай связанные блоки в ответ.</p>
<ol>
<li>Обнови <code>GET /api/gantt-charts/:chartId/sections/:sectionId</code> — добавить поле <code>blocks</code> с массивом GanttSectionBlock</li>
<li>Обнови <code>GET /api/gantt-charts/:chartId/sections</code> — добавить поле <code>blocks</code> для каждой секции</li>
<li>Блоки с <code>deleted_at IS NOT NULL</code> не возвращаются</li>
<li>Блоки сортируются по start_date по убыванию (будущее сверху)</li>
</ol>
</blockquote>
<hr>
<h3 id="frontend-angular">Frontend (Angular)</h3>
<h4 id="этап-fe-1-модели--сервис">Этап FE-1: Модели + Сервис</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Добавь в проект поддержку ограничений секций Ганта.</p>
<ol>
<li>В <code>pages/gantt/models/gantt-chart.model.ts</code> добавь:</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-typescript" data-lang="typescript"><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">GanttSectionBlock</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">id</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">section_id</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">title</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">start_date</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">end_date</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">block_concurrency</span>: <span style="color:#66d9ef">boolean</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">created_by_user</span>: <span style="color:#66d9ef">UserInfo</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">updated_by_user</span>: <span style="color:#66d9ef">UserInfo</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">created_at</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">updated_at</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">GanttSectionBlockCreateRequest</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">title</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">start_date</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">end_date</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">block_concurrency?</span>: <span style="color:#66d9ef">boolean</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">GanttSectionBlockUpdateRequest</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">title?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">start_date?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">end_date?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">block_concurrency?</span>: <span style="color:#66d9ef">boolean</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">ConflictCheck</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">has_conflicts</span>: <span style="color:#66d9ef">boolean</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">conflicts</span>: <span style="color:#66d9ef">ConflictItem</span>[];
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">ConflictItem</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">type</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#39;concurrency&#39;</span> <span style="color:#f92672">|</span> <span style="color:#e6db74">&#39;block&#39;</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">section_id</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">section_title</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">block_title?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">start_date?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">end_date?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">message</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">dates?</span>: <span style="color:#66d9ef">string</span>[];
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><ol start="2">
<li>
<p>Добавь <code>max_concurrent_tasks: number</code> в интерфейс <code>GanttSection</code></p>
</li>
<li>
<p>Добавь <code>blocks: GanttSectionBlock[]</code> в интерфейс <code>GanttSection</code></p>
</li>
<li>
<p>Добавь <code>max_concurrent_tasks?: number</code> в <code>GanttSectionCreateRequest</code> и <code>GanttSectionUpdateRequest</code></p>
</li>
<li>
<p>Создай сервис <code>pages/gantt/services/gantt-section-block.service.ts</code>:</p>
</li>
</ol>
<ul>
<li>Inject HttpClient</li>
<li>Методы: getBlocks(chartId, sectionId), createBlock(chartId, sectionId, data), updateBlock(chartId, sectionId, blockId, data), deleteBlock(chartId, sectionId, blockId)</li>
<li>Все методы возвращают Observable с типизированными ответами (по аналогии с GanttChartService)</li>
</ul>
</blockquote>
<h4 id="этап-fe-2-интеграция-в-модальные-окна-секции">Этап FE-2: Интеграция в модальные окна секции</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Интегрируй настройки ограничений в существующие модальные окна создания и редактирования секции Ганта.</p>
<ol>
<li>Найди существующие компоненты модальных окон секции (создание/редактирование).</li>
</ol>
<p><strong>Окно создания секции</strong> — добавить:</p>
<ul>
<li>Числовой ввод: «Максимум одновременных задач»</li>
<li>Подсказка: «0 = без ограничений»</li>
<li>Валидация: число ≥ 0</li>
<li>Значение по умолчанию: 0</li>
<li>Отправляется в <code>GanttSectionCreateRequest</code> как <code>max_concurrent_tasks</code></li>
</ul>
<p><strong>Окно редактирования секции</strong> — добавить:</p>
<ul>
<li>Числовой ввод: «Максимум одновременных задач» (аналогично созданию)</li>
<li>Секция «Блоки (запретные интервалы)»:
<ul>
<li>Таблица/список существующих блоков с колонками: Название, Начало, Конец, Блокировка (чекбокс/иконка), Действия (редактировать/удалить)</li>
<li><strong>Сортировка:</strong> по <code>start_date</code> по убыванию (будущее сверху)</li>
<li>Кнопка «Добавить блок» — inline-форма:
<ul>
<li>title (текстовый ввод, обязательный)</li>
<li>start_date (datepicker, обязательный)</li>
<li>end_date (datepicker, обязательный)</li>
<li>block_concurrency (чекбокс: «Запретить пересечение задач»)</li>
<li>Валидация: end_date &gt;= start_date, все поля заполнены</li>
</ul>
</li>
<li>Редактирование — inline или через ту же форму</li>
<li>Удаление — с подтверждением</li>
</ul>
</li>
</ul>
<ol start="2">
<li>При открытии окна редактирования — загрузить текущие настройки секции + блоки</li>
<li>При сохранении — обновить max_concurrent_tasks и сохранить изменения блоков</li>
<li>Инжектировать GanttChartService и GanttSectionBlockService</li>
</ol>
</blockquote>
<h4 id="этап-fe-3-визуализация-блоков-на-ганте">Этап FE-3: Визуализация блоков на Ганте</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Отобрази блоки секций (GanttSectionBlock) на canvas-диаграмме Ганта.</p>
<p>Проект использует Konva.js для рендеринга. Основной компонент: <code>gantt-chart-canvas</code>.</p>
<ol>
<li>При загрузке данных диаграммы — извлечь блоки из каждой секции</li>
<li>В рендерере секций (canvas/timeline-renderer.ts или аналогичный) — для каждого блока:
<ul>
<li>Нарисовать заштрихованную область (diagonal hatch pattern) на <strong>всю высоту секции</strong> (все строки задач в этой секции)</li>
<li>Область ограничена по горизонтали: от start_date до end_date (в пикселях по шкале времени)</li>
<li>Цвет штриховки: полупрозрачный серый или configurable</li>
<li>Поверх штриховки — текст с названием блока (block.title) на подложке (прямоугольник с фоном, чтобы текст читался)</li>
</ul>
</li>
<li>Блоки рендерятся <strong>до</strong> задач (z-index ниже), чтобы задачи были поверх</li>
<li>Блоки с <code>block_concurrency = true</code> и <code>false</code> визуально не отличаются (штриховка одинаковая)</li>
<li>При скролле/зуме — блоки пересчитываются как обычные элементы таймлайна</li>
</ol>
</blockquote>
<h4 id="этап-fe-4-система-alert-ов">Этап FE-4: Система Alert-ов</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Создай компонент для отображения Alert-ов о конфликтах на диаграмме Ганта.</p>
<ol>
<li>
<p>Создай компонент <code>pages/gantt/components/gantt-conflict-alerts/</code></p>
</li>
<li>
<p>Компонент размещается <strong>над</strong> canvas-диаграммой Ганта</p>
</li>
<li>
<p>Входные данные: массив <code>ConflictItem[]</code> (из модели)</p>
</li>
<li>
<p>Визуал:</p>
<ul>
<li>Bootstrap Alert (warning) для каждого конфликта</li>
<li>Каждый Alert показывает message из ConflictItem</li>
<li><strong>Без кнопки закрытия</strong> — Alert нельзя закрыть вручную</li>
<li>Alert исчезает автоматически, когда текущая дата прошла дату конфликта</li>
<li>Область <strong>сворачиваемая</strong>: заголовок «⚠️ Предупреждения (N)» — клик сворачивает/разворачивает список</li>
<li>По умолчанию — развёрнуто</li>
<li>При 0 конфликтов — область скрыта</li>
</ul>
</li>
<li>
<p>Состояние хранится в сервисе или в компоненте диаграммы:</p>
<ul>
<li>Добавление нового конфликта → area auto-expands</li>
<li>Alert удаляется из массива <strong>автоматически</strong>, когда текущая дата прошла дату конфликта</li>
<li>Проверка актуальности конфликтов — при каждой отрисовке / изменении данных</li>
<li>Не использовать toast — Alert-ы постоянные</li>
</ul>
</li>
</ol>
</blockquote>
<h4 id="этап-fe-5-проверка-конфликтов-при-операциях-с-задачами">Этап FE-5: Проверка конфликтов при операциях с задачами</h4>
<p><strong>Промт для агента:</strong></p>
<blockquote>
<p>Интегрируй проверку конфликтов во все операции с задачами на диаграмме Ганта.</p>
<p>Проект использует interaction-handler.ts для drag/resize и формы для создания/редактирования.</p>
<p><strong>Важно:</strong> Проверка конфликтов — <strong>только на фронтенде</strong>, без вызова API. Используются загруженные данные секции (задачи, блоки, max_concurrent_tasks).</p>
<ol>
<li>
<p>Вынеси логику проверки конфликтов <code>checkConflicts()</code> в отдельный метод в gantt-canvas.service.ts:</p>
<ul>
<li>Принимает: section (GanttSection — содержит max_concurrent_tasks и blocks), tasks (GanttTask[] — задачи секции), task_id (nullable — исключить текущую задачу), start_date, end_date</li>
<li>Логика:
a. Если section.max_concurrent_tasks &gt; 0: посчитать кол-во задач (исключая task_id), пересекающихся с [start_date, end_date] на каждый день. Если в любой день count &gt; max_concurrent_tasks — добавить конфликт concurrency
b. Для каждого блока секции с block_concurrency = true, пересекающегося с [start_date, end_date] — добавить конфликт block</li>
<li>Возвращает ConflictCheck</li>
</ul>
</li>
<li>
<p>После <strong>каждой</strong> успешной операции с задачей (создание, обновление, drag, resize):</p>
<ul>
<li>Вызвать checkConflicts с параметрами задачи</li>
<li>Если has_conflicts = true — передать конфликты в GanttConflictAlertsComponent</li>
<li>Alert-ы показываются, действие <strong>НЕ отменяется</strong></li>
</ul>
</li>
<li>
<p>Точки интеграции:</p>
<ul>
<li><strong>Создание задачи</strong> (форма): после успешного POST → checkConflicts → show alerts</li>
<li><strong>Редактирование задачи</strong> (форма): после успешного PUT → checkConflicts → show alerts</li>
<li><strong>Drag задачи</strong> (interaction-handler.ts): после успешного обновления позиции → checkConflicts → show alerts</li>
<li><strong>Resize задачи</strong> (interaction-handler.ts): после успешного обновления размера → checkConflicts → show alerts</li>
</ul>
</li>
<li>
<p>При переключении диаграммы или секции — очищать Alert-ы</p>
</li>
<li>
<p>Alert-ы автоматически удаляются, когда текущая дата прошла дату конфликта — область скрывается, когда конфликтов не осталось</p>
</li>
</ol>
</blockquote>
<hr>
<h2 id="порядок-реализации">Порядок реализации</h2>
<table>
<thead>
<tr>
<th>#</th>
<th>Этап</th>
<th>Сторона</th>
<th>Зависимости</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Миграция + Домен</td>
<td>Backend</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>CRUD блоков</td>
<td>Backend</td>
<td>Этап 1</td>
</tr>
<tr>
<td>3</td>
<td>Обновление настроек секции</td>
<td>Backend</td>
<td>Этап 1</td>
</tr>
<tr>
<td>4</td>
<td>Включение блоков в ответ секций</td>
<td>Backend</td>
<td>Этап 2</td>
</tr>
<tr>
<td>5</td>
<td>Модели + Сервис</td>
<td>Frontend</td>
<td>— (можно параллельно с backend)</td>
</tr>
<tr>
<td>6</td>
<td>Интеграция в модальные окна</td>
<td>Frontend</td>
<td>Этапы 5 + backend 2,3</td>
</tr>
<tr>
<td>7</td>
<td>Визуализация блоков на Ганте</td>
<td>Frontend</td>
<td>Этапы 5 + backend 4</td>
</tr>
<tr>
<td>8</td>
<td>Система Alert-ов</td>
<td>Frontend</td>
<td>Этап 5</td>
</tr>
<tr>
<td>9</td>
<td>Проверка конфликтов при операциях</td>
<td>Frontend</td>
<td>Этапы 5,7,8</td>
</tr>
</tbody>
</table>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,948 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leadera — WebSocket для диаграмм Ганта — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Фильтры</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/leadera/">Все статьи</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Leadera — WebSocket для диаграмм Ганта</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/leadera/leadera-websocket-gantt.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/leadera\/leadera-websocket-gantt.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="tags mb-3">
<a href="../../../tags/leadera/" class="tag">leadera</a>
<a href="../../../tags/websocket/" class="tag">websocket</a>
<a href="../../../tags/realtime/" class="tag">realtime</a>
<a href="../../../tags/gantt/" class="tag">gantt</a>
<a href="../../../tags/architecture/" class="tag">architecture</a>
</div>
<h1 id="websocket-для-диаграмм-ганта--realtime-совместное-редактирование">WebSocket для диаграмм Ганта — realtime-совместное редактирование</h1>
<p><strong>Дата:</strong> 07.04.2026
<strong>Статус:</strong> Планирование
<strong>Проект:</strong> Leadera (dev — sand.a2v.space)</p>
<hr>
<h2 id="1-постановка-задачи">1. Постановка задачи</h2>
<p>Диаграммы Ганта должны обновляться в реальном времени при совместной работе: если два или более пользователей редактируют один Гант, изменения каждого мгновенно отображаются у остальных — без перезагрузки страницы и ручного обновления.</p>
<hr>
<h2 id="2-архитектура">2. Архитектура</h2>
<pre tabindex="0"><code>Angular frontend ←── WebSocket ──→ Go backend (Hub) ──→ PostgreSQL
│ │
│ HTTP (мутации) │ Broadcast
└──→ REST API ──→ Service ──→ DB ──→ Hub ──→ все клиенты комнаты
</code></pre><p><strong>Ключевой принцип:</strong> мутации данных идут через HTTP (REST), WebSocket используется <strong>только для доставки уведомлений</strong>. Сервер — источник истины, клиент не может обойти проверки через WS.</p>
<h3 id="комнаты">Комнаты</h3>
<p>Каждый открытый Гант — это «комната» с идентификатором <code>chartId</code>. При подключении клиент подписывается на комнату. Hub рассылает события всем подписчикам комнаты.</p>
<hr>
<h2 id="3-backend-go">3. Backend (Go)</h2>
<h3 id="31-зависимости">3.1. Зависимости</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>go get github.com/gorilla/websocket
</span></span></code></pre></div><h3 id="32-новые-файлы--internalws">3.2. Новые файлы — <code>internal/ws/</code></h3>
<h4 id="messagego--типы-сообщений"><code>message.go</code> — типы сообщений</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#f92672">package</span> <span style="color:#a6e22e">ws</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">import</span> <span style="color:#e6db74">&#34;time&#34;</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// EventType — тип события</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">EventType</span> <span style="color:#66d9ef">string</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> (
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Данные</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventSectionCreated</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;section_created&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventSectionUpdated</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;section_updated&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventSectionDeleted</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;section_deleted&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventSectionsReordered</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;sections_reordered&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventTaskCreated</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;task_created&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventTaskUpdated</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;task_updated&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventTaskDeleted</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;task_deleted&#34;</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Присутствие</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventUserJoined</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;user_joined&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventUserLeft</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;user_left&#34;</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Безопасность / доступ</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventAccessRevoked</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;access_revoked&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventChartArchived</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;chart_archived&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventRoleChanged</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;role_changed&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">EventTokenExpired</span> <span style="color:#a6e22e">EventType</span> = <span style="color:#e6db74">&#34;token_expired&#34;</span>
</span></span><span style="display:flex;"><span>)
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Event — WS-событие, отправляемое клиентам</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">Event</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Type</span> <span style="color:#a6e22e">EventType</span> <span style="color:#e6db74">`json:&#34;type&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ChartID</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;chartId&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UserID</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;userId,omitempty&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Payload</span> <span style="color:#66d9ef">interface</span>{} <span style="color:#e6db74">`json:&#34;payload,omitempty&#34;`</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Timestamp</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Time</span> <span style="color:#e6db74">`json:&#34;timestamp&#34;`</span>
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// IncomingMessage — сообщение от клиента (для ping/pong)</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">IncomingMessage</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Type</span> <span style="color:#66d9ef">string</span> <span style="color:#e6db74">`json:&#34;type&#34;`</span>
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h4 id="hubgo--центральный-брокер"><code>hub.go</code> — центральный брокер</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#f92672">package</span> <span style="color:#a6e22e">ws</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">import</span> (
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;sync&#34;</span>
</span></span><span style="display:flex;"><span>)
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Hub управляет комнатами и рассылкой событий</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">Hub</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">mu</span> <span style="color:#a6e22e">sync</span>.<span style="color:#a6e22e">RWMutex</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">rooms</span> <span style="color:#66d9ef">map</span>[<span style="color:#66d9ef">string</span>]<span style="color:#66d9ef">map</span>[<span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>]<span style="color:#66d9ef">bool</span> <span style="color:#75715e">// chartId → клиенты</span>
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> <span style="color:#a6e22e">NewHub</span>() <span style="color:#f92672">*</span><span style="color:#a6e22e">Hub</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#f92672">&amp;</span><span style="color:#a6e22e">Hub</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">rooms</span>: make(<span style="color:#66d9ef">map</span>[<span style="color:#66d9ef">string</span>]<span style="color:#66d9ef">map</span>[<span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>]<span style="color:#66d9ef">bool</span>),
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Subscribe добавляет клиента в комнату</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">h</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Hub</span>) <span style="color:#a6e22e">Subscribe</span>(<span style="color:#a6e22e">chartID</span> <span style="color:#66d9ef">string</span>, <span style="color:#a6e22e">client</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">Lock</span>()
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">defer</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">Unlock</span>()
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">rooms</span>[<span style="color:#a6e22e">chartID</span>] <span style="color:#f92672">==</span> <span style="color:#66d9ef">nil</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">rooms</span>[<span style="color:#a6e22e">chartID</span>] = make(<span style="color:#66d9ef">map</span>[<span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>]<span style="color:#66d9ef">bool</span>)
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">rooms</span>[<span style="color:#a6e22e">chartID</span>][<span style="color:#a6e22e">client</span>] = <span style="color:#66d9ef">true</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Уведомить остальных: user_joined</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">broadcastExcept</span>(<span style="color:#a6e22e">chartID</span>, <span style="color:#a6e22e">client</span>, <span style="color:#a6e22e">Event</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Type</span>: <span style="color:#a6e22e">EventUserJoined</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ChartID</span>: <span style="color:#a6e22e">chartID</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UserID</span>: <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">UserID</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Payload</span>: <span style="color:#66d9ef">map</span>[<span style="color:#66d9ef">string</span>]<span style="color:#66d9ef">string</span>{<span style="color:#e6db74">&#34;username&#34;</span>: <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">Username</span>},
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Timestamp</span>: <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Now</span>(),
</span></span><span style="display:flex;"><span> })
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Unsubscribe удаляет клиента из комнаты</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">h</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Hub</span>) <span style="color:#a6e22e">Unsubscribe</span>(<span style="color:#a6e22e">chartID</span> <span style="color:#66d9ef">string</span>, <span style="color:#a6e22e">client</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">Lock</span>()
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">defer</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">Unlock</span>()
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">clients</span>, <span style="color:#a6e22e">ok</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">rooms</span>[<span style="color:#a6e22e">chartID</span>]; <span style="color:#a6e22e">ok</span> {
</span></span><span style="display:flex;"><span> delete(<span style="color:#a6e22e">clients</span>, <span style="color:#a6e22e">client</span>)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> len(<span style="color:#a6e22e">clients</span>) <span style="color:#f92672">==</span> <span style="color:#ae81ff">0</span> {
</span></span><span style="display:flex;"><span> delete(<span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">rooms</span>, <span style="color:#a6e22e">chartID</span>)
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Уведомить остальных: user_left</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">broadcastExcept</span>(<span style="color:#a6e22e">chartID</span>, <span style="color:#a6e22e">client</span>, <span style="color:#a6e22e">Event</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Type</span>: <span style="color:#a6e22e">EventUserLeft</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ChartID</span>: <span style="color:#a6e22e">chartID</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UserID</span>: <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">UserID</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Timestamp</span>: <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Now</span>(),
</span></span><span style="display:flex;"><span> })
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Broadcast рассылает событие всем клиентам в комнате</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">h</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Hub</span>) <span style="color:#a6e22e">Broadcast</span>(<span style="color:#a6e22e">chartID</span> <span style="color:#66d9ef">string</span>, <span style="color:#a6e22e">event</span> <span style="color:#a6e22e">Event</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">RLock</span>()
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">defer</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">RUnlock</span>()
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">clients</span>, <span style="color:#a6e22e">ok</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">rooms</span>[<span style="color:#a6e22e">chartID</span>]; <span style="color:#a6e22e">ok</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">for</span> <span style="color:#a6e22e">client</span> <span style="color:#f92672">:=</span> <span style="color:#66d9ef">range</span> <span style="color:#a6e22e">clients</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">Send</span>(<span style="color:#a6e22e">event</span>)
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// SendToUser отправляет событие конкретному пользователю во всех его комнатах</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">h</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Hub</span>) <span style="color:#a6e22e">SendToUser</span>(<span style="color:#a6e22e">userID</span> <span style="color:#66d9ef">string</span>, <span style="color:#a6e22e">event</span> <span style="color:#a6e22e">Event</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">RLock</span>()
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">defer</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">RUnlock</span>()
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">for</span> <span style="color:#a6e22e">_</span>, <span style="color:#a6e22e">clients</span> <span style="color:#f92672">:=</span> <span style="color:#66d9ef">range</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">rooms</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">for</span> <span style="color:#a6e22e">client</span> <span style="color:#f92672">:=</span> <span style="color:#66d9ef">range</span> <span style="color:#a6e22e">clients</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">UserID</span> <span style="color:#f92672">==</span> <span style="color:#a6e22e">userID</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">Send</span>(<span style="color:#a6e22e">event</span>)
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// broadcastExcept рассылает всем, кроме отправителя</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">h</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Hub</span>) <span style="color:#a6e22e">broadcastExcept</span>(<span style="color:#a6e22e">chartID</span> <span style="color:#66d9ef">string</span>, <span style="color:#a6e22e">sender</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>, <span style="color:#a6e22e">event</span> <span style="color:#a6e22e">Event</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">clients</span>, <span style="color:#a6e22e">ok</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">rooms</span>[<span style="color:#a6e22e">chartID</span>]; <span style="color:#a6e22e">ok</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">for</span> <span style="color:#a6e22e">client</span> <span style="color:#f92672">:=</span> <span style="color:#66d9ef">range</span> <span style="color:#a6e22e">clients</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">client</span> <span style="color:#f92672">!=</span> <span style="color:#a6e22e">sender</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">Send</span>(<span style="color:#a6e22e">event</span>)
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h4 id="clientgo--обёртка-ws-соединения"><code>client.go</code> — обёртка WS-соединения</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#f92672">package</span> <span style="color:#a6e22e">ws</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">import</span> (
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;encoding/json&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;sync&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;time&#34;</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;github.com/gorilla/websocket&#34;</span>
</span></span><span style="display:flex;"><span>)
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> (
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">writeWait</span> = <span style="color:#ae81ff">10</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Second</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">pongWait</span> = <span style="color:#ae81ff">60</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Second</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">pingPeriod</span> = (<span style="color:#a6e22e">pongWait</span> <span style="color:#f92672">*</span> <span style="color:#ae81ff">9</span>) <span style="color:#f92672">/</span> <span style="color:#ae81ff">10</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">maxMessageSize</span> = <span style="color:#ae81ff">1024</span>
</span></span><span style="display:flex;"><span>)
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">Client</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Hub</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Hub</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Conn</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">websocket</span>.<span style="color:#a6e22e">Conn</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UserID</span> <span style="color:#66d9ef">string</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Username</span> <span style="color:#66d9ef">string</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ChartID</span> <span style="color:#66d9ef">string</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">SendCh</span> <span style="color:#66d9ef">chan</span> <span style="color:#a6e22e">Event</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">mu</span> <span style="color:#a6e22e">sync</span>.<span style="color:#a6e22e">Mutex</span>
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> <span style="color:#a6e22e">NewClient</span>(<span style="color:#a6e22e">hub</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Hub</span>, <span style="color:#a6e22e">conn</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">websocket</span>.<span style="color:#a6e22e">Conn</span>, <span style="color:#a6e22e">userID</span>, <span style="color:#a6e22e">username</span>, <span style="color:#a6e22e">chartID</span> <span style="color:#66d9ef">string</span>) <span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#f92672">&amp;</span><span style="color:#a6e22e">Client</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Hub</span>: <span style="color:#a6e22e">hub</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Conn</span>: <span style="color:#a6e22e">conn</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UserID</span>: <span style="color:#a6e22e">userID</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Username</span>: <span style="color:#a6e22e">username</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ChartID</span>: <span style="color:#a6e22e">chartID</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">SendCh</span>: make(<span style="color:#66d9ef">chan</span> <span style="color:#a6e22e">Event</span>, <span style="color:#ae81ff">64</span>),
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// ReadPump читает входящие сообщения (ping/pong)</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">c</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>) <span style="color:#a6e22e">ReadPump</span>() {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">defer</span> <span style="color:#66d9ef">func</span>() {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Hub</span>.<span style="color:#a6e22e">Unsubscribe</span>(<span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">ChartID</span>, <span style="color:#a6e22e">c</span>)
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">Close</span>()
</span></span><span style="display:flex;"><span> }()
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">SetReadLimit</span>(<span style="color:#a6e22e">maxMessageSize</span>)
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">SetReadDeadline</span>(<span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Now</span>().<span style="color:#a6e22e">Add</span>(<span style="color:#a6e22e">pongWait</span>))
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">SetPongHandler</span>(<span style="color:#66d9ef">func</span>(<span style="color:#66d9ef">string</span>) <span style="color:#66d9ef">error</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">SetReadDeadline</span>(<span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Now</span>().<span style="color:#a6e22e">Add</span>(<span style="color:#a6e22e">pongWait</span>))
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#66d9ef">nil</span>
</span></span><span style="display:flex;"><span> })
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">for</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">_</span>, <span style="color:#a6e22e">message</span>, <span style="color:#a6e22e">err</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">ReadMessage</span>()
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">err</span> <span style="color:#f92672">!=</span> <span style="color:#66d9ef">nil</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Клиент может слать только ping, данные игнорируем</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">_</span> = <span style="color:#a6e22e">message</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// WritePump отправляет события клиенту</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">c</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>) <span style="color:#a6e22e">WritePump</span>() {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ticker</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">NewTicker</span>(<span style="color:#a6e22e">pingPeriod</span>)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">defer</span> <span style="color:#66d9ef">func</span>() {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ticker</span>.<span style="color:#a6e22e">Stop</span>()
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">Close</span>()
</span></span><span style="display:flex;"><span> }()
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">for</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">select</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#a6e22e">event</span>, <span style="color:#a6e22e">ok</span> <span style="color:#f92672">:=</span> <span style="color:#f92672">&lt;-</span><span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">SendCh</span>:
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">SetWriteDeadline</span>(<span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Now</span>().<span style="color:#a6e22e">Add</span>(<span style="color:#a6e22e">writeWait</span>))
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> !<span style="color:#a6e22e">ok</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">WriteMessage</span>(<span style="color:#a6e22e">websocket</span>.<span style="color:#a6e22e">CloseMessage</span>, []<span style="color:#66d9ef">byte</span>{})
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">data</span>, <span style="color:#a6e22e">_</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">json</span>.<span style="color:#a6e22e">Marshal</span>(<span style="color:#a6e22e">event</span>)
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">Lock</span>()
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">WriteMessage</span>(<span style="color:#a6e22e">websocket</span>.<span style="color:#a6e22e">TextMessage</span>, <span style="color:#a6e22e">data</span>)
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">mu</span>.<span style="color:#a6e22e">Unlock</span>()
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#f92672">&lt;-</span><span style="color:#a6e22e">ticker</span>.<span style="color:#a6e22e">C</span>:
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">SetWriteDeadline</span>(<span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Now</span>().<span style="color:#a6e22e">Add</span>(<span style="color:#a6e22e">writeWait</span>))
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">err</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Conn</span>.<span style="color:#a6e22e">WriteMessage</span>(<span style="color:#a6e22e">websocket</span>.<span style="color:#a6e22e">PingMessage</span>, <span style="color:#66d9ef">nil</span>); <span style="color:#a6e22e">err</span> <span style="color:#f92672">!=</span> <span style="color:#66d9ef">nil</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Send ставит событие в очередь отправки</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">c</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">Client</span>) <span style="color:#a6e22e">Send</span>(<span style="color:#a6e22e">event</span> <span style="color:#a6e22e">Event</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">select</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">SendCh</span> <span style="color:#f92672">&lt;-</span> <span style="color:#a6e22e">event</span>:
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">default</span>:
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Очередь полна — отключаем медленного клиента</span>
</span></span><span style="display:flex;"><span> close(<span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">SendCh</span>)
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h3 id="33-ws-endpoint--internalhandlersws_handlergo">3.3. WS endpoint — <code>internal/handlers/ws_handler.go</code></h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#f92672">package</span> <span style="color:#a6e22e">handlers</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">import</span> (
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;net/http&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;time&#34;</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;app-leadera-api/internal/middleware&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;app-leadera-api/internal/ws&#34;</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;github.com/gin-gonic/gin&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;github.com/google/uuid&#34;</span>
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;github.com/gorilla/websocket&#34;</span>
</span></span><span style="display:flex;"><span>)
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">upgrader</span> = <span style="color:#a6e22e">websocket</span>.<span style="color:#a6e22e">Upgrader</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ReadBufferSize</span>: <span style="color:#ae81ff">1024</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">WriteBufferSize</span>: <span style="color:#ae81ff">1024</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">CheckOrigin</span>: <span style="color:#66d9ef">func</span>(<span style="color:#a6e22e">r</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">http</span>.<span style="color:#a6e22e">Request</span>) <span style="color:#66d9ef">bool</span> { <span style="color:#66d9ef">return</span> <span style="color:#66d9ef">true</span> }, <span style="color:#75715e">// nginx проксирует</span>
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">type</span> <span style="color:#a6e22e">WSHandler</span> <span style="color:#66d9ef">struct</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">hub</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">Hub</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ganttMW</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">middleware</span>.<span style="color:#a6e22e">GanttMiddleware</span>
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> <span style="color:#a6e22e">NewWSHandler</span>(<span style="color:#a6e22e">hub</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">Hub</span>, <span style="color:#a6e22e">ganttMW</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">middleware</span>.<span style="color:#a6e22e">GanttMiddleware</span>) <span style="color:#f92672">*</span><span style="color:#a6e22e">WSHandler</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#f92672">&amp;</span><span style="color:#a6e22e">WSHandler</span>{<span style="color:#a6e22e">hub</span>: <span style="color:#a6e22e">hub</span>, <span style="color:#a6e22e">ganttMW</span>: <span style="color:#a6e22e">ganttMW</span>}
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> (<span style="color:#a6e22e">h</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">WSHandler</span>) <span style="color:#a6e22e">HandleGanttWS</span>(<span style="color:#a6e22e">c</span> <span style="color:#f92672">*</span><span style="color:#a6e22e">gin</span>.<span style="color:#a6e22e">Context</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// 1. Получить пользователя из контекста (auth middleware уже отработал)</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">userID</span>, <span style="color:#a6e22e">exists</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Get</span>(<span style="color:#e6db74">&#34;userID&#34;</span>)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> !<span style="color:#a6e22e">exists</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">AbortWithStatusJSON</span>(<span style="color:#ae81ff">401</span>, <span style="color:#a6e22e">gin</span>.<span style="color:#a6e22e">H</span>{<span style="color:#e6db74">&#34;error&#34;</span>: <span style="color:#e6db74">&#34;unauthorized&#34;</span>})
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// 2. Проверить доступ к chartId (gantt middleware)</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">chartID</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Param</span>(<span style="color:#e6db74">&#34;chartId&#34;</span>)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">_</span>, <span style="color:#a6e22e">err</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">uuid</span>.<span style="color:#a6e22e">Parse</span>(<span style="color:#a6e22e">chartID</span>); <span style="color:#a6e22e">err</span> <span style="color:#f92672">!=</span> <span style="color:#66d9ef">nil</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">AbortWithStatusJSON</span>(<span style="color:#ae81ff">400</span>, <span style="color:#a6e22e">gin</span>.<span style="color:#a6e22e">H</span>{<span style="color:#e6db74">&#34;error&#34;</span>: <span style="color:#e6db74">&#34;invalid chart id&#34;</span>})
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// TODO: проверить через ganttMW что userID имеет доступ к этому chart</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// 3. Upgrade до WebSocket</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">conn</span>, <span style="color:#a6e22e">err</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">upgrader</span>.<span style="color:#a6e22e">Upgrade</span>(<span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Writer</span>, <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">Request</span>, <span style="color:#66d9ef">nil</span>)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> <span style="color:#a6e22e">err</span> <span style="color:#f92672">!=</span> <span style="color:#66d9ef">nil</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// 4. Создать клиент и подписать на комнату</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">client</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">NewClient</span>(
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">hub</span>, <span style="color:#a6e22e">conn</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">userID</span>.(<span style="color:#66d9ef">string</span>),
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">c</span>.<span style="color:#a6e22e">GetString</span>(<span style="color:#e6db74">&#34;username&#34;</span>),
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">chartID</span>,
</span></span><span style="display:flex;"><span> )
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">hub</span>.<span style="color:#a6e22e">Subscribe</span>(<span style="color:#a6e22e">chartID</span>, <span style="color:#a6e22e">client</span>)
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// 5. Запустить pump&#39;ы</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">go</span> <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">WritePump</span>()
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">go</span> <span style="color:#a6e22e">client</span>.<span style="color:#a6e22e">ReadPump</span>()
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h3 id="34-регистрация-маршрута">3.4. Регистрация маршрута</h3>
<p>В <code>cmd/server/main.go</code> или где регистрируются routes:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#75715e">// После создания hub</span>
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">wsHub</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">NewHub</span>()
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// WS endpoint</span>
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">wsHandler</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">handlers</span>.<span style="color:#a6e22e">NewWSHandler</span>(<span style="color:#a6e22e">wsHub</span>, <span style="color:#a6e22e">ganttMW</span>)
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">api</span>.<span style="color:#a6e22e">GET</span>(<span style="color:#e6db74">&#34;/ws/gantt/:chartId&#34;</span>, <span style="color:#a6e22e">authMW</span>.<span style="color:#a6e22e">RequireAuth</span>(), <span style="color:#a6e22e">wsHandler</span>.<span style="color:#a6e22e">HandleGanttWS</span>)
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Передать hub в ganttHandler для broadcast&#39;ов</span>
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">ganttHandler</span> <span style="color:#f92672">:=</span> <span style="color:#a6e22e">handlers</span>.<span style="color:#a6e22e">NewGanttHandler</span>(<span style="color:#a6e22e">ganttService</span>, <span style="color:#a6e22e">sectionService</span>, <span style="color:#a6e22e">taskService</span>, <span style="color:#a6e22e">blockService</span>, <span style="color:#a6e22e">wsHub</span>)
</span></span></code></pre></div><h3 id="35-интеграция-broadcast-в-handlers">3.5. Интеграция broadcast в handlers</h3>
<p>В каждый write-handler — одна строка после успешной операции:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#75715e">// Пример: после успешного UpdateTask</span>
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">h</span>.<span style="color:#a6e22e">hub</span>.<span style="color:#a6e22e">Broadcast</span>(<span style="color:#a6e22e">chartID</span>, <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">Event</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Type</span>: <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">EventTaskUpdated</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ChartID</span>: <span style="color:#a6e22e">chartID</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UserID</span>: <span style="color:#a6e22e">userID</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Payload</span>: <span style="color:#a6e22e">updatedTask</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Timestamp</span>: <span style="color:#a6e22e">time</span>.<span style="color:#a6e22e">Now</span>(),
</span></span><span style="display:flex;"><span>})
</span></span></code></pre></div><p>Точки интеграции в <code>gantt_handler.go</code>:</p>
<ul>
<li><code>CreateGanttChart</code> → не нужен (пользователь только что создал, он один)</li>
<li><code>UpdateGanttChart</code> / <code>ArchiveGanttChart</code><code>chart_archived</code></li>
<li><code>CreateSection</code><code>section_created</code></li>
<li><code>UpdateSection</code><code>section_updated</code></li>
<li><code>DeleteSection</code><code>section_deleted</code></li>
<li><code>ReorderSections</code><code>sections_reordered</code></li>
<li><code>CreateTask</code><code>task_created</code></li>
<li><code>UpdateTask</code><code>task_updated</code></li>
<li><code>DeleteTask</code><code>task_deleted</code></li>
</ul>
<h3 id="36-интеграция-событий-безопасности">3.6. Интеграция событий безопасности</h3>
<p>В соответствующих service-методах:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#75715e">// При исключении из space (SpaceService.RemoveMember)</span>
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">wsHub</span>.<span style="color:#a6e22e">SendToUser</span>(<span style="color:#a6e22e">removedUserID</span>, <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">Event</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Type</span>: <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">EventAccessRevoked</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Payload</span>: <span style="color:#66d9ef">map</span>[<span style="color:#66d9ef">string</span>]<span style="color:#66d9ef">string</span>{<span style="color:#e6db74">&#34;spaceId&#34;</span>: <span style="color:#a6e22e">spaceID</span>},
</span></span><span style="display:flex;"><span>})
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// При архивации ганта</span>
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">wsHub</span>.<span style="color:#a6e22e">Broadcast</span>(<span style="color:#a6e22e">chartID</span>, <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">Event</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Type</span>: <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">EventChartArchived</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ChartID</span>: <span style="color:#a6e22e">chartID</span>,
</span></span><span style="display:flex;"><span>})
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// При изменении роли</span>
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">wsHub</span>.<span style="color:#a6e22e">SendToUser</span>(<span style="color:#a6e22e">userID</span>, <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">Event</span>{
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Type</span>: <span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">EventRoleChanged</span>,
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Payload</span>: <span style="color:#66d9ef">map</span>[<span style="color:#66d9ef">string</span>]<span style="color:#66d9ef">string</span>{<span style="color:#e6db74">&#34;role&#34;</span>: <span style="color:#a6e22e">newRole</span>},
</span></span><span style="display:flex;"><span>})
</span></span></code></pre></div><hr>
<h2 id="4-frontend-angular">4. Frontend (Angular)</h2>
<h3 id="41-websocket-сервис--gantt-wsservicets">4.1. WebSocket сервис — <code>gantt-ws.service.ts</code></h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-typescript" data-lang="typescript"><span style="display:flex;"><span><span style="color:#75715e">// src/app/pages/gantt/services/gantt-ws.service.ts
</span></span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">Injectable</span>, <span style="color:#a6e22e">inject</span>, <span style="color:#a6e22e">OnDestroy</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#39;@angular/core&#39;</span>;
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">Subject</span>, <span style="color:#a6e22e">Observable</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#39;rxjs&#39;</span>;
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">environment</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#39;../../../environments/environment&#39;</span>;
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">SpaceStorageService</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#39;../../../core/services/space-storage.service&#39;</span>;
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">AuthService</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#39;../../../core/auth/services/auth.service&#39;</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">WSEvent</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">type</span><span style="color:#f92672">:</span> <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">chartId?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">userId?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">payload?</span>: <span style="color:#66d9ef">any</span>;
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">timestamp?</span>: <span style="color:#66d9ef">string</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">@Injectable</span>({ <span style="color:#a6e22e">providedIn</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#39;root&#39;</span> })
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">class</span> <span style="color:#a6e22e">GanttWSService</span> <span style="color:#66d9ef">implements</span> <span style="color:#a6e22e">OnDestroy</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">spaceStorage</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">inject</span>(<span style="color:#a6e22e">SpaceStorageService</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">auth</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">inject</span>(<span style="color:#a6e22e">AuthService</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">socket</span>: <span style="color:#66d9ef">WebSocket</span> <span style="color:#f92672">|</span> <span style="color:#66d9ef">null</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">null</span>;
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">eventSubject</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">Subject</span>&lt;<span style="color:#f92672">WSEvent</span>&gt;();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">reconnectTimer</span>: <span style="color:#66d9ef">any</span>;
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">chartId</span>: <span style="color:#66d9ef">string</span> <span style="color:#f92672">|</span> <span style="color:#66d9ef">null</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">null</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">/** Observable для подписки на события */</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">get</span> <span style="color:#a6e22e">events$</span>()<span style="color:#f92672">:</span> <span style="color:#a6e22e">Observable</span>&lt;<span style="color:#f92672">WSEvent</span>&gt; {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">eventSubject</span>.<span style="color:#a6e22e">asObservable</span>();
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">/** Подключиться к комнате ганта */</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">connect</span>(<span style="color:#a6e22e">chartId</span>: <span style="color:#66d9ef">string</span>)<span style="color:#f92672">:</span> <span style="color:#66d9ef">void</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">disconnect</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">chartId</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">chartId</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">token</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">auth</span>.<span style="color:#a6e22e">getAccessToken</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">wsUrl</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">buildWSUrl</span>(<span style="color:#a6e22e">chartId</span>, <span style="color:#a6e22e">token</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">WebSocket</span>(<span style="color:#a6e22e">wsUrl</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span>.<span style="color:#a6e22e">onopen</span> <span style="color:#f92672">=</span> () <span style="color:#f92672">=&gt;</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">`[WS] Connected to gantt </span><span style="color:#e6db74">${</span><span style="color:#a6e22e">chartId</span><span style="color:#e6db74">}</span><span style="color:#e6db74">`</span>);
</span></span><span style="display:flex;"><span> };
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span>.<span style="color:#a6e22e">onmessage</span> <span style="color:#f92672">=</span> (<span style="color:#a6e22e">msg</span>) <span style="color:#f92672">=&gt;</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">try</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">event</span>: <span style="color:#66d9ef">WSEvent</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">JSON</span>.<span style="color:#a6e22e">parse</span>(<span style="color:#a6e22e">msg</span>.<span style="color:#a6e22e">data</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">eventSubject</span>.<span style="color:#a6e22e">next</span>(<span style="color:#a6e22e">event</span>);
</span></span><span style="display:flex;"><span> } <span style="color:#66d9ef">catch</span> (<span style="color:#a6e22e">e</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">error</span>(<span style="color:#e6db74">&#39;[WS] Parse error&#39;</span>, <span style="color:#a6e22e">e</span>);
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> };
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span>.<span style="color:#a6e22e">onclose</span> <span style="color:#f92672">=</span> (<span style="color:#a6e22e">event</span>) <span style="color:#f92672">=&gt;</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">`[WS] Closed: </span><span style="color:#e6db74">${</span><span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">code</span><span style="color:#e6db74">}</span><span style="color:#e6db74">`</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">code</span> <span style="color:#f92672">!==</span> <span style="color:#ae81ff">1000</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">scheduleReconnect</span>();
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> };
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span>.<span style="color:#a6e22e">onerror</span> <span style="color:#f92672">=</span> () <span style="color:#f92672">=&gt;</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span><span style="color:#f92672">?</span>.<span style="color:#a6e22e">close</span>();
</span></span><span style="display:flex;"><span> };
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">/** Отключиться */</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">disconnect</span>()<span style="color:#f92672">:</span> <span style="color:#66d9ef">void</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">clearTimeout</span>(<span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">reconnectTimer</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span>.<span style="color:#a6e22e">close</span>(<span style="color:#ae81ff">1000</span>, <span style="color:#e6db74">&#39;manual&#39;</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">socket</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">null</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">chartId</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">null</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ngOnDestroy</span>()<span style="color:#f92672">:</span> <span style="color:#66d9ef">void</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">disconnect</span>();
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">buildWSUrl</span>(<span style="color:#a6e22e">chartId</span>: <span style="color:#66d9ef">string</span>, <span style="color:#a6e22e">token</span>: <span style="color:#66d9ef">string</span>)<span style="color:#f92672">:</span> <span style="color:#66d9ef">string</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">base</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">environment</span>.<span style="color:#a6e22e">wsUrl</span> <span style="color:#f92672">||</span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">location</span>.<span style="color:#a6e22e">protocol</span>.<span style="color:#a6e22e">replace</span>(<span style="color:#e6db74">&#39;http&#39;</span>, <span style="color:#e6db74">&#39;ws&#39;</span>) <span style="color:#f92672">+</span> <span style="color:#e6db74">&#39;//&#39;</span> <span style="color:#f92672">+</span> <span style="color:#a6e22e">location</span>.<span style="color:#a6e22e">host</span>;
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#e6db74">`</span><span style="color:#e6db74">${</span><span style="color:#a6e22e">base</span><span style="color:#e6db74">}</span><span style="color:#e6db74">/api/v1/ws/gantt/</span><span style="color:#e6db74">${</span><span style="color:#a6e22e">chartId</span><span style="color:#e6db74">}</span><span style="color:#e6db74">?token=</span><span style="color:#e6db74">${</span><span style="color:#a6e22e">token</span><span style="color:#e6db74">}</span><span style="color:#e6db74">`</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">scheduleReconnect</span>()<span style="color:#f92672">:</span> <span style="color:#66d9ef">void</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#f92672">!</span><span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">chartId</span>) <span style="color:#66d9ef">return</span>;
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">reconnectTimer</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">setTimeout</span>(() <span style="color:#f92672">=&gt;</span> {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">&#39;[WS] Reconnecting...&#39;</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">chartId</span>) <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">connect</span>(<span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">chartId</span>);
</span></span><span style="display:flex;"><span> }, <span style="color:#ae81ff">3000</span>);
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h3 id="42-интеграция-в-gantt-chart-canvas-компонент">4.2. Интеграция в gantt-chart-canvas компонент</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-typescript" data-lang="typescript"><span style="display:flex;"><span><span style="color:#75715e">// В gantt-chart-canvas.component.ts
</span></span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">class</span> <span style="color:#a6e22e">GanttChartCanvasComponent</span> <span style="color:#66d9ef">implements</span> <span style="color:#a6e22e">OnInit</span>, <span style="color:#a6e22e">OnDestroy</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">ws</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">inject</span>(<span style="color:#a6e22e">GanttWSService</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">onlineUsers</span>: <span style="color:#66d9ef">Set</span>&lt;<span style="color:#f92672">string</span>&gt; <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">Set</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">wsSubscription</span>: <span style="color:#66d9ef">Subscription</span> <span style="color:#f92672">|</span> <span style="color:#66d9ef">null</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">null</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ngOnInit</span>()<span style="color:#f92672">:</span> <span style="color:#66d9ef">void</span> {
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Подключиться к WS при загрузке ганта
</span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">connect</span>(<span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">chartId</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">wsSubscription</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">events$</span>.<span style="color:#a6e22e">subscribe</span>(<span style="color:#a6e22e">event</span> <span style="color:#f92672">=&gt;</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">handleWSEvent</span>(<span style="color:#a6e22e">event</span>);
</span></span><span style="display:flex;"><span> });
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">ngOnDestroy</span>()<span style="color:#f92672">:</span> <span style="color:#66d9ef">void</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">wsSubscription</span><span style="color:#f92672">?</span>.<span style="color:#a6e22e">unsubscribe</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">ws</span>.<span style="color:#a6e22e">disconnect</span>();
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">handleWSEvent</span>(<span style="color:#a6e22e">event</span>: <span style="color:#66d9ef">WSEvent</span>)<span style="color:#f92672">:</span> <span style="color:#66d9ef">void</span> {
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Если это событие от текущего пользователя — пропускаем
</span></span></span><span style="display:flex;"><span> <span style="color:#75715e">// (мы уже обновили UI оптимистично или после HTTP-ответа)
</span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">userId</span> <span style="color:#f92672">===</span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">currentUserId</span>) <span style="color:#66d9ef">return</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">switch</span> (<span style="color:#a6e22e">event</span>.<span style="color:#66d9ef">type</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;section_created&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">addSectionLocal</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">payload</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">redrawCanvas</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;section_updated&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">updateSectionLocal</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">payload</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">redrawCanvas</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;section_deleted&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">removeSectionLocal</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">payload</span>.<span style="color:#a6e22e">id</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">redrawCanvas</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;sections_reordered&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">reorderSectionsLocal</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">payload</span>.<span style="color:#a6e22e">ordered_ids</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">redrawCanvas</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;task_created&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">addTaskLocal</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">payload</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">redrawCanvas</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;task_updated&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">updateTaskLocal</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">payload</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">redrawCanvas</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;task_deleted&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">removeTaskLocal</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">payload</span>.<span style="color:#a6e22e">id</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">redrawCanvas</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;user_joined&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">onlineUsers</span>.<span style="color:#a6e22e">add</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">userId</span><span style="color:#f92672">!</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">showOnlineIndicator</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;user_left&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">onlineUsers</span>.<span style="color:#66d9ef">delete</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">userId</span><span style="color:#f92672">!</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">showOnlineIndicator</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// === Безопасность ===
</span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;access_revoked&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">router</span>.<span style="color:#a6e22e">navigate</span>([<span style="color:#e6db74">&#39;/gantt&#39;</span>], {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">state</span><span style="color:#f92672">:</span> { <span style="color:#a6e22e">alert</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#39;Доступ к пространству был отозван&#39;</span> }
</span></span><span style="display:flex;"><span> });
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;chart_archived&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">router</span>.<span style="color:#a6e22e">navigate</span>([<span style="color:#e6db74">&#39;/gantt&#39;</span>], {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">state</span><span style="color:#f92672">:</span> { <span style="color:#a6e22e">alert</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#39;Диаграмма была заархивирована&#39;</span> }
</span></span><span style="display:flex;"><span> });
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;role_changed&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">currentRole</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">payload</span>.<span style="color:#a6e22e">role</span>;
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">updateEditableState</span>();
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">case</span> <span style="color:#e6db74">&#39;token_expired&#39;</span><span style="color:#f92672">:</span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">router</span>.<span style="color:#a6e22e">navigate</span>([<span style="color:#e6db74">&#39;/auth/login&#39;</span>]);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">break</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">private</span> <span style="color:#a6e22e">redrawCanvas</span>()<span style="color:#f92672">:</span> <span style="color:#66d9ef">void</span> {
</span></span><span style="display:flex;"><span> <span style="color:#75715e">// Перерисовать Konva canvas с обновлёнными данными
</span></span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h3 id="43-индикатор-онлайн-пользователей">4.3. Индикатор онлайн-пользователей</h3>
<p>Добавить в шаблон canvas-компонента:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e">&lt;!-- Онлайн-индикатор --&gt;</span>
</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">div</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;online-indicator&#34;</span> <span style="color:#960050;background-color:#1e0010">*</span><span style="color:#a6e22e">ngIf</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;onlineUsers.size &gt; 0&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;pulse-dot&#34;</span>&gt;&lt;/<span style="color:#f92672">span</span>&gt;
</span></span><span style="display:flex;"><span> {{ onlineUsers.size }} онлайн
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#f92672">div</span>&gt;
</span></span></code></pre></div><hr>
<h2 id="5-безопасность">5. Безопасность</h2>
<h3 id="51-авторизация-при-подключении">5.1. Авторизация при подключении</h3>
<table>
<thead>
<tr>
<th>Этап</th>
<th>Проверка</th>
</tr>
</thead>
<tbody>
<tr>
<td>WS Handshake</td>
<td>JWT в query-параметре <code>?token=...</code></td>
</tr>
<tr>
<td>Подписка на комнату</td>
<td>Проверка membership в space</td>
</tr>
<tr>
<td>Каждое broadcast-событие</td>
<td>Hub знает userId каждого клиента</td>
</tr>
</tbody>
</table>
<h3 id="52-сценарии-отзыва-доступа">5.2. Сценарии отзыва доступа</h3>
<table>
<thead>
<tr>
<th>Событие</th>
<th>Триггер</th>
<th>Действие на клиенте</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>access_revoked</code></td>
<td>Исключение из space</td>
<td>Редирект на список гантов</td>
</tr>
<tr>
<td><code>chart_archived</code></td>
<td>Архивация ганта</td>
<td>Редирект на список гантов</td>
</tr>
<tr>
<td><code>role_changed</code></td>
<td>Смена роли (editor→viewer)</td>
<td>Отключить редактирование</td>
</tr>
<tr>
<td><code>token_expired</code></td>
<td>Токен протух</td>
<td>Редирект на логин</td>
</tr>
</tbody>
</table>
<h3 id="53-защита-от-злоупотреблений">5.3. Защита от злоупотреблений</h3>
<table>
<thead>
<tr>
<th>Угроза</th>
<th>Мера</th>
</tr>
</thead>
<tbody>
<tr>
<td>Спам WS-сообщений</td>
<td>Rate limit: 30 msg/min на клиента, <code>ReadLimit</code> в gorilla/websocket</td>
</tr>
<tr>
<td>Подключение без прав</td>
<td>Проверка space membership при handshake</td>
</tr>
<tr>
<td>Истёкший токен</td>
<td>Ping/pong + периодическая проверка JWT (раз в 5 мин)</td>
</tr>
<tr>
<td>XSS через WS</td>
<td>Payload — JSON, sanitize имён на frontend</td>
</tr>
<tr>
<td>Мутации через WS</td>
<td>WS <strong>только для чтения</strong> (уведомления). Мутации — через HTTP API с полной валидацией</td>
</tr>
</tbody>
</table>
<h3 id="54-nginx-конфигурация">5.4. Nginx конфигурация</h3>
<p>В конфиг <code>sand.a2v.space</code> добавить:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-nginx" data-lang="nginx"><span style="display:flex;"><span><span style="color:#75715e"># WebSocket проксирование
</span></span></span><span style="display:flex;"><span><span style="color:#66d9ef">location</span> <span style="color:#e6db74">/api/v1/ws/</span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_pass</span> <span style="color:#e6db74">http://127.0.0.1:8080</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_http_version</span> <span style="color:#ae81ff">1</span><span style="color:#e6db74">.1</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Upgrade</span> $http_upgrade;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Connection</span> <span style="color:#e6db74">&#34;upgrade&#34;</span>;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">Host</span> $host;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Real-IP</span> $remote_addr;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-For</span> $proxy_add_x_forwarded_for;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_set_header</span> <span style="color:#e6db74">X-Forwarded-Proto</span> $scheme;
</span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_read_timeout</span> <span style="color:#e6db74">86400s</span>; <span style="color:#75715e"># 24h для long-lived WS
</span></span></span><span style="display:flex;"><span> <span style="color:#f92672">proxy_send_timeout</span> <span style="color:#e6db74">86400s</span>;
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><hr>
<h2 id="6-оценка-трудозатрат">6. Оценка трудозатрат</h2>
<table>
<thead>
<tr>
<th>Компонент</th>
<th>Строки кода</th>
<th>Время</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>internal/ws/</code> (hub, client, message)</td>
<td>~200</td>
<td>2-3 часа</td>
</tr>
<tr>
<td><code>ws_handler.go</code> (endpoint)</td>
<td>~60</td>
<td>30 мин</td>
</tr>
<tr>
<td>Интеграция broadcast в handlers</td>
<td>~20 (по строке на endpoint)</td>
<td>30 мин</td>
</tr>
<tr>
<td>События безопасности в services</td>
<td>~30</td>
<td>30 мин</td>
</tr>
<tr>
<td><code>gantt-ws.service.ts</code> (Angular)</td>
<td>~80</td>
<td>1 час</td>
</tr>
<tr>
<td>Интеграция в canvas-компонент</td>
<td>~80</td>
<td>1-2 часа</td>
</tr>
<tr>
<td>Индикатор онлайн</td>
<td>~30</td>
<td>30 мин</td>
</tr>
<tr>
<td>Nginx конфигурация</td>
<td>~10</td>
<td>10 мин</td>
</tr>
<tr>
<td>Тестирование</td>
<td></td>
<td>2-3 часа</td>
</tr>
<tr>
<td><strong>Итого</strong></td>
<td><strong>~510 строк</strong></td>
<td><strong>~1-2 дня</strong></td>
</tr>
</tbody>
</table>
<hr>
<h2 id="7-порядок-реализации">7. Порядок реализации</h2>
<ol>
<li><strong>Backend: <code>internal/ws/</code></strong> — hub, client, message types</li>
<li><strong>Backend: WS endpoint</strong> — handler + route</li>
<li><strong>Backend: Broadcast в handlers</strong> — интеграция в существующие CRUD-эндпоинты</li>
<li><strong>Backend: События безопасности</strong> — access_revoked, chart_archived, role_changed</li>
<li><strong>Nginx: WS location</strong> — проксирование WebSocket</li>
<li><strong>Frontend: WS service</strong> — подключение, реконнект, парсинг событий</li>
<li><strong>Frontend: Интеграция в canvas</strong> — обработка событий, обновление Konva</li>
<li><strong>Frontend: Индикатор онлайн</strong> — визуальная обратная связь</li>
<li><strong>Тестирование</strong> — многопользовательский сценарий, отзыв прав, обрывы связи</li>
</ol>
<hr>
<h2 id="8-дальнейшие-улучшения-после-mvp">8. Дальнейшие улучшения (после MVP)</h2>
<ul>
<li><strong>Cursor других пользователей</strong> — показывать позицию курсора на таймлайне</li>
<li><strong>Блокировка элемента</strong> — «кто-то редактирует эту задачу» (optimistic locking через WS)</li>
<li><strong>Чат в ганте</strong> — комментарии к задачам прямо на канвасе</li>
<li><strong>History/undo</strong> — откат изменений с визуальной историей</li>
<li><strong>Уведомления</strong> — push-уведомления при @mention в комментариях к задачам</li>
</ul>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Бинарный файл в репозитории — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Бинарный файл в репозитории</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/personal-site/binary-files-in-repo.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/personal-site\/binary-files-in-repo.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="проблема">Проблема</h2>
<p>В корне репозитория лежат два файла, которые не должны быть в git:</p>
<ul>
<li><strong><code>Шаблоны для сайта.key</code></strong> — Apple Keynote файл (бинарный)</li>
<li><strong><code>logo.psd</code></strong> — Photoshop файл (бинарный)</li>
</ul>
<h3 id="что-не-так">Что не так</h3>
<ul>
<li>Увеличивают размер репозитория</li>
<li>Git неэффективно хранит бинарные файлы (каждая версия — полностью)</li>
<li><code>.key</code> файлы могут содержать конфиденциальные данные шаблонов</li>
</ul>
<h3 id="рекомендация">Рекомендация</h3>
<ol>
<li>Перенести в отдельное хранилище (Google Drive, облако)</li>
<li>Удалить из git-истории через <code>git filter-repo</code></li>
<li>Добавить в <code>.gitignore</code>: <code>*.key</code>, <code>*.psd</code>, <code>*.sketch</code></li>
</ol>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,168 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Copyright без 2026 года — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Copyright без 2026 года</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/personal-site/copyright-outdated.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/personal-site\/copyright-outdated.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="проблема">Проблема</h2>
<p>В <code>params.toml</code>:</p>
<pre tabindex="0"><code>copyRight = &#34;Copyright (c) 2020-2025 Антон Агальцов&#34;
</code></pre><p>Сейчас 2026 год — нужно обновить.</p>
<h3 id="рекомендация">Рекомендация</h3>
<p>Обновить на <code>2020-2026</code>. Или сделать динамическим через Hugo template:</p>
<pre tabindex="0"><code>Copyright (c) 2020-{{ now.Year }} Антон Агальцов
</code></pre>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Digest не обновлялся с февраля 2025 — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Digest не обновлялся с февраля 2025</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/personal-site/digest-stale.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/personal-site\/digest-stale.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="проблема">Проблема</h2>
<p>Последний дайджест — <strong>февраль 2025</strong>. С тех пор 12+ месяцев без новых выпусков.</p>
<h3 id="что-есть">Что есть</h3>
<ul>
<li>27 файлов дайджестов (январь 2023 — февраль 2025)</li>
<li>Автоматизация через <code>digest.js</code> — скрипт для генерации</li>
<li>Но скрипт не запускается автоматически</li>
</ul>
<h3 id="риск">Риск</h3>
<p>Low — контент устаревает, SEO-позиции падают для страниц дайджестов.</p>
<h3 id="рекомендация">Рекомендация</h3>
<ol>
<li>Настроить cron/CI для ежемесячной генерации дайджеста</li>
<li>Или интегрировать с OpenClaw — авто-сборка дайджеста на основе новых публикаций</li>
</ol>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+224
View File
@@ -0,0 +1,224 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Личный сайт (agaltsovav.ru) — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Яша</h1>
<p class="lead">Документация Яши.</p>
<div class="row mt-4">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Дневник</h3>
<p class="card-text">Записи по датам о событиях и обсуждениях.</p>
<a href="../../yasha/diary/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">База знаний</h3>
<p class="card-text">Статьи и документация по различным темам.</p>
<a href="../../yasha/kb/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Планы</h3>
<p class="card-text">Запланированные задачи и их статус.</p>
<a href="../../yasha/plans/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Инструкции</h3>
<p class="card-text">Пошаговые инструкции для различных задач.</p>
<a href="../../yasha/guides/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Креды</h3>
<p class="card-text">Зашифрованные учётные данные (требуется мастер-пароль).</p>
<a href="../../yasha/creds/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Leadera</h3>
<p class="card-text">Документация по проекту Leadera.</p>
<a href="../../yasha/leadera/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title">Личный сайт</h3>
<p class="card-text">Заметки по личному сайту.</p>
<a href="../../yasha/personal-site/" class="btn btn-outline-primary">Открыть</a>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../js/search.js"></script>
<script src="../../js/creds.js"></script>
</body>
</html>
File diff suppressed because one or more lines are too long
@@ -0,0 +1,167 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Устаревший Node.js 16 в Netlify — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Устаревший Node.js 16 в Netlify</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/personal-site/netlify-node-version.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/personal-site\/netlify-node-version.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h1 id="устаревший-nodejs-16-в-netlify">Устаревший Node.js 16 в Netlify</h1>
<p><strong>Файл:</strong> <code>netlify.toml:5</code></p>
<pre tabindex="0"><code>NODE_VERSION = &#34;16.16.0&#34;
</code></pre><p>Node.js 16 вышел из поддержки (EOL) в сентябре 2023. Сборка на Netlify может начать падать или работать некорректно.</p>
<p><strong>Рекомендация:</strong> Обновить до Node.js 20 LTS:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-toml" data-lang="toml"><span style="display:flex;"><span><span style="color:#a6e22e">NODE_VERSION</span> = <span style="color:#e6db74">&#34;20&#34;</span>
</span></span></code></pre></div>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,170 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yandex Metrika отключена — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Yandex Metrika отключена</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/personal-site/no-analytics.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/personal-site\/no-analytics.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="проблема">Проблема</h2>
<p>В <code>params.toml</code>: <code>yandexMetrika = false</code></p>
<p>Аналитика с сайта не собирается. Непонятно, есть ли вообще посетители и какие страницы популярны.</p>
<h3 id="рекомендация">Рекомендация</h3>
<ol>
<li>Включить Yandex Metrika или перейти на <strong>Plausible</strong> / <strong>Umami</strong> (privacy-friendly)</li>
<li>Если сайт не нуждается в аналитике — оставить как есть</li>
<li>Альтернатива: Netlify Analytics (уже встроен в хостинг)</li>
</ol>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Отсутствуют node_modules — нужна установка — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Отсутствуют node_modules — нужна установка</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/personal-site/no-node-modules.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/personal-site\/no-node-modules.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="проблема">Проблема</h2>
<p><code>node_modules/</code> отсутствует — проект нельзя собрать без <code>npm install</code>.</p>
<h3 id="риск">Риск</h3>
<p>Low — стандартная ситуация. Но:</p>
<ul>
<li><code>package-lock.json</code> привязан к Node 16, а на Mac Studio текущий Node v24</li>
<li>Могут быть конфликты зависимостей (canvas, babel, postcss)</li>
<li>Hugo 0.148.2 ставится через <code>hugo-installer</code> в npm — может не совпасть с глобальным Hugo</li>
</ul>
<h3 id="рекомендация">Рекомендация</h3>
<ol>
<li>Убедиться что <code>npm install</code> проходит без ошибок на текущем Node</li>
<li>Если нет — обновить зависимости или использовать nvm для Node 16</li>
<li>Рассмотреть переход на глобальный Hugo вместо <code>exec-bin</code></li>
</ol>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,174 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hugo Doks 0.5 — сильно устарел — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Hugo Doks 0.5 — сильно устарел</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/personal-site/outdated-doks-theme.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/personal-site\/outdated-doks-theme.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="проблема">Проблема</h2>
<p>Проект использует тему <strong>Hyas/Doks v0.5.0</strong> (package.json). Актуальная версия Doks — <strong>1.x</strong> с полной переработкой архитектуры.</p>
<h3 id="что-не-так">Что не так</h3>
<ul>
<li>Doks 0.5 использует устаревший Bootstrap 5.2.0-beta1</li>
<li>Hugo 0.148.2 в зависимостях — новый, но интеграция с темой старая</li>
<li>Конфигурация через <code>theme.toml</code> — в новых версиях перешли на другой формат</li>
<li><code>exec-bin</code> для вызова Hugo — устаревший подход, текущие версии Hugo ставятся глобально</li>
</ul>
<h3 id="риск">Риск</h3>
<p>Medium — работает, но миграция на Doks 1.x потребует значительного рефакторинга layout-ов и конфигурации. Чем дольше откладывать — тем сложнее.</p>
<h3 id="рекомендация">Рекомендация</h3>
<p>Запланировать миграцию на Doks 1.x или перейти на чистый Hugo + Bootstrap без зависимости от темы-фреймворка.</p>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,177 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Twitter handle не соответствует имени — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Разделы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/">Яша</a></li>
<li class="nav-item"><a class="nav-link" href="../../../semen/">Семен</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Twitter handle не соответствует имени</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/personal-site/twitter-handle-mismatch.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/personal-site\/twitter-handle-mismatch.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<h2 id="проблема">Проблема</h2>
<p>В <code>params.toml</code> указан Twitter: <code>@AntonTotoshkin</code></p>
<p>Но владелец сайта — <strong>Антон Агальцов</strong>. Ники не совпадают.</p>
<h3 id="два-варианта">Два варианта</h3>
<ol>
<li>Это твой старый/другой аккаунт — тогда ок, но стоит указать актуальный</li>
<li>Это чужой аккаунт — тогда нужно убрать или исправить</li>
</ol>
<h3 id="затронутые-места">Затронутые места</h3>
<ul>
<li><code>twitterSite = &quot;@AntonTotoshkin&quot;</code></li>
<li><code>schemaAuthorTwitter = &quot;https://twitter.com/AntonTotoshkin&quot;</code></li>
<li><code>schemaTwitter = &quot;https://twitter.com/AntonTotoshkin&quot;</code></li>
</ul>
<h3 id="рекомендация">Рекомендация</h3>
<p>Указать актуальный Twitter/X или убрать, если соцсеть не используется.</p>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,224 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Завершить Eversolo Companion - этапы 3-9 — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Статусы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/plans/">Все планы</a></li>
<li class="nav-item"><a class="nav-link status-planned" href="../../../yasha/plans/?status=planned">🟡 Запланировано</a></li>
<li class="nav-item"><a class="nav-link status-in-progress" href="../../../yasha/plans/?status=in_progress">🟠 В процессе</a></li>
<li class="nav-item"><a class="nav-link status-done" href="../../../yasha/plans/?status=done">✅ Сделано</a></li>
<li class="nav-item"><a class="nav-link status-cancelled" href="../../../yasha/plans/?status=cancelled">❌ Отменено</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Завершить Eversolo Companion - этапы 3-9</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/plans/eversolo-companion-phases-3-9.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/plans\/eversolo-companion-phases-3-9.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="d-flex justify-content-between align-items-start mb-3">
<h1>Завершить Eversolo Companion - этапы 3-9</h1>
<span class="status-badge h5">
🟡 Запланировано
</span>
</div>
<div class="row mb-3">
<div class="col">
<strong>Запланировано:</strong> 29.03.2026
</div>
</div>
<h2 id="описание">Описание</h2>
<p>Завершить разработку Eversolo Companion после решения проблемы с сетевым доступом.</p>
<h2 id="что-сделано">Что сделано</h2>
<ul>
<li><strong>Backend (Go + Gin)</strong>: собран, 17+ REST API эндпоинтов, WebSocket, CORS, state poller</li>
<li><strong>Frontend (Angular 17)</strong>: собран, тёмная тема (Spotify-like), 5 экранов, 5 сервисов</li>
<li><strong>PostgreSQL</strong>: Docker, порт 5433, миграции готовы</li>
<li><strong>Docker Compose</strong>: рабочий (postgres + api + frontend)</li>
<li><strong>Спецификация</strong>: полная в ~/Projects/eversolo-companion/SPEC.md</li>
</ul>
<h2 id="проблема">Проблема</h2>
<p>API не может достучаться до Eversolo T8 (192.168.0.156:9529) из-за ограничений OpenClaw sandbox.</p>
<h2 id="возможные-решения">Возможные решения</h2>
<ol>
<li>Настроить <code>tools.elevated.allowFrom.webchat</code> для разрешения сетевых соединений</li>
<li>Запустить API через launchd plist (как SSH туннели)</li>
<li>Использовать отдельный контейнер без ограничений</li>
</ol>
<h2 id="этапы-3-9-после-решения-сети">Этапы 3-9 (после решения сети)</h2>
<ol>
<li><strong>Библиотека синхронизации</strong> — двухсторонний sync с Eversolo</li>
<li><strong>Плейлисты</strong> — импорт/экспорт, редактирование</li>
<li><strong>Scrobbler</strong> — Last.fm / ListenBrainz</li>
<li><strong>Обложки</strong> — кэширование, отображение в UI</li>
<li><strong>Плеер</strong> — улучшенный интерфейс управления</li>
<li><strong>Система уведомлений</strong> — события от Eversolo</li>
<li><strong>Администрирование</strong> — настройка подключений</li>
</ol>
<h2 id="связанные-ресурсы">Связанные ресурсы</h2>
<ul>
<li><a href="../../../docs/eversolo-companion-spec/">Спецификация проекта</a></li>
<li><a href="../../../kb/eversolo-api/">API документация</a></li>
<li><a href="../../../diary/2026-03-29/">Дневник разработки</a></li>
</ul>
<blockquote class="context-quote">
UI готов, API готов, БД готова — но API не может достучаться до Eversolo из-за ограничений OpenClaw sandbox
</blockquote>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
@@ -0,0 +1,204 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Реализовать управление Eversolo из OpenClaw — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Статусы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/plans/">Все планы</a></li>
<li class="nav-item"><a class="nav-link status-planned" href="../../../yasha/plans/?status=planned">🟡 Запланировано</a></li>
<li class="nav-item"><a class="nav-link status-in-progress" href="../../../yasha/plans/?status=in_progress">🟠 В процессе</a></li>
<li class="nav-item"><a class="nav-link status-done" href="../../../yasha/plans/?status=done">✅ Сделано</a></li>
<li class="nav-item"><a class="nav-link status-cancelled" href="../../../yasha/plans/?status=cancelled">❌ Отменено</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Реализовать управление Eversolo из OpenClaw</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/plans/eversolo-control.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/plans\/eversolo-control.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="d-flex justify-content-between align-items-start mb-3">
<h1>Реализовать управление Eversolo из OpenClaw</h1>
<span class="status-badge h5">
🟡 Запланировано
</span>
</div>
<div class="row mb-3">
<div class="col">
<strong>Запланировано:</strong> 29.03.2026
</div>
</div>
<h2 id="описание">Описание</h2>
<p>Добавить инструменты управления Eversolo T8 в OpenClaw.</p>
<h2 id="что-сделано">Что сделано</h2>
<ul>
<li>Изучен полный API Eversolo T8 (см. <a href="../../../kb/eversolo-api/">Базу знаний</a>)</li>
</ul>
<h2 id="проблема">Проблема</h2>
<p>Sandbox OpenClaw не имеет доступа к локальной сети, где находится Eversolo.</p>
<h2 id="возможные-решения">Возможные решения</h2>
<ol>
<li>Настроить проброс портов</li>
<li>Запустить OpenClaw без sandbox-ограничений</li>
<li>Использовать промежуточный proxy-сервис</li>
</ol>
<blockquote class="context-quote">
API изучен, записан в TOOLS.md. Проблема: нет доступа к LAN из sandbox OpenClaw.
</blockquote>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>
+237
View File
@@ -0,0 +1,237 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Планы — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Статусы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../yasha/plans/">Все планы</a></li>
<li class="nav-item"><a class="nav-link status-planned" href="../../yasha/plans/?status=planned">🟡 Запланировано</a></li>
<li class="nav-item"><a class="nav-link status-in-progress" href="../../yasha/plans/?status=in_progress">🟠 В процессе</a></li>
<li class="nav-item"><a class="nav-link status-done" href="../../yasha/plans/?status=done">✅ Сделано</a></li>
<li class="nav-item"><a class="nav-link status-cancelled" href="../../yasha/plans/?status=cancelled">❌ Отменено</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Планы</h1>
<h3 class="mb-3">Предстоящие</h3>
<div class="card plan-card planned mb-3">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<h4 class="card-title"><a href="../../yasha/plans/eversolo-companion-phases-3-9/">Завершить Eversolo Companion - этапы 3-9</a></h4>
<span class="status-badge">
🟡 Запланировано
</span>
</div>
</div>
</div>
<div class="card plan-card planned mb-3">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<h4 class="card-title"><a href="../../yasha/plans/ollama-openclaw/">Настроить интеграцию Ollama с OpenClaw</a></h4>
<span class="status-badge">
🟡 Запланировано
</span>
</div>
</div>
</div>
<div class="card plan-card planned mb-3">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<h4 class="card-title"><a href="../../yasha/plans/eversolo-control/">Реализовать управление Eversolo из OpenClaw</a></h4>
<span class="status-badge">
🟡 Запланировано
</span>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const urlParams = new URLSearchParams(window.location.search);
const status = urlParams.get('status');
if (status) {
document.querySelectorAll('.plan-card').forEach(card => {
if (!card.classList.contains(status)) {
card.style.display = 'none';
}
});
}
});
</script>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../js/search.js"></script>
<script src="../../js/creds.js"></script>
</body>
</html>
+1
View File
@@ -0,0 +1 @@
[{"content":"Описание Завершить разработку Eversolo Companion после решения проблемы с сетевым доступом.\nЧто сделано Backend (Go + Gin): собран, 17+ REST API эндпоинтов, WebSocket, CORS, state poller Frontend (Angular 17): собран, тёмная тема (Spotify-like), 5 экранов, 5 сервисов PostgreSQL: Docker, порт 5433, миграции готовы Docker Compose: рабочий (postgres + api + frontend) Спецификация: полная в ~/Projects/eversolo-companion/SPEC.md Проблема API не может достучаться до Eversolo T8 (192.168.0.156:9529) из-за ограничений OpenClaw sandbox.\nВозможные решения Настроить tools.elevated.allowFrom.webchat для разрешения сетевых соединений Запустить API через launchd plist (как SSH туннели) Использовать отдельный контейнер без ограничений Этапы 3-9 (после решения сети) Библиотека синхронизации — двухсторонний sync с Eversolo Плейлисты — импорт/экспорт, редактирование Scrobbler — Last.fm / ListenBrainz Обложки — кэширование, отображение в UI Плеер — улучшенный интерфейс управления Система уведомлений — события от Eversolo Администрирование — настройка подключений Связанные ресурсы Спецификация проекта API документация Дневник разработки ","section":"yasha","tags":["eversolo","companion","angular","go","docker"],"title":"Завершить Eversolo Companion - этапы 3-9","url":"/yasha/plans/eversolo-companion-phases-3-9/"},{"content":"Описание Добавить поддержку Ollama в OpenClaw для использования локальных LLM моделей.\nПроблема Модель qwen3.5:9b добавлена в конфиг openclaw.json, но не отображается в openclaw models list.\nСтатус Отложено по решению Антона.\n","section":"yasha","tags":["ollama","openclaw","llm"],"title":"Настроить интеграцию Ollama с OpenClaw","url":"/yasha/plans/ollama-openclaw/"},{"content":"Описание Добавить инструменты управления Eversolo T8 в OpenClaw.\nЧто сделано Изучен полный API Eversolo T8 (см. Базу знаний) Проблема Sandbox OpenClaw не имеет доступа к локальной сети, где находится Eversolo.\nВозможные решения Настроить проброс портов Запустить OpenClaw без sandbox-ограничений Использовать промежуточный proxy-сервис ","section":"yasha","tags":["eversolo","openclaw","api"],"title":"Реализовать управление Eversolo из OpenClaw","url":"/yasha/plans/eversolo-control/"}]
@@ -0,0 +1,196 @@
<!DOCTYPE html>
<html lang="ru-ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Настроить интеграцию Ollama с OpenClaw — docs.a2v.space</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/custom.css">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="../../../">docs.a2v.space</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Яша
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../yasha/diary/">Дневник</a></li>
<li><a class="dropdown-item" href="../../../yasha/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../yasha/plans/">Планы</a></li>
<li><a class="dropdown-item" href="../../../yasha/guides/">Инструкции</a></li>
<li><a class="dropdown-item" href="../../../yasha/creds/">Креды</a></li>
<li><a class="dropdown-item" href="../../../yasha/leadera/">Leadera</a></li>
<li><a class="dropdown-item" href="../../../yasha/personal-site/">Личный сайт</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Семен
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../../semen/changelog/">История изменений</a></li>
<li><a class="dropdown-item" href="../../../semen/kb/">База знаний</a></li>
<li><a class="dropdown-item" href="../../../semen/diary/">Дневник</a></li>
</ul>
</li>
</ul>
<form class="d-flex search-form" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" id="search-input">
<button class="btn btn-outline-light" type="submit">Найти</button>
</form>
</div>
<button class="btn btn-outline-light d-md-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</div>
</nav>
<div id="search-results" class="search-results" style="display: none;">
<div class="search-results-content">
<button type="button" class="btn-close float-end" id="close-search"></button>
<h5>Результаты поиска</h5>
<ul id="results-list"></ul>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<aside class="col-md-3 col-lg-2 d-md-block sidebar collapse" id="sidebar">
<div class="sidebar-content">
<h6>Статусы</h6>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="../../../yasha/plans/">Все планы</a></li>
<li class="nav-item"><a class="nav-link status-planned" href="../../../yasha/plans/?status=planned">🟡 Запланировано</a></li>
<li class="nav-item"><a class="nav-link status-in-progress" href="../../../yasha/plans/?status=in_progress">🟠 В процессе</a></li>
<li class="nav-item"><a class="nav-link status-done" href="../../../yasha/plans/?status=done">✅ Сделано</a></li>
<li class="nav-item"><a class="nav-link status-cancelled" href="../../../yasha/plans/?status=cancelled">❌ Отменено</a></li>
</ul>
</div>
</aside>
<main class="col-md-9 col-lg-10 main-content">
<div class="article-content">
<h1>Настроить интеграцию Ollama с OpenClaw</h1>
<div class="source-path mb-3">
<small class="text-muted">
📁 <code id="source-path" class="user-select-all">~/Projects/docs-a2v/content/yasha/plans/ollama-openclaw.md</code>
<button class="btn btn-sm btn-outline-secondary ms-1 py-0 px-1" onclick="navigator.clipboard.writeText('~/Projects/docs-a2v/content/yasha\/plans\/ollama-openclaw.md')" title="Копировать путь">
📋
</button>
</small>
</div>
<div class="d-flex justify-content-between align-items-start mb-3">
<h1>Настроить интеграцию Ollama с OpenClaw</h1>
<span class="status-badge h5">
🟡 Запланировано
</span>
</div>
<div class="row mb-3">
<div class="col">
<strong>Запланировано:</strong> 29.03.2026
</div>
</div>
<h2 id="описание">Описание</h2>
<p>Добавить поддержку Ollama в OpenClaw для использования локальных LLM моделей.</p>
<h2 id="проблема">Проблема</h2>
<p>Модель <code>qwen3.5:9b</code> добавлена в конфиг <code>openclaw.json</code>, но не отображается в <code>openclaw models list</code>.</p>
<h2 id="статус">Статус</h2>
<p>Отложено по решению Антона.</p>
<blockquote class="context-quote">
Добавлен qwen3.5:9b в openclaw.json, но модель не появилась в openclaw models list. Отложено по решению Антона.
</blockquote>
</div>
</main>
</div>
</div>
<footer class="site-footer">
<div class="container">
<p class="text-center mb-0">&copy; 2026 docs.a2v.space</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0/dist/fuse.min.js"></script>
<script src="../../../js/search.js"></script>
<script src="../../../js/creds.js"></script>
</body>
</html>