import React from 'dom-chef';
import select from 'select-dom';
import copyToClipboard from 'copy-text-to-clipboard';
import features from '../libs/features';
import {groupSiblings} from '../libs/group-buttons';

function init() {
	// This selector skips binaries + markdowns with code
	for (const code of select.all<HTMLElement>('.file .blob-wrapper > .highlight:not(.rgh-copy-file)')) {
		code.classList.add('rgh-copy-file');
		const file = code.closest('.file');

		const content = select.all<HTMLElement>('.blob-code-inner', file)
			.map(blob => blob.innerText)
			.map(line => line === '\n' ? '' : line)
			.join('\n');

		const handleClick = () => {
			copyToClipboard(content);
		};

		// Prepend to list of buttons
		const firstAction = select('.file-actions .btn', file);
		if (firstAction) {
			firstAction.before(
				<button onClick={handleClick} class="btn btn-sm copy-btn tooltipped tooltipped-n" aria-label="Copy file to clipboard" type="button">Copy</button>
			);

			// Group buttons if necessary
			groupSiblings(firstAction);
		}
	}
}

features.add({
	id: 'copy-file',
	include: [
		features.isSingleFile,
		features.isGist
	],
	load: features.onAjaxedPages,
	init
});