```
### settings.js
```javascript
// Settings page logic. Runs in a full extension tab (not the action popup), so the
// import file picker stays open and parsing works reliably in Firefox.
function showSettingsFeedback(message) {
const feedback = document.getElementById('settings-feedback');
if (!feedback) return;
feedback.textContent = message;
feedback.style.opacity = '1';
clearTimeout(feedback.hideTimeout);
feedback.hideTimeout = setTimeout(() => {
feedback.style.opacity = '0';
}, 2400);
}
function exportDatabase() {
chrome.storage.local.get(['saved_snippets', 'collections'], (result) => {
const data = {
saved_snippets: result.saved_snippets || [],
collections: result.collections || {}
};
const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = `fireflybook-quotes-${new Date().toISOString().slice(0, 10)}.db`;
document.body.appendChild(link);
link.click();
URL.revokeObjectURL(link.href);
document.body.removeChild(link);
showSettingsFeedback('Export complete.');
});
}
function importDatabaseFile(file) {
const handleText = (raw) => {
const text = String(raw == null ? '' : raw).replace(/^/, '').trim();
if (!text) {
showSettingsFeedback('Import failed: file is empty.');
return;
}
let payload;
try {
payload = JSON.parse(text);
} catch (err) {
console.error('[import] JSON parse failed:', err, 'first 100 chars:', text.slice(0, 100));
showSettingsFeedback('Import failed: file is not valid JSON.');
return;
}
try {
mergeImportedDatabase(payload);
} catch (err) {
console.error('[import] merge failed:', err);
showSettingsFeedback(`Import failed: ${err.message}`);
}
};
if (typeof file.text === 'function') {
file.text().then(handleText).catch((err) => {
console.error('[import] read failed:', err);
showSettingsFeedback('Import failed: unable to read file.');
});
} else {
const reader = new FileReader();
reader.onload = (event) => handleText(event.target && event.target.result);
reader.onerror = () => showSettingsFeedback('Import failed: unable to read file.');
reader.readAsText(file);
}
}
function mergeImportedDatabase(payload) {
const importedSnippets = Array.isArray(payload?.saved_snippets)
? payload.saved_snippets
: Array.isArray(payload?.savedQuotes)
? payload.savedQuotes
: Array.isArray(payload?.quotes)
? payload.quotes
: Array.isArray(payload?.highlights)
? payload.highlights
: Array.isArray(payload?.items)
? payload.items
: Array.isArray(payload?.snippets)
? payload.snippets
: Array.isArray(payload?.data)
? payload.data
: Array.isArray(payload)
? payload
: [];
const importedCollections = payload?.collections && typeof payload.collections === 'object'
? payload.collections
: {};
if (!Array.isArray(importedSnippets)) {
showSettingsFeedback('Import failed: no valid quotes found.');
return;
}
chrome.storage.local.get(['saved_snippets', 'collections'], (result) => {
const existingSnippets = result.saved_snippets || [];
const existingCollections = result.collections || {};
const snippetKey = (snippet) => [snippet.text || '', snippet.url || '', snippet.title || '', snippet.savedAt || ''].join('||');
const existingKeys = new Set(existingSnippets.map(snippetKey));
let added = 0;
const mergedSnippets = [...existingSnippets];
importedSnippets.forEach((snippet) => {
if (snippet && typeof snippet === 'object') {
if (!existingKeys.has(snippetKey(snippet))) {
mergedSnippets.push({
text: snippet.text || '',
url: snippet.url || '',
title: snippet.title || '',
savedAt: snippet.savedAt || new Date().toISOString(),
annotation: snippet.annotation || '',
contextBefore: snippet.contextBefore || '',
contextAfter: snippet.contextAfter || ''
});
existingKeys.add(snippetKey(snippet));
added++;
}
}
});
const mergedCollections = { ...existingCollections };
Object.entries(importedCollections).forEach(([collectionName, snippets]) => {
if (!Array.isArray(snippets)) return;
if (!Array.isArray(mergedCollections[collectionName])) {
mergedCollections[collectionName] = [];
}
const collectionKeys = new Set((mergedCollections[collectionName] || []).map(snippetKey));
snippets.forEach((snippet) => {
if (snippet && typeof snippet === 'object' && !collectionKeys.has(snippetKey(snippet))) {
mergedCollections[collectionName].push({
text: snippet.text || '',
url: snippet.url || '',
title: snippet.title || '',
savedAt: snippet.savedAt || new Date().toISOString(),
annotation: snippet.annotation || '',
contextBefore: snippet.contextBefore || '',
contextAfter: snipp
[truncated — 4701 more characters]
```
### content.js
```javascript
const popupBtn = document.createElement('button');
popupBtn.className = 'ts-ext-save-btn';
popupBtn.setAttribute('aria-label', 'Save highlight');
popupBtn.innerHTML = `