import axios from 'axios';
import { IJodit } from 'jodit/src/types';

const getMetaTags = async (
	jodit: IJodit,
	url: string
): Promise<Record<string, string>> => {
	const { data } = await axios.get(jodit.o.metaTagApi, {
		params: { url }
	});
	return data;
};

const joditLinkPreviewTemplate = ({
	title = '',
	description = '',
	image,
	url = '',
	domain = ''
}: {
	title?: string;
	description?: string;
	image?: string;
	url?: string;
	domain?: string;
}): string => {
	return `<jodit-link-preview contenteditable="false" href="${url}" class="notranslate ${
		image ? '' : 'no-image'
	}">
	${
		image
			? `<jodit-link-preview-content class="thumbnail" style="background-image:url(${image})"></jodit-link-preview-content>`
			: ''
	}
	<jodit-link-preview-content class="contents">
	<jodit-link-preview-content class="title"><span>${title}</span></jodit-link-preview-content>
	<jodit-link-preview-content class="description"><span>${description}</span></jodit-link-preview-content>
	<jodit-link-preview-content class="url"><span>${domain}</span></jodit-link-preview-content>
	</jodit-link-preview-content></jodit-link-preview>`;
};

const getJoditLinkPreviewByUrl = async (
	jodit: IJodit,
	url: string
): Promise<string> => {
	const metaTags = await getMetaTags(jodit, url);
	const domain = new URL(url).hostname;
	return joditLinkPreviewTemplate({
		...metaTags,
		domain,
		url
	});
};

export default getJoditLinkPreviewByUrl;