No windows found.
';
+ return;
+ }
+
+ let html = '';
+ windowSelectorData.forEach((win, index) => {
+ const label = `Window ${index + 1}${win.focused ? ' (active)' : ''}`;
+ const tabCount = win.tabs.length;
+
+ html += `
+ ';
+ });
+
+ list.innerHTML = html;
+
+ // Stagger animation delays on rendered items
+ list.querySelectorAll('.selector-item:not(.selector-item--group)').forEach((el, i) => {
+ el.style.animationDelay = `${i * 50}ms`;
+ });
+}
+
// Setup event listeners
function setupEventListeners() {
- const exportBtn = document.getElementById('export-btn');
- exportBtn.addEventListener('click', handleExport);
-
- // Keyboard accessibility for options
- const checkboxes = document.querySelectorAll('input[type="checkbox"]');
- checkboxes.forEach(checkbox => {
+ document.getElementById('export-btn').addEventListener('click', handleExport);
+
+ document.getElementById('select-all-btn').addEventListener('click', () => {
+ document.querySelectorAll('.window-checkbox, .group-checkbox')
+ .forEach(cb => { cb.checked = true; });
+ });
+
+ document.getElementById('deselect-all-btn').addEventListener('click', () => {
+ document.querySelectorAll('.window-checkbox, .group-checkbox')
+ .forEach(cb => { cb.checked = false; });
+ });
+
+ // Keyboard accessibility for option checkboxes
+ document.querySelectorAll('.options input[type="checkbox"]').forEach(checkbox => {
checkbox.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
@@ -34,54 +133,83 @@ function setupEventListeners() {
});
}
+// Return only the tabs from selected windows/groups
+function getSelectedTabs() {
+ const checkedWindowIds = new Set(
+ [...document.querySelectorAll('.window-checkbox:checked')]
+ .map(cb => parseInt(cb.dataset.windowId))
+ );
+ const checkedGroupIds = new Set(
+ [...document.querySelectorAll('.group-checkbox:checked')]
+ .map(cb => parseInt(cb.dataset.groupId))
+ );
+
+ const result = [];
+ for (const win of windowSelectorData) {
+ if (!checkedWindowIds.has(win.windowId)) continue;
+
+ for (const tab of win.tabs) {
+ if (win.groups.length > 0 && tab.groupId && tab.groupId > 0) {
+ // Grouped tab: only include if its group is checked
+ if (checkedGroupIds.has(tab.groupId)) result.push(tab);
+ } else {
+ // Ungrouped tab (Chrome sentinel -1 or Firefox undefined): always include
+ result.push(tab);
+ }
+ }
+ }
+ return result;
+}
+
// Main export handler
async function handleExport() {
const exportBtn = document.getElementById('export-btn');
const statusEl = document.getElementById('export-status');
-
+
// Get user options
const includeDescriptions = document.getElementById('include-descriptions').checked;
const groupByWindow = document.getElementById('group-by-window').checked;
const includeTimestamp = document.getElementById('include-timestamp').checked;
-
+
+ // Get filtered tabs
+ const tabs = getSelectedTabs();
+
+ if (tabs.length === 0) {
+ statusEl.textContent = '! Select at least one window to export.';
+ statusEl.className = 'status-message error';
+ return;
+ }
+
// Disable button and show loading state
exportBtn.disabled = true;
const originalContent = exportBtn.innerHTML;
exportBtn.innerHTML = '