/**
 * Shared utilities for editor components
 */

/**
 * Convert HTML to plain text
 */
export const htmlToText = (html: string): string => {
	const div = document.createElement("div");
	div.innerHTML = html;
	return div.textContent || div.innerText || "";
};

/**
 * Convert markdown to HTML (basic)
 */
export const markdownToHtml = (markdown: string): string => {
	let html = markdown;

	// Headers
	html = html.replace(/^### (.*$)/gim, "<h3>$1</h3>");
	html = html.replace(/^## (.*$)/gim, "<h2>$1</h2>");
	html = html.replace(/^# (.*$)/gim, "<h1>$1</h1>");

	// Bold
	html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");

	// Italic
	html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");

	// Links
	html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');

	// Code
	html = html.replace(/`([^`]+)`/g, "<code>$1</code>");

	// Line breaks
	html = html.replace(/\n/g, "<br>");

	return html;
};

/**
 * Serialize Tiptap JSON to HTML
 */
export const serializeToHtml = (json: any): string => {
	if (!json || !json.content) return "";

	let html = "";

	for (const node of json.content) {
		switch (node.type) {
			case "paragraph":
				html += `<p>${serializeContent(node.content)}</p>`;
				break;
			case "heading":
				html += `<h${node.attrs.level}>${serializeContent(node.content)}</h${node.attrs.level}>`;
				break;
			case "bulletList":
				html += `<ul>${serializeContent(node.content)}</ul>`;
				break;
			case "orderedList":
				html += `<ol>${serializeContent(node.content)}</ol>`;
				break;
			case "listItem":
				html += `<li>${serializeContent(node.content)}</li>`;
				break;
			case "blockquote":
				html += `<blockquote>${serializeContent(node.content)}</blockquote>`;
				break;
			case "codeBlock":
				html += `<pre><code>${serializeContent(node.content)}</code></pre>`;
				break;
			default:
				if (node.content) {
					html += serializeContent(node.content);
				}
		}
	}

	return html;
};

/**
 * Serialize content array
 */
const serializeContent = (content?: any[]): string => {
	if (!content) return "";

	return content
		.map((node) => {
			switch (node.type) {
				case "text": {
					let text = node.text || "";
					if (node.marks) {
						for (const mark of node.marks) {
							switch (mark.type) {
								case "bold":
									text = `<strong>${text}</strong>`;
									break;
								case "italic":
									text = `<em>${text}</em>`;
									break;
								case "code":
									text = `<code>${text}</code>`;
									break;
								case "link":
									text = `<a href="${mark.attrs.href}">${text}</a>`;
									break;
								case "strike":
									text = `<s>${text}</s>`;
									break;
								case "underline":
									text = `<u>${text}</u>`;
									break;
							}
						}
					}
					return text;
				}
				default:
					return serializeToHtml({ content: [node] });
			}
		})
		.join("");
};

/**
 * Get word count from text
 */
export const getWordCount = (text: string): number => {
	return text
		.trim()
		.split(/\s+/)
		.filter((word) => word.length > 0).length;
};

/**
 * Get character count from text
 */
export const getCharacterCount = (text: string): number => {
	return text.length;
};

/**
 * Estimate reading time in minutes
 */
export const getReadingTime = (text: string, wordsPerMinute = 200): number => {
	const words = getWordCount(text);
	return Math.ceil(words / wordsPerMinute);
};

/**
 * Sanitize HTML to prevent XSS
 */
export const sanitizeHtml = (html: string): string => {
	const div = document.createElement("div");
	div.textContent = html;
	return div.innerHTML;
};

/**
 * Truncate text to specified length
 */
export const truncateText = (
	text: string,
	maxLength: number,
	suffix = "...",
): string => {
	if (text.length <= maxLength) return text;
	return text.substring(0, maxLength - suffix.length) + suffix;
};

/**
 * Extract plain text from Tiptap JSON
 */
export const extractText = (json: any): string => {
	if (!json || !json.content) return "";

	const extractFromContent = (content: any[]): string => {
		return content
			.map((node) => {
				if (node.type === "text") {
					return node.text || "";
				}
				if (node.content) {
					return extractFromContent(node.content);
				}
				return "";
			})
			.join(" ");
	};

	return extractFromContent(json.content).trim();
};

/**
 * Insert text at cursor position in textarea
 */
export const insertAtCursor = (
	textarea: HTMLTextAreaElement,
	text: string,
	before = "",
	after = "",
): void => {
	const start = textarea.selectionStart;
	const end = textarea.selectionEnd;
	const value = textarea.value;

	const newValue =
		value.substring(0, start) + before + text + after + value.substring(end);
	textarea.value = newValue;

	// Set cursor position after inserted text
	const newPosition = start + before.length + text.length;
	textarea.setSelectionRange(newPosition, newPosition);
	textarea.focus();
};