mirror of
https://github.com/EDeev/declaude.git
synced 2026-10-07 20:49:57 +03:00
Пакет declaude вместо одного файла на 2100 строк
- declaude/loader.py (экспорт и mapping), markdown.py (рендер), html.py (шаблоны), site.py (сборка сайта), cli.py (командная строка); - CSS и JS вынесены из Python-строк в declaude/assets/; - pyproject.toml: пакет claude-export-html, команда declaude, python -m declaude; - результат сборки на тестовом экспорте побайтно совпадает со старым declaude.py.
This commit is contained in:
Egor Deev
parent
b2d9deb4b4
commit
56bba831a9
11 changed files with 2164 additions and 2098 deletions
2098
declaude.py
2098
declaude.py
File diff suppressed because it is too large
Load diff
9
declaude/__init__.py
Normal file
9
declaude/__init__.py
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
"""declaude — converts a Claude.ai data export into a static HTML archive."""
|
||||
|
||||
from .html import HtmlBuilder
|
||||
from .loader import DataLoader, MappingManager, extract_zip
|
||||
from .markdown import MarkdownRenderer
|
||||
from .site import SiteBuilder
|
||||
|
||||
__version__ = "1.0.0"
|
||||
__all__ = ["DataLoader", "HtmlBuilder", "MappingManager", "MarkdownRenderer", "SiteBuilder", "extract_zip"]
|
||||
3
declaude/__main__.py
Normal file
3
declaude/__main__.py
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
from .cli import main
|
||||
|
||||
main()
|
||||
237
declaude/assets/app.js
Normal file
237
declaude/assets/app.js
Normal file
|
|
@ -0,0 +1,237 @@
|
|||
|
||||
// ===== Theme =====
|
||||
(function() {
|
||||
var saved = localStorage.getItem('claude-theme') || 'dark';
|
||||
document.documentElement.setAttribute('data-theme', saved);
|
||||
updateThemeIcons(saved);
|
||||
})();
|
||||
|
||||
function toggleTheme() {
|
||||
var current = document.documentElement.getAttribute('data-theme');
|
||||
var next = current === 'dark' ? 'light' : 'dark';
|
||||
document.documentElement.setAttribute('data-theme', next);
|
||||
localStorage.setItem('claude-theme', next);
|
||||
updateThemeIcons(next);
|
||||
}
|
||||
|
||||
function updateThemeIcons(theme) {
|
||||
var moon = document.querySelector('.icon-moon');
|
||||
var sun = document.querySelector('.icon-sun');
|
||||
if (!moon || !sun) return;
|
||||
if (theme === 'dark') { moon.style.display = ''; sun.style.display = 'none'; }
|
||||
else { moon.style.display = 'none'; sun.style.display = ''; }
|
||||
}
|
||||
|
||||
// ===== Language (i18n) =====
|
||||
(function() {
|
||||
var saved = localStorage.getItem('claude-lang') || 'ru';
|
||||
applyLang(saved, false);
|
||||
})();
|
||||
|
||||
function setLang(lang) {
|
||||
localStorage.setItem('claude-lang', lang);
|
||||
applyLang(lang, true);
|
||||
}
|
||||
|
||||
function applyLang(lang, animate) {
|
||||
// Show/hide inline spans
|
||||
document.querySelectorAll('[data-lang]').forEach(function(el) {
|
||||
if (el.getAttribute('data-lang') === lang) {
|
||||
el.classList.add('lang-visible');
|
||||
} else {
|
||||
el.classList.remove('lang-visible');
|
||||
}
|
||||
});
|
||||
// Show/hide block elements
|
||||
document.querySelectorAll('[data-lang-block]').forEach(function(el) {
|
||||
if (el.getAttribute('data-lang-block') === lang) {
|
||||
el.classList.add('lang-visible');
|
||||
} else {
|
||||
el.classList.remove('lang-visible');
|
||||
}
|
||||
});
|
||||
// Translate option elements that have data-ru / data-en attributes
|
||||
document.querySelectorAll('option[data-ru]').forEach(function(el) {
|
||||
var t = el.getAttribute('data-' + lang);
|
||||
if (t) el.textContent = t;
|
||||
});
|
||||
// Translate search input placeholder
|
||||
document.querySelectorAll('input[data-placeholder-ru]').forEach(function(el) {
|
||||
var t = el.getAttribute('data-placeholder-' + lang);
|
||||
if (t) el.placeholder = t;
|
||||
});
|
||||
// Toggle button states
|
||||
var btnRu = document.getElementById('langRu');
|
||||
var btnEn = document.getElementById('langEn');
|
||||
if (btnRu) btnRu.classList.toggle('active', lang === 'ru');
|
||||
if (btnEn) btnEn.classList.toggle('active', lang === 'en');
|
||||
// Update sync status text if on index
|
||||
updateSyncStatus();
|
||||
// Update filter count label
|
||||
var label = document.getElementById('countLabel');
|
||||
if (label && label.textContent) filterConvs();
|
||||
}
|
||||
|
||||
// ===== Copy code =====
|
||||
function copyCode(btn) {
|
||||
var pre = btn.closest('.code-block').querySelector('pre');
|
||||
var text = pre ? pre.innerText : '';
|
||||
navigator.clipboard.writeText(text).then(function() {
|
||||
btn.textContent = 'Copied!';
|
||||
btn.classList.add('copied');
|
||||
setTimeout(function() { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 1500);
|
||||
}).catch(function() {
|
||||
btn.textContent = 'Error';
|
||||
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
|
||||
});
|
||||
}
|
||||
|
||||
// ===== Scroll FABs =====
|
||||
function scrollToTop() {
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
}
|
||||
|
||||
function scrollToBottom() {
|
||||
window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });
|
||||
}
|
||||
|
||||
function updateScrollFabs() {
|
||||
var fabTop = document.getElementById('fabTop');
|
||||
var fabBottom = document.getElementById('fabBottom');
|
||||
if (!fabTop || !fabBottom) return;
|
||||
var scrolled = window.scrollY;
|
||||
var maxScroll = document.body.scrollHeight - window.innerHeight;
|
||||
// Show "top" button after scrolling down 200px
|
||||
fabTop.classList.toggle('hidden', scrolled < 200);
|
||||
// Hide "bottom" button when within 100px of the bottom
|
||||
fabBottom.classList.toggle('hidden', maxScroll > 0 && scrolled >= maxScroll - 100);
|
||||
}
|
||||
|
||||
// ===== Mapping (localStorage) =====
|
||||
var MAPPING_KEY = 'claude-mapping';
|
||||
|
||||
function loadBrowserMapping() {
|
||||
try { return JSON.parse(localStorage.getItem(MAPPING_KEY) || '{}'); }
|
||||
catch(e) { return {}; }
|
||||
}
|
||||
|
||||
function saveBrowserMapping(m) {
|
||||
localStorage.setItem(MAPPING_KEY, JSON.stringify(m));
|
||||
}
|
||||
|
||||
function assignProject(convUuid, projUuid) {
|
||||
var m = loadBrowserMapping();
|
||||
if (projUuid) {
|
||||
m[convUuid] = projUuid;
|
||||
} else {
|
||||
delete m[convUuid];
|
||||
}
|
||||
saveBrowserMapping(m);
|
||||
// Update the "Open project" link in topbar
|
||||
var link = document.getElementById('assignProjLink');
|
||||
if (link) {
|
||||
if (projUuid) {
|
||||
link.href = '../projects/' + projUuid + '/index.html';
|
||||
link.style.display = '';
|
||||
} else {
|
||||
link.style.display = 'none';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function exportMapping() {
|
||||
var m = loadBrowserMapping();
|
||||
var json = JSON.stringify(m, null, 2);
|
||||
var blob = new Blob([json], { type: 'application/json' });
|
||||
var a = document.createElement('a');
|
||||
a.href = URL.createObjectURL(blob);
|
||||
a.download = 'mapping.json';
|
||||
a.click();
|
||||
URL.revokeObjectURL(a.href);
|
||||
}
|
||||
|
||||
function clearBrowserMapping() {
|
||||
var lang = localStorage.getItem('claude-lang') || 'ru';
|
||||
var msg = lang === 'en'
|
||||
? 'Reset all browser mapping? (mapping.json on disk will not change)'
|
||||
: 'Сбросить весь браузерный маппинг? (mapping.json на диске не изменится)';
|
||||
if (confirm(msg)) {
|
||||
localStorage.removeItem(MAPPING_KEY);
|
||||
updateSyncStatus();
|
||||
}
|
||||
}
|
||||
|
||||
function updateSyncStatus() {
|
||||
var el = document.getElementById('syncStatus');
|
||||
if (!el) return;
|
||||
var m = loadBrowserMapping();
|
||||
var cnt = Object.keys(m).length;
|
||||
var lang = localStorage.getItem('claude-lang') || 'ru';
|
||||
if (lang === 'en') {
|
||||
el.textContent = cnt > 0 ? cnt + ' mappings in browser (not saved)' : 'No unsaved mappings';
|
||||
} else {
|
||||
el.textContent = cnt > 0 ? cnt + ' привязок в браузере (не сохранено)' : 'Нет несохранённых привязок';
|
||||
}
|
||||
}
|
||||
|
||||
// ===== Filter & search (all_conversations page) =====
|
||||
function filterConvs() {
|
||||
var q = (document.getElementById('searchInput') || { value: '' }).value.toLowerCase();
|
||||
var proj = (document.getElementById('projFilter') || { value: '' }).value;
|
||||
var sort = (document.getElementById('sortSelect') || { value: 'updated' }).value;
|
||||
|
||||
var cards = Array.from(document.querySelectorAll('.conv-card'));
|
||||
var visible = [];
|
||||
|
||||
cards.forEach(function(card) {
|
||||
var name = (card.dataset.name || '');
|
||||
var preview = (card.dataset.preview || '');
|
||||
var cardProj = (card.dataset.proj || '');
|
||||
var matchQ = !q || name.includes(q) || preview.includes(q);
|
||||
var matchP = !proj || (proj === '__none__' ? !cardProj : cardProj === proj);
|
||||
var show = matchQ && matchP;
|
||||
card.style.display = show ? '' : 'none';
|
||||
if (show) visible.push(card);
|
||||
});
|
||||
|
||||
// Sort
|
||||
var grid = document.getElementById('convGrid');
|
||||
if (grid) {
|
||||
visible.sort(function(a, b) {
|
||||
if (sort === 'msgs') return parseInt(b.dataset.msgs || 0) - parseInt(a.dataset.msgs || 0);
|
||||
if (sort === 'created') return (b.dataset.created || '').localeCompare(a.dataset.created || '');
|
||||
return (b.dataset.updated || '').localeCompare(a.dataset.updated || '');
|
||||
});
|
||||
visible.forEach(function(c) { grid.appendChild(c); });
|
||||
}
|
||||
|
||||
var lang = localStorage.getItem('claude-lang') || 'ru';
|
||||
var label = document.getElementById('countLabel');
|
||||
if (label) {
|
||||
label.textContent = lang === 'en'
|
||||
? visible.length + ' of ' + cards.length
|
||||
: visible.length + ' из ' + cards.length;
|
||||
}
|
||||
}
|
||||
|
||||
// ===== Init =====
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Re-apply theme icons (DOM now ready)
|
||||
var savedTheme = localStorage.getItem('claude-theme') || 'dark';
|
||||
updateThemeIcons(savedTheme);
|
||||
|
||||
// Apply language
|
||||
var savedLang = localStorage.getItem('claude-lang') || 'ru';
|
||||
applyLang(savedLang, false);
|
||||
|
||||
if (window.PAGE_TYPE === 'all_convs') {
|
||||
filterConvs();
|
||||
}
|
||||
if (document.getElementById('syncPanel')) {
|
||||
updateSyncStatus();
|
||||
}
|
||||
if (window.PAGE_TYPE === 'conversation') {
|
||||
window.addEventListener('scroll', updateScrollFabs, { passive: true });
|
||||
updateScrollFabs();
|
||||
}
|
||||
});
|
||||
481
declaude/assets/style.css
Normal file
481
declaude/assets/style.css
Normal file
|
|
@ -0,0 +1,481 @@
|
|||
|
||||
/* ===== Reset & base ===== */
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
:root {
|
||||
--bg: #1a1a1a;
|
||||
--bg2: #242424;
|
||||
--bg3: #2e2e2e;
|
||||
--border: #383838;
|
||||
--text: #e8e6e0;
|
||||
--text2: #a0a0a0;
|
||||
--text3: #6b6b6b;
|
||||
--accent: #d97706;
|
||||
--accent-hover: #b45309;
|
||||
--human-bg: #1e2d40;
|
||||
--human-border: #2a4a6e;
|
||||
--claude-bg: #242424;
|
||||
--claude-border: #383838;
|
||||
--code-bg: #1a1a1a;
|
||||
--code-header: #2a2a2a;
|
||||
--link: #60a5fa;
|
||||
--badge-new: #16a34a;
|
||||
--badge-proj: #7c3aed;
|
||||
--shadow: 0 1px 3px rgba(0,0,0,0.4);
|
||||
--radius: 10px;
|
||||
--topbar-h: 52px;
|
||||
}
|
||||
|
||||
[data-theme="light"] {
|
||||
--bg: #f7f5f2;
|
||||
--bg2: #ffffff;
|
||||
--bg3: #f0ede8;
|
||||
--border: #e0dbd4;
|
||||
--text: #1a1a1a;
|
||||
--text2: #555;
|
||||
--text3: #999;
|
||||
--accent: #d97706;
|
||||
--accent-hover: #b45309;
|
||||
--human-bg: #eff6ff;
|
||||
--human-border: #bfdbfe;
|
||||
--claude-bg: #ffffff;
|
||||
--claude-border: #e5e7eb;
|
||||
--code-bg: #f8f8f8;
|
||||
--code-header: #ececec;
|
||||
--link: #2563eb;
|
||||
--badge-new: #15803d;
|
||||
--badge-proj: #6d28d9;
|
||||
--shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
html { font-size: 16px; scroll-behavior: smooth; }
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', Arial, sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.65;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
a { color: var(--link); text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
.muted { color: var(--text2); font-size: 0.875rem; }
|
||||
|
||||
/* ===== Topbar ===== */
|
||||
.topbar {
|
||||
position: sticky; top: 0; z-index: 100;
|
||||
height: var(--topbar-h);
|
||||
background: var(--bg2);
|
||||
border-bottom: 1px solid var(--border);
|
||||
display: flex; align-items: center; gap: 1.5rem;
|
||||
padding: 0 1.5rem;
|
||||
}
|
||||
.topbar-logo {
|
||||
display: flex; align-items: center; gap: 0.5rem;
|
||||
color: var(--text); font-weight: 600; font-size: 1rem;
|
||||
text-decoration: none; white-space: nowrap;
|
||||
}
|
||||
.topbar-logo svg { color: var(--accent); }
|
||||
.topbar-nav { display: flex; align-items: center; gap: 1rem; }
|
||||
.topbar-nav a { color: var(--text2); font-size: 0.9rem; }
|
||||
.topbar-nav a:hover { color: var(--text); text-decoration: none; }
|
||||
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 0.5rem; }
|
||||
.icon-btn {
|
||||
background: none; border: none; cursor: pointer;
|
||||
color: var(--text2); padding: 6px; border-radius: 6px;
|
||||
display: flex; align-items: center;
|
||||
}
|
||||
.icon-btn:hover { background: var(--bg3); color: var(--text); }
|
||||
|
||||
/* ===== Layout ===== */
|
||||
.page-wrapper { max-width: 1040px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
|
||||
.main-content { display: flex; flex-direction: column; gap: 2.5rem; }
|
||||
|
||||
/* ===== Breadcrumbs ===== */
|
||||
.breadcrumbs {
|
||||
display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem;
|
||||
font-size: 0.85rem; color: var(--text2);
|
||||
}
|
||||
.breadcrumbs a { color: var(--text2); }
|
||||
.breadcrumbs a:hover { color: var(--text); }
|
||||
.bc-sep { color: var(--text3); }
|
||||
|
||||
/* ===== Section ===== */
|
||||
.section-title {
|
||||
font-size: 1.1rem; font-weight: 600; color: var(--text);
|
||||
margin-bottom: 1rem;
|
||||
display: flex; align-items: center; gap: 0.75rem;
|
||||
}
|
||||
.section-link { font-size: 0.85rem; font-weight: 400; color: var(--accent); margin-left: auto; }
|
||||
.section-link:hover { color: var(--accent-hover); }
|
||||
|
||||
/* ===== Stats strip ===== */
|
||||
.stats-strip {
|
||||
display: flex; gap: 1rem; flex-wrap: wrap;
|
||||
background: var(--bg2); border: 1px solid var(--border);
|
||||
border-radius: var(--radius); padding: 1rem 1.5rem;
|
||||
}
|
||||
.stat-item { display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 80px; }
|
||||
.stat-num { font-size: 1.75rem; font-weight: 700; color: var(--accent); line-height: 1; }
|
||||
.stat-lbl { font-size: 0.78rem; color: var(--text2); margin-top: 0.25rem; }
|
||||
|
||||
/* ===== Cards ===== */
|
||||
.card {
|
||||
background: var(--bg2);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 1.25rem;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
/* ===== User card ===== */
|
||||
.user-card { display: flex; align-items: center; gap: 1rem; }
|
||||
.user-avatar {
|
||||
width: 44px; height: 44px; border-radius: 50%;
|
||||
background: var(--accent); color: white;
|
||||
font-weight: 700; font-size: 1.1rem;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.user-name { font-weight: 600; }
|
||||
.user-email { font-size: 0.85rem; color: var(--text2); }
|
||||
|
||||
/* ===== Projects grid ===== */
|
||||
.projects-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
||||
gap: 1rem;
|
||||
}
|
||||
.project-card {
|
||||
background: var(--bg2); border: 1px solid var(--border);
|
||||
border-radius: var(--radius); padding: 1.1rem 1.25rem;
|
||||
text-decoration: none; color: var(--text);
|
||||
transition: border-color 0.15s, box-shadow 0.15s;
|
||||
display: flex; flex-direction: column; gap: 0.4rem;
|
||||
}
|
||||
.project-card:hover {
|
||||
border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent);
|
||||
text-decoration: none;
|
||||
}
|
||||
.pc-name { font-weight: 600; font-size: 0.95rem; }
|
||||
.pc-desc { font-size: 0.82rem; color: var(--text2); line-height: 1.4; }
|
||||
.pc-meta { font-size: 0.78rem; color: var(--text3); display: flex; gap: 0.75rem; flex-wrap: wrap; margin-top: 0.25rem; }
|
||||
|
||||
/* ===== Conversation list (compact rows) ===== */
|
||||
.conv-list { display: flex; flex-direction: column; gap: 0.375rem; }
|
||||
.conv-row {
|
||||
display: flex; justify-content: space-between; align-items: center;
|
||||
padding: 0.6rem 0.875rem;
|
||||
background: var(--bg2); border: 1px solid var(--border);
|
||||
border-radius: 8px; text-decoration: none; color: var(--text);
|
||||
transition: border-color 0.12s;
|
||||
gap: 1rem;
|
||||
}
|
||||
.conv-row:hover { border-color: var(--accent); text-decoration: none; }
|
||||
.conv-row-name { font-size: 0.9rem; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.conv-row-meta { font-size: 0.78rem; color: var(--text2); white-space: nowrap; flex-shrink: 0; }
|
||||
|
||||
/* ===== Badges ===== */
|
||||
.badge {
|
||||
display: inline-block; padding: 1px 7px; border-radius: 20px;
|
||||
font-size: 0.7rem; font-weight: 600; text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.badge-new { background: var(--badge-new); color: #fff; }
|
||||
.badge-proj { background: var(--badge-proj); color: #fff; }
|
||||
.count-badge {
|
||||
font-size: 0.78rem; color: var(--text2); font-weight: 400;
|
||||
background: var(--bg3); border-radius: 20px; padding: 1px 8px;
|
||||
}
|
||||
|
||||
/* ===== All conversations grid ===== */
|
||||
.filters-bar {
|
||||
display: flex; flex-wrap: wrap; gap: 0.625rem; align-items: center;
|
||||
}
|
||||
.search-input, .select-input {
|
||||
background: var(--bg2); border: 1px solid var(--border);
|
||||
color: var(--text); border-radius: 8px; padding: 0.5rem 0.75rem;
|
||||
font-size: 0.875rem; outline: none;
|
||||
}
|
||||
.search-input { flex: 1; min-width: 200px; }
|
||||
.search-input:focus, .select-input:focus { border-color: var(--accent); }
|
||||
.filter-count { font-size: 0.82rem; color: var(--text2); margin-left: auto; }
|
||||
|
||||
.conv-grid { display: flex; flex-direction: column; gap: 0.5rem; }
|
||||
.conv-card {
|
||||
background: var(--bg2); border: 1px solid var(--border);
|
||||
border-radius: var(--radius); padding: 0.875rem 1rem;
|
||||
text-decoration: none; color: var(--text);
|
||||
transition: border-color 0.12s;
|
||||
display: flex; flex-direction: column; gap: 0.3rem;
|
||||
}
|
||||
.conv-card:hover { border-color: var(--accent); text-decoration: none; }
|
||||
.cc-top { display: flex; align-items: center; gap: 0.5rem; }
|
||||
.cc-name { font-size: 0.9rem; font-weight: 500; flex: 1; }
|
||||
.cc-badges { display: flex; gap: 0.3rem; flex-shrink: 0; }
|
||||
.cc-preview { font-size: 0.82rem; color: var(--text2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
.cc-meta { font-size: 0.75rem; color: var(--text3); }
|
||||
|
||||
/* ===== Sync panel ===== */
|
||||
.sync-panel { display: flex; flex-direction: column; gap: 0.75rem; }
|
||||
.sync-panel-header { display: flex; align-items: center; justify-content: space-between; }
|
||||
.sync-status { font-size: 0.82rem; color: var(--text2); }
|
||||
.sync-desc { font-size: 0.85rem; color: var(--text2); line-height: 1.5; }
|
||||
.sync-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }
|
||||
|
||||
/* ===== Buttons ===== */
|
||||
.btn {
|
||||
padding: 0.45rem 1rem; border-radius: 7px; font-size: 0.85rem;
|
||||
border: 1px solid var(--border); background: var(--bg3);
|
||||
color: var(--text); cursor: pointer; transition: background 0.12s;
|
||||
}
|
||||
.btn:hover { background: var(--border); }
|
||||
.btn-primary { background: var(--accent); border-color: var(--accent); color: white; }
|
||||
.btn-primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
|
||||
|
||||
/* ===== Project page ===== */
|
||||
.meta-card { }
|
||||
.project-desc { color: var(--text2); margin-bottom: 0.75rem; font-size: 0.95rem; }
|
||||
.meta-grid {
|
||||
display: grid; grid-template-columns: auto 1fr; gap: 0.4rem 1.25rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.meta-lbl { color: var(--text2); font-weight: 500; }
|
||||
|
||||
.docs-list { display: flex; flex-direction: column; gap: 0.5rem; }
|
||||
.doc-block {
|
||||
background: var(--bg2); border: 1px solid var(--border);
|
||||
border-radius: var(--radius); overflow: hidden;
|
||||
}
|
||||
.doc-summary {
|
||||
display: flex; align-items: center; gap: 0.6rem;
|
||||
padding: 0.75rem 1rem; cursor: pointer; list-style: none;
|
||||
user-select: none;
|
||||
}
|
||||
.doc-summary:hover { background: var(--bg3); }
|
||||
.doc-name { font-weight: 500; font-size: 0.9rem; flex: 1; }
|
||||
.doc-date { font-size: 0.78rem; }
|
||||
.doc-content { padding: 1rem 1.25rem; border-top: 1px solid var(--border); }
|
||||
|
||||
.prompt-content {
|
||||
background: var(--bg3); border-left: 3px solid var(--accent);
|
||||
padding: 0.875rem 1rem; border-radius: 0 6px 6px 0;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* ===== Conversation page ===== */
|
||||
.conv-page { gap: 1.25rem; }
|
||||
.conv-header { display: flex; flex-direction: column; gap: 0.75rem; }
|
||||
.conv-title { font-size: 1.3rem; font-weight: 700; line-height: 1.3; }
|
||||
.conv-meta-bar {
|
||||
display: flex; flex-wrap: wrap; gap: 1rem;
|
||||
font-size: 0.8rem; color: var(--text2);
|
||||
padding: 0.6rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.conv-uuid { font-family: monospace; font-size: 0.72rem; }
|
||||
|
||||
|
||||
/* Messages */
|
||||
.messages-container { display: flex; flex-direction: column; gap: 1.25rem; }
|
||||
|
||||
.message { display: flex; flex-direction: column; gap: 0.5rem; }
|
||||
.msg-meta { display: flex; align-items: center; gap: 0.5rem; }
|
||||
.msg-avatar {
|
||||
width: 28px; height: 28px; border-radius: 50%;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.avatar-human { background: #2a4a6e; color: #93c5fd; }
|
||||
.avatar-claude { background: #3a2a1a; color: var(--accent); }
|
||||
.msg-sender { font-weight: 600; font-size: 0.875rem; }
|
||||
.msg-ts { font-size: 0.75rem; color: var(--text3); }
|
||||
|
||||
.msg-body {
|
||||
padding: 0.875rem 1rem;
|
||||
border-radius: 0 var(--radius) var(--radius) var(--radius);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.msg-human .msg-body {
|
||||
background: var(--human-bg); border-color: var(--human-border);
|
||||
margin-left: 2rem;
|
||||
}
|
||||
.msg-claude .msg-body {
|
||||
background: var(--claude-bg); border-color: var(--claude-border);
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
/* Message content prose */
|
||||
.msg-content { font-size: 0.92rem; line-height: 1.7; }
|
||||
.msg-content p { margin-bottom: 0.6rem; }
|
||||
.msg-content p:last-child { margin-bottom: 0; }
|
||||
.msg-content h1,.msg-content h2,.msg-content h3,
|
||||
.msg-content h4,.msg-content h5,.msg-content h6 {
|
||||
margin: 1rem 0 0.4rem; font-weight: 600;
|
||||
}
|
||||
.msg-content ul, .msg-content ol { margin: 0.4rem 0 0.6rem 1.4rem; }
|
||||
.msg-content li { margin-bottom: 0.2rem; }
|
||||
.msg-content blockquote {
|
||||
border-left: 3px solid var(--accent);
|
||||
margin: 0.6rem 0; padding: 0.4rem 0.875rem;
|
||||
background: var(--bg3); border-radius: 0 6px 6px 0;
|
||||
color: var(--text2);
|
||||
}
|
||||
.msg-content a { color: var(--link); }
|
||||
.msg-content hr { border: none; border-top: 1px solid var(--border); margin: 0.75rem 0; }
|
||||
.msg-content strong { font-weight: 700; }
|
||||
.msg-content em { font-style: italic; }
|
||||
.msg-content del { text-decoration: line-through; color: var(--text2); }
|
||||
|
||||
/* Code */
|
||||
.inline-code {
|
||||
font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;
|
||||
font-size: 0.82em;
|
||||
background: var(--code-bg);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 4px;
|
||||
padding: 1px 5px;
|
||||
color: #f59e0b;
|
||||
}
|
||||
.code-block {
|
||||
background: var(--code-bg); border: 1px solid var(--border);
|
||||
border-radius: var(--radius); overflow: hidden; margin: 0.75rem 0;
|
||||
}
|
||||
.code-header {
|
||||
display: flex; justify-content: space-between; align-items: center;
|
||||
padding: 0.4rem 0.875rem;
|
||||
background: var(--code-header);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.code-lang { font-size: 0.75rem; color: var(--text2); font-family: monospace; }
|
||||
.copy-btn {
|
||||
font-size: 0.75rem; color: var(--text2); background: none;
|
||||
border: 1px solid var(--border); border-radius: 5px;
|
||||
padding: 2px 8px; cursor: pointer;
|
||||
}
|
||||
.copy-btn:hover { background: var(--border); color: var(--text); }
|
||||
.copy-btn.copied { color: #16a34a; border-color: #16a34a; }
|
||||
.code-block pre {
|
||||
overflow-x: auto; padding: 0.875rem 1rem;
|
||||
font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
|
||||
font-size: 0.82rem; line-height: 1.6;
|
||||
}
|
||||
.code-block code { background: none; border: none; padding: 0; font-size: inherit; color: var(--text); }
|
||||
|
||||
/* Syntax highlight */
|
||||
.hl-keyword { color: #c084fc; font-weight: 500; }
|
||||
.hl-string { color: #86efac; }
|
||||
.hl-number { color: #fb923c; }
|
||||
.hl-comment { color: #6b7280; font-style: italic; }
|
||||
|
||||
/* Attachments */
|
||||
.msg-attachments { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 0.4rem; }
|
||||
.attachment {
|
||||
background: var(--bg3); border: 1px solid var(--border); border-radius: 8px; overflow: hidden;
|
||||
}
|
||||
.att-summary {
|
||||
display: flex; align-items: center; gap: 0.5rem;
|
||||
padding: 0.5rem 0.75rem; cursor: pointer; list-style: none;
|
||||
}
|
||||
.att-summary:hover { background: var(--border); }
|
||||
.att-badge { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; }
|
||||
.att-name { font-size: 0.82rem; font-weight: 500; }
|
||||
.att-meta { font-size: 0.75rem; color: var(--text3); }
|
||||
.att-content { padding: 0.75rem 1rem; border-top: 1px solid var(--border); font-size: 0.85rem; }
|
||||
|
||||
/* ===== Tables ===== */
|
||||
.table-wrap { overflow-x: auto; margin: 0.75rem 0; border-radius: var(--radius); border: 1px solid var(--border); }
|
||||
.table-wrap table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
|
||||
.table-wrap th {
|
||||
background: var(--bg3); color: var(--text);
|
||||
font-weight: 600; text-align: left;
|
||||
padding: 0.55rem 0.875rem;
|
||||
border-bottom: 2px solid var(--border);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.table-wrap td {
|
||||
padding: 0.5rem 0.875rem;
|
||||
border-bottom: 1px solid var(--border);
|
||||
color: var(--text);
|
||||
vertical-align: top;
|
||||
}
|
||||
.table-wrap tr:last-child td { border-bottom: none; }
|
||||
.table-wrap tr:hover td { background: var(--bg3); }
|
||||
|
||||
/* ===== Scroll FAB buttons ===== */
|
||||
.scroll-fabs {
|
||||
position: fixed;
|
||||
right: 1.5rem;
|
||||
bottom: 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
z-index: 200;
|
||||
}
|
||||
.scroll-fab {
|
||||
width: 40px; height: 40px;
|
||||
border-radius: 50%;
|
||||
background: var(--bg2);
|
||||
border: 1px solid var(--border);
|
||||
color: var(--text2);
|
||||
cursor: pointer;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.35);
|
||||
transition: background 0.15s, color 0.15s, opacity 0.2s;
|
||||
opacity: 0.75;
|
||||
}
|
||||
.scroll-fab:hover { background: var(--accent); border-color: var(--accent); color: #fff; opacity: 1; }
|
||||
.scroll-fab.hidden { opacity: 0; pointer-events: none; }
|
||||
|
||||
/* ===== Topbar divider (between nav links and assign widget) ===== */
|
||||
.topbar-divider {
|
||||
width: 1px; height: 18px;
|
||||
background: var(--border);
|
||||
margin: 0 0.5rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* ===== Topbar assign widget (sits inside topbar-nav) ===== */
|
||||
.topbar-assign {
|
||||
display: flex; align-items: center; gap: 0.5rem;
|
||||
}
|
||||
.topbar-assign-label { font-size: 0.8rem; color: var(--text2); white-space: nowrap; }
|
||||
.topbar-assign .select-input { font-size: 0.8rem; padding: 0.3rem 0.6rem; max-width: 200px; }
|
||||
.topbar-assign-link { font-size: 0.8rem; color: var(--accent); white-space: nowrap; }
|
||||
.topbar-assign-link:hover { color: var(--accent-hover); }
|
||||
|
||||
/* ===== Language toggle ===== */
|
||||
.lang-toggle {
|
||||
display: flex; gap: 0; border: 1px solid var(--border); border-radius: 6px; overflow: hidden;
|
||||
}
|
||||
.lang-btn {
|
||||
background: none; border: none; cursor: pointer;
|
||||
color: var(--text2); font-size: 0.78rem; font-weight: 600;
|
||||
padding: 4px 9px; transition: background 0.12s, color 0.12s;
|
||||
}
|
||||
.lang-btn.active { background: var(--accent); color: #fff; }
|
||||
.lang-btn:not(.active):hover { background: var(--bg3); color: var(--text); }
|
||||
|
||||
/* ===== i18n hidden ===== */
|
||||
[data-lang] { display: none; }
|
||||
[data-lang].lang-visible { display: inline; }
|
||||
[data-lang-block] { display: none; }
|
||||
[data-lang-block].lang-visible { display: block; }
|
||||
|
||||
/* ===== Gen note ===== */
|
||||
.gen-note { font-size: 0.78rem; color: var(--text3); }
|
||||
|
||||
/* ===== Responsive ===== */
|
||||
@media (max-width: 640px) {
|
||||
.page-wrapper { padding: 1rem 0.875rem 3rem; }
|
||||
.topbar { padding: 0 1rem; gap: 0.75rem; }
|
||||
.topbar-nav { display: none; }
|
||||
.topbar-assign .select-input { max-width: 130px; }
|
||||
.topbar-divider { display: none; }
|
||||
.stats-strip { gap: 0.5rem; padding: 0.875rem 1rem; }
|
||||
.stat-num { font-size: 1.4rem; }
|
||||
.projects-grid { grid-template-columns: 1fr; }
|
||||
.conv-row { flex-direction: column; align-items: flex-start; gap: 0.2rem; }
|
||||
.conv-row-meta { align-self: flex-end; }
|
||||
.msg-human .msg-body, .msg-claude .msg-body { margin-left: 0; }
|
||||
.scroll-fabs { right: 0.75rem; bottom: 1rem; }
|
||||
}
|
||||
127
declaude/cli.py
Normal file
127
declaude/cli.py
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
"""Command-line interface: declaude --build | --update ZIP | --remap | --map CONV PROJ."""
|
||||
from __future__ import annotations
|
||||
|
||||
import argparse
|
||||
import shutil
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
from .loader import DataLoader, MappingManager, extract_zip
|
||||
from .site import SiteBuilder
|
||||
|
||||
OUTPUT_DIR = Path("claude_archive")
|
||||
MAPPING_FILE = Path("mapping.json")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# main
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
def main() -> None:
|
||||
parser = argparse.ArgumentParser(
|
||||
description="declaude — Claude backup → static HTML archive",
|
||||
formatter_class=argparse.RawDescriptionHelpFormatter,
|
||||
epilog="""
|
||||
Commands:
|
||||
--build Generate full archive from backup directory
|
||||
--update path/to/new.zip Merge new backup zip, regenerate changed pages only
|
||||
--remap Rebuild index + project pages after editing mapping.json
|
||||
--map CONV_UUID PROJ_UUID Assign a conversation to a project in mapping.json
|
||||
|
||||
Source options:
|
||||
--source PATH Path to backup directory (default: ./claude-backup-v1)
|
||||
--output PATH Output directory (default: ./claude_archive)
|
||||
--mapping PATH mapping.json path (default: ./mapping.json)
|
||||
|
||||
Examples:
|
||||
python declaude.py --build
|
||||
python declaude.py --build --source ./my-backup --output ./my-archive
|
||||
python declaude.py --update new_export.zip
|
||||
python declaude.py --remap
|
||||
python declaude.py --map abc123 proj456
|
||||
"""
|
||||
)
|
||||
parser.add_argument("--build", action="store_true", help="Full build from source")
|
||||
parser.add_argument("--update", metavar="ZIP", help="Update from new zip archive")
|
||||
parser.add_argument("--remap", action="store_true", help="Rebuild index/project pages after mapping change")
|
||||
parser.add_argument("--map", nargs=2, metavar=("CONV_UUID","PROJ_UUID"),
|
||||
help="Assign conversation to project in mapping.json")
|
||||
parser.add_argument("--source", default="claude-backup-v1", metavar="PATH",
|
||||
help="Source backup directory (default: claude-backup-v1)")
|
||||
parser.add_argument("--output", default=str(OUTPUT_DIR), metavar="PATH",
|
||||
help=f"Output directory (default: {OUTPUT_DIR})")
|
||||
parser.add_argument("--mapping", default=str(MAPPING_FILE), metavar="PATH",
|
||||
help=f"Mapping file path (default: {MAPPING_FILE})")
|
||||
|
||||
args = parser.parse_args()
|
||||
|
||||
out_dir = Path(args.output)
|
||||
mapping_path = Path(args.mapping)
|
||||
source_dir = Path(args.source)
|
||||
|
||||
# Load mapping (always)
|
||||
mapping = MappingManager(mapping_path)
|
||||
mapping.load()
|
||||
|
||||
# --map: just add one entry and exit
|
||||
if args.map:
|
||||
conv_uuid, proj_uuid = args.map
|
||||
mapping.assign(conv_uuid, proj_uuid)
|
||||
mapping.save()
|
||||
print(f"Mapped conversation {conv_uuid} -> project {proj_uuid}")
|
||||
print(f"Saved to {mapping_path}. Run --remap to rebuild project pages.")
|
||||
return
|
||||
|
||||
# --remap: load data, rebuild index + project pages
|
||||
if args.remap:
|
||||
print(f"Loading data from {source_dir}...")
|
||||
loader = DataLoader(source_dir)
|
||||
loader.load()
|
||||
site = SiteBuilder(out_dir, loader, mapping)
|
||||
site.build_remap()
|
||||
mapping.save()
|
||||
return
|
||||
|
||||
# --update: load existing + new zip, merge
|
||||
if args.update:
|
||||
zip_path = Path(args.update)
|
||||
if not zip_path.exists():
|
||||
print(f"Error: {zip_path} not found.")
|
||||
sys.exit(1)
|
||||
|
||||
print(f"Loading existing data from {source_dir}...")
|
||||
old_loader = DataLoader(source_dir)
|
||||
old_loader.load()
|
||||
|
||||
print(f"Extracting {zip_path}...")
|
||||
tmp_dir = Path("_declaude_tmp")
|
||||
new_source = extract_zip(zip_path, tmp_dir)
|
||||
print(f"Loading new data from {new_source}...")
|
||||
new_loader = DataLoader(new_source)
|
||||
new_loader.load()
|
||||
|
||||
site = SiteBuilder(out_dir, old_loader, mapping)
|
||||
site.build_update(new_loader)
|
||||
mapping.save()
|
||||
|
||||
# Clean up temp dir
|
||||
shutil.rmtree(tmp_dir, ignore_errors=True)
|
||||
return
|
||||
|
||||
# --build (default if nothing specified or --build explicit)
|
||||
if args.build or not any([args.remap, args.update, args.map]):
|
||||
if not source_dir.exists():
|
||||
print(f"Error: source directory '{source_dir}' not found.")
|
||||
print("Use --source to specify the backup directory.")
|
||||
sys.exit(1)
|
||||
print(f"Loading data from {source_dir}...")
|
||||
loader = DataLoader(source_dir)
|
||||
loader.load()
|
||||
site = SiteBuilder(out_dir, loader, mapping)
|
||||
site.build_all()
|
||||
mapping.save()
|
||||
return
|
||||
|
||||
parser.print_help()
|
||||
|
||||
|
||||
621
declaude/html.py
Normal file
621
declaude/html.py
Normal file
|
|
@ -0,0 +1,621 @@
|
|||
"""HTML page templates for the archive."""
|
||||
from __future__ import annotations
|
||||
|
||||
import re
|
||||
from datetime import datetime
|
||||
from typing import Dict, List, Optional, Tuple
|
||||
|
||||
from .loader import DataLoader, MappingManager
|
||||
from .markdown import MarkdownRenderer
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# HtmlBuilder — page templates
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
class HtmlBuilder:
|
||||
"""Builds complete HTML pages as strings."""
|
||||
|
||||
def __init__(self, md: MarkdownRenderer):
|
||||
self.md = md
|
||||
|
||||
# --- Shared helpers --------------------------------------------------- #
|
||||
|
||||
def _page(self, title: str, body: str, depth: int = 0,
|
||||
extra_head: str = "", conv_assign_html: str = "") -> str:
|
||||
root = "../" * depth
|
||||
return f"""<!DOCTYPE html>
|
||||
<html lang="ru" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{self._esc(title)} — Claude Archive</title>
|
||||
<link rel="stylesheet" href="{root}assets/style.css">
|
||||
{extra_head}
|
||||
</head>
|
||||
<body>
|
||||
{self._topbar(root, conv_assign_html)}
|
||||
<div class="page-wrapper">
|
||||
{body}
|
||||
</div>
|
||||
<script src="{root}assets/app.js"></script>
|
||||
</body>
|
||||
</html>"""
|
||||
|
||||
def _topbar(self, root: str, conv_assign_html: str = "") -> str:
|
||||
# conv_assign_html is injected right after the nav links, separated by a visual divider
|
||||
assign_block = (
|
||||
f'<div class="topbar-divider"></div>{conv_assign_html}'
|
||||
if conv_assign_html else ""
|
||||
)
|
||||
return f"""<header class="topbar">
|
||||
<a class="topbar-logo" href="{root}index.html">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/>
|
||||
</svg>
|
||||
Claude Archive
|
||||
</a>
|
||||
<nav class="topbar-nav">
|
||||
<a href="{root}all_conversations.html"><span data-lang="ru" class="lang-visible">Все чаты</span><span data-lang="en">All chats</span></a>
|
||||
<a href="{root}index.html#projects"><span data-lang="ru" class="lang-visible">Проекты</span><span data-lang="en">Projects</span></a>
|
||||
{assign_block}
|
||||
</nav>
|
||||
<div class="topbar-actions">
|
||||
<div class="lang-toggle">
|
||||
<button class="lang-btn active" id="langRu" onclick="setLang('ru')">RU</button>
|
||||
<button class="lang-btn" id="langEn" onclick="setLang('en')">EN</button>
|
||||
</div>
|
||||
<button class="icon-btn" id="themeToggle" title="Переключить тему" onclick="toggleTheme()">
|
||||
<svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
|
||||
</svg>
|
||||
<svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display:none">
|
||||
<circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/>
|
||||
<line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
|
||||
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/>
|
||||
<line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
|
||||
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>"""
|
||||
|
||||
def _esc(self, text) -> str:
|
||||
if text is None:
|
||||
return ""
|
||||
return (str(text)
|
||||
.replace("&", "&")
|
||||
.replace("<", "<")
|
||||
.replace(">", ">")
|
||||
.replace('"', """))
|
||||
|
||||
# Breadcrumb label translations for fixed UI strings
|
||||
_BC_I18N: Dict[str, Tuple[str, str]] = {
|
||||
"Главная": ("Главная", "Home"),
|
||||
"Все чаты": ("Все чаты", "All chats"),
|
||||
"Проекты": ("Проекты", "Projects"),
|
||||
"Проект": ("Проект", "Project"),
|
||||
}
|
||||
|
||||
def _breadcrumbs(self, crumbs: List[Tuple[str, Optional[str]]]) -> str:
|
||||
parts = []
|
||||
for label, href in crumbs:
|
||||
if label in self._BC_I18N:
|
||||
ru, en = self._BC_I18N[label]
|
||||
inner = (
|
||||
f'<span data-lang="ru" class="lang-visible">{self._esc(ru)}</span>'
|
||||
f'<span data-lang="en">{self._esc(en)}</span>'
|
||||
)
|
||||
else:
|
||||
inner = self._esc(label)
|
||||
if href:
|
||||
parts.append(f'<a href="{href}">{inner}</a>')
|
||||
else:
|
||||
parts.append(f'<span>{inner}</span>')
|
||||
return '<nav class="breadcrumbs">' + '<span class="bc-sep">›</span>'.join(parts) + '</nav>'
|
||||
|
||||
def _format_date(self, iso: str, short: bool = False) -> str:
|
||||
if not iso:
|
||||
return "—"
|
||||
try:
|
||||
if iso.endswith("Z"):
|
||||
iso = iso[:-1] + "+00:00"
|
||||
dt = datetime.fromisoformat(iso)
|
||||
if short:
|
||||
return dt.strftime("%d.%m.%Y")
|
||||
return dt.strftime("%d.%m.%Y %H:%M")
|
||||
except Exception:
|
||||
return iso
|
||||
|
||||
def _conv_display_name(self, conv: Dict) -> str:
|
||||
name = conv.get("name", "").strip()
|
||||
if name:
|
||||
return name
|
||||
msgs = conv.get("chat_messages", [])
|
||||
for msg in msgs:
|
||||
if msg.get("sender") == "human":
|
||||
text = msg.get("text", "")
|
||||
if not text:
|
||||
for block in msg.get("content", []):
|
||||
if block.get("type") == "text":
|
||||
text = block.get("text", "")
|
||||
break
|
||||
if text:
|
||||
clean = re.sub(r"\s+", " ", text).strip()
|
||||
return clean[:60] + ("..." if len(clean) > 60 else "")
|
||||
uid = conv.get("uuid", "")
|
||||
return f"Чат {uid[-8:]}" if uid else "Без названия"
|
||||
|
||||
def _conv_preview(self, conv: Dict, max_len: int = 120) -> str:
|
||||
msgs = conv.get("chat_messages", [])
|
||||
for msg in msgs:
|
||||
if msg.get("sender") == "human":
|
||||
text = msg.get("text", "")
|
||||
if not text:
|
||||
for block in msg.get("content", []):
|
||||
if block.get("type") == "text":
|
||||
text = block.get("text", "")
|
||||
break
|
||||
if text:
|
||||
clean = re.sub(r"```[\s\S]*?```", "[код]", text)
|
||||
clean = re.sub(r"`[^`]+`", "[код]", clean)
|
||||
clean = re.sub(r"\s+", " ", clean).strip()
|
||||
return clean[:max_len] + ("..." if len(clean) > max_len else "")
|
||||
return ""
|
||||
|
||||
# --- Index page ------------------------------------------------------- #
|
||||
|
||||
def build_index(self, loader: DataLoader, mapping: MappingManager,
|
||||
meta: Dict, new_uuids: set) -> str:
|
||||
user = loader.user
|
||||
convs = loader.conversations
|
||||
projects = loader.projects
|
||||
|
||||
total_msgs = sum(len(c.get("chat_messages", [])) for c in convs)
|
||||
gen_time = datetime.now().strftime("%d.%m.%Y %H:%M")
|
||||
|
||||
# stats strip
|
||||
stats_html = f"""<div class="stats-strip">
|
||||
<div class="stat-item"><span class="stat-num">{len(convs)}</span><span class="stat-lbl"><span data-lang="ru" class="lang-visible">чатов</span><span data-lang="en">chats</span></span></div>
|
||||
<div class="stat-item"><span class="stat-num">{total_msgs}</span><span class="stat-lbl"><span data-lang="ru" class="lang-visible">сообщений</span><span data-lang="en">messages</span></span></div>
|
||||
<div class="stat-item"><span class="stat-num">{len(projects)}</span><span class="stat-lbl"><span data-lang="ru" class="lang-visible">проектов</span><span data-lang="en">projects</span></span></div>
|
||||
<div class="stat-item"><span class="stat-num">{len(mapping.data)}</span><span class="stat-lbl"><span data-lang="ru" class="lang-visible">привязано</span><span data-lang="en">mapped</span></span></div>
|
||||
</div>"""
|
||||
|
||||
# user info
|
||||
user_html = ""
|
||||
if user:
|
||||
user_html = f"""<div class="card user-card">
|
||||
<div class="user-avatar">{self._esc(user.get('full_name','?')[:1])}</div>
|
||||
<div>
|
||||
<div class="user-name">{self._esc(user.get('full_name','Unknown'))}</div>
|
||||
<div class="user-email">{self._esc(user.get('email_address',''))}</div>
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
# projects grid
|
||||
sorted_projects = sorted(projects.values(), key=lambda p: p.get("updated_at",""), reverse=True)
|
||||
project_cards = ""
|
||||
for proj in sorted_projects:
|
||||
pid = proj.get("uuid","")
|
||||
pname = self._esc(proj.get("name","Без названия"))
|
||||
pdesc = self._esc(proj.get("description","") or "")
|
||||
pdocs = len(proj.get("docs",[]))
|
||||
pcnt = len(mapping.conversations_for_project(pid))
|
||||
pupdated = self._format_date(proj.get("updated_at",""), short=True)
|
||||
project_cards += f"""<a class="project-card" href="projects/{pid}/index.html">
|
||||
<div class="pc-name">{pname}</div>
|
||||
{f'<div class="pc-desc">{pdesc}</div>' if pdesc else ''}
|
||||
<div class="pc-meta">
|
||||
<span>{pdocs} doc{'s' if pdocs!=1 else ''}</span>
|
||||
<span>{pcnt} чат{'а' if pcnt in(2,3,4) else 'ов' if pcnt!=1 else ''}</span>
|
||||
<span>{pupdated}</span>
|
||||
</div>
|
||||
</a>"""
|
||||
|
||||
# recent conversations
|
||||
recent = sorted(convs, key=lambda c: c.get("updated_at",""), reverse=True)[:15]
|
||||
recent_rows = ""
|
||||
for conv in recent:
|
||||
cid = conv.get("uuid","")
|
||||
cname = self._esc(self._conv_display_name(conv))
|
||||
cupdated = self._format_date(conv.get("updated_at",""))
|
||||
cmsg = len(conv.get("chat_messages",[]))
|
||||
cproj_uuid = mapping.get_project(cid)
|
||||
cproj_name = ""
|
||||
if cproj_uuid and cproj_uuid in loader.projects:
|
||||
cproj_name = self._esc(loader.projects[cproj_uuid].get("name",""))
|
||||
is_new = cid in new_uuids
|
||||
new_badge = '<span class="badge badge-new">new</span>' if is_new else ""
|
||||
proj_badge = f'<span class="badge badge-proj">{cproj_name}</span>' if cproj_name else ""
|
||||
recent_rows += f"""<a class="conv-row" href="conversations/{cid}.html">
|
||||
<span class="conv-row-name">{cname} {new_badge} {proj_badge}</span>
|
||||
<span class="conv-row-meta">{cmsg} сообщ. · {cupdated}</span>
|
||||
</a>"""
|
||||
|
||||
# mapping sync panel
|
||||
sync_panel = """<div class="sync-panel card" id="syncPanel">
|
||||
<div class="sync-panel-header">
|
||||
<strong><span data-lang="ru" class="lang-visible">Синхронизация маппинга</span><span data-lang="en">Mapping sync</span></strong>
|
||||
<span class="sync-status" id="syncStatus"></span>
|
||||
</div>
|
||||
<p class="sync-desc">
|
||||
<span data-lang="ru" class="lang-visible">Привязки чатов к проектам, сделанные в браузере, хранятся в localStorage.
|
||||
Нажмите «Экспорт», скачайте файл, положите рядом со скриптом как <code>mapping.json</code>,
|
||||
затем запустите <code>python declaude.py --remap</code>.</span>
|
||||
<span data-lang="en">Browser-side project assignments are stored in localStorage.
|
||||
Click Export, save the file next to the script as <code>mapping.json</code>,
|
||||
then run <code>python declaude.py --remap</code>.</span>
|
||||
</p>
|
||||
<div class="sync-actions">
|
||||
<button class="btn btn-primary" onclick="exportMapping()">
|
||||
<span data-lang="ru" class="lang-visible">Экспорт mapping.json</span>
|
||||
<span data-lang="en">Export mapping.json</span>
|
||||
</button>
|
||||
<button class="btn" onclick="clearBrowserMapping()">
|
||||
<span data-lang="ru" class="lang-visible">Сбросить браузерный маппинг</span>
|
||||
<span data-lang="en">Reset browser mapping</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
body = f"""<main class="main-content">
|
||||
{user_html}
|
||||
{stats_html}
|
||||
<p class="gen-note"><span data-lang="ru" class="lang-visible">Архив сгенерирован:</span><span data-lang="en">Archive generated:</span> {gen_time}</p>
|
||||
|
||||
<section id="projects">
|
||||
<h2 class="section-title"><span data-lang="ru" class="lang-visible">Проекты</span><span data-lang="en">Projects</span></h2>
|
||||
<div class="projects-grid">{project_cards if project_cards else '<p class="muted"><span data-lang="ru" class="lang-visible">Нет проектов в архиве.</span><span data-lang="en">No projects in archive.</span></p>'}</div>
|
||||
</section>
|
||||
|
||||
<section id="recent">
|
||||
<h2 class="section-title">
|
||||
<span data-lang="ru" class="lang-visible">Последние чаты</span><span data-lang="en">Recent chats</span>
|
||||
<a href="all_conversations.html" class="section-link"><span data-lang="ru" class="lang-visible">Все →</span><span data-lang="en">All →</span></a>
|
||||
</h2>
|
||||
<div class="conv-list">{recent_rows}</div>
|
||||
</section>
|
||||
|
||||
<section id="sync">
|
||||
<h2 class="section-title"><span data-lang="ru" class="lang-visible">Синхронизация маппинга</span><span data-lang="en">Mapping sync</span></h2>
|
||||
{sync_panel}
|
||||
</section>
|
||||
</main>"""
|
||||
|
||||
return self._page("Архив", body, depth=0)
|
||||
|
||||
# --- All conversations page ------------------------------------------- #
|
||||
|
||||
def build_all_conversations(self, loader: DataLoader, mapping: MappingManager,
|
||||
new_uuids: set) -> str:
|
||||
convs = loader.conversations
|
||||
projects = loader.projects
|
||||
|
||||
sorted_convs = sorted(convs, key=lambda c: c.get("updated_at",""), reverse=True)
|
||||
|
||||
# Build project filter options (data-ru/data-en for JS i18n since <option> can't have child spans)
|
||||
proj_options = '<option value="" data-ru="Все проекты" data-en="All projects">Все проекты</option>'
|
||||
proj_options += '<option value="__none__" data-ru="Без проекта" data-en="No project">Без проекта</option>'
|
||||
for proj in sorted(projects.values(), key=lambda p: p.get("name","")):
|
||||
pid = proj.get("uuid","")
|
||||
pname = self._esc(proj.get("name",""))
|
||||
proj_options += f'<option value="{pid}">{pname}</option>'
|
||||
|
||||
rows_html = ""
|
||||
for conv in sorted_convs:
|
||||
cid = conv.get("uuid","")
|
||||
cname = self._esc(self._conv_display_name(conv))
|
||||
cpreview = self._esc(self._conv_preview(conv))
|
||||
cupdated = self._format_date(conv.get("updated_at",""))
|
||||
ccreated = self._format_date(conv.get("created_at",""), short=True)
|
||||
cmsg = len(conv.get("chat_messages",[]))
|
||||
cproj_uuid = mapping.get_project(cid) or ""
|
||||
cproj_name = ""
|
||||
if cproj_uuid and cproj_uuid in projects:
|
||||
cproj_name = self._esc(projects[cproj_uuid].get("name",""))
|
||||
is_new = cid in new_uuids
|
||||
new_badge = '<span class="badge badge-new">new</span>' if is_new else ""
|
||||
proj_badge = f'<span class="badge badge-proj">{cproj_name}</span>' if cproj_name else ""
|
||||
|
||||
rows_html += f"""<a class="conv-card"
|
||||
href="conversations/{cid}.html"
|
||||
data-name="{cname.lower()}"
|
||||
data-preview="{cpreview.lower()}"
|
||||
data-proj="{cproj_uuid}"
|
||||
data-updated="{conv.get('updated_at','')}"
|
||||
data-created="{conv.get('created_at','')}"
|
||||
data-msgs="{cmsg}">
|
||||
<div class="cc-top">
|
||||
<span class="cc-name">{cname}</span>
|
||||
<span class="cc-badges">{new_badge}{proj_badge}</span>
|
||||
</div>
|
||||
{f'<div class="cc-preview">{cpreview}</div>' if cpreview else ''}
|
||||
<div class="cc-meta">{cmsg} <span data-lang="ru" class="lang-visible">сообщ.</span><span data-lang="en">msg</span> · {cupdated} · <span data-lang="ru" class="lang-visible">создан</span><span data-lang="en">created</span> {ccreated}</div>
|
||||
</a>"""
|
||||
|
||||
body = f"""<main class="main-content">
|
||||
{self._breadcrumbs([("Главная","index.html"),("Все чаты",None)])}
|
||||
<h1>
|
||||
<span data-lang="ru" class="lang-visible">Все чаты</span>
|
||||
<span data-lang="en">All chats</span>
|
||||
<span class="count-badge">{len(convs)}</span>
|
||||
</h1>
|
||||
|
||||
<div class="filters-bar">
|
||||
<input type="search" id="searchInput"
|
||||
data-placeholder-ru="Поиск по названию или тексту..."
|
||||
data-placeholder-en="Search by title or text..."
|
||||
placeholder="Поиск по названию или тексту..."
|
||||
class="search-input" oninput="filterConvs()">
|
||||
<select id="projFilter" class="select-input" onchange="filterConvs()">
|
||||
{proj_options}
|
||||
</select>
|
||||
<select id="sortSelect" class="select-input" onchange="filterConvs()">
|
||||
<option value="updated" data-ru="По дате обновления" data-en="By update date">По дате обновления</option>
|
||||
<option value="created" data-ru="По дате создания" data-en="By creation date">По дате создания</option>
|
||||
<option value="msgs" data-ru="По числу сообщений" data-en="By message count">По числу сообщений</option>
|
||||
</select>
|
||||
<span id="countLabel" class="filter-count"></span>
|
||||
</div>
|
||||
|
||||
<div class="conv-grid" id="convGrid">
|
||||
{rows_html}
|
||||
</div>
|
||||
</main>"""
|
||||
|
||||
return self._page("Все чаты", body, depth=0,
|
||||
extra_head='<script>window.PAGE_TYPE="all_convs";</script>')
|
||||
|
||||
# --- Project page ----------------------------------------------------- #
|
||||
|
||||
def build_project_page(self, project: Dict, loader: DataLoader,
|
||||
mapping: MappingManager) -> str:
|
||||
pid = project.get("uuid","")
|
||||
pname = project.get("name","Без названия")
|
||||
pdesc = project.get("description","") or ""
|
||||
pcreated = self._format_date(project.get("created_at",""))
|
||||
pupdated = self._format_date(project.get("updated_at",""))
|
||||
pprompt = project.get("prompt_template","") or ""
|
||||
docs = project.get("docs",[])
|
||||
|
||||
# Documents section
|
||||
docs_html = ""
|
||||
if docs:
|
||||
for doc in docs:
|
||||
dname = self._esc(doc.get("filename","Без названия"))
|
||||
dcreated = self._format_date(doc.get("created_at",""))
|
||||
dcontent = doc.get("content","") or ""
|
||||
doc_rendered = self.md.render(dcontent) if dcontent else "<p class='muted'>Нет содержимого.</p>"
|
||||
docs_html += f"""<details class="doc-block">
|
||||
<summary class="doc-summary">
|
||||
<span class="doc-icon">📄</span>
|
||||
<span class="doc-name">{dname}</span>
|
||||
<span class="doc-date muted">{dcreated}</span>
|
||||
</summary>
|
||||
<div class="doc-content">{doc_rendered}</div>
|
||||
</details>"""
|
||||
else:
|
||||
docs_html = '<p class="muted">Нет документов в этом проекте.</p>'
|
||||
|
||||
# Prompt template
|
||||
prompt_html = ""
|
||||
if pprompt:
|
||||
prompt_rendered = self.md.render(pprompt)
|
||||
prompt_html = f"""<section class="card">
|
||||
<h2>Системный промпт</h2>
|
||||
<div class="prompt-content">{prompt_rendered}</div>
|
||||
</section>"""
|
||||
|
||||
# Conversations
|
||||
conv_uuids = mapping.conversations_for_project(pid)
|
||||
conv_map = {c.get("uuid",""): c for c in loader.conversations}
|
||||
proj_convs = [conv_map[u] for u in conv_uuids if u in conv_map]
|
||||
proj_convs.sort(key=lambda c: c.get("updated_at",""), reverse=True)
|
||||
|
||||
conv_rows = ""
|
||||
for conv in proj_convs:
|
||||
cid = conv.get("uuid","")
|
||||
cname = self._esc(self._conv_display_name(conv))
|
||||
cpreview = self._esc(self._conv_preview(conv))
|
||||
cupdated = self._format_date(conv.get("updated_at",""))
|
||||
cmsg = len(conv.get("chat_messages",[]))
|
||||
conv_rows += f"""<a class="conv-row" href="../../conversations/{cid}.html">
|
||||
<span class="conv-row-name">{cname}</span>
|
||||
<span class="conv-row-meta">{cmsg} сообщ. · {cupdated}</span>
|
||||
</a>
|
||||
{f'<div class="conv-row-preview">{cpreview}</div>' if cpreview else ''}"""
|
||||
|
||||
convs_section = f"""<section>
|
||||
<h2>Привязанные чаты <span class="count-badge">{len(proj_convs)}</span></h2>
|
||||
{f'<div class="conv-list">{conv_rows}</div>' if proj_convs else '<p class="muted">Нет привязанных чатов. Откройте чат и нажмите «Привязать к проекту».</p>'}
|
||||
</section>"""
|
||||
|
||||
body = f"""<main class="main-content">
|
||||
{self._breadcrumbs([("Главная","../../index.html"),("Проекты","../../index.html#projects"),(pname,None)])}
|
||||
<h1>{self._esc(pname)}</h1>
|
||||
|
||||
<div class="card meta-card">
|
||||
{f'<p class="project-desc">{self._esc(pdesc)}</p>' if pdesc else ''}
|
||||
<div class="meta-grid">
|
||||
<span class="meta-lbl">Создан</span><span>{pcreated}</span>
|
||||
<span class="meta-lbl">Обновлён</span><span>{pupdated}</span>
|
||||
<span class="meta-lbl">Документов</span><span>{len(docs)}</span>
|
||||
<span class="meta-lbl">Чатов</span><span>{len(proj_convs)}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{prompt_html}
|
||||
|
||||
<section>
|
||||
<h2>Документы <span class="count-badge">{len(docs)}</span></h2>
|
||||
<div class="docs-list">{docs_html}</div>
|
||||
</section>
|
||||
|
||||
{convs_section}
|
||||
</main>"""
|
||||
|
||||
return self._page(pname, body, depth=2)
|
||||
|
||||
# --- Conversation page ------------------------------------------------ #
|
||||
|
||||
def build_conversation_page(self, conv: Dict, loader: DataLoader,
|
||||
mapping: MappingManager) -> str:
|
||||
cid = conv.get("uuid","")
|
||||
cname = self._conv_display_name(conv)
|
||||
ccreated = self._format_date(conv.get("created_at",""))
|
||||
cupdated = self._format_date(conv.get("updated_at",""))
|
||||
messages = conv.get("chat_messages",[])
|
||||
|
||||
# Sort messages by created_at
|
||||
try:
|
||||
messages = sorted(messages, key=lambda m: m.get("created_at",""))
|
||||
except Exception:
|
||||
pass
|
||||
|
||||
# Current project assignment
|
||||
cproj_uuid = mapping.get_project(cid) or ""
|
||||
|
||||
# Project assignment widget — goes into topbar
|
||||
# Note: <option> can't contain HTML tags, so i18n for the placeholder is done via JS (data-i18n attr)
|
||||
proj_options_html = '<option value="" data-ru="— Не привязан —" data-en="— Not assigned —">— Не привязан —</option>'
|
||||
for proj in sorted(loader.projects.values(), key=lambda p: p.get("name","")):
|
||||
pid2 = proj.get("uuid","")
|
||||
pn = self._esc(proj.get("name",""))
|
||||
selected = 'selected' if pid2 == cproj_uuid else ''
|
||||
proj_options_html += f'<option value="{pid2}" {selected}>{pn}</option>'
|
||||
|
||||
open_proj_link = (
|
||||
f'<a class="topbar-assign-link" id="assignProjLink" href="../projects/{cproj_uuid}/index.html">'
|
||||
f'<span data-lang="ru" class="lang-visible">Открыть →</span>'
|
||||
f'<span data-lang="en">Open →</span>'
|
||||
f'</a>'
|
||||
if cproj_uuid else
|
||||
'<a class="topbar-assign-link" id="assignProjLink" href="#" style="display:none">'
|
||||
'<span data-lang="ru" class="lang-visible">Открыть →</span>'
|
||||
'<span data-lang="en">Open →</span>'
|
||||
'</a>'
|
||||
)
|
||||
|
||||
conv_assign_html = f"""<div class="topbar-assign">
|
||||
<span class="topbar-assign-label">
|
||||
<span data-lang="ru" class="lang-visible">Проект:</span>
|
||||
<span data-lang="en">Project:</span>
|
||||
</span>
|
||||
<select id="projSelect" class="select-input" onchange="assignProject('{cid}', this.value)">
|
||||
{proj_options_html}
|
||||
</select>
|
||||
{open_proj_link}
|
||||
</div>"""
|
||||
|
||||
# FAB scroll buttons
|
||||
scroll_fabs = """<div class="scroll-fabs" id="scrollFabs">
|
||||
<button class="scroll-fab hidden" id="fabTop" onclick="scrollToTop()" title="В начало">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
||||
<polyline points="18 15 12 9 6 15"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="scroll-fab" id="fabBottom" onclick="scrollToBottom()" title="В конец">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
||||
<polyline points="6 9 12 15 18 9"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>"""
|
||||
|
||||
# Messages
|
||||
msgs_html = ""
|
||||
for i, msg in enumerate(messages):
|
||||
sender = msg.get("sender","unknown")
|
||||
ts = self._format_date(msg.get("created_at",""))
|
||||
text = msg.get("text","")
|
||||
if not text:
|
||||
parts = []
|
||||
for block in msg.get("content",[]):
|
||||
if isinstance(block, dict) and block.get("type") == "text":
|
||||
parts.append(block.get("text",""))
|
||||
text = "\n".join(parts)
|
||||
|
||||
attachments = msg.get("attachments",[])
|
||||
files = msg.get("files",[])
|
||||
|
||||
rendered = self.md.render(text) if text else (
|
||||
'<p class="muted">'
|
||||
'<span data-lang="ru" class="lang-visible">[нет текста]</span>'
|
||||
'<span data-lang="en">[no text]</span>'
|
||||
'</p>'
|
||||
)
|
||||
|
||||
# Attachments
|
||||
attach_html = ""
|
||||
for att in attachments:
|
||||
fname = self._esc(att.get("file_name","файл"))
|
||||
fsize = att.get("file_size",0)
|
||||
ftype = self._esc(att.get("file_type","") or "")
|
||||
extracted = att.get("extracted_content","") or ""
|
||||
size_str = f"{fsize:,}".replace(",", " ") + " б" if fsize else ""
|
||||
if extracted:
|
||||
ext_rendered = self.md.render(extracted)
|
||||
attach_html += f"""<details class="attachment">
|
||||
<summary class="att-summary">
|
||||
<span class="att-icon">📎</span>
|
||||
<span class="att-name">{fname}</span>
|
||||
{f'<span class="att-meta">{ftype} · {size_str}</span>' if ftype or size_str else ''}
|
||||
</summary>
|
||||
<div class="att-content">{ext_rendered}</div>
|
||||
</details>"""
|
||||
else:
|
||||
attach_html += f"""<div class="attachment att-badge">
|
||||
<span class="att-icon">📎</span>
|
||||
<span class="att-name">{fname}</span>
|
||||
{f'<span class="att-meta">{ftype} · {size_str}</span>' if ftype or size_str else ''}
|
||||
</div>"""
|
||||
|
||||
for fobj in files:
|
||||
fname = self._esc(fobj.get("file_name","файл"))
|
||||
attach_html += f'<div class="attachment att-badge"><span class="att-icon">📁</span> <span class="att-name">{fname}</span></div>'
|
||||
|
||||
is_human = sender == "human"
|
||||
role_cls = "msg-human" if is_human else "msg-claude"
|
||||
avatar = f"""<div class="msg-avatar {'avatar-human' if is_human else 'avatar-claude'}">
|
||||
{'<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>' if is_human else '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>'}
|
||||
</div>"""
|
||||
sender_label_html = (
|
||||
'<span data-lang="ru" class="lang-visible">Вы</span><span data-lang="en">You</span>'
|
||||
if is_human else "Claude"
|
||||
)
|
||||
|
||||
msgs_html += f"""<div class="message {role_cls}" id="msg-{i}">
|
||||
<div class="msg-meta">
|
||||
{avatar}
|
||||
<span class="msg-sender">{sender_label_html}</span>
|
||||
<span class="msg-ts">{ts}</span>
|
||||
</div>
|
||||
<div class="msg-body">
|
||||
<div class="msg-content">{rendered}</div>
|
||||
{f'<div class="msg-attachments">{attach_html}</div>' if attach_html else ''}
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
body = f"""<main class="main-content conv-page">
|
||||
{self._breadcrumbs([("Главная","../index.html"),("Все чаты","../all_conversations.html"),(cname,None)])}
|
||||
<h1 class="conv-title">{self._esc(cname)}</h1>
|
||||
<div class="conv-meta-bar">
|
||||
<span><span data-lang="ru" class="lang-visible">Создан:</span><span data-lang="en">Created:</span> {ccreated}</span>
|
||||
<span><span data-lang="ru" class="lang-visible">Обновлён:</span><span data-lang="en">Updated:</span> {cupdated}</span>
|
||||
<span>{len(messages)} <span data-lang="ru" class="lang-visible">сообщений</span><span data-lang="en">messages</span></span>
|
||||
<span class="conv-uuid muted">ID: {cid}</span>
|
||||
</div>
|
||||
|
||||
<div class="messages-container" id="messagesContainer">
|
||||
{msgs_html}
|
||||
</div>
|
||||
{scroll_fabs}
|
||||
</main>"""
|
||||
|
||||
return self._page(
|
||||
cname, body, depth=1,
|
||||
extra_head=f'<script>window.CONV_UUID="{cid}";window.PAGE_TYPE="conversation";</script>',
|
||||
conv_assign_html=conv_assign_html
|
||||
)
|
||||
|
||||
|
||||
141
declaude/loader.py
Normal file
141
declaude/loader.py
Normal file
|
|
@ -0,0 +1,141 @@
|
|||
"""Loading a Claude.ai data export and the conversation → project mapping."""
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
import shutil
|
||||
import sys
|
||||
import zipfile
|
||||
from pathlib import Path
|
||||
from typing import Dict, List, Optional
|
||||
|
||||
BACKUP_CONVERSATIONS = "conversations.json"
|
||||
BACKUP_USERS = "users.json"
|
||||
BACKUP_PROJECTS_DIR = "projects"
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# DataLoader
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
class DataLoader:
|
||||
"""Loads and validates Claude backup data from a directory."""
|
||||
|
||||
def __init__(self, source_dir: Path):
|
||||
self.source_dir = source_dir
|
||||
self.conversations: List[Dict] = []
|
||||
self.projects: Dict[str, Dict] = {} # uuid → project
|
||||
self.user: Dict = {}
|
||||
|
||||
def load(self) -> None:
|
||||
self._load_user()
|
||||
self._load_projects()
|
||||
self._load_conversations()
|
||||
|
||||
def _load_user(self) -> None:
|
||||
path = self.source_dir / BACKUP_USERS
|
||||
if not path.exists():
|
||||
return
|
||||
try:
|
||||
with open(path, encoding="utf-8") as f:
|
||||
data = json.load(f)
|
||||
if isinstance(data, list) and data:
|
||||
self.user = data[0]
|
||||
elif isinstance(data, dict):
|
||||
self.user = data
|
||||
except Exception as e:
|
||||
print(f" Warning: could not load users.json: {e}")
|
||||
|
||||
def _load_projects(self) -> None:
|
||||
projects_dir = self.source_dir / BACKUP_PROJECTS_DIR
|
||||
if not projects_dir.is_dir():
|
||||
print(f" Warning: projects/ directory not found in {self.source_dir}")
|
||||
return
|
||||
for json_file in projects_dir.glob("*.json"):
|
||||
try:
|
||||
with open(json_file, encoding="utf-8") as f:
|
||||
data = json.load(f)
|
||||
if isinstance(data, dict) and "uuid" in data:
|
||||
self.projects[data["uuid"]] = data
|
||||
except Exception as e:
|
||||
print(f" Warning: could not load {json_file.name}: {e}")
|
||||
print(f" Loaded {len(self.projects)} projects")
|
||||
|
||||
def _load_conversations(self) -> None:
|
||||
path = self.source_dir / BACKUP_CONVERSATIONS
|
||||
if not path.exists():
|
||||
print(f"Error: {path} not found.")
|
||||
sys.exit(1)
|
||||
try:
|
||||
with open(path, encoding="utf-8") as f:
|
||||
data = json.load(f)
|
||||
if not isinstance(data, list):
|
||||
print("Error: conversations.json is not a JSON array.")
|
||||
sys.exit(1)
|
||||
self.conversations = data
|
||||
except Exception as e:
|
||||
print(f"Error loading conversations.json: {e}")
|
||||
sys.exit(1)
|
||||
print(f" Loaded {len(self.conversations)} conversations")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# MappingManager
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
class MappingManager:
|
||||
"""Manages conv_uuid → project_uuid mapping with persistence."""
|
||||
|
||||
def __init__(self, mapping_path: Path):
|
||||
self.path = mapping_path
|
||||
self.data: Dict[str, str] = {} # conv_uuid → project_uuid
|
||||
|
||||
def load(self) -> None:
|
||||
if not self.path.exists():
|
||||
return
|
||||
try:
|
||||
with open(self.path, encoding="utf-8") as f:
|
||||
raw = json.load(f)
|
||||
if isinstance(raw, dict):
|
||||
self.data = {str(k): str(v) for k, v in raw.items()}
|
||||
except Exception as e:
|
||||
print(f" Warning: could not load mapping.json: {e}")
|
||||
|
||||
def save(self) -> None:
|
||||
with open(self.path, "w", encoding="utf-8") as f:
|
||||
json.dump(self.data, f, ensure_ascii=False, indent=2)
|
||||
|
||||
def assign(self, conv_uuid: str, project_uuid: str) -> None:
|
||||
self.data[conv_uuid] = project_uuid
|
||||
|
||||
def get_project(self, conv_uuid: str) -> Optional[str]:
|
||||
return self.data.get(conv_uuid)
|
||||
|
||||
def conversations_for_project(self, project_uuid: str) -> List[str]:
|
||||
return [c for c, p in self.data.items() if p == project_uuid]
|
||||
|
||||
def merge_from_browser(self, browser_export: Dict[str, str]) -> int:
|
||||
"""Merge browser localStorage export into mapping. Returns count of new entries."""
|
||||
added = 0
|
||||
for conv_uuid, proj_uuid in browser_export.items():
|
||||
if conv_uuid not in self.data:
|
||||
self.data[conv_uuid] = proj_uuid
|
||||
added += 1
|
||||
return added
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Zip extraction helper
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
def extract_zip(zip_path: Path, target_dir: Path) -> Path:
|
||||
"""Extract zip archive to target_dir, return the root directory inside."""
|
||||
if target_dir.exists():
|
||||
shutil.rmtree(target_dir)
|
||||
target_dir.mkdir(parents=True)
|
||||
with zipfile.ZipFile(zip_path, "r") as zf:
|
||||
zf.extractall(target_dir)
|
||||
# If zip has a single root folder, use that
|
||||
children = list(target_dir.iterdir())
|
||||
if len(children) == 1 and children[0].is_dir():
|
||||
return children[0]
|
||||
return target_dir
|
||||
318
declaude/markdown.py
Normal file
318
declaude/markdown.py
Normal file
|
|
@ -0,0 +1,318 @@
|
|||
"""Minimal Markdown → HTML renderer with code highlighting, tables and safe links."""
|
||||
from __future__ import annotations
|
||||
|
||||
import re
|
||||
from typing import List
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# MarkdownRenderer
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
class MarkdownRenderer:
|
||||
"""
|
||||
Converts markdown text to HTML.
|
||||
Handles: code blocks, inline code, headers, bold, italic,
|
||||
links, images, horizontal rules, blockquotes, unordered/ordered lists.
|
||||
No external dependencies.
|
||||
"""
|
||||
|
||||
# Syntax highlight token patterns per language family
|
||||
_KEYWORDS = {
|
||||
"python": r'\b(def|class|return|import|from|if|elif|else|for|while|with|as|in|not|and|or|is|None|True|False|try|except|finally|raise|yield|lambda|pass|break|continue|del|global|nonlocal|assert|async|await)\b',
|
||||
"js": r'\b(function|const|let|var|return|if|else|for|while|do|class|new|this|import|export|default|from|async|await|try|catch|finally|throw|typeof|instanceof|in|of|true|false|null|undefined|switch|case|break|continue)\b',
|
||||
"ts": r'\b(function|const|let|var|return|if|else|for|while|do|class|new|this|import|export|default|from|async|await|try|catch|finally|throw|typeof|instanceof|in|of|true|false|null|undefined|switch|case|break|continue|type|interface|enum|extends|implements|readonly|abstract)\b',
|
||||
"html": None,
|
||||
"css": None,
|
||||
"sql": r'\b(SELECT|FROM|WHERE|JOIN|LEFT|RIGHT|INNER|OUTER|ON|GROUP|BY|ORDER|HAVING|INSERT|INTO|VALUES|UPDATE|SET|DELETE|CREATE|TABLE|INDEX|DROP|ALTER|ADD|COLUMN|PRIMARY|KEY|FOREIGN|REFERENCES|NOT|NULL|UNIQUE|DEFAULT|AND|OR|AS|DISTINCT|LIMIT|OFFSET|COUNT|SUM|AVG|MAX|MIN|UNION|ALL|EXISTS|IN|LIKE|BETWEEN|CASE|WHEN|THEN|ELSE|END)\b',
|
||||
"bash": r'\b(echo|if|then|else|fi|for|do|done|while|case|esac|function|return|exit|cd|ls|mkdir|rm|cp|mv|cat|grep|sed|awk|find|chmod|chown|export|source|alias|unset|set|read|printf|test|true|false)\b',
|
||||
"go": r'\b(func|package|import|var|const|type|struct|interface|map|chan|go|defer|select|switch|case|default|return|if|else|for|range|break|continue|fallthrough|nil|true|false|make|new|len|cap|append|copy|delete|close|panic|recover)\b',
|
||||
"rust": r'\b(fn|let|mut|pub|use|mod|struct|enum|impl|trait|for|while|loop|if|else|match|return|break|continue|true|false|None|Some|Ok|Err|self|Self|super|crate|move|ref|in|as|where|async|await|dyn|unsafe|extern)\b',
|
||||
}
|
||||
|
||||
_LANG_ALIASES = {
|
||||
"javascript": "js", "typescript": "ts", "jsx": "js", "tsx": "ts",
|
||||
"shell": "bash", "sh": "bash", "zsh": "bash",
|
||||
"py": "python", "golang": "go",
|
||||
}
|
||||
|
||||
def render(self, text: str) -> str:
|
||||
if not text:
|
||||
return ""
|
||||
|
||||
# 1. Extract and protect code blocks
|
||||
code_blocks: List[str] = []
|
||||
text = re.sub(
|
||||
r'```(\w*)\n?([\s\S]*?)```',
|
||||
lambda m: self._store_code(m, code_blocks),
|
||||
text
|
||||
)
|
||||
|
||||
# 2. Escape HTML in the remaining text
|
||||
text = self._escape_html(text)
|
||||
|
||||
# 3. Inline code (protect from further processing)
|
||||
inline_codes: List[str] = []
|
||||
text = re.sub(
|
||||
r'`([^`\n]+)`',
|
||||
lambda m: self._store_inline(m, inline_codes),
|
||||
text
|
||||
)
|
||||
|
||||
# 4a. Tables (before line-by-line block processing)
|
||||
text = self._process_tables(text)
|
||||
|
||||
# 4. Block-level elements (process line by line)
|
||||
text = self._process_block(text)
|
||||
|
||||
# 5. Inline formatting
|
||||
text = self._process_inline(text)
|
||||
|
||||
# 6. Restore inline code
|
||||
for i, code in enumerate(inline_codes):
|
||||
text = text.replace(f'\x02INLINE{i}\x03', code)
|
||||
|
||||
# 7. Restore code blocks
|
||||
for i, block in enumerate(code_blocks):
|
||||
text = text.replace(f'\x02CODE{i}\x03', block)
|
||||
|
||||
return text
|
||||
|
||||
def _store_code(self, m: re.Match, store: List[str]) -> str:
|
||||
lang_raw = m.group(1).strip().lower()
|
||||
lang = self._LANG_ALIASES.get(lang_raw, lang_raw)
|
||||
code = m.group(2)
|
||||
highlighted = self._highlight(self._escape_html(code), lang)
|
||||
lang_label = lang_raw or "code"
|
||||
html = (
|
||||
f'<div class="code-block">'
|
||||
f'<div class="code-header">'
|
||||
f'<span class="code-lang">{lang_label}</span>'
|
||||
f'<button class="copy-btn" onclick="copyCode(this)">Copy</button>'
|
||||
f'</div>'
|
||||
f'<pre><code class="lang-{lang}">{highlighted}</code></pre>'
|
||||
f'</div>'
|
||||
)
|
||||
idx = len(store)
|
||||
store.append(html)
|
||||
return f'\x02CODE{idx}\x03'
|
||||
|
||||
def _store_inline(self, m: re.Match, store: List[str]) -> str:
|
||||
code = m.group(1)
|
||||
html = f'<code class="inline-code">{code}</code>'
|
||||
idx = len(store)
|
||||
store.append(html)
|
||||
return f'\x02INLINE{idx}\x03'
|
||||
|
||||
def _highlight(self, code: str, lang: str) -> str:
|
||||
if lang not in self._KEYWORDS:
|
||||
return code
|
||||
pattern = self._KEYWORDS[lang]
|
||||
if not pattern:
|
||||
return code
|
||||
# Strings
|
||||
code = re.sub(r'("(?:[^\\&#]|\\.)*?"|'(?:[^\\&#]|\\.)*?')',
|
||||
r'<span class="hl-string">\1</span>', code)
|
||||
# Keywords
|
||||
code = re.sub(pattern, r'<span class="hl-keyword">\1</span>', code,
|
||||
flags=re.IGNORECASE if lang == "sql" else 0)
|
||||
# Numbers
|
||||
code = re.sub(r'\b(\d+\.?\d*)\b', r'<span class="hl-number">\1</span>', code)
|
||||
# Comments
|
||||
if lang in ("python", "bash"):
|
||||
code = re.sub(r'(#[^\n]*)', r'<span class="hl-comment">\1</span>', code)
|
||||
elif lang in ("js", "ts", "go", "rust", "css"):
|
||||
code = re.sub(r'(//[^\n]*)', r'<span class="hl-comment">\1</span>', code)
|
||||
code = re.sub(r'(/\*[\s\S]*?\*/)', r'<span class="hl-comment">\1</span>', code)
|
||||
elif lang == "sql":
|
||||
code = re.sub(r'(--[^\n]*)', r'<span class="hl-comment">\1</span>', code)
|
||||
return code
|
||||
|
||||
def _escape_html(self, text: str) -> str:
|
||||
text = text.replace("&", "&")
|
||||
text = text.replace("<", "<")
|
||||
text = text.replace(">", ">")
|
||||
return text
|
||||
|
||||
def _process_tables(self, text: str) -> str:
|
||||
"""Convert GFM pipe tables to HTML tables."""
|
||||
lines = text.split('\n')
|
||||
result: List[str] = []
|
||||
i = 0
|
||||
while i < len(lines):
|
||||
# A table starts with a pipe line followed by a separator line (---|---)
|
||||
if (i + 1 < len(lines)
|
||||
and '|' in lines[i]
|
||||
and re.match(r'^\s*\|?[\s\-:|]+\|[\s\-:|]*\|?\s*$', lines[i + 1])):
|
||||
# Collect header row
|
||||
header_line = lines[i].strip().strip('|')
|
||||
sep_line = lines[i + 1]
|
||||
i += 2
|
||||
|
||||
# Parse alignments from separator
|
||||
sep_cells = [c.strip() for c in sep_line.strip().strip('|').split('|')]
|
||||
aligns: List[str] = []
|
||||
for cell in sep_cells:
|
||||
if cell.startswith(':') and cell.endswith(':'):
|
||||
aligns.append(' style="text-align:center"')
|
||||
elif cell.endswith(':'):
|
||||
aligns.append(' style="text-align:right"')
|
||||
else:
|
||||
aligns.append('')
|
||||
|
||||
# Render header
|
||||
header_cells = [c.strip() for c in header_line.split('|')]
|
||||
thead = '<thead><tr>' + ''.join(
|
||||
f'<th{aligns[j] if j < len(aligns) else ""}>{header_cells[j]}</th>'
|
||||
for j in range(len(header_cells))
|
||||
) + '</tr></thead>'
|
||||
|
||||
# Collect body rows
|
||||
tbody_rows = ''
|
||||
while i < len(lines) and '|' in lines[i]:
|
||||
row_line = lines[i].strip().strip('|')
|
||||
row_cells = [c.strip() for c in row_line.split('|')]
|
||||
tbody_rows += '<tr>' + ''.join(
|
||||
f'<td{aligns[j] if j < len(aligns) else ""}>{row_cells[j]}</td>'
|
||||
for j in range(len(row_cells))
|
||||
) + '</tr>'
|
||||
i += 1
|
||||
|
||||
result.append(f'<div class="table-wrap"><table>{thead}<tbody>{tbody_rows}</tbody></table></div>')
|
||||
else:
|
||||
result.append(lines[i])
|
||||
i += 1
|
||||
return '\n'.join(result)
|
||||
|
||||
def _process_block(self, text: str) -> str:
|
||||
lines = text.split('\n')
|
||||
output: List[str] = []
|
||||
in_ul = False
|
||||
in_ol = False
|
||||
in_blockquote = False
|
||||
i = 0
|
||||
|
||||
def close_lists():
|
||||
nonlocal in_ul, in_ol, in_blockquote
|
||||
if in_ul:
|
||||
output.append('</ul>')
|
||||
in_ul = False
|
||||
if in_ol:
|
||||
output.append('</ol>')
|
||||
in_ol = False
|
||||
if in_blockquote:
|
||||
output.append('</blockquote>')
|
||||
in_blockquote = False
|
||||
|
||||
while i < len(lines):
|
||||
line = lines[i]
|
||||
|
||||
# Horizontal rule
|
||||
if re.match(r'^(\*{3,}|-{3,}|_{3,})\s*$', line):
|
||||
close_lists()
|
||||
output.append('<hr>')
|
||||
i += 1
|
||||
continue
|
||||
|
||||
# ATX Headers
|
||||
hm = re.match(r'^(#{1,6})\s+(.*)', line)
|
||||
if hm:
|
||||
close_lists()
|
||||
level = len(hm.group(1))
|
||||
content = hm.group(2).strip()
|
||||
output.append(f'<h{level}>{content}</h{level}>')
|
||||
i += 1
|
||||
continue
|
||||
|
||||
# Blockquote
|
||||
if line.startswith('> ') or line.startswith('>'):
|
||||
if not in_blockquote:
|
||||
close_lists()
|
||||
output.append('<blockquote>')
|
||||
in_blockquote = True
|
||||
content = re.sub(r'^>\s?', '', line)
|
||||
output.append(f'<p>{content}</p>')
|
||||
i += 1
|
||||
continue
|
||||
elif in_blockquote:
|
||||
output.append('</blockquote>')
|
||||
in_blockquote = False
|
||||
|
||||
# Unordered list
|
||||
ulm = re.match(r'^[\*\-\+]\s+(.*)', line)
|
||||
if ulm:
|
||||
if not in_ul:
|
||||
close_lists()
|
||||
output.append('<ul>')
|
||||
in_ul = True
|
||||
output.append(f'<li>{ulm.group(1)}</li>')
|
||||
i += 1
|
||||
continue
|
||||
|
||||
# Ordered list
|
||||
olm = re.match(r'^\d+\.\s+(.*)', line)
|
||||
if olm:
|
||||
if not in_ol:
|
||||
close_lists()
|
||||
output.append('<ol>')
|
||||
in_ol = True
|
||||
output.append(f'<li>{olm.group(1)}</li>')
|
||||
i += 1
|
||||
continue
|
||||
|
||||
# Empty line — close lists, paragraph break
|
||||
if not line.strip():
|
||||
close_lists()
|
||||
output.append('')
|
||||
i += 1
|
||||
continue
|
||||
|
||||
# Regular paragraph line
|
||||
if in_ul or in_ol:
|
||||
close_lists()
|
||||
|
||||
output.append(line)
|
||||
i += 1
|
||||
|
||||
close_lists()
|
||||
|
||||
# Wrap consecutive non-tag lines in <p>
|
||||
result = []
|
||||
para: List[str] = []
|
||||
|
||||
def flush_para():
|
||||
if para:
|
||||
result.append('<p>' + '<br>'.join(para) + '</p>')
|
||||
para.clear()
|
||||
|
||||
for line in output:
|
||||
if not line:
|
||||
flush_para()
|
||||
elif line.startswith('<') and not line.startswith('<br'):
|
||||
flush_para()
|
||||
result.append(line)
|
||||
else:
|
||||
para.append(line)
|
||||
flush_para()
|
||||
|
||||
return '\n'.join(result)
|
||||
|
||||
def _process_inline(self, text: str) -> str:
|
||||
# Images before links
|
||||
text = re.sub(r'!\[([^\]]*)\]\(([^)]+)\)',
|
||||
r'<img alt="\1" src="\2" loading="lazy">', text)
|
||||
# Links
|
||||
text = re.sub(r'\[([^\]]+)\]\(([^)]+)\)',
|
||||
r'<a href="\2" target="_blank" rel="noopener">\1</a>', text)
|
||||
# Bold+italic
|
||||
text = re.sub(r'\*\*\*(.+?)\*\*\*', r'<strong><em>\1</em></strong>', text)
|
||||
text = re.sub(r'___(.+?)___', r'<strong><em>\1</em></strong>', text)
|
||||
# Bold
|
||||
text = re.sub(r'\*\*(.+?)\*\*', r'<strong>\1</strong>', text)
|
||||
text = re.sub(r'__(.+?)__', r'<strong>\1</strong>', text)
|
||||
# Italic
|
||||
text = re.sub(r'\*([^\*\n]+?)\*', r'<em>\1</em>', text)
|
||||
text = re.sub(r'_([^_\n]+?)_', r'<em>\1</em>', text)
|
||||
# Strikethrough
|
||||
text = re.sub(r'~~(.+?)~~', r'<del>\1</del>', text)
|
||||
return text
|
||||
175
declaude/site.py
Normal file
175
declaude/site.py
Normal file
|
|
@ -0,0 +1,175 @@
|
|||
"""Builds the whole static site: assets, index, project and conversation pages."""
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
from datetime import datetime, timezone
|
||||
from pathlib import Path
|
||||
from typing import Dict, Optional
|
||||
|
||||
from importlib.resources import files
|
||||
|
||||
from .html import HtmlBuilder
|
||||
from .loader import DataLoader, MappingManager
|
||||
from .markdown import MarkdownRenderer
|
||||
|
||||
CSS = files("declaude").joinpath("assets/style.css").read_text(encoding="utf-8")
|
||||
JS = files("declaude").joinpath("assets/app.js").read_text(encoding="utf-8")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# SiteBuilder
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
class SiteBuilder:
|
||||
"""Orchestrates generating the full static site."""
|
||||
|
||||
def __init__(self, output_dir: Path, loader: DataLoader, mapping: MappingManager):
|
||||
self.out = output_dir
|
||||
self.meta_file = output_dir / "_meta.json"
|
||||
self.loader = loader
|
||||
self.mapping = mapping
|
||||
self.md = MarkdownRenderer()
|
||||
self.builder = HtmlBuilder(self.md)
|
||||
|
||||
def _write(self, path: Path, content: str) -> None:
|
||||
path.parent.mkdir(parents=True, exist_ok=True)
|
||||
with open(path, "w", encoding="utf-8") as f:
|
||||
f.write(content)
|
||||
|
||||
def build_assets(self) -> None:
|
||||
assets = self.out / "assets"
|
||||
assets.mkdir(parents=True, exist_ok=True)
|
||||
(assets / "style.css").write_text(CSS, encoding="utf-8")
|
||||
(assets / "app.js").write_text(JS, encoding="utf-8")
|
||||
|
||||
def build_all(self, new_uuids: Optional[set] = None) -> None:
|
||||
new_uuids = new_uuids or set()
|
||||
print(" Building assets...")
|
||||
self.build_assets()
|
||||
|
||||
print(" Building index...")
|
||||
meta = self._load_meta()
|
||||
html = self.builder.build_index(self.loader, self.mapping, meta, new_uuids)
|
||||
self._write(self.out / "index.html", html)
|
||||
|
||||
print(" Building all_conversations...")
|
||||
html = self.builder.build_all_conversations(self.loader, self.mapping, new_uuids)
|
||||
self._write(self.out / "all_conversations.html", html)
|
||||
|
||||
print(f" Building {len(self.loader.projects)} project pages...")
|
||||
for proj in self.loader.projects.values():
|
||||
pid = proj.get("uuid","")
|
||||
html = self.builder.build_project_page(proj, self.loader, self.mapping)
|
||||
self._write(self.out / "projects" / pid / "index.html", html)
|
||||
|
||||
print(f" Building {len(self.loader.conversations)} conversation pages...")
|
||||
for i, conv in enumerate(self.loader.conversations, 1):
|
||||
cid = conv.get("uuid","")
|
||||
html = self.builder.build_conversation_page(conv, self.loader, self.mapping)
|
||||
self._write(self.out / "conversations" / f"{cid}.html", html)
|
||||
if i % 100 == 0:
|
||||
print(f" {i}/{len(self.loader.conversations)}")
|
||||
|
||||
self._save_meta()
|
||||
print(f" Done. Archive at: {self.out / 'index.html'}")
|
||||
|
||||
def build_remap(self) -> None:
|
||||
"""Regenerate only index, all_conversations, and project pages (fast after mapping change)."""
|
||||
print(" Rebuilding index and project pages...")
|
||||
meta = self._load_meta()
|
||||
new_uuids: set = set()
|
||||
|
||||
html = self.builder.build_index(self.loader, self.mapping, meta, new_uuids)
|
||||
self._write(self.out / "index.html", html)
|
||||
|
||||
html = self.builder.build_all_conversations(self.loader, self.mapping, new_uuids)
|
||||
self._write(self.out / "all_conversations.html", html)
|
||||
|
||||
for proj in self.loader.projects.values():
|
||||
pid = proj.get("uuid","")
|
||||
html = self.builder.build_project_page(proj, self.loader, self.mapping)
|
||||
self._write(self.out / "projects" / pid / "index.html", html)
|
||||
|
||||
print(" Remap complete.")
|
||||
|
||||
def build_update(self, new_loader: DataLoader) -> None:
|
||||
"""Merge new backup data, regenerate changed pages only."""
|
||||
existing_uuids = {c.get("uuid","") for c in self.loader.conversations}
|
||||
new_uuids = set()
|
||||
changed_uuids = set()
|
||||
|
||||
for conv in new_loader.conversations:
|
||||
cid = conv.get("uuid","")
|
||||
if cid not in existing_uuids:
|
||||
new_uuids.add(cid)
|
||||
else:
|
||||
# Find old version and compare updated_at
|
||||
old = next((c for c in self.loader.conversations if c.get("uuid") == cid), None)
|
||||
if old and old.get("updated_at","") != conv.get("updated_at",""):
|
||||
changed_uuids.add(cid)
|
||||
|
||||
print(f" New conversations: {len(new_uuids)}, Changed: {len(changed_uuids)}")
|
||||
|
||||
# Replace loader data with new
|
||||
self.loader.conversations = new_loader.conversations
|
||||
self.loader.projects = new_loader.projects
|
||||
self.loader.user = new_loader.user
|
||||
|
||||
# Regenerate only new/changed conversation pages
|
||||
conv_map = {c.get("uuid",""): c for c in self.loader.conversations}
|
||||
to_regen = new_uuids | changed_uuids
|
||||
for cid in to_regen:
|
||||
if cid in conv_map:
|
||||
conv = conv_map[cid]
|
||||
html = self.builder.build_conversation_page(conv, self.loader, self.mapping)
|
||||
self._write(self.out / "conversations" / f"{cid}.html", html)
|
||||
|
||||
# Rebuild index pages
|
||||
meta = self._load_meta()
|
||||
html = self.builder.build_index(self.loader, self.mapping, meta, new_uuids)
|
||||
self._write(self.out / "index.html", html)
|
||||
|
||||
html = self.builder.build_all_conversations(self.loader, self.mapping, new_uuids)
|
||||
self._write(self.out / "all_conversations.html", html)
|
||||
|
||||
# Rebuild affected project pages
|
||||
affected_projects: set = set()
|
||||
for cid in to_regen:
|
||||
pid = self.mapping.get_project(cid)
|
||||
if pid:
|
||||
affected_projects.add(pid)
|
||||
for pid in affected_projects:
|
||||
if pid in self.loader.projects:
|
||||
proj = self.loader.projects[pid]
|
||||
html = self.builder.build_project_page(proj, self.loader, self.mapping)
|
||||
self._write(self.out / "projects" / pid / "index.html", html)
|
||||
|
||||
# Rebuild all project pages (new projects may have appeared)
|
||||
for proj in self.loader.projects.values():
|
||||
pid = proj.get("uuid","")
|
||||
if pid not in affected_projects:
|
||||
html = self.builder.build_project_page(proj, self.loader, self.mapping)
|
||||
self._write(self.out / "projects" / pid / "index.html", html)
|
||||
|
||||
self.build_assets()
|
||||
self._save_meta()
|
||||
print(f" Update complete. {len(new_uuids)} new, {len(changed_uuids)} changed.")
|
||||
|
||||
def _load_meta(self) -> Dict:
|
||||
if self.meta_file.exists():
|
||||
try:
|
||||
with open(self.meta_file, encoding="utf-8") as f:
|
||||
return json.load(f)
|
||||
except Exception:
|
||||
pass
|
||||
return {}
|
||||
|
||||
def _save_meta(self) -> None:
|
||||
meta = {
|
||||
"generated_at": datetime.now(timezone.utc).isoformat(),
|
||||
"conversation_uuids": [c.get("uuid","") for c in self.loader.conversations],
|
||||
"project_uuids": list(self.loader.projects.keys()),
|
||||
}
|
||||
self.meta_file.parent.mkdir(parents=True, exist_ok=True)
|
||||
with open(self.meta_file, "w", encoding="utf-8") as f:
|
||||
json.dump(meta, f, ensure_ascii=False, indent=2)
|
||||
52
pyproject.toml
Normal file
52
pyproject.toml
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
[build-system]
|
||||
requires = ["hatchling>=1.24"]
|
||||
build-backend = "hatchling.build"
|
||||
|
||||
[project]
|
||||
name = "claude-export-html"
|
||||
dynamic = ["version"]
|
||||
description = "Convert a Claude.ai data export into a browsable static HTML archive"
|
||||
readme = "README.en.md"
|
||||
license = "MIT"
|
||||
license-files = ["LICENSE"]
|
||||
authors = [{ name = "Egor Deev", email = "egor@deev.space" }]
|
||||
requires-python = ">=3.9"
|
||||
dependencies = []
|
||||
keywords = ["claude", "anthropic", "export", "archive", "html", "backup"]
|
||||
classifiers = [
|
||||
"Programming Language :: Python :: 3",
|
||||
"Operating System :: OS Independent",
|
||||
"Environment :: Console",
|
||||
"Topic :: Utilities",
|
||||
]
|
||||
|
||||
[project.urls]
|
||||
Homepage = "https://github.com/EDeev/declaude"
|
||||
Issues = "https://github.com/EDeev/declaude/issues"
|
||||
Demo = "https://fe0.ru/declaude/"
|
||||
|
||||
[project.scripts]
|
||||
declaude = "declaude.cli:main"
|
||||
|
||||
[tool.hatch.version]
|
||||
path = "declaude/__init__.py"
|
||||
|
||||
[tool.hatch.build.targets.wheel]
|
||||
packages = ["declaude"]
|
||||
|
||||
[tool.hatch.build.targets.sdist]
|
||||
include = ["declaude", "tests", "README.md", "README.en.md", "LICENSE"]
|
||||
|
||||
[tool.ruff]
|
||||
target-version = "py39"
|
||||
line-length = 120
|
||||
|
||||
[tool.ruff.lint]
|
||||
select = ["E", "F", "W", "B", "S"]
|
||||
ignore = ["E501", "S110"]
|
||||
|
||||
[tool.ruff.lint.per-file-ignores]
|
||||
"tests/*" = ["S101"]
|
||||
|
||||
[tool.pytest.ini_options]
|
||||
testpaths = ["tests"]
|
||||
Loading…
Add table
Reference in a new issue