Archive Quick Access Button

README.md

Archive Quick Access Button

A simple JavaScript script that adds a floating "Archive" button to specific news websites, allowing quick archiving via archive.md.

Features

• Floating button appears on whitelisted domains
• Click to open archive in current tab
• Cmd/Ctrl + Click to open in new tab
• Configurable whitelist for domains

Usage

1. Install a browser extension that allows custom JavaScript injection (e.g., User JavaScript and CSS, Tampermonkey)
2. Add new script/userscript in the extension for universal domain (* for User JavaScript and CSS)
3. Copy and paste the script
4. Configure the extension to run on whitelisted domains

Sample with User JavaScript and CSS

Whitelist

Currently supports:

• economist.com
• bloomberg.com
• wsj.com
• ft.com
• reuters.com

To modify whitelist, edit the whitelist array in the script.

Why not create a browser extension?

I prefer creating a script over developing a browser extension for several reasons:

• Transparency: The script is open source and easy to audit, providing more trust compared to closed-source extensions
• Simplicity: No need to maintain cross-browser compatibility or handle extension-specific requirements
• Customization: Users can easily modify the script to fit their needs without dealing with extension development
• Quick Updates: Changes and improvements can be shared instantly without waiting for extension store approvals

Support

If you find this helpful, you can support me at ko-fi.com/monosketch

script.js

const whitelist = [
    'economist.com',
    'bloomberg.com',
    'wsj.com',
    'ft.com',
    'reuters.com'
];

const trimParamsList = [
    'economist.com',
    'bloomberg.com',
    'wsj.com',
    'ft.com',
    'reuters.com'
];

function isDomainWhitelisted() {
    const currentDomain = window.location.hostname.replace('www.', '');
    return whitelist.some(domain => currentDomain.includes(domain));
}

function needsTrimming() {
    const currentDomain = window.location.hostname.replace('www.', '');
    return trimParamsList.some(domain => currentDomain.includes(domain));
}

function getUrl() {
    let url = window.location.href;
    if (needsTrimming()) {
        url = url.split('?')[0];
    }
    return url;
}

function createArchiveLink() {
    if (!isDomainWhitelisted()) return;

    const link = document.createElement('a');
    link.innerHTML = 'Archive';
    link.href = `https://archive.md/submit/?url=${encodeURIComponent(getUrl())}`;
    link.style.cssText = `
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 2147483647;
        padding: 15px 25px;
        background: #007bff;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    `;

    link.addEventListener('mouseover', () => {
        link.style.backgroundColor = '#0056b3';
    });

    link.addEventListener('mouseout', () => {
        link.style.backgroundColor = '#007bff';
    });

    return link;
}

const link = createArchiveLink();
document.body.appendChild(link);
// Ensure the archive link always on-top
setInterval(function() {
	document.body.removeChild(link);
	document.body.appendChild(link);
}, 1000);