import type { ReactNode } from "react";
import type { ViewStyle, TextStyle, ImageStyle } from "react-native";
import type { MarkedStyles, UserTheme } from "./../theme/types";
import { Tokenizer as MarkedTokenizer, marked } from "@03balogun/marked";

export interface ParserOptions {
	styles?: MarkedStyles;
	baseUrl?: string;
	renderer: RendererInterface;
	meta?: unknown;
}

export interface MarkdownProps extends Partial<ParserOptions> {
	value: string;
	theme?: UserTheme;
	tokenizer?: MarkedTokenizer<CustomToken>;
	meta?: Record<string, unknown>;
}

export type TableColAlignment = "center" | "left" | "right" | null;

export interface RendererInterface {
	paragraph(children: ReactNode[], styles?: ViewStyle): ReactNode;
	blockquote(children: ReactNode[], styles?: ViewStyle): ReactNode;
	heading(
		text: string | ReactNode[],
		styles?: TextStyle,
		depth?: number,
	): ReactNode;
	code(
		text: string,
		language?: string,
		containerStyle?: ViewStyle,
		textStyle?: TextStyle,
	): ReactNode;
	hr(styles?: ViewStyle): ReactNode;
	listItem(children: ReactNode[], styles?: ViewStyle): ReactNode;
	list(
		ordered: boolean,
		li: ReactNode[],
		listStyle?: ViewStyle,
		textStyle?: TextStyle,
		startIndex?: number,
	): ReactNode;
	escape(text: string, styles?: TextStyle): ReactNode;
	link(
		children: string | ReactNode[],
		href: string,
		styles?: TextStyle,
		meta?: unknown,
	): ReactNode;
	image(
		uri: string,
		alt?: string,
		style?: ImageStyle,
		meta?: unknown,
	): ReactNode;
	strong(children: string | ReactNode[], styles?: TextStyle): ReactNode;
	em(children: string | ReactNode[], styles?: TextStyle): ReactNode;
	codespan(text: string, styles?: TextStyle): ReactNode;
	br(): ReactNode;
	del(children: string | ReactNode[], styles?: TextStyle): ReactNode;
	text(text: string | ReactNode[], styles?: TextStyle): ReactNode;
	html(text: string | ReactNode[], styles?: TextStyle): ReactNode;
	linkImage(
		href: string,
		imageUrl: string,
		alt?: string,
		style?: ImageStyle,
		meta?: unknown,
	): ReactNode;
	table(
		header: ReactNode[][],
		rows: ReactNode[][][],
		tableStyle?: ViewStyle,
		rowStyle?: ViewStyle,
		cellStyle?: ViewStyle,
	): ReactNode;
	custom(
		identifier: string,
		raw: string,
		children?: ReactNode[],
		args?: Record<string, unknown>,
	): ReactNode;
}

export interface CustomToken {
	type: "custom";
	identifier: string;
	raw: string;
	tokens?: Token[];
	args?: Record<string, unknown>;
}

export type Token =
	| marked.Tokens.Space
	| marked.Tokens.Code
	| marked.Tokens.Heading
	| marked.Tokens.Table
	| marked.Tokens.Hr
	| marked.Tokens.Blockquote
	| marked.Tokens.List
	| marked.Tokens.ListItem
	| marked.Tokens.Paragraph
	| marked.Tokens.HTML
	| marked.Tokens.Text
	| marked.Tokens.Def
	| marked.Tokens.Escape
	| marked.Tokens.Tag
	| marked.Tokens.Image
	| marked.Tokens.Link
	| marked.Tokens.Strong
	| marked.Tokens.Em
	| marked.Tokens.Codespan
	| marked.Tokens.Br
	| marked.Tokens.Del
	| CustomToken;