nodebb-plugin-markdown 12.1.7 → 12.2.0

package/public/js/markdown.js

@@ -0,0 +1,337 @@
+'use strict';
+
+export function capturePaste(targetEl) {
+	targetEl.on('paste', function (e) {
+		var triggers = [/^>\s*/, /^\s*\*\s+/, /^\s*\d+\.\s+/, /^\s{4,}/];
+		var start = e.target.selectionStart;
+		var line = getLine(targetEl.val(), start);
+
+		var trigger = triggers.reduce(function (regexp, cur) {
+			if (regexp) {
+				return regexp;
+			}
+
+			return cur.test(line) ? cur : false;
+		}, false);
+
+		var prefix = line.match(trigger);
+		if (prefix) {
+			prefix = prefix.shift();
+
+			var payload = e.originalEvent.clipboardData.getData('text');
+			var fixed = payload.replace(/^/gm, prefix).slice(prefix.length);
+
+			setTimeout(function () {
+				var replacement = targetEl.val().slice(0, start) + fixed + targetEl.val().slice(start + payload.length);
+				targetEl.val(replacement);
+			}, 0);
+		}
+	});
+
+	function getLine(text, selectionStart) {
+		// Break apart into lines, return the line the cursor is in
+		var lines = text.split('\n');
+
+		return lines.reduce(function (memo, cur) {
+			if (typeof memo !== 'number') {
+				return memo;
+			} if (selectionStart > (memo + cur.length)) {
+				return memo + cur.length + 1;
+			}
+
+			return cur;
+		}, 0);
+	}
+};
+
+export function prepareFormattingTools() {
+	require([
+		'composer/formatting',
+		'composer/controls',
+		'translator',
+	], function (formatting, controls, translator) {
+		if (formatting && controls) {
+			translator.getTranslations(window.config.userLang || window.config.defaultLang, 'markdown', function (strings) {
+				formatting.addButtonDispatch('bold', function (textarea, selectionStart, selectionEnd) {
+					if (selectionStart === selectionEnd) {
+						var block = controls.getBlockData(textarea, '**', selectionStart);
+
+						if (block.in && block.atEnd) {
+							// At end of bolded string, move cursor past delimiters
+							controls.updateTextareaSelection(textarea, selectionStart + 2, selectionStart + 2);
+						} else {
+							controls.insertIntoTextarea(textarea, '**' + strings.bold + '**');
+							controls.updateTextareaSelection(
+								textarea, selectionStart + 2, selectionStart + strings.bold.length + 2
+							);
+						}
+					} else {
+						var wrapDelta = controls.wrapSelectionInTextareaWith(textarea, '**');
+						controls.updateTextareaSelection(
+							textarea, selectionStart + 2 + wrapDelta[0], selectionEnd + 2 - wrapDelta[1]
+						);
+					}
+				});
+
+				formatting.addButtonDispatch('italic', function (textarea, selectionStart, selectionEnd) {
+					if (selectionStart === selectionEnd) {
+						var block = controls.getBlockData(textarea, '*', selectionStart);
+
+						if (block.in && block.atEnd) {
+							// At end of italicised string, move cursor past delimiters
+							controls.updateTextareaSelection(textarea, selectionStart + 1, selectionStart + 1);
+						} else {
+							controls.insertIntoTextarea(textarea, '*' + strings.italic + '*');
+							controls.updateTextareaSelection(
+								textarea, selectionStart + 1, selectionStart + strings.italic.length + 1
+							);
+						}
+					} else {
+						var wrapDelta = controls.wrapSelectionInTextareaWith(textarea, '*');
+						controls.updateTextareaSelection(
+							textarea, selectionStart + 1 + wrapDelta[0], selectionEnd + 1 - wrapDelta[1]
+						);
+					}
+				});
+
+				formatting.addButtonDispatch('list', function (textarea, selectionStart, selectionEnd) {
+					if (selectionStart === selectionEnd) {
+						controls.insertIntoTextarea(textarea, '\n* ' + strings.list_item);
+
+						// Highlight "list item"
+						controls.updateTextareaSelection(
+							textarea, selectionStart + 3, selectionStart + strings.list_item.length + 3
+						);
+					} else {
+						const selectedText = $(textarea).val().substring(selectionStart, selectionEnd);
+						const newText = '* ' + selectedText.split('\n').join('\n* ');
+						controls.replaceSelectionInTextareaWith(textarea, newText);
+						controls.updateTextareaSelection(textarea, selectionStart, selectionEnd + (newText.length - selectedText.length));
+					}
+				});
+
+				formatting.addButtonDispatch('strikethrough', function (textarea, selectionStart, selectionEnd) {
+					if (selectionStart === selectionEnd) {
+						var block = controls.getBlockData(textarea, '~~', selectionStart);
+
+						if (block.in && block.atEnd) {
+							// At end of bolded string, move cursor past delimiters
+							controls.updateTextareaSelection(textarea, selectionStart + 2, selectionStart + 2);
+						} else {
+							controls.insertIntoTextarea(textarea, '~~' + strings.strikethrough_text + '~~');
+							controls.updateTextareaSelection(
+								textarea, selectionStart + 2, selectionEnd + strings.strikethrough_text.length + 2
+							);
+						}
+					} else {
+						var wrapDelta = controls.wrapSelectionInTextareaWith(textarea, '~~', '~~');
+						controls.updateTextareaSelection(
+							textarea, selectionStart + 2 + wrapDelta[0], selectionEnd + 2 - wrapDelta[1]
+						);
+					}
+				});
+
+				formatting.addButtonDispatch('code', function (textarea, selectionStart, selectionEnd) {
+					if (selectionStart === selectionEnd) {
+						controls.insertIntoTextarea(textarea, '```\n' + strings.code_text + '\n```');
+						controls.updateTextareaSelection(
+							textarea, selectionStart + 4, selectionEnd + strings.code_text.length + 4
+						);
+					} else {
+						var wrapDelta = controls.wrapSelectionInTextareaWith(textarea, '```\n', '\n```');
+						controls.updateTextareaSelection(
+							textarea, selectionStart + 4 + wrapDelta[0], selectionEnd + 4 - wrapDelta[1]
+						);
+					}
+				});
+
+				formatting.addButtonDispatch('link', function (textarea, selectionStart, selectionEnd) {
+					if (selectionStart === selectionEnd) {
+						controls.insertIntoTextarea(textarea, '[' + strings.link_text + '](' + strings.link_url + ')');
+						controls.updateTextareaSelection(
+							textarea,
+							selectionStart + strings.link_text.length + 3,
+							selectionEnd + strings.link_text.length + strings.link_url.length + 3
+						);
+					} else {
+						var wrapDelta = controls.wrapSelectionInTextareaWith(textarea, '[', '](' + strings.link_url + ')');
+						controls.updateTextareaSelection(
+							textarea, selectionEnd + 3 - wrapDelta[1], selectionEnd + strings.link_url.length + 3 - wrapDelta[1]
+						);
+					}
+				});
+
+				formatting.addButtonDispatch('picture-o', function (textarea, selectionStart, selectionEnd) {
+					if (selectionStart === selectionEnd) {
+						controls.insertIntoTextarea(textarea, '![' + strings.picture_text + '](' + strings.picture_url + ')');
+						controls.updateTextareaSelection(
+							textarea,
+							selectionStart + strings.picture_text.length + 4,
+							selectionEnd + strings.picture_text.length + strings.picture_url.length + 4
+						);
+					} else {
+						var wrapDelta = controls.wrapSelectionInTextareaWith(textarea, '![', '](' + strings.picture_url + ')');
+						controls.updateTextareaSelection(
+							textarea, selectionEnd + 4 - wrapDelta[1], selectionEnd + strings.picture_url.length + 4 - wrapDelta[1]
+						);
+					}
+				});
+			});
+		}
+	});
+};
+
+export function markExternalLinks() {
+	if (!config.markdown.externalMark) {
+		return;
+	}
+
+	const anchorEls = document.querySelectorAll('[component="post/content"] a');
+	anchorEls.forEach((anchorEl) => {
+		// Do nothing if the anchor contains only an image
+		if (anchorEl.childElementCount === 1 && anchorEl.querySelector('img') && !anchorEl.text) {
+			return;
+		}
+
+		// Otherwise, mark external links with icon
+		const parsed = new URL(anchorEl.href, document.location.href);
+		if (parsed.host != document.location.host) {
+			const iconEl = document.createElement('i');
+			iconEl.classList.add('fa', 'fa-external-link', 'small');
+			anchorEl.append(' ', iconEl);
+		}
+	})
+}
+
+export function enhanceCheckbox(ev, data) {
+	if (!data.posts && !data.post) {
+		return;
+	} if (data.hasOwnProperty('post')) {
+		data.posts = [data.post];
+	}
+
+	var disable;
+	var checkboxEls;
+	data.posts.forEach(function (post) {
+		disable = !post.display_edit_tools;
+		checkboxEls = $('.posts li[data-pid="' + post.pid + '"] .content div.plugin-markdown input[type="checkbox"]');
+
+		checkboxEls.on('click', function (e) {
+			if (disable) {
+				// Find the post's checkboxes in DOM and make them readonly
+				e.preventDefault();
+			}
+
+			// Otherwise, edit the post to reflect state change
+			var _this = this;
+			var pid = $(this).parents('li[data-pid]').attr('data-pid');
+			var index = $(this).parents('.content').find('input[type="checkbox"]').toArray()
+				.reduce(function (memo, cur, index) {
+					if (cur === _this) {
+						memo = index;
+					}
+
+					return memo;
+				}, null);
+
+			socket.emit('plugins.markdown.checkbox.edit', {
+				pid: pid,
+				index: index,
+				state: $(_this).prop('checked'),
+			});
+		});
+	});
+};
+
+export function highlight(data) {
+	if (data instanceof jQuery.Event) {
+		processHighlight($(data.data.selector));
+	} else {
+		processHighlight(data);
+	}
+};
+
+async function processHighlight(elements) {
+	if (parseInt(config.markdown.highlight, 10)) {
+		console.debug('[plugin/markdown] Initializing highlight.js');
+		let hljs;
+		let list;
+		let aliasMap = new Map();
+		switch(true) {
+			case config.markdown.hljsLanguages.includes('common'): {
+				({ default: hljs} = await import(`highlight.js/lib/common`));
+				list = 'common';
+				break;
+			}
+
+			case config.markdown.hljsLanguages.includes('all'): {
+				({ default: hljs} = await import(`highlight.js`));
+				list = 'all';
+				break;
+			}
+
+			default: {
+				({ default: hljs} = await import(`highlight.js/lib/core`));
+				list = 'core';
+			}
+		}
+		console.debug(`[plugins/markdown] Loaded ${list} hljs library`);
+
+		if (list !== 'all') {
+			await Promise.all(config.markdown.hljsLanguages.map(async (language) => {
+				if (['common', 'all'].includes(language)) {
+					return;
+				}
+
+				console.debug(`[plugins/markdown] Loading ${language} support`);
+				const { default: lang } = await import('../../node_modules/highlight.js/lib/languages/' + language + '.js');
+				hljs.registerLanguage(language, lang);
+			}));
+		}
+
+		// Build alias set
+		hljs.listLanguages().forEach((language) => {
+			const { aliases } = hljs.getLanguage(language);
+			if (aliases && Array.isArray(aliases)) {
+				aliases.forEach((alias) => {
+					aliasMap.set(alias, language);
+				});
+			}
+
+			aliasMap.set(language, language);
+		});
+
+		console.debug(`[plugins/markdown] Loading support for line numbers`);
+		window.hljs = hljs;
+		require('highlightjs-line-numbers.js');
+
+		elements.each(function (i, block) {
+			const parentNode = $(block.parentNode);
+			if (parentNode.hasClass('markdown-highlight')) {
+				return;
+			}
+			parentNode.addClass('markdown-highlight');
+
+			// Default language if set in ACP
+			if (!Array.prototype.some.call(block.classList, (className) => className.startsWith('language-')) && config.markdown.defaultHighlightLanguage) {
+				block.classList.add(`language-${config.markdown.defaultHighlightLanguage}`);
+			}
+
+			window.hljs.highlightElement(block);
+
+			// Check detected language against whitelist and add lines if enabled
+			const classIterator = block.classList.values();
+			for(className of classIterator) {
+				if (className.startsWith('language-')) {
+					const language = className.split('-')[1];
+					const list = config.markdown.highlightLinesLanguageList;
+					if (aliasMap.has(language) && list && list.includes(aliasMap.get(language))) {
+						$(block).attr('data-lines', 1);
+						window.hljs.lineNumbersBlock(block);
+					}
+					break;
+				}
+			}
+		});
+	}
+}

