All: Add support for application plugins (#3257)

ReactNativeClient/lib/markdownUtils.ts

@@ -0,0 +1,132 @@
+const stringPadding = require('string-padding');
+const urlUtils = require('lib/urlUtils');
+const MarkdownIt = require('markdown-it');
+const { setupLinkify } = require('lib/joplin-renderer');
+
+// Taken from codemirror/addon/edit/continuelist.js
+const listRegex = /^(\s*)([*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]\s))(\s*)/;
+const emptyListRegex = /^(\s*)([*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/;
+
+export interface MarkdownTableHeader {
+	name: string,
+	label: string,
+	filter?: Function,
+}
+
+export interface MarkdownTableRow {
+	[key:string]: string,
+}
+
+const markdownUtils = {
+	// Titles for markdown links only need escaping for [ and ]
+	escapeTitleText(text:string) {
+		return text.replace(/(\[|\])/g, '\\$1');
+	},
+
+	escapeLinkUrl(url:string) {
+		url = url.replace(/\(/g, '%28');
+		url = url.replace(/\)/g, '%29');
+		url = url.replace(/ /g, '%20');
+		return url;
+	},
+
+	prependBaseUrl(md:string, baseUrl:string) {
+		// eslint-disable-next-line no-useless-escape
+		return md.replace(/(\]\()([^\s\)]+)(.*?\))/g, (_match:any, before:string, url:string, after:string) => {
+			return before + urlUtils.prependBaseUrl(url, baseUrl) + after;
+		});
+	},
+
+	extractImageUrls(md:string) {
+		const markdownIt = new MarkdownIt();
+		setupLinkify(markdownIt); // Necessary to support file:/// links
+
+		const env = {};
+		const tokens = markdownIt.parse(md, env);
+		const output:string[] = [];
+
+		const searchUrls = (tokens:any[]) => {
+			for (let i = 0; i < tokens.length; i++) {
+				const token = tokens[i];
+
+				if (token.type === 'image') {
+					for (let j = 0; j < token.attrs.length; j++) {
+						const a = token.attrs[j];
+						if (a[0] === 'src' && a.length >= 2 && a[1]) {
+							output.push(a[1]);
+						}
+					}
+				}
+
+				if (token.children && token.children.length) {
+					searchUrls(token.children);
+				}
+			}
+		};
+
+		searchUrls(tokens);
+
+		return output;
+	},
+
+	// The match results has 5 items
+	// Full match array is
+	// [Full match, whitespace, list token, ol line number, whitespace following token]
+	olLineNumber(line:string) {
+		const match = line.match(listRegex);
+		return match ? Number(match[3]) : 0;
+	},
+
+	extractListToken(line:string) {
+		const match = line.match(listRegex);
+		return match ? match[2] : '';
+	},
+
+	isListItem(line:string) {
+		return listRegex.test(line);
+	},
+
+	isEmptyListItem(line:string) {
+		return emptyListRegex.test(line);
+	},
+
+	createMarkdownTable(headers:MarkdownTableHeader[], rows:MarkdownTableRow[]):string {
+		const output = [];
+
+		const headersMd = [];
+		const lineMd = [];
+		for (let i = 0; i < headers.length; i++) {
+			const h = headers[i];
+			headersMd.push(stringPadding(h.label, 3, ' ', stringPadding.RIGHT));
+			lineMd.push('---');
+		}
+
+		output.push(headersMd.join(' | '));
+		output.push(lineMd.join(' | '));
+
+		for (let i = 0; i < rows.length; i++) {
+			const row = rows[i];
+			const rowMd = [];
+			for (let j = 0; j < headers.length; j++) {
+				const h = headers[j];
+				const value = h.filter ? h.filter(row[h.name]) : row[h.name];
+				rowMd.push(stringPadding(value, 3, ' ', stringPadding.RIGHT));
+			}
+			output.push(rowMd.join(' | '));
+		}
+
+		return output.join('\n');
+	},
+
+	titleFromBody(body:string) {
+		if (!body) return '';
+		const mdLinkRegex = /!?\[([^\]]+?)\]\(.+?\)/g;
+		const emptyMdLinkRegex = /!?\[\]\((.+?)\)/g;
+		const filterRegex = /^[# \n\t*`-]*/;
+		const lines = body.trim().split('\n');
+		const title = lines[0].trim();
+		return title.replace(filterRegex, '').replace(mdLinkRegex, '$1').replace(emptyMdLinkRegex, '$1').substring(0,80);
+	},
+};
+
+export default markdownUtils;