From 828946eb02bdfaa7ec5631f1e854881f874f7b7e Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sun, 5 Apr 2020 22:06:54 +0300 Subject: refactor: rename InlineSyntax -> SyntacticSpan --- src/lib/Markdown/InlineSyntax.tsx | 93 --------------------------------------- 1 file changed, 93 deletions(-) delete mode 100644 src/lib/Markdown/InlineSyntax.tsx (limited to 'src/lib/Markdown/InlineSyntax.tsx') diff --git a/src/lib/Markdown/InlineSyntax.tsx b/src/lib/Markdown/InlineSyntax.tsx deleted file mode 100644 index 53cdaf0..0000000 --- a/src/lib/Markdown/InlineSyntax.tsx +++ /dev/null @@ -1,93 +0,0 @@ -import React from 'react'; -import { Link, makeStyles } from '@material-ui/core'; - -import { lib as emojiLib } from 'emojilib'; -import { InlineParserPropTypes } from './types'; - -interface RegexPair { - global: RegExp; - local: RegExp; -} - -interface Emoji { - name: string; - char: string; -} - -const enclosureRegex = (e: string): RegexPair => ({ - local: new RegExp(`${e}([^${e}]+)${e}`), - global: new RegExp(`(${e}[^${e}]+${e})`) -}); - -const regex: Record = { - conceal: { - global: /(!?\[.+?\]\(.+?\))/g, - local: /!?\[(.+?)\]\((.+?)\)/ - }, - rawLink: { - global: /((?:(?:[A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www\.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)(?:(?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[.!/\\\w]*))?)/, - local: /&^/ - }, - emoji: enclosureRegex(':'), - bold: enclosureRegex('\\*\\*'), - italic: enclosureRegex('\\*'), - code: enclosureRegex('`'), - strikeThrough: enclosureRegex('~~'), -} - -const splitter = new RegExp(Object.values(regex).map(pair => pair.global.source).join('|')); - -const emojiList: Emoji[] = []; -Object.keys(emojiLib).forEach(name => emojiList.push({ name, char: emojiLib[name].char })); -console.log({emojiList}) - -const useStyles = makeStyles(theme => ({ - code: { - background: theme.palette.background.default, - borderRadius: theme.spacing(.5), - padding: theme.spacing(.5), - fontFamily: 'Monospace', - }, - image: { - maxWidth: '100%', - maxHeight: '100%' - }, -})); - -const InlineSyntax: React.FC = ({ line }) => { - const classes = useStyles(); - if (!line) return null; - - const matchConceal = regex.conceal.local.exec(line); - if (matchConceal) { - if (line[0] === '!') return {matchConceal[1]}; - return {matchConceal[1]}; - } - - const matchEmoji = line.match(regex.emoji.local); - if (matchEmoji) { - const emoji = emojiList.find(emoji => emoji.name === matchEmoji[1]); - return {emoji ? emoji.char : line}; - } - - const matchCode = line.match(regex.code.local); - if (matchCode) return {matchCode[1]}; - - const matchBold = line.match(regex.bold.local); - if (matchBold) return {matchBold[1]}; - - const matchItalic = line.match(regex.italic.local); - if (matchItalic) return {matchItalic[1]}; - - const matchStrikeThrough = line.match(regex.strikeThrough.local); - if (matchStrikeThrough) return {matchStrikeThrough[1]}; - - if (line.match(regex.rawLink.global)) return {line}; - - return <>{line}; -} - - -export { splitter }; -export default InlineSyntax; - -- cgit v1.2.3