jlkruger/catcher-of-tabs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

asked the machines to make some improvement. window select. other browser support. I think. I haven't tested it yet. YOLO.

Browse Source
This commit is contained in:
JL Kruger
2026-04-01 19:49:33 +02:00
parent f6507c5c16
commit ed6612f9e8
5 changed files with 548 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
popup.html
View File

@@ -3,14 +3,17 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tab Exporter</title>
<title>Tab Catcher</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Share+Tech+Mono&display=swap">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main class="container" role="main">
<header>
<h1 id="main-heading">Tab Exporter</h1>
<p class="subtitle">Export all your open tabs to a Markdown file</p>
<h1 id="main-heading">Tab Catcher</h1>
<p class="subtitle">Export selected tabs to a Markdown file</p>
</header>
<section class="stats" aria-labelledby="stats-heading">
@@ -25,14 +28,30 @@
</div>
</section>
<section class="selector" aria-labelledby="selector-heading">
<h2 id="selector-heading" class="section-heading">Select Windows &amp; Groups</h2>
<div
id="selector-list"
role="group"
aria-label="Windows and tab groups to export"
aria-live="polite"
>
<div class="selector-loading">Scanning windows...</div>
</div>
<div class="selector-actions">
<button type="button" id="select-all-btn" class="btn-link">Select all</button>
<button type="button" id="deselect-all-btn" class="btn-link">Deselect all</button>
</div>
</section>
<section class="options" aria-labelledby="options-heading">
<h2 id="options-heading" class="section-heading">Export Options</h2>
<div class="option-group">
<label class="checkbox-label">
<input
type="checkbox"
id="include-descriptions"
<input
type="checkbox"
id="include-descriptions"
checked
aria-describedby="desc-help"
>
@@ -43,8 +62,8 @@
<div class="option-group">
<label class="checkbox-label">
<input
type="checkbox"
<input
type="checkbox"
id="group-by-window"
aria-describedby="window-help"
>
@@ -55,9 +74,9 @@
<div class="option-group">
<label class="checkbox-label">
<input
type="checkbox"
id="include-timestamp"
<input
type="checkbox"
id="include-timestamp"
checked
aria-describedby="time-help"
>
@@ -68,20 +87,20 @@
</section>
<section class="actions">
<button
id="export-btn"
<button
id="export-btn"
class="btn btn-primary"
aria-describedby="export-status"
>
<span class="btn-icon" aria-hidden="true">📥</span>
Export Tabs
</button>
<div
id="export-status"
class="status-message"
role="status"
aria-live="polite"
<div
id="export-status"
class="status-message"
role="status"
aria-live="polite"
aria-atomic="true"
></div>
</section>