Plugins: Added support for content scripts

- For now, supports Markdown-it plugins - Also fixed slow rendering of notes in some cases - Simplified how Markdown-It plugins are created and cleaned MdToHtml code commit 89576de289 Merge: c75aa21f 5292fc14 Author: Laurent Cozic <laurent@cozic.net> Date: Wed Oct 21 00:23:00 2020 +0100 Merge branch 'release-1.3' into plugin_content_scripts commit c75aa21ffd Author: Laurent Cozic <laurent@cozic.net> Date: Wed Oct 21 00:19:52 2020 +0100 Fixed tests commit 075187729d Author: Laurent Cozic <laurent@cozic.net> Date: Wed Oct 21 00:11:53 2020 +0100 Fixed tests commit 14696b8c65 Author: Laurent Cozic <laurent@cozic.net> Date: Tue Oct 20 23:27:58 2020 +0100 Fixed slow rendering of note commit 61c09f5bf8 Author: Laurent Cozic <laurent@cozic.net> Date: Tue Oct 20 22:35:21 2020 +0100 Clean up commit 9f7ea7d865 Author: Laurent Cozic <laurent@cozic.net> Date: Tue Oct 20 20:05:31 2020 +0100 Updated doc commit 98bf3bde8d Author: Laurent Cozic <laurent@cozic.net> Date: Tue Oct 20 19:56:34 2020 +0100 Finished converting plugins commit fe90d92e01 Author: Laurent Cozic <laurent@cozic.net> Date: Tue Oct 20 17:52:02 2020 +0100 Simplified how Markdown-It plugins are created commit 47c7b864cb Author: Laurent Cozic <laurent@cozic.net> Date: Mon Oct 19 16:40:11 2020 +0100 Clean up rules commit d927a238bb Author: Laurent Cozic <laurent@cozic.net> Date: Mon Oct 19 14:29:40 2020 +0100 Fixed tests commit 388a56c5dd Author: Laurent Cozic <laurent@cozic.net> Date: Mon Oct 19 14:00:47 2020 +0100 Add support for content scripts
2025-07-13 00:10:37 +02:00 · 2020-10-21 00:23:55 +01:00
parent 5292fc1402
commit 3d8577a689
121 changed files with 6324 additions and 580 deletions
--- a/ReactNativeClient/lib/joplin-renderer/MarkupToHtml.ts
+++ b/ReactNativeClient/lib/joplin-renderer/MarkupToHtml.ts
@ -0,0 +1,85 @@
+const MdToHtml = require('./MdToHtml').default;
+const HtmlToHtml = require('./HtmlToHtml');
+const htmlUtils = require('lib/htmlUtils');
+const MarkdownIt = require('markdown-it');
+
+export enum MarkupLanguage {
+	Markdown = 1,
+	Html = 2,
+}
+
+export default class MarkupToHtml {
+
+	static MARKUP_LANGUAGE_MARKDOWN:number = MarkupLanguage.Markdown;
+	static MARKUP_LANGUAGE_HTML:number = MarkupLanguage.Html;
+
+	private renderers_:any = {};
+	private options_:any;
+	private rawMarkdownIt_:any;
+
+	constructor(options:any) {
+		this.options_ = Object.assign({}, {
+			ResourceModel: {
+				isResourceUrl: () => false,
+			},
+		}, options);
+	}
+
+	renderer(markupLanguage:MarkupLanguage) {
+		if (this.renderers_[markupLanguage]) return this.renderers_[markupLanguage];
+
+		let RendererClass = null;
+
+		if (markupLanguage === MarkupToHtml.MARKUP_LANGUAGE_MARKDOWN) {
+			RendererClass = MdToHtml;
+		} else if (markupLanguage === MarkupToHtml.MARKUP_LANGUAGE_HTML) {
+			RendererClass = HtmlToHtml;
+		} else {
+			throw new Error(`Invalid markup language: ${markupLanguage}`);
+		}
+
+		this.renderers_[markupLanguage] = new RendererClass(this.options_);
+		return this.renderers_[markupLanguage];
+	}
+
+	stripMarkup(markupLanguage:MarkupLanguage, markup:string, options:any = null) {
+		if (!markup) return '';
+
+		options = Object.assign({}, {
+			collapseWhiteSpaces: false,
+		}, options);
+
+		let output = markup;
+
+		if (markupLanguage === MarkupToHtml.MARKUP_LANGUAGE_MARKDOWN) {
+			if (!this.rawMarkdownIt_) {
+				// We enable HTML because we don't want it to be escaped, so
+				// that it can be stripped off in the stripHtml call below.
+				this.rawMarkdownIt_ = new MarkdownIt({ html: true });
+			}
+			output = this.rawMarkdownIt_.render(output);
+		}
+
+		output = htmlUtils.stripHtml(output).trim();
+
+		if (options.collapseWhiteSpaces) {
+			output = output.replace(/\n+/g, ' ');
+			output = output.replace(/\s+/g, ' ');
+		}
+
+		return output;
+	}
+
+	clearCache(markupLanguage:MarkupLanguage) {
+		const r = this.renderer(markupLanguage);
+		if (r.clearCache) r.clearCache();
+	}
+
+	async render(markupLanguage:MarkupLanguage, markup:string, theme:any, options:any) {
+		return this.renderer(markupLanguage).render(markup, theme, options);
+	}
+
+	async allAssets(markupLanguage:MarkupLanguage, theme:any) {
+		return this.renderer(markupLanguage).allAssets(theme);
+	}
+}