package/public/languages/de/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "Fettschrift",
-	"italic": "Kursivschrift",
-	"list_item": "Listenpunkt",
-	"strikethrough_text": "Durchgestrichen",
-	"link_text": "Link Text",
-	"link_url": "Link Adresse",
-	"picture_text": "Bild Text",
-	"picture_url": "Bild Link",
-	"help_text": "Dieses Forum unterstützt Markdown. Für mehr Informationen, [hier klicken](http://commonmark.org/help/)"
-}
+{
+	"bold": "Fettschrift",
+	"italic": "Kursivschrift",
+	"list_item": "Listenpunkt",
+	"strikethrough_text": "Durchgestrichen",
+	"link_text": "Link Text",
+	"link_url": "Link Adresse",
+	"picture_text": "Bild Text",
+	"picture_url": "Bild Link",
+	"help_text": "Dieses Forum unterstützt Markdown. Für mehr Informationen, [hier klicken](http://commonmark.org/help/)"
+}

package/public/languages/en-GB/markdown.json

@@ -1,12 +1,12 @@
-{
-	"bold": "bolded text",
-	"italic": "italicised text",
-	"list_item": "list item",
-	"strikethrough_text": "strikethrough text",
-	"code_text": "code_text",
-	"link_text": "link text",
-	"link_url": "link url",
-	"picture_text": "alt text",
-	"picture_url": "image url",
-	"help_text": "This forum is powered by Markdown. For full documentation, [click here](http://commonmark.org/help/)"
+{
+	"bold": "bolded text",
+	"italic": "italicised text",
+	"list_item": "list item",
+	"strikethrough_text": "strikethrough text",
+	"code_text": "code_text",
+	"link_text": "link text",
+	"link_url": "link url",
+	"picture_text": "alt text",
+	"picture_url": "image url",
+	"help_text": "This forum is powered by Markdown. For full documentation, [click here](http://commonmark.org/help/)"
 }

package/public/languages/fa-IR/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "متن پررنگ",
-	"italic": "متن ایتالیک ( کج )",
-	"list_item": "لیست",
-	"strikethrough_text": "متن خط خورده",
-	"link_text": "متن لینک",
-	"link_url": "آدرس لینک",
-	"picture_text": "متن جایگزین",
-	"picture_url": "آدرس عکس",
-	"help_text": "این انجمن از زبان مارک دون استفاده می کند، برای اطلاعات بیشتر [اینجا](http://commonmark.org/help/) کلیک کنید!"
-}
+{
+	"bold": "متن پررنگ",
+	"italic": "متن ایتالیک ( کج )",
+	"list_item": "لیست",
+	"strikethrough_text": "متن خط خورده",
+	"link_text": "متن لینک",
+	"link_url": "آدرس لینک",
+	"picture_text": "متن جایگزین",
+	"picture_url": "آدرس عکس",
+	"help_text": "این انجمن از زبان مارک دون استفاده می کند، برای اطلاعات بیشتر [اینجا](http://commonmark.org/help/) کلیک کنید!"
+}

