Files
microdao-daarion/site/ASSETS_PROXY/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

1025 lines
32 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/ASSETS_PROXY/">
<link rel="icon" href="../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.5.18">
<title>Assets Proxy — Документація - 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" 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 — Документація
</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="#_1" class="md-nav__link">
<span class="md-ellipsis">
Огляд
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_2" class="md-nav__link">
<span class="md-ellipsis">
Архітектура
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#normalizeasseturl-asset-proxy" class="md-nav__link">
<span class="md-ellipsis">
Контракт normalizeAssetUrl ↔ Asset Proxy
</span>
</a>
<nav class="md-nav" aria-label="Контракт normalizeAssetUrl ↔ Asset Proxy">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#url" class="md-nav__link">
<span class="md-ellipsis">
Вхідний URL з БД
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#url-normalizeasseturl" class="md-nav__link">
<span class="md-ellipsis">
Вихідний URL для фронта (після normalizeAssetUrl)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#minio-proxy" class="md-nav__link">
<span class="md-ellipsis">
Шлях до MinIO (всередині proxy)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_3" class="md-nav__link">
<span class="md-ellipsis">
Використання в компонентах
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#endpoint" class="md-nav__link">
<span class="md-ellipsis">
Endpoint
</span>
</a>
<nav class="md-nav" aria-label="Endpoint">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#city-service" class="md-nav__link">
<span class="md-ellipsis">
City Service
</span>
</a>
</li>
<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="#env" class="md-nav__link">
<span class="md-ellipsis">
ENV змінні
</span>
</a>
<nav class="md-nav" aria-label="ENV змінні">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#city-service_1" class="md-nav__link">
<span class="md-ellipsis">
City Service
</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="#asset" class="md-nav__link">
<span class="md-ellipsis">
Завантаження asset
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#asset_1" class="md-nav__link">
<span class="md-ellipsis">
Відображення asset на фронті
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#troubleshooting" class="md-nav__link">
<span class="md-ellipsis">
Troubleshooting
</span>
</a>
<nav class="md-nav" aria-label="Troubleshooting">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#404-not-found" class="md-nav__link">
<span class="md-ellipsis">
404 Not Found
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#500-internal-server-error" class="md-nav__link">
<span class="md-ellipsis">
500 Internal Server Error
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#assets" class="md-nav__link">
<span class="md-ellipsis">
Assets не відображаються на фронті
</span>
</a>
</li>
</ul>
</nav>
</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="#url_1" class="md-nav__link">
<span class="md-ellipsis">
Міграція зі старих URL
</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">Assets Proxy — Документація<a class="headerlink" href="#assets-proxy" title="Permanent link">&para;</a></h1>
<h2 id="_1">Огляд<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<p>DAARION використовує <strong>MinIO</strong> (S3-compatible object storage) для зберігання assets (логотипи, банери, аватарки). Для доступу до assets без налаштування DNS для <code>assets.daarion.space</code> використовується <strong>Asset Proxy</strong> через <code>city-service</code>.</p>
<h2 id="_2">Архітектура<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<div class="codehilite"><pre><span></span><code>┌─────────────┐
│ Frontend │ → /api/city/assets/proxy/microdao/logo/...
└─────────────┘
┌─────────────┐
│ city-service│ → /city/assets/proxy/{path}
│ (FastAPI) │
└─────────────┘
┌─────────────┐
│ MinIO │ → daarion-assets/microdao/logo/...
│ (Docker) │
└─────────────┘
</code></pre></div>
<h2 id="normalizeasseturl-asset-proxy">Контракт normalizeAssetUrl ↔ Asset Proxy<a class="headerlink" href="#normalizeasseturl-asset-proxy" title="Permanent link">&para;</a></h2>
<h3 id="url">Вхідний URL з БД<a class="headerlink" href="#url" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code>https://assets.daarion.space/daarion-assets/microdao/logo/2025/12/02/abc123.png
</code></pre></div>
<h3 id="url-normalizeasseturl">Вихідний URL для фронта (після normalizeAssetUrl)<a class="headerlink" href="#url-normalizeasseturl" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code>/api/city/assets/proxy/microdao/logo/2025/12/02/abc123.png
</code></pre></div>
<h3 id="minio-proxy">Шлях до MinIO (всередині proxy)<a class="headerlink" href="#minio-proxy" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code>daarion-assets/microdao/logo/2025/12/02/abc123.png
</code></pre></div>
<p><strong>Важливо:</strong> <code>normalizeAssetUrl</code> відрізає <code>daarion-assets/</code> з URL, тому proxy отримує шлях без префіксу бакету. Proxy додає <code>ASSETS_BUCKET</code> автоматично.</p>
<h2 id="_3">Використання в компонентах<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
<p><strong>ЗАВЖДИ</strong> використовуйте <code>normalizeAssetUrl</code> для всіх asset URLs:</p>
<div class="codehilite"><pre><span></span><code><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">normalizeAssetUrl</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;@/lib/utils/assetUrl&#39;</span><span class="p">;</span>
<span class="c1">// ✅ ПРАВИЛЬНО</span>
<span class="o">&lt;</span><span class="nx">img</span><span class="w"> </span><span class="nx">src</span><span class="o">=</span><span class="p">{</span><span class="nx">normalizeAssetUrl</span><span class="p">(</span><span class="nx">logo_url</span><span class="p">)</span><span class="o">!</span><span class="p">}</span><span class="w"> </span><span class="nx">alt</span><span class="o">=</span><span class="s2">&quot;Logo&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
<span class="c1">// ❌ НЕПРАВИЛЬНО</span>
<span class="o">&lt;</span><span class="nx">img</span><span class="w"> </span><span class="nx">src</span><span class="o">=</span><span class="p">{</span><span class="nx">logo_url</span><span class="p">}</span><span class="w"> </span><span class="nx">alt</span><span class="o">=</span><span class="s2">&quot;Logo&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
</code></pre></div>
<h2 id="endpoint">Endpoint<a class="headerlink" href="#endpoint" title="Permanent link">&para;</a></h2>
<h3 id="city-service">City Service<a class="headerlink" href="#city-service" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Path:</strong> <code>/city/assets/proxy/{path:path}</code></li>
<li><strong>Method:</strong> <code>GET</code></li>
<li><strong>Router prefix:</strong> <code>/city</code> (монтується в <code>main.py</code> без додаткового префіксу)</li>
<li><strong>Повний URL:</strong> <code>/api/city/assets/proxy/{path}</code></li>
</ul>
<h3 id="_4">Параметри<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h3>
<ul>
<li><code>path</code> — шлях до файлу в MinIO (без префіксу бакету)</li>
<li>Приклад: <code>microdao/logo/2025/12/02/abc123.png</code></li>
</ul>
<h3 id="_5">Відповідь<a class="headerlink" href="#_5" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>200 OK</strong> — файл знайдено</li>
<li><code>Content-Type</code>: <code>image/png</code>, <code>image/jpeg</code>, тощо</li>
<li><code>Cache-Control</code>: <code>public, max-age=86400, immutable</code></li>
<li>
<p><code>Access-Control-Allow-Origin</code>: <code>*</code></p>
</li>
<li>
<p><strong>404 Not Found</strong> — файл не знайдено в MinIO</p>
</li>
</ul>
<h2 id="env">ENV змінні<a class="headerlink" href="#env" title="Permanent link">&para;</a></h2>
<h3 id="city-service_1">City Service<a class="headerlink" href="#city-service_1" title="Permanent link">&para;</a></h3>
<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">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">MINIO_ROOT_PASSWORD</span><span class="o">=&lt;</span><span class="n">password</span><span class="o">&gt;</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>
<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>
</code></pre></div>
<p><strong>Примітка:</strong> <code>ASSETS_PUBLIC_BASE_URL</code> використовується тільки для генерації URL при завантаженні. Для читання використовується proxy.</p>
<h2 id="_6">Приклади<a class="headerlink" href="#_6" title="Permanent link">&para;</a></h2>
<h3 id="asset">Завантаження asset<a class="headerlink" href="#asset" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="kn">from</span><span class="w"> </span><span class="nn">lib.assets_client</span><span class="w"> </span><span class="kn">import</span> <span class="n">upload_asset</span>
<span class="n">url</span> <span class="o">=</span> <span class="n">upload_asset</span><span class="p">(</span>
<span class="n">file_obj</span><span class="p">,</span>
<span class="n">content_type</span><span class="o">=</span><span class="s2">&quot;image/png&quot;</span><span class="p">,</span>
<span class="n">prefix</span><span class="o">=</span><span class="s2">&quot;microdao/logo&quot;</span><span class="p">,</span>
<span class="n">filename</span><span class="o">=</span><span class="s2">&quot;logo.png&quot;</span>
<span class="p">)</span>
<span class="c1"># Повертає: https://assets.daarion.space/daarion-assets/microdao/logo/2025/12/02/abc123.png</span>
</code></pre></div>
<h3 id="asset_1">Відображення asset на фронті<a class="headerlink" href="#asset_1" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="kd">const</span><span class="w"> </span><span class="nx">logoUrl</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;https://assets.daarion.space/daarion-assets/microdao/logo/2025/12/02/abc123.png&quot;</span><span class="p">;</span>
<span class="kd">const</span><span class="w"> </span><span class="nx">normalized</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">normalizeAssetUrl</span><span class="p">(</span><span class="nx">logoUrl</span><span class="p">);</span>
<span class="c1">// normalized = &quot;/api/city/assets/proxy/microdao/logo/2025/12/02/abc123.png&quot;</span>
<span class="o">&lt;</span><span class="nx">img</span><span class="w"> </span><span class="nx">src</span><span class="o">=</span><span class="p">{</span><span class="nx">normalized</span><span class="p">}</span><span class="w"> </span><span class="nx">alt</span><span class="o">=</span><span class="s2">&quot;Logo&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
</code></pre></div>
<h2 id="troubleshooting">Troubleshooting<a class="headerlink" href="#troubleshooting" title="Permanent link">&para;</a></h2>
<h3 id="404-not-found">404 Not Found<a class="headerlink" href="#404-not-found" title="Permanent link">&para;</a></h3>
<ol>
<li>
<p>Перевірте чи файл існує в MinIO:
<code>bash
docker exec daarion-minio mc ls minio/daarion-assets/microdao/logo/2025/12/02/</code></p>
</li>
<li>
<p>Перевірте чи правильний шлях передається в proxy:
<code>bash
curl -I "https://daarion.space/api/city/assets/proxy/microdao/logo/2025/12/02/abc123.png"</code></p>
</li>
<li>
<p>Перевірте логи city-service:
<code>bash
docker logs daarion-city-service | grep "assets/proxy"</code></p>
</li>
</ol>
<h3 id="500-internal-server-error">500 Internal Server Error<a class="headerlink" href="#500-internal-server-error" title="Permanent link">&para;</a></h3>
<ol>
<li>
<p>Перевірте ENV змінні в docker-compose:
<code>bash
docker exec daarion-city-service env | grep MINIO</code></p>
</li>
<li>
<p>Перевірте чи MinIO доступний:
<code>bash
docker exec daarion-city-service curl -I http://minio:9000/minio/health/live</code></p>
</li>
</ol>
<h3 id="assets">Assets не відображаються на фронті<a class="headerlink" href="#assets" title="Permanent link">&para;</a></h3>
<ol>
<li>Перевірте чи компонент використовує <code>normalizeAssetUrl</code>:
```typescript
// ✅ ПРАВИЛЬНО
src={normalizeAssetUrl(url)}</li>
</ol>
<p>// ❌ НЕПРАВИЛЬНО
src={url}
```</p>
<ol>
<li>Перевірте в DevTools Network tab:</li>
<li>Чи запити йдуть на <code>/api/city/assets/proxy/...</code>?</li>
<li>Який статус відповіді (200/404/500)?</li>
</ol>
<h2 id="_7">Додавання нових компонентів<a class="headerlink" href="#_7" title="Permanent link">&para;</a></h2>
<p>При додаванні нового компонента, який відображає assets:</p>
<ol>
<li>
<p><strong>Імпортуйте</strong> <code>normalizeAssetUrl</code>:
<code>typescript
import { normalizeAssetUrl } from '@/lib/utils/assetUrl';</code></p>
</li>
<li>
<p><strong>Використовуйте</strong> для всіх asset URLs:
<code>typescript
&lt;img src={normalizeAssetUrl(logo_url)!} alt="Logo" /&gt;
&lt;div style={{ backgroundImage: `url(${normalizeAssetUrl(banner_url)})` }} /&gt;</code></p>
</li>
<li>
<p><strong>НЕ використовуйте</strong> прямі URLs з БД без нормалізації.</p>
</li>
</ol>
<h2 id="url_1">Міграція зі старих URL<a class="headerlink" href="#url_1" title="Permanent link">&para;</a></h2>
<p>Якщо в БД є старі формати URL:</p>
<ul>
<li><code>/static/uploads/logo.png</code> → автоматично конвертується в <code>/api/static/uploads/logo.png</code></li>
<li><code>/assets/logos/logo.png</code> → залишається як є</li>
<li><code>https://assets.daarion.space/...</code> → конвертується в <code>/api/city/assets/proxy/...</code></li>
</ul>
<p><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>