import React from 'dom-chef';
import {$} from 'select-dom';
import {SearchIcon} from '@primer/octicons-react';
import * as pageDetect from 'github-url-detection';

import features from '../feature-manager.js';
import selectHas from '../helpers/select-has.js';

function init(): void {
	const actionRepo = selectHas('aside a:has(.octicon-repo)')!
		.pathname
		.slice(1);

	const actionURL = new URL('search', location.origin);
	actionURL.search = new URLSearchParams({
		q: `${actionRepo} path:.github/workflows/ language:YAML`,
		type: 'Code',
		s: 'indexed',
		o: 'desc',
	}).toString();

	$('.d-block.mb-2[href^="/contact"]')!.after(
		<a href={actionURL.href} className="d-block mb-2">
			<SearchIcon width={14} className="color-fg-default mr-2"/>Usage examples
		</a>,
	);
}

void features.add(import.meta.url, {
	include: [
		pageDetect.isMarketplaceAction,
	],
	awaitDomReady: true,
	deduplicate: 'has-rgh',
	init,
});