package/public/languages/fr/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "texte en gras",
-	"italic": "texte en italique",
-	"list_item": "élément de liste",
-	"strikethrough_text": "strikethrough text",
-	"link_text": "texte du lien",
-	"link_url": "url du lien",
-	"picture_text": "text alternatif",
-	"picture_url": "url de l'image",
-	"help_text": "Ce forum utilise la syntaxe Markdown. Pour accéder à la documentation, suivre ce [lien](http://commonmark.org/help/)"
-}
+{
+	"bold": "texte en gras",
+	"italic": "texte en italique",
+	"list_item": "élément de liste",
+	"strikethrough_text": "strikethrough text",
+	"link_text": "texte du lien",
+	"link_url": "url du lien",
+	"picture_text": "text alternatif",
+	"picture_url": "url de l'image",
+	"help_text": "Ce forum utilise la syntaxe Markdown. Pour accéder à la documentation, suivre ce [lien](http://commonmark.org/help/)"
+}

package/public/languages/he/markdown.json

@@ -1,12 +1,12 @@
-{
-	"bold": "טקסט מודגש",
-	"italic": "טקסט נטוי",
-	"list_item": "פריט רשימה",
-	"strikethrough_text": "קו חוצה",
-	"code_text": "קוד",
-	"link_text": "טקסט קישור",
-	"link_url": "כתובת קישור",
-	"picture_text": "כיתוב בבעיות טעינה",
-	"picture_url": "כתובת תמונה",
-	"help_text": "הפורום עובד עם Markdown. להסבר מלא, [לחץ כאן](http://commonmark.org/help/)"
-}
+{
+	"bold": "טקסט מודגש",
+	"italic": "טקסט נטוי",
+	"list_item": "פריט רשימה",
+	"strikethrough_text": "קו חוצה",
+	"code_text": "קוד",
+	"link_text": "טקסט קישור",
+	"link_url": "כתובת קישור",
+	"picture_text": "כיתוב בבעיות טעינה",
+	"picture_url": "כתובת תמונה",
+	"help_text": "הפורום עובד עם Markdown. להסבר מלא, [לחץ כאן](http://commonmark.org/help/)"
+}

