Antigravity/notes-qpid-pro
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(reader): autonomous Wikipedia import and reading with media, tables and settings

Browse Source
This commit is contained in:
Antigravity
2026-10-07 09:47:33 +03:00
parent 52db766b23
commit dee9b8d10b
9 changed files with 1659 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/index.html
+137 -1
View File
@@ -546,7 +546,52 @@
</div>
<div id="bookshelf-grid" class="bookshelf-grid"></div>
<!-- Divider between General Books & RFC Specifications -->
<!-- Divider between General Books & Wikipedia Section -->
<hr class="bookshelf-divider">
<!-- Wikipedia Articles Section -->
<div id="wiki-section" class="wiki-section">
<div class="wiki-header">
<div class="wiki-title-wrap">
<div class="wiki-title-row">
<span class="wiki-icon-badge">🌐</span>
<div>
<h3 class="wiki-heading">Статьи Википедии (Wikipedia Reader)</h3>
<p class="subtitle">Автономное чтение статей Simple и Standard Wikipedia с иллюстрациями, таблицами и клик-переводом</p>
</div>
</div>
</div>
</div>
<!-- Wikipedia Action Bar & Current Settings Badges -->
<div class="wiki-action-box">
<div class="wiki-primary-actions">
<button type="button" id="wiki-read-btn" class="btn btn-primary wiki-read-btn">
<span>📖 Читать статью</span>
</button>
<button type="button" id="wiki-settings-btn" class="btn btn-outline wiki-settings-btn" title="Настроить сложность, объем и тематику статьи">
<span>⚙️ Настройки</span>
</button>
</div>
<div class="wiki-badges-row">
<span class="wiki-badges-label">Текущие фильтры:</span>
<span id="wiki-active-lang-badge" class="badge-chip wiki-badge-chip">Simple English (A2–B1)</span>
<span id="wiki-active-time-badge" class="badge-chip wiki-badge-chip">⏱️ ~10-15 мин</span>
<span id="wiki-active-topic-badge" class="badge-chip wiki-badge-chip">🎲 Любая тема</span>
</div>
<div id="wiki-fetch-status" class="wiki-fetch-status hidden"></div>
</div>
<!-- Wikipedia Articles Grid / Empty State -->
<div id="wiki-empty-state" class="empty-state wiki-empty-state hidden">
<div class="empty-icon">🌐</div>
<h4>Нет сохраненных статей из Википедии</h4>
<p>Нажмите «Читать статью» выше, чтобы подобрать случайную познавательную статью по вашим настройкам, или настройте тему и объем через шестерёнку ⚙️.</p>
</div>
<div id="wiki-grid" class="bookshelf-grid wiki-grid"></div>
</div>
<!-- Divider between Wikipedia & RFC Specifications -->
<hr class="bookshelf-divider">
<!-- RFC Specifications Section -->
@@ -1253,6 +1298,97 @@
</div>
</div>
<!-- Wikipedia Settings Modal -->
<div id="wiki-settings-modal" class="modal-backdrop hidden">
<div class="modal-window wiki-modal-window">
<div class="modal-header">
<h3>⚙️ Настройки статей Википедии</h3>
<button id="wiki-settings-close-btn" class="icon-btn" title="Закрыть">✕</button>
</div>
<div class="modal-body wiki-modal-body">
<!-- Setting 1: Language / Complexity -->
<div class="wiki-setting-group">
<label class="wiki-group-label">Сложность языка (Wikipedia Edition):</label>
<div class="wiki-radio-cards">
<label class="wiki-radio-card">
<input type="radio" name="wiki-lang" value="simple" checked>
<div class="wiki-radio-card-content">
<div class="wiki-card-title-row">
<strong>Simple English</strong>
<span class="badge-level-pill badge-level-a2">A2–B1</span>
</div>
<p class="wiki-card-desc">Простая грамматика и базовая лексика (simple.wikipedia.org). Рекомендуется для уверенного чтения без перегрузки редкими терминами.</p>
</div>
</label>
<label class="wiki-radio-card">
<input type="radio" name="wiki-lang" value="en">
<div class="wiki-radio-card-content">
<div class="wiki-card-title-row">
<strong>Standard English</strong>
<span class="badge-level-pill badge-level-b2">B2–C1</span>
</div>
<p class="wiki-card-desc">Полный оригинальный текст (en.wikipedia.org). Академическая лексика, развернутые описания и глубокая научная терминология.</p>
</div>
</label>
</div>
</div>
<!-- Setting 2: Reading Volume / Duration -->
<div class="wiki-setting-group">
<label class="wiki-group-label">Объем статьи / Время чтения:</label>
<div class="wiki-time-grid">
<label class="wiki-time-pill">
<input type="radio" name="wiki-time" value="5">
<span class="wiki-pill-text">⚡ ~5 мин <small class="text-dim">(800–1200 слов)</small></span>
</label>
<label class="wiki-time-pill">
<input type="radio" name="wiki-time" value="10-15" checked>
<span class="wiki-pill-text">⏱️ ~10–15 мин <small class="text-dim">(1500–2500 слов)</small></span>
</label>
<label class="wiki-time-pill">
<input type="radio" name="wiki-time" value="20+">
<span class="wiki-pill-text">📚 20+ мин <small class="text-dim">(лонгрид от 3000 слов)</small></span>
</label>
<label class="wiki-time-pill">
<input type="radio" name="wiki-time" value="any">
<span class="wiki-pill-text">🎲 Любой объем</span>
</label>
</div>
</div>
<!-- Setting 3: Topic Presets -->
<div class="wiki-setting-group">
<label class="wiki-group-label">Тематика статьи:</label>
<select id="wiki-topic-select" class="input-styled wiki-select">
<option value="random">🎲 Любая / Случайная тема</option>
<option value="science">🚀 Наука, космос и астрономия</option>
<option value="tech">💻 Технологии, IT и интернет</option>
<option value="history">🏛️ История и великие цивилизации</option>
<option value="nature">🌿 Природа, животные и экология</option>
<option value="psychology">🧠 Психология, мозг и память</option>
<option value="featured">⭐ Статья дня (Featured Article)</option>
</select>
</div>
<!-- Setting 4: Direct Article URL or Title -->
<div class="wiki-setting-group wiki-direct-import-group">
<label class="wiki-group-label">Или загрузить конкретную статью по ссылке/названию:</label>
<form id="wiki-custom-form" class="wiki-custom-form">
<div class="wiki-custom-input-wrap">
<input type="text" id="wiki-custom-input" class="input-styled wiki-custom-input" placeholder="Название (напр. Black hole, Solar System) или URL статьи" autocomplete="off" spellcheck="false">
<button type="submit" id="wiki-custom-fetch-btn" class="btn btn-primary wiki-custom-fetch-btn">
<span>📥 Загрузить</span>
</button>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" id="wiki-settings-save-btn" class="btn btn-primary">Применить настройки</button>
</div>
</div>
</div>
<!-- Move Collection Modal -->
<div id="move-col-modal" class="modal-backdrop hidden">
<div class="modal-window modal-sm">