✨ Added markdown and mermaid preview
This commit is contained in:
@@ -0,0 +1,4 @@
|
|||||||
|
export { default as bare } from './lib/bare';
|
||||||
|
export { default as light } from './lib/light';
|
||||||
|
export { default as full } from './lib/full';
|
||||||
|
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
import MarkdownIt from 'markdown-it';
|
||||||
|
import emoji_html from './render';
|
||||||
|
import emoji_replace from './replace';
|
||||||
|
import normalize_opts, { EmojiOptions } from './normalize_opts';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Bare emoji 插件（不包含预定义的 emoji 数据）
|
||||||
|
*/
|
||||||
|
export default function emoji_plugin(md: MarkdownIt, options?: Partial<EmojiOptions>): void {
|
||||||
|
const defaults: EmojiOptions = {
|
||||||
|
defs: {},
|
||||||
|
shortcuts: {},
|
||||||
|
enabled: []
|
||||||
|
};
|
||||||
|
|
||||||
|
const opts = normalize_opts(md.utils.assign({}, defaults, options || {}) as EmojiOptions);
|
||||||
|
|
||||||
|
md.renderer.rules.emoji = emoji_html;
|
||||||
|
|
||||||
|
md.core.ruler.after(
|
||||||
|
'linkify',
|
||||||
|
'emoji',
|
||||||
|
emoji_replace(md, opts.defs, opts.shortcuts, opts.scanRE, opts.replaceRE)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,158 @@
|
|||||||
|
// Generated, don't edit
|
||||||
|
import { EmojiDefs } from '../normalize_opts';
|
||||||
|
|
||||||
|
const emojies: EmojiDefs = {
|
||||||
|
"grinning": "😀",
|
||||||
|
"smiley": "😃",
|
||||||
|
"smile": "😄",
|
||||||
|
"grin": "😁",
|
||||||
|
"laughing": "😆",
|
||||||
|
"satisfied": "😆",
|
||||||
|
"sweat_smile": "😅",
|
||||||
|
"joy": "😂",
|
||||||
|
"wink": "😉",
|
||||||
|
"blush": "😊",
|
||||||
|
"innocent": "😇",
|
||||||
|
"heart_eyes": "😍",
|
||||||
|
"kissing_heart": "😘",
|
||||||
|
"kissing": "😗",
|
||||||
|
"kissing_closed_eyes": "😚",
|
||||||
|
"kissing_smiling_eyes": "😙",
|
||||||
|
"yum": "😋",
|
||||||
|
"stuck_out_tongue": "😛",
|
||||||
|
"stuck_out_tongue_winking_eye": "😜",
|
||||||
|
"stuck_out_tongue_closed_eyes": "😝",
|
||||||
|
"neutral_face": "😐",
|
||||||
|
"expressionless": "😑",
|
||||||
|
"no_mouth": "😶",
|
||||||
|
"smirk": "😏",
|
||||||
|
"unamused": "😒",
|
||||||
|
"relieved": "😌",
|
||||||
|
"pensive": "😔",
|
||||||
|
"sleepy": "😪",
|
||||||
|
"sleeping": "😴",
|
||||||
|
"mask": "😷",
|
||||||
|
"dizzy_face": "😵",
|
||||||
|
"sunglasses": "😎",
|
||||||
|
"confused": "😕",
|
||||||
|
"worried": "😟",
|
||||||
|
"open_mouth": "😮",
|
||||||
|
"hushed": "😯",
|
||||||
|
"astonished": "😲",
|
||||||
|
"flushed": "😳",
|
||||||
|
"frowning": "😦",
|
||||||
|
"anguished": "😧",
|
||||||
|
"fearful": "😨",
|
||||||
|
"cold_sweat": "😰",
|
||||||
|
"disappointed_relieved": "😥",
|
||||||
|
"cry": "😢",
|
||||||
|
"sob": "😭",
|
||||||
|
"scream": "😱",
|
||||||
|
"confounded": "😖",
|
||||||
|
"persevere": "😣",
|
||||||
|
"disappointed": "😞",
|
||||||
|
"sweat": "😓",
|
||||||
|
"weary": "😩",
|
||||||
|
"tired_face": "😫",
|
||||||
|
"rage": "😡",
|
||||||
|
"pout": "😡",
|
||||||
|
"angry": "😠",
|
||||||
|
"smiling_imp": "😈",
|
||||||
|
"smiley_cat": "😺",
|
||||||
|
"smile_cat": "😸",
|
||||||
|
"joy_cat": "😹",
|
||||||
|
"heart_eyes_cat": "😻",
|
||||||
|
"smirk_cat": "😼",
|
||||||
|
"kissing_cat": "😽",
|
||||||
|
"scream_cat": "🙀",
|
||||||
|
"crying_cat_face": "😿",
|
||||||
|
"pouting_cat": "😾",
|
||||||
|
"heart": "❤️",
|
||||||
|
"hand": "✋",
|
||||||
|
"raised_hand": "✋",
|
||||||
|
"v": "✌️",
|
||||||
|
"point_up": "☝️",
|
||||||
|
"fist_raised": "✊",
|
||||||
|
"fist": "✊",
|
||||||
|
"monkey_face": "🐵",
|
||||||
|
"cat": "🐱",
|
||||||
|
"cow": "🐮",
|
||||||
|
"mouse": "🐭",
|
||||||
|
"coffee": "☕",
|
||||||
|
"hotsprings": "♨️",
|
||||||
|
"anchor": "⚓",
|
||||||
|
"airplane": "✈️",
|
||||||
|
"hourglass": "⌛",
|
||||||
|
"watch": "⌚",
|
||||||
|
"sunny": "☀️",
|
||||||
|
"star": "⭐",
|
||||||
|
"cloud": "☁️",
|
||||||
|
"umbrella": "☔",
|
||||||
|
"zap": "⚡",
|
||||||
|
"snowflake": "❄️",
|
||||||
|
"sparkles": "✨",
|
||||||
|
"black_joker": "🃏",
|
||||||
|
"mahjong": "🀄",
|
||||||
|
"phone": "☎️",
|
||||||
|
"telephone": "☎️",
|
||||||
|
"envelope": "✉️",
|
||||||
|
"pencil2": "✏️",
|
||||||
|
"black_nib": "✒️",
|
||||||
|
"scissors": "✂️",
|
||||||
|
"wheelchair": "♿",
|
||||||
|
"warning": "⚠️",
|
||||||
|
"aries": "♈",
|
||||||
|
"taurus": "♉",
|
||||||
|
"gemini": "♊",
|
||||||
|
"cancer": "♋",
|
||||||
|
"leo": "♌",
|
||||||
|
"virgo": "♍",
|
||||||
|
"libra": "♎",
|
||||||
|
"scorpius": "♏",
|
||||||
|
"sagittarius": "♐",
|
||||||
|
"capricorn": "♑",
|
||||||
|
"aquarius": "♒",
|
||||||
|
"pisces": "♓",
|
||||||
|
"heavy_multiplication_x": "✖️",
|
||||||
|
"heavy_plus_sign": "➕",
|
||||||
|
"heavy_minus_sign": "➖",
|
||||||
|
"heavy_division_sign": "➗",
|
||||||
|
"bangbang": "‼️",
|
||||||
|
"interrobang": "⁉️",
|
||||||
|
"question": "❓",
|
||||||
|
"grey_question": "❔",
|
||||||
|
"grey_exclamation": "❕",
|
||||||
|
"exclamation": "❗",
|
||||||
|
"heavy_exclamation_mark": "❗",
|
||||||
|
"wavy_dash": "〰️",
|
||||||
|
"recycle": "♻️",
|
||||||
|
"white_check_mark": "✅",
|
||||||
|
"ballot_box_with_check": "☑️",
|
||||||
|
"heavy_check_mark": "✔️",
|
||||||
|
"x": "❌",
|
||||||
|
"negative_squared_cross_mark": "❎",
|
||||||
|
"curly_loop": "➰",
|
||||||
|
"loop": "➿",
|
||||||
|
"part_alternation_mark": "〽️",
|
||||||
|
"eight_spoked_asterisk": "✳️",
|
||||||
|
"eight_pointed_black_star": "✴️",
|
||||||
|
"sparkle": "❇️",
|
||||||
|
"copyright": "©️",
|
||||||
|
"registered": "®️",
|
||||||
|
"tm": "™️",
|
||||||
|
"information_source": "ℹ️",
|
||||||
|
"m": "Ⓜ️",
|
||||||
|
"black_circle": "⚫",
|
||||||
|
"white_circle": "⚪",
|
||||||
|
"black_large_square": "⬛",
|
||||||
|
"white_large_square": "⬜",
|
||||||
|
"black_medium_square": "◼️",
|
||||||
|
"white_medium_square": "◻️",
|
||||||
|
"black_medium_small_square": "◾",
|
||||||
|
"white_medium_small_square": "◽",
|
||||||
|
"black_small_square": "▪️",
|
||||||
|
"white_small_square": "▫️"
|
||||||
|
};
|
||||||
|
|
||||||
|
export default emojies;
|
||||||
|
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
// Emoticons -> Emoji mapping.
|
||||||
|
//
|
||||||
|
// (!) Some patterns skipped, to avoid collisions
|
||||||
|
// without increase matcher complicity. Than can change in future.
|
||||||
|
//
|
||||||
|
// Places to look for more emoticons info:
|
||||||
|
//
|
||||||
|
// - http://en.wikipedia.org/wiki/List_of_emoticons#Western
|
||||||
|
// - https://github.com/wooorm/emoticon/blob/master/Support.md
|
||||||
|
// - http://factoryjoe.com/projects/emoticons/
|
||||||
|
//
|
||||||
|
|
||||||
|
import { EmojiShortcuts } from '../normalize_opts';
|
||||||
|
|
||||||
|
const shortcuts: EmojiShortcuts = {
|
||||||
|
angry: ['>:(', '>:-('],
|
||||||
|
blush: [':")', ':-")'],
|
||||||
|
broken_heart: ['</3', '<\\3'],
|
||||||
|
// :\ and :-\ not used because of conflict with markdown escaping
|
||||||
|
confused: [':/', ':-/'], // twemoji shows question
|
||||||
|
cry: [":'(", ":'-(", ':,(', ':,-('],
|
||||||
|
frowning: [':(', ':-('],
|
||||||
|
heart: ['<3'],
|
||||||
|
imp: [']:(', ']:-('],
|
||||||
|
innocent: ['o:)', 'O:)', 'o:-)', 'O:-)', '0:)', '0:-)'],
|
||||||
|
joy: [":')", ":'-)", ':,)', ':,-)', ":'D", ":'-D", ':,D', ':,-D'],
|
||||||
|
kissing: [':*', ':-*'],
|
||||||
|
laughing: ['x-)', 'X-)'],
|
||||||
|
neutral_face: [':|', ':-|'],
|
||||||
|
open_mouth: [':o', ':-o', ':O', ':-O'],
|
||||||
|
rage: [':@', ':-@'],
|
||||||
|
smile: [':D', ':-D'],
|
||||||
|
smiley: [':)', ':-)'],
|
||||||
|
smiling_imp: [']:)', ']:-)'],
|
||||||
|
sob: [":,'(", ":,'-(", ';(', ';-('],
|
||||||
|
stuck_out_tongue: [':P', ':-P'],
|
||||||
|
sunglasses: ['8-)', 'B-)'],
|
||||||
|
sweat: [',:(', ',:-('],
|
||||||
|
sweat_smile: [',:)', ',:-)'],
|
||||||
|
unamused: [':s', ':-S', ':z', ':-Z', ':$', ':-$'],
|
||||||
|
wink: [';)', ';-)']
|
||||||
|
};
|
||||||
|
|
||||||
|
export default shortcuts;
|
||||||
|
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
import MarkdownIt from 'markdown-it';
|
||||||
|
import emojies_defs from './data/full';
|
||||||
|
import emojies_shortcuts from './data/shortcuts';
|
||||||
|
import bare_emoji_plugin from './bare';
|
||||||
|
import { EmojiOptions } from './normalize_opts';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Full emoji 插件（包含完整的 emoji 数据）
|
||||||
|
*/
|
||||||
|
export default function emoji_plugin(md: MarkdownIt, options?: Partial<EmojiOptions>): void {
|
||||||
|
const defaults: EmojiOptions = {
|
||||||
|
defs: emojies_defs,
|
||||||
|
shortcuts: emojies_shortcuts,
|
||||||
|
enabled: []
|
||||||
|
};
|
||||||
|
|
||||||
|
const opts = md.utils.assign({}, defaults, options || {}) as EmojiOptions;
|
||||||
|
|
||||||
|
bare_emoji_plugin(md, opts);
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
import MarkdownIt from 'markdown-it';
|
||||||
|
import emojies_defs from './data/light';
|
||||||
|
import emojies_shortcuts from './data/shortcuts';
|
||||||
|
import bare_emoji_plugin from './bare';
|
||||||
|
import { EmojiOptions } from './normalize_opts';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Light emoji 插件（包含常用的 emoji 数据）
|
||||||
|
*/
|
||||||
|
export default function emoji_plugin(md: MarkdownIt, options?: Partial<EmojiOptions>): void {
|
||||||
|
const defaults: EmojiOptions = {
|
||||||
|
defs: emojies_defs,
|
||||||
|
shortcuts: emojies_shortcuts,
|
||||||
|
enabled: []
|
||||||
|
};
|
||||||
|
|
||||||
|
const opts = md.utils.assign({}, defaults, options || {}) as EmojiOptions;
|
||||||
|
|
||||||
|
bare_emoji_plugin(md, opts);
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,95 @@
|
|||||||
|
/**
|
||||||
|
* Emoji 定义类型
|
||||||
|
*/
|
||||||
|
export interface EmojiDefs {
|
||||||
|
[key: string]: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Emoji 快捷方式类型
|
||||||
|
*/
|
||||||
|
export interface EmojiShortcuts {
|
||||||
|
[key: string]: string | string[];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 输入选项接口
|
||||||
|
*/
|
||||||
|
export interface EmojiOptions {
|
||||||
|
defs: EmojiDefs;
|
||||||
|
shortcuts: EmojiShortcuts;
|
||||||
|
enabled: string[];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 标准化后的选项接口
|
||||||
|
*/
|
||||||
|
export interface NormalizedEmojiOptions {
|
||||||
|
defs: EmojiDefs;
|
||||||
|
shortcuts: { [key: string]: string };
|
||||||
|
scanRE: RegExp;
|
||||||
|
replaceRE: RegExp;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 转义正则表达式特殊字符
|
||||||
|
*/
|
||||||
|
function quoteRE(str: string): string {
|
||||||
|
return str.replace(/[.?*+^$[\]\\(){}|-]/g, '\\$&');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 将输入选项转换为更可用的格式并编译搜索正则表达式
|
||||||
|
*/
|
||||||
|
export default function normalize_opts(options: EmojiOptions): NormalizedEmojiOptions {
|
||||||
|
let emojies = options.defs;
|
||||||
|
|
||||||
|
// Filter emojies by whitelist, if needed
|
||||||
|
if (options.enabled.length) {
|
||||||
|
emojies = Object.keys(emojies).reduce((acc: EmojiDefs, key: string) => {
|
||||||
|
if (options.enabled.indexOf(key) >= 0) acc[key] = emojies[key];
|
||||||
|
return acc;
|
||||||
|
}, {});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Flatten shortcuts to simple object: { alias: emoji_name }
|
||||||
|
const shortcuts = Object.keys(options.shortcuts).reduce((acc: { [key: string]: string }, key: string) => {
|
||||||
|
// Skip aliases for filtered emojies, to reduce regexp
|
||||||
|
if (!emojies[key]) return acc;
|
||||||
|
|
||||||
|
if (Array.isArray(options.shortcuts[key])) {
|
||||||
|
(options.shortcuts[key] as string[]).forEach((alias: string) => { acc[alias] = key; });
|
||||||
|
return acc;
|
||||||
|
}
|
||||||
|
|
||||||
|
acc[options.shortcuts[key] as string] = key;
|
||||||
|
return acc;
|
||||||
|
}, {});
|
||||||
|
|
||||||
|
const keys = Object.keys(emojies);
|
||||||
|
let names: string;
|
||||||
|
|
||||||
|
// If no definitions are given, return empty regex to avoid replacements with 'undefined'.
|
||||||
|
if (keys.length === 0) {
|
||||||
|
names = '^$';
|
||||||
|
} else {
|
||||||
|
// Compile regexp
|
||||||
|
names = keys
|
||||||
|
.map((name: string) => { return `:${name}:`; })
|
||||||
|
.concat(Object.keys(shortcuts))
|
||||||
|
.sort()
|
||||||
|
.reverse()
|
||||||
|
.map((name: string) => { return quoteRE(name); })
|
||||||
|
.join('|');
|
||||||
|
}
|
||||||
|
const scanRE = RegExp(names);
|
||||||
|
const replaceRE = RegExp(names, 'g');
|
||||||
|
|
||||||
|
return {
|
||||||
|
defs: emojies,
|
||||||
|
shortcuts,
|
||||||
|
scanRE,
|
||||||
|
replaceRE
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
import { Token } from 'markdown-it';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Emoji 渲染函数
|
||||||
|
*/
|
||||||
|
export default function emoji_html(tokens: Token[], idx: number): string {
|
||||||
|
return tokens[idx].content;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,97 @@
|
|||||||
|
import MarkdownIt, { StateCore, Token } from 'markdown-it';
|
||||||
|
import { EmojiDefs } from './normalize_opts';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Emoji 和快捷方式替换逻辑
|
||||||
|
*
|
||||||
|
* 注意：理论上，在内联链中解析 :smile: 并只留下快捷方式会更快。
|
||||||
|
* 但是，谁在乎呢...
|
||||||
|
*/
|
||||||
|
export default function create_rule(
|
||||||
|
md: MarkdownIt,
|
||||||
|
emojies: EmojiDefs,
|
||||||
|
shortcuts: { [key: string]: string },
|
||||||
|
scanRE: RegExp,
|
||||||
|
replaceRE: RegExp
|
||||||
|
) {
|
||||||
|
const arrayReplaceAt = md.utils.arrayReplaceAt;
|
||||||
|
const ucm = md.utils.lib.ucmicro;
|
||||||
|
const has = md.utils.has;
|
||||||
|
const ZPCc = new RegExp([ucm.Z.source, ucm.P.source, ucm.Cc.source].join('|'));
|
||||||
|
|
||||||
|
function splitTextToken(text: string, level: number, TokenConstructor: any): Token[] {
|
||||||
|
let last_pos = 0;
|
||||||
|
const nodes: Token[] = [];
|
||||||
|
|
||||||
|
text.replace(replaceRE, function (match: string, offset: number, src: string): string {
|
||||||
|
let emoji_name: string;
|
||||||
|
// Validate emoji name
|
||||||
|
if (has(shortcuts, match)) {
|
||||||
|
// replace shortcut with full name
|
||||||
|
emoji_name = shortcuts[match];
|
||||||
|
|
||||||
|
// Don't allow letters before any shortcut (as in no ":/" in http://)
|
||||||
|
if (offset > 0 && !ZPCc.test(src[offset - 1])) return '';
|
||||||
|
|
||||||
|
// Don't allow letters after any shortcut
|
||||||
|
if (offset + match.length < src.length && !ZPCc.test(src[offset + match.length])) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
emoji_name = match.slice(1, -1);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add new tokens to pending list
|
||||||
|
if (offset > last_pos) {
|
||||||
|
const token = new TokenConstructor('text', '', 0);
|
||||||
|
token.content = text.slice(last_pos, offset);
|
||||||
|
nodes.push(token);
|
||||||
|
}
|
||||||
|
|
||||||
|
const token = new TokenConstructor('emoji', '', 0);
|
||||||
|
token.markup = emoji_name;
|
||||||
|
token.content = emojies[emoji_name];
|
||||||
|
nodes.push(token);
|
||||||
|
|
||||||
|
last_pos = offset + match.length;
|
||||||
|
return '';
|
||||||
|
});
|
||||||
|
|
||||||
|
if (last_pos < text.length) {
|
||||||
|
const token = new TokenConstructor('text', '', 0);
|
||||||
|
token.content = text.slice(last_pos);
|
||||||
|
nodes.push(token);
|
||||||
|
}
|
||||||
|
|
||||||
|
return nodes;
|
||||||
|
}
|
||||||
|
|
||||||
|
return function emoji_replace(state: StateCore): void {
|
||||||
|
let token: Token;
|
||||||
|
const blockTokens = state.tokens;
|
||||||
|
let autolinkLevel = 0;
|
||||||
|
|
||||||
|
for (let j = 0, l = blockTokens.length; j < l; j++) {
|
||||||
|
if (blockTokens[j].type !== 'inline') { continue; }
|
||||||
|
let tokens = blockTokens[j].children!;
|
||||||
|
|
||||||
|
// We scan from the end, to keep position when new tags added.
|
||||||
|
// Use reversed logic in links start/end match
|
||||||
|
for (let i = tokens.length - 1; i >= 0; i--) {
|
||||||
|
token = tokens[i];
|
||||||
|
|
||||||
|
if (token.type === 'link_open' || token.type === 'link_close') {
|
||||||
|
if (token.info === 'auto') { autolinkLevel -= token.nesting; }
|
||||||
|
}
|
||||||
|
|
||||||
|
if (token.type === 'text' && autolinkLevel === 0 && scanRE.test(token.content)) {
|
||||||
|
// replace current node
|
||||||
|
blockTokens[j].children = tokens = arrayReplaceAt(
|
||||||
|
tokens, i, splitTextToken(token.content, token.level, state.Token)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
Reference in New Issue
Block a user