Clipboard

clipboard.js

const PERMISSION_WRITE = 'clipboard-write';

const canUseAsyncAPI = () => {
    return (
        navigator.clipboard &&
        navigator.clipboard.writeText &&
        navigator.permissions &&
        navigator.permissions.request
    );
};

const legacyCopy = text => {
    return new Promise((resolve, reject) => {
        let focusTarget = null;
        let element = document.createElement('textarea');

        // Capture the original focus.
        const focusHandler = event => {
            focusTarget = event.originalTarget;
        };

        element.value = text;
        element.addEventListener('focus', focusHandler);

        document.body.appendChild(element);

        element.focus();
        element.select();

        try {
            document.execCommand('copy');
            element.removeEventListener('focus', focusHandler);

            // Restore the original focus.
            if (focusTarget !== undefined) {
                focusTarget.focus();
            }

            resolve();
        } catch (e) {
            reject();
        }

        document.body.removeChild(element);
    });
};

const asyncCopy = text => {
    return new Promise((resolve, reject) => {
        navigator.permissions
            .request({ name: PERMISSION_WRITE })
            .then(() => {
                navigator.clipboard
                    .writeText(text)
                    .then(resolve)
                    .catch(reject);
            })
            .catch(reject);
    });
};

const copy = text => {
    return canUseAsyncAPI() ? asyncCopy(text) : legacyCopy(text);
};

module.exports = copy;