opencode-config/docs/handoff/pr-134-draw-image-svg-template-renderer.md at fix/docker/install-cli-fix-dind-hostname

feat(draw-image): SVG template renderer for on-brand covers (#134 )

* feat(draw-image): add SVG template render engine

* feat(draw-image): add opencode plugin and tool tests

* test(draw-image): add vitest unit integration e2e suite

* chore(draw-image): wire CI dependabot docs and ADR

* docs(handoff): set PR number

* docs(handoff): fix PR number placeholder in frontmatter

* fix(ci): use tempfile and trailing newline in draw-image tests

---------

Co-authored-by: opencode-agent <agent@opencode.local>

2026-07-29 23:42:50 +03:00

2.2 KiB

Raw Permalink Blame History

pr: 134 title: feat(draw-image): SVG template renderer for on-brand covers

Что сделано

Реализован плагин draw-image для генерации on-brand обложек (covers) в стиле slaid098.dev. Структура:

.opencode/tools/draw-image.ts — opencode plugin (spawnSync → cli.ts)
.opencode/draw-image/ — render-движок: render.mjs (sharp → PNG), cli.ts, src/ (config/slot-parser/fit/recolor/resolve/render), templates/cover.svg, brand.json, fonts/ (Geist TTF), icons/lucide/ (2007 иконок), brand-logos/ (пусто v1)
Слот-система: HTML-комментарии в SVG → SlotSpec (name/x/y/w/h/fit/recolor/bg/border/radius)
Lucide-иконки: npm-пакет lucide-static, postinstall sync в icons/lucide/, recolor stroke → accent
Шрифты: Geist Sans TTF bundled, переданы в sharp через fontFiles
Идемпотентность: cover.meta.json с sha256(brand+template+args)
Тесты: 48 vitest (unit + integration + e2e) + 5 pytest (tool wrapper via _ts_loader.mjs)
CI: npm ci + npm test в .opencode/draw-image добавлены в test job
dependabot.yml: битый /config → /.opencode + /.opencode/draw-image
docs/project-map/README.md обновлён

Почему

В продуктовых репо slaid098 нет ни одного cover-ассета — обложки рисовались вручную или отсутствовали. Утилита обеспечивает always on-brand генерацию: цвета захардкожены в шаблоне, Geist TTF bundled, Lucide line-icons recolor в accent. Эталон — covers из slaid098-dev/src/apps/.

Pending

—

Watch out

import.meta.dir в draw-image.ts (не import.meta.url) — _ts_loader.mjs заменяет только .dir
CLI использует --experimental-strip-types (Node 22+) для запуска .ts напрямую
lucide-static postinstall копирует 2007 SVG в icons/lucide/ (committим только mic/play, остальные через npm)
sharp fontFiles требует Geist TTF в fonts/ (committим Regular + Bold)

2.2 KiB Raw Permalink Blame History Unescape Escape