interweave-autolink/src/EmailMatcher.ts

URL, IP, email, and hashtag autolinking support for Interweave.

import React from 'react';
import { ChildrenNode, Matcher, MatchResponse, Node } from 'interweave';
import { EMAIL_PATTERN } from './constants';
import { Email } from './Email';
import { EmailProps } from './types';

export type EmailMatch = Pick<EmailProps, 'email' | 'emailParts'>;

export class EmailMatcher extends Matcher<EmailProps> {
	replaceWith(children: ChildrenNode, props: EmailProps): Node {
		return React.createElement(Email, props, children);
	}

	asTag(): string {
		return 'a';
	}

	match(string: string): MatchResponse<EmailMatch> | null {
		return this.doMatch(string, EMAIL_PATTERN, (matches) => ({
			email: matches[0],
			emailParts: {
				host: matches[2],
				username: matches[1],
			},
		}));
	}
}