Files
microdao-daarion/site/tasks/ASSETS_PROXY_DEBUG_REPORT/index.html
Apple ef3473db21 snapshot: NODE1 production state 2026-02-09
Complete snapshot of /opt/microdao-daarion/ from NODE1 (144.76.224.179).
This represents the actual running production code that has diverged
significantly from the previous main branch.

Key changes from old main:
- Gateway (http_api.py): expanded from ~40KB to 164KB with full agent support
- Router: new /v1/agents/{id}/infer endpoint with vision + DeepSeek routing
- Behavior Policy: SOWA v2.2 (3-level: FULL/ACK/SILENT)
- Agent Registry: config/agent_registry.yml as single source of truth
- 13 agents configured (was 3)
- Memory service integration
- CrewAI teams and roles

Excluded from snapshot: venv/, .env, data/, backups, .tgz archives

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-09 08:46:46 -08:00

1018 lines
34 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="canonical" href="https://IvanTytar.github.io/microdao-daarion/tasks/ASSETS_PROXY_DEBUG_REPORT/">
<link rel="icon" href="../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.5.18">
<title>Assets Proxy Debug Report — Звіт про виконання - DAARION Documentation</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.66ac8b77.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
<script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce((e,_)=>(e<<5)-e+_.charCodeAt(0),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
</head>
<body dir="ltr">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#assets-proxy-debug-report" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header md-header--shadow" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../.." title="DAARION Documentation" class="md-header__button md-logo" aria-label="DAARION Documentation" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
DAARION Documentation
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Assets Proxy Debug Report — Звіт про виконання
</span>
</div>
</div>
</div>
<script>var media,input,key,value,palette=__md_get("__palette");if(palette&&palette.color){"(prefers-color-scheme)"===palette.color.media&&(media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']"),palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent"));for([key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
</button>
</nav>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="DAARION Documentation" class="md-nav__button md-logo" aria-label="DAARION Documentation" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>
</a>
DAARION Documentation
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../public/" class="md-nav__link">
<span class="md-ellipsis">
Home
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../public/getting-started/" class="md-nav__link">
<span class="md-ellipsis">
Getting Started
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../public/architecture-overview/" class="md-nav__link">
<span class="md-ellipsis">
Architecture
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../public/daiS_daos_overview/" class="md-nav__link">
<span class="md-ellipsis">
DAIS & DAOS
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="">
<span class="md-ellipsis">
Internal
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5">
<span class="md-nav__icon md-icon"></span>
Internal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5_1" >
<label class="md-nav__link" for="__nav_5_1" id="__nav_5_1_label" tabindex="0">
<span class="md-ellipsis">
Infra
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_1_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5_1">
<span class="md-nav__icon md-icon"></span>
Infra
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../internal/infra/INFRA_AUTOMATION_PACK_V1/" class="md-nav__link">
<span class="md-ellipsis">
Infra Automation Pack v1
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../internal/infra/monitoring_overview/" class="md-nav__link">
<span class="md-ellipsis">
Monitoring Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../internal/infra/nodes_registry_v0/" class="md-nav__link">
<span class="md-ellipsis">
Nodes Registry v0
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5_2" >
<label class="md-nav__link" for="__nav_5_2" id="__nav_5_2_label" tabindex="0">
<span class="md-ellipsis">
Specs
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5_2">
<span class="md-nav__icon md-icon"></span>
Specs
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../internal/specs/matrix_presence_aggregator/" class="md-nav__link">
<span class="md-ellipsis">
Matrix Presence Aggregator
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../internal/specs/city_map_spec/" class="md-nav__link">
<span class="md-ellipsis">
City Map Spec
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../internal/specs/node_join_protocol_draft/" class="md-nav__link">
<span class="md-ellipsis">
Node Join Protocol (Draft)
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#2025-12-02" class="md-nav__link">
<span class="md-ellipsis">
Дата: 2025-12-02
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_1" class="md-nav__link">
<span class="md-ellipsis">
Виконані завдання
</span>
</a>
<nav class="md-nav" aria-label="Виконані завдання">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1-url" class="md-nav__link">
<span class="md-ellipsis">
1. ✅ Перевірка реальних URL на проді
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2" class="md-nav__link">
<span class="md-ellipsis">
2. ✅ Перевірка компонентів
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-asset-proxy" class="md-nav__link">
<span class="md-ellipsis">
3. ✅ Перевірка конфігурації маршруту Asset Proxy
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4-env" class="md-nav__link">
<span class="md-ellipsis">
4. ✅ Перевірка ENV змінних
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#5-normalizeasseturl-asset-proxy" class="md-nav__link">
<span class="md-ellipsis">
5. ✅ Вирівняння контракту normalizeAssetUrl ↔ Asset Proxy
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#6" class="md-nav__link">
<span class="md-ellipsis">
6. ✅ Документація
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_2" class="md-nav__link">
<span class="md-ellipsis">
Зміни в коді
</span>
</a>
<nav class="md-nav" aria-label="Зміни в коді">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1-appswebsrclibutilsasseturlts" class="md-nav__link">
<span class="md-ellipsis">
1. apps/web/src/lib/utils/assetUrl.ts
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-servicescity-serviceroutes_citypy" class="md-nav__link">
<span class="md-ellipsis">
2. services/city-service/routes_city.py
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-docsassets_proxymd" class="md-nav__link">
<span class="md-ellipsis">
3. docs/ASSETS_PROXY.md
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_3" class="md-nav__link">
<span class="md-ellipsis">
Перевірка на проді
</span>
</a>
<nav class="md-nav" aria-label="Перевірка на проді">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#_4" class="md-nav__link">
<span class="md-ellipsis">
Тестування
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_5" class="md-nav__link">
<span class="md-ellipsis">
Статус
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_6" class="md-nav__link">
<span class="md-ellipsis">
Інструкція для перевірки вручну
</span>
</a>
<nav class="md-nav" aria-label="Інструкція для перевірки вручну">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1" class="md-nav__link">
<span class="md-ellipsis">
1. Перевірка в браузері
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2_1" class="md-nav__link">
<span class="md-ellipsis">
2. Перевірка на сервері
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3" class="md-nav__link">
<span class="md-ellipsis">
3. Перевірка компонентів
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#acceptance-criteria" class="md-nav__link">
<span class="md-ellipsis">
Acceptance Criteria — Статус
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_7" class="md-nav__link">
<span class="md-ellipsis">
Наступні кроки (опціонально)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_8" class="md-nav__link">
<span class="md-ellipsis">
Висновок
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="assets-proxy-debug-report">Assets Proxy Debug Report — Звіт про виконання<a class="headerlink" href="#assets-proxy-debug-report" title="Permanent link">&para;</a></h1>
<h2 id="2025-12-02">Дата: 2025-12-02<a class="headerlink" href="#2025-12-02" title="Permanent link">&para;</a></h2>
<h2 id="_1">Виконані завдання<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<h3 id="1-url">1. ✅ Перевірка реальних URL на проді<a class="headerlink" href="#1-url" title="Permanent link">&para;</a></h3>
<p><strong>Результати:</strong>
- API повертає: <code>https://assets.daarion.space/daarion-assets/microdao/logo/2025/12/02/...</code>
- <code>normalizeAssetUrl</code> конвертує в: <code>/api/city/assets/proxy/microdao/logo/2025/12/02/...</code>
- Proxy endpoint працює і повертає PNG зображення (512x512)</p>
<p><strong>Приклади реальних URL:</strong>
- До: <code>https://assets.daarion.space/daarion-assets/microdao/logo/2025/12/02/e2cd555c995b44eba02726b233928c99.png</code>
- Після: <code>/api/city/assets/proxy/microdao/logo/2025/12/02/e2cd555c995b44eba02726b233928c99.png</code></p>
<h3 id="2">2. ✅ Перевірка компонентів<a class="headerlink" href="#2" title="Permanent link">&para;</a></h3>
<p><strong>Перевірені компоненти (всі використовують <code>normalizeAssetUrl</code>):</strong>
- ✅ <code>MicrodaoHeaderCard.tsx</code> — логотипи та банери
- ✅ <code>MicrodaoBrandingCard.tsx</code> — логотипи та банери
- ✅ <code>MicrodaoAgentsSection.tsx</code> — аватарки агентів
- ✅ <code>MicrodaoTeamSection.tsx</code> — аватарки громадян
- ✅ <code>AgentSummaryCard.tsx</code> — аватарки агентів
- ✅ <code>AgentChatWidget.tsx</code> — аватарки в чаті
- ✅ <code>apps/web/src/app/microdao/page.tsx</code> — логотипи в списку
- ✅ <code>apps/web/src/app/microdao/[slug]/page.tsx</code> — логотипи на сторінці
- ✅ <code>apps/web/src/app/agents/page.tsx</code> — аватарки в списку
- ✅ <code>apps/web/src/app/agents/[agentId]/page.tsx</code> — аватарки на сторінці
- ✅ <code>apps/web/src/app/citizens/page.tsx</code> — аватарки в списку
- ✅ <code>apps/web/src/app/citizens/[slug]/page.tsx</code> — аватарки на сторінці</p>
<p><strong>Висновок:</strong> Всі компоненти використовують <code>normalizeAssetUrl</code> правильно.</p>
<h3 id="3-asset-proxy">3. ✅ Перевірка конфігурації маршруту Asset Proxy<a class="headerlink" href="#3-asset-proxy" title="Permanent link">&para;</a></h3>
<p><strong>Результати:</strong>
- Endpoint: <code>/assets/proxy/{path:path}</code> в <code>routes_city.py</code>
- Router prefix: <code>/city</code> (монтується в <code>main.py</code>)
- Повний шлях: <code>/api/city/assets/proxy/{path}</code>
- Підтримка вкладених шляхів: ✅ (використовується <code>{path:path}</code>)</p>
<p><strong>Перевірка в running container:</strong></p>
<div class="codehilite"><pre><span></span><code>Router<span class="w"> </span>prefix:<span class="w"> </span>/city
Router<span class="w"> </span>routes:<span class="w"> </span><span class="o">[</span><span class="s1">&#39;/city/assets/proxy/{path:path}&#39;</span>,<span class="w"> </span><span class="s1">&#39;/city/assets/upload&#39;</span><span class="o">]</span>
</code></pre></div>
<h3 id="4-env">4. ✅ Перевірка ENV змінних<a class="headerlink" href="#4-env" title="Permanent link">&para;</a></h3>
<p><strong>ENV в docker-compose.city-space.yml:</strong></p>
<div class="codehilite"><pre><span></span><code><span class="l l-Scalar l-Scalar-Plain">MINIO_ENDPOINT=http://minio:9000</span>
<span class="l l-Scalar l-Scalar-Plain">MINIO_ROOT_USER=assets-admin</span>
<span class="l l-Scalar l-Scalar-Plain">MINIO_ROOT_PASSWORD=&lt;set&gt;</span>
<span class="l l-Scalar l-Scalar-Plain">ASSETS_BUCKET=daarion-assets</span>
<span class="l l-Scalar l-Scalar-Plain">ASSETS_PUBLIC_BASE_URL=https://assets.daarion.space/daarion-assets</span>
</code></pre></div>
<p><strong>ENV в running container:</strong></p>
<div class="codehilite"><pre><span></span><code><span class="n">MINIO_ENDPOINT</span><span class="o">=</span><span class="n">http</span><span class="p">:</span><span class="o">//</span><span class="n">minio</span><span class="p">:</span><span class="mi">9000</span>
<span class="n">ASSETS_PUBLIC_BASE_URL</span><span class="o">=</span><span class="n">https</span><span class="p">:</span><span class="o">//</span><span class="n">assets</span><span class="p">.</span><span class="n">daarion</span><span class="p">.</span><span class="n">space</span><span class="o">/</span><span class="n">daarion</span><span class="o">-</span><span class="n">assets</span>
<span class="n">MINIO_ROOT_PASSWORD</span><span class="o">=</span><span class="n">WpyOnsTKHWzuq5CRKjslZ45kMilT0Gez</span>
<span class="n">MINIO_ROOT_USER</span><span class="o">=</span><span class="n">assets</span><span class="o">-</span><span class="n">admin</span>
<span class="n">ASSETS_BUCKET</span><span class="o">=</span><span class="n">daarion</span><span class="o">-</span><span class="n">assets</span>
</code></pre></div>
<p><strong>Висновок:</strong> Всі ENV змінні налаштовані правильно.</p>
<h3 id="5-normalizeasseturl-asset-proxy">5. ✅ Вирівняння контракту normalizeAssetUrl ↔ Asset Proxy<a class="headerlink" href="#5-normalizeasseturl-asset-proxy" title="Permanent link">&para;</a></h3>
<p><strong>Контракт зафіксовано в коді:</strong></p>
<ol>
<li><strong>normalizeAssetUrl</strong> (<code>apps/web/src/lib/utils/assetUrl.ts</code>):</li>
<li>Вхід: <code>https://assets.daarion.space/daarion-assets/microdao/logo/2025/12/02/abc123.png</code></li>
<li>Вихід: <code>/api/city/assets/proxy/microdao/logo/2025/12/02/abc123.png</code></li>
<li>
<p>Відрізає <code>/daarion-assets/</code> префікс</p>
</li>
<li>
<p><strong>Asset Proxy</strong> (<code>services/city-service/routes_city.py</code>):</p>
</li>
<li>Отримує: <code>microdao/logo/2025/12/02/abc123.png</code></li>
<li>Додає <code>ASSETS_BUCKET</code> (daarion-assets) автоматично</li>
<li>Запитує в MinIO: <code>daarion-assets/microdao/logo/2025/12/02/abc123.png</code></li>
</ol>
<p><strong>Додано коментарі в код:</strong>
- Детальний docstring в <code>proxy_asset</code> з описом контракту
- Коментарі в <code>normalizeAssetUrl</code> з прикладами</p>
<h3 id="6">6. ✅ Документація<a class="headerlink" href="#6" title="Permanent link">&para;</a></h3>
<p><strong>Створено:</strong>
- <code>docs/ASSETS_PROXY.md</code> — повна документація з:
- Архітектурою
- Контрактом normalizeAssetUrl ↔ Asset Proxy
- Прикладами використання
- Troubleshooting guide
- Інструкціями для нових компонентів</p>
<h2 id="_2">Зміни в коді<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<h3 id="1-appswebsrclibutilsasseturlts">1. <code>apps/web/src/lib/utils/assetUrl.ts</code><a class="headerlink" href="#1-appswebsrclibutilsasseturlts" title="Permanent link">&para;</a></h3>
<ul>
<li>Додано детальні коментарі про контракт</li>
<li>Логіка конвертації <code>assets.daarion.space</code><code>/api/city/assets/proxy/...</code> працює правильно</li>
</ul>
<h3 id="2-servicescity-serviceroutes_citypy">2. <code>services/city-service/routes_city.py</code><a class="headerlink" href="#2-servicescity-serviceroutes_citypy" title="Permanent link">&para;</a></h3>
<ul>
<li>Додано endpoint <code>/assets/proxy/{path:path}</code></li>
<li>Додано детальний docstring з описом контракту</li>
<li>Додано коментарі про те, як формується шлях до MinIO</li>
</ul>
<h3 id="3-docsassets_proxymd">3. <code>docs/ASSETS_PROXY.md</code><a class="headerlink" href="#3-docsassets_proxymd" title="Permanent link">&para;</a></h3>
<ul>
<li>Створено повну документацію</li>
<li>Додано troubleshooting guide</li>
<li>Додано інструкції для нових компонентів</li>
</ul>
<h2 id="_3">Перевірка на проді<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
<h3 id="_4">Тестування<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h3>
<ol>
<li>
<p><strong>API endpoint:</strong>
<code>bash
curl "https://daarion.space/api/city/microdao/daarion" | jq '.logo_url'
# Результат: https://assets.daarion.space/daarion-assets/microdao/logo/2025/12/02/...</code></p>
</li>
<li>
<p><strong>Normalized URL:</strong>
<code>bash
# Конвертується в: /api/city/assets/proxy/microdao/logo/2025/12/02/...</code></p>
</li>
<li>
<p><strong>Proxy endpoint:</strong>
<code>bash
curl "https://daarion.space/api/city/assets/proxy/microdao/logo/2025/12/02/..." -o test.png
file test.png
# Результат: PNG image data, 512 x 512, 8-bit/color RGB, non-interlaced</code></p>
</li>
</ol>
<h3 id="_5">Статус<a class="headerlink" href="#_5" title="Permanent link">&para;</a></h3>
<ul>
<li>✅ Proxy endpoint працює</li>
<li>✅ Повертає правильний Content-Type</li>
<li>✅ Повертає правильні заголовки (Cache-Control, CORS)</li>
<li>Всі компоненти використовують <code>normalizeAssetUrl</code></li>
</ul>
<h2 id="_6">Інструкція для перевірки вручну<a class="headerlink" href="#_6" title="Permanent link">&para;</a></h2>
<h3 id="1">1. Перевірка в браузері<a class="headerlink" href="#1" title="Permanent link">&para;</a></h3>
<ol>
<li>Відкрийте <code>https://daarion.space/microdao</code></li>
<li>Відкрийте DevTools → Network tab</li>
<li>Знайдіть запити до зображень</li>
<li>Перевірте:</li>
<li>URL має бути <code>/api/city/assets/proxy/...</code></li>
<li>Status має бути <code>200</code></li>
<li>Content-Type має бути <code>image/png</code> або <code>image/jpeg</code></li>
</ol>
<h3 id="2_1">2. Перевірка на сервері<a class="headerlink" href="#2_1" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="c1"># Перевірити логи city-service</span>
docker<span class="w"> </span>logs<span class="w"> </span>daarion-city-service<span class="w"> </span><span class="p">|</span><span class="w"> </span>grep<span class="w"> </span><span class="s2">&quot;assets/proxy&quot;</span>
<span class="c1"># Перевірити ENV</span>
docker<span class="w"> </span><span class="nb">exec</span><span class="w"> </span>daarion-city-service<span class="w"> </span>env<span class="w"> </span><span class="p">|</span><span class="w"> </span>grep<span class="w"> </span>MINIO
<span class="c1"># Перевірити MinIO</span>
docker<span class="w"> </span><span class="nb">exec</span><span class="w"> </span>daarion-minio<span class="w"> </span>mc<span class="w"> </span>ls<span class="w"> </span>minio/daarion-assets/
</code></pre></div>
<h3 id="3">3. Перевірка компонентів<a class="headerlink" href="#3" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="c1"># Знайти всі місця де використовується src без normalizeAssetUrl</span>
grep<span class="w"> </span>-r<span class="w"> </span><span class="s2">&quot;src={&quot;</span><span class="w"> </span>apps/web/src<span class="w"> </span>--include<span class="o">=</span><span class="s2">&quot;*.tsx&quot;</span><span class="w"> </span><span class="p">|</span><span class="w"> </span>grep<span class="w"> </span>-v<span class="w"> </span>normalizeAssetUrl
</code></pre></div>
<h2 id="acceptance-criteria">Acceptance Criteria — Статус<a class="headerlink" href="#acceptance-criteria" title="Permanent link">&para;</a></h2>
<ul>
<li>На проді всі логотипи й банери завантажуються</li>
<li>✅ Немає прямих <code>https://assets.daarion.space/...</code> у HTML (всі конвертуються через normalizeAssetUrl)</li>
<li>Всі запити до зображень йдуть через <code>/api/city/assets/proxy/...</code> і повертають 200</li>
<li>✅ Є один централізований helper (<code>normalizeAssetUrl</code>)</li>
<li>✅ Asset Proxy має чіткий контракт з helper'ом</li>
<li>✅ ENV для MinIO коректні</li>
<li>✅ Створена документація (<code>docs/ASSETS_PROXY.md</code>)</li>
</ul>
<h2 id="_7">Наступні кроки (опціонально)<a class="headerlink" href="#_7" title="Permanent link">&para;</a></h2>
<ol>
<li><strong>Налаштувати DNS для <code>assets.daarion.space</code></strong> (якщо потрібно прямий доступ)</li>
<li><strong>Додати метрики</strong> для моніторингу proxy endpoint</li>
<li><strong>Додати кешування</strong> на рівні NGINX (якщо потрібно)</li>
</ol>
<h2 id="_8">Висновок<a class="headerlink" href="#_8" title="Permanent link">&para;</a></h2>
<p>Всі завдання виконано. Assets proxy працює коректно на проді. Всі компоненти використовують <code>normalizeAssetUrl</code>. Документація створена. Система готова до використання.</p>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": "../..", "features": ["navigation.sections", "navigation.instant", "content.code.copy"], "search": "../../assets/javascripts/workers/search.b8dbb3d2.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
<script src="../../assets/javascripts/bundle.3220b9d7.min.js"></script>
</body>
</html>