// Catalogue — output: моно-сетка карточек. // Карточки с миниатюрными обложками в моно-обвязке (sumi/amber палитра). // Над каждой секцией — tree-сводка в стиле `ls --tree`. // ============================================================================ // Утилиты // ============================================================================ const StatusDot = ({ status }) => { const color = { writing: 'var(--accent-amber)', rewriting: 'var(--accent-amber)', draft: 'var(--muted)', paused: 'var(--accent-rose, #E08E79)', published: 'var(--accent-moegi, #AACF53)', cycle: 'var(--accent-cyan, #7DD3C0)', }[status.k] || 'var(--fg-soft)'; const glow = (status.k === 'writing' || status.k === 'rewriting'); return ( ); }; const SectionHeading = ({ kicker, title, sub, count }) => (
{kicker} {count != null && ( n = {count} )}

{title}

{sub && (

{sub}

)}
); // ============================================================================ // CommandLine — `agatis@lab ~/works ❯ ls --tree --filter=…` // ============================================================================ const CommandLine = ({ filter }) => (
agatis@lab ~/works ❯ ls --tree --filter= {filter}
); // ============================================================================ // TreeSummary — box-drawing «table of contents» // ============================================================================ const TreeSummary = ({ folder, rows, getMeta }) => { // строки tree: ├─ … / └─ … const lines = rows.map((r, i) => { const last = i === rows.length - 1; const prefix = last ? '└─ ' : '├─ '; const id = `${r.id}/`; const meta = getMeta ? getMeta(r) : ''; return { prefix, id, meta }; }); return ( 
      {folder}/
      {'\n'}
      {lines.map((l, i) => (
        
          {l.prefix}
          {l.id.padEnd(20, ' ')}
          {l.meta && (
              {l.meta}
          )}
          {'\n'}
        
      ))}
); }; // ============================================================================ // CoverThumb — миниатюра обложки (одна или стопка-веер) в box-drawing рамке // ============================================================================ const CoverThumb = ({ row, totalBooks }) => { const raw = (window.COVERS || {})[row.id]; const isFan = Array.isArray(raw); const sources = isFan ? raw : (raw ? [raw] : []); const label = isFan ? `${row.id}.series` : `${row.id}.cover`; const extraBooks = isFan && totalBooks ? Math.max(0, totalBooks - sources.length) : 0; const topRule = ( ); const botRule = ( ); // ASCII-плейсхолдер if (sources.length === 0) { return ( ); } // Веер: задние карты сначала (rotate ±), верхняя — последняя // Углы и смещения подбираем по количеству const fanLayout = (i, total) => { if (total === 1) return { rotate: 0, dx: 0, dy: 0 }; const center = (total - 1) / 2; const k = i - center; // -1.5 … 1.5 const angle = k * 6; // ±6° на карту const dx = k * 14; // 14px горизонтального смещения const dy = Math.abs(k) * 4; // лёгкий «поднятый низ» по бокам return { rotate: angle, dx, dy }; }; return ( ); }; // ============================================================================ // Card — универсальная карточка книги/цикла // ============================================================================ const Card = ({ row, variant = 'std' }) => { const isDraft = variant === 'draft'; const isWriting = variant === 'writing'; const isCycle = variant === 'cycle'; return ( {/* миниатюра обложки (или веер для циклов) в box-drawing рамке */} {/* шапка карточки: № + id + статус */}
# {row.n} · {row.id}/
{/* universe */}
{row.universe}
{/* title */}

{row.title}

{row.subtitle && (
{row.subtitle}
)} {/* tagline */}

{row.tagline}

{/* progress (для writing/draft) */} {row.progress && (
progress: {row.progress}
)} {/* list of titles внутри цикла */} {isCycle && row.titles && (
    {row.titles.map((t, i) => (
  • {String(i + 1).padStart(2, '0')} {t}
    • ))}
)} {/* нижняя линия: жанр + объём */}
{row.genre} {row.volume}
❯ open
); }; // ============================================================================ // Catalogue // ============================================================================ // helpers для tree-сводок const writingMeta = (r) => { const status = r.status?.label || 'active'; const genre = r.genre || ''; return [status, genre].filter(Boolean).join(' · '); }; const cycleMeta = (r) => { const cnt = r.titles ? `${r.titles.length} bk` : ''; return [cnt, r.genre].filter(Boolean).join(' · '); }; const stdMeta = (r) => [r.genre, r.volume].filter(Boolean).join(' · '); const draftMeta = (r) => `draft · ${r.genre || ''}`.trim(); const Catalogue = () => (
{/* === 1. ACTIVE / СЕЙЧАС ПИШУ === */}
{window.worksWriting.map((row) => ( ))}
{/* === 2. CYCLES / ЦИКЛЫ === */}
{window.worksCycles.map((row) => ( ))}
{/* === 3. PUBLISHED / ОТДЕЛЬНЫЕ РОМАНЫ === */}
{window.worksPublished.map((row) => ( ))}
{/* === 4. DRAFTS / В РАЗРАБОТКЕ === */}
{window.worksDrafts.map((row) => ( ))}
); window.Catalogue = Catalogue;