package/public/languages/pl/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "pogrubienie",
-	"italic": "pochylenie",
-	"list_item": "wypunktowanie",
-	"strikethrough_text": "przekreślenie",
-	"link_text": "tekst odnośnika",
-	"link_url": "url odnośnika",
-	"picture_text": "text alternatywny",
-	"picture_url": "url obrazu",
-	"help_text": "Forum działa dzięki Markdown. By uzyskać pełną dokumentację, [kliknij tutaj](http://commonmark.org/help/)"
-}
+{
+	"bold": "pogrubienie",
+	"italic": "pochylenie",
+	"list_item": "wypunktowanie",
+	"strikethrough_text": "przekreślenie",
+	"link_text": "tekst odnośnika",
+	"link_url": "url odnośnika",
+	"picture_text": "text alternatywny",
+	"picture_url": "url obrazu",
+	"help_text": "Forum działa dzięki Markdown. By uzyskać pełną dokumentację, [kliknij tutaj](http://commonmark.org/help/)"
+}

package/public/languages/tr/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "kalın yazı",
-	"italic": "İtalik yazı",
-	"list_item": "liste madde",
-	"strikethrough_text": "Üstü çizili metin",
-	"link_text": "bağlantı metni",
-	"link_url": "link url",
-	"picture_text": "alt metni",
-	"picture_url": "görsel url",
-	"help_text": "This forum is powered by Markdown. For full documentation, [click here](http://commonmark.org/help/)"
-}
+{
+	"bold": "kalın yazı",
+	"italic": "İtalik yazı",
+	"list_item": "liste madde",
+	"strikethrough_text": "Üstü çizili metin",
+	"link_text": "bağlantı metni",
+	"link_url": "link url",
+	"picture_text": "alt metni",
+	"picture_url": "görsel url",
+	"help_text": "This forum is powered by Markdown. For full documentation, [click here](http://commonmark.org/help/)"
+}

package/public/languages/zh-CN/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "粗体字",
-	"italic": "斜体字",
-	"list_item": "列表",
-	"strikethrough_text": "删除线",
-	"link_text": "链接文本",
-	"link_url": "链接地址",
-	"picture_text": "替代文字",
-	"picture_url": "图片地址",
-	"help_text": "该论坛使用 Markdown 语法。[点此查看](http://commonmark.org/help/) 语法说明。"
-}
+{
+	"bold": "粗体字",
+	"italic": "斜体字",
+	"list_item": "列表",
+	"strikethrough_text": "删除线",
+	"link_text": "链接文本",
+	"link_url": "链接地址",
+	"picture_text": "替代文字",
+	"picture_url": "图片地址",
+	"help_text": "该论坛使用 Markdown 语法。[点此查看](http://commonmark.org/help/) 语法说明。"
+}