0ee2afbd62
- content.js : écrit la sélection dans chrome.storage.session/local en plus du message runtime - sidepanel.js : lit le storage en fallback, loggue chaque étape, affiche un diagnostic panel - sidepanel.js : avertissement explicite si le content script n'est pas détecté - sidepanel.js : sépare le rendu Markdown du résumé et l'affichage texte brut de l'extrait - sidepanel.css : agrandit la zone de prévisualisation - i18n : nouvelles clés contentScriptMissing, diagnosticsTitle, copyDiagnostics - locales : correction FR (Retour, Enregistrement, Note, etc.) + version 0.4.4 partout - extract-article.ts : nettoie textContent des métadonnées (dates, temps de lecture, sources) - analyze/route.ts : excerpt propre via makeExcerpt - builds Chrome Store et Firefox regénérés en 0.4.4
72 lines
3.2 KiB
HTML
72 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Memento Web Clipper</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Vazirmatn:wght@400;600;700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="sidepanel.css" />
|
|
</head>
|
|
<body>
|
|
<div id="app" class="shell">
|
|
<header class="header">
|
|
<div class="brand">
|
|
<div class="brand-logo">M</div>
|
|
<div class="brand-text">
|
|
<span class="brand-name">Memento</span>
|
|
<span class="brand-sub">Web Clipper</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-right">
|
|
<div id="connBadge" class="conn-badge" hidden>
|
|
<span class="conn-dot"></span>
|
|
<span id="connLabel"></span>
|
|
</div>
|
|
<button type="button" id="diagToggle" class="diag-toggle" title="Diagnostic" aria-label="Diagnostic" aria-expanded="false">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
|
|
</button>
|
|
<button type="button" id="settingsBtn" class="icon-btn" title="" aria-label="">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="settingsPanel" class="settings-panel" hidden>
|
|
<label class="field">
|
|
<span id="instanceUrlLabel"></span>
|
|
<input id="baseUrl" type="text" spellcheck="false" placeholder="http://localhost:3000" />
|
|
</label>
|
|
<div class="preset-row">
|
|
<button type="button" class="preset-btn" data-url="https://memento-note.com"></button>
|
|
<button type="button" class="preset-btn" data-url="http://localhost:3000">localhost:3000</button>
|
|
<button type="button" class="preset-btn" data-url="http://127.0.0.1:3000">127.0.0.1:3000</button>
|
|
</div>
|
|
<div class="settings-actions">
|
|
<button type="button" id="applyInstanceBtn" class="btn btn-primary btn-sm"></button>
|
|
<button type="button" id="openLoginBtn" class="btn btn-secondary btn-sm"></button>
|
|
</div>
|
|
<p class="settings-hint"></p>
|
|
<p id="settingsStatus" class="settings-status" hidden></p>
|
|
</div>
|
|
|
|
<main id="screen" class="main"></main>
|
|
|
|
<footer class="footer">
|
|
<span class="footer-meta"></span>
|
|
</footer>
|
|
|
|
<div id="diagPanel" class="diag-panel" hidden>
|
|
<div class="diag-head">
|
|
<span class="diag-title">Diagnostic</span>
|
|
<button type="button" id="copyDiagBtn" class="diag-copy">Copier</button>
|
|
</div>
|
|
<div id="diagBody" class="diag-body"></div>
|
|
</div>
|
|
</div>
|
|
<script src="i18n.js"></script>
|
|
<script src="sidepanel.js"></script>
|
|
</body>
|
|
</html>
|