feat: Initial clean release of CHM

packages/app-mobile/contentScripts/richTextEditorBundle/contentScript/convertHtmlToMarkdown.ts

@@ -0,0 +1,33 @@
+const TurndownService = require('@joplin/turndown');
+const turndownPluginGfm = require('@joplin/turndown-plugin-gfm').gfm;
+
+// Avoid using @joplin/lib/HtmlToMd here. HtmlToMd may cause several megabytes
+// of additional JavaScript and supporting data to be included.
+
+const convertHtmlToMarkdown = (html: string|HTMLElement) => {
+	const turndownOpts = {
+		headingStyle: 'atx',
+		codeBlockStyle: 'fenced',
+		preserveImageTagsWithSize: true,
+		preserveNestedTables: true,
+		preserveTableStyles: true,
+		preserveColorStyles: true,
+		bulletListMarker: '-',
+		emDelimiter: '*',
+		strongDelimiter: '**',
+		allowResourcePlaceholders: true,
+
+		// If soft-breaks are enabled, lines need to end with two or more spaces for
+		// trailing <br/>s to render. See
+		// https://github.com/laurent22/joplin/issues/8430
+		br: '  ',
+	};
+	const turndown = new TurndownService(turndownOpts);
+	turndown.use(turndownPluginGfm);
+	turndown.remove('script');
+	turndown.remove('style');
+	const md = turndown.turndown(html);
+	return md;
+};
+
+export default convertHtmlToMarkdown;

packages/app-mobile/contentScripts/richTextEditorBundle/contentScript/index.ts

@@ -0,0 +1,128 @@
+import '../../utils/polyfills';
+import { createEditor } from '@joplin/editor/ProseMirror';
+import { EditorProcessApi, EditorProps, MainProcessApi } from '../types';
+import WebViewToRNMessenger from '../../../utils/ipc/WebViewToRNMessenger';
+import { MarkupLanguage } from '@joplin/renderer/types';
+import '@joplin/editor/ProseMirror/styles';
+import readFileToBase64 from '../../utils/readFileToBase64';
+import { EditorLanguageType } from '@joplin/editor/types';
+import convertHtmlToMarkdown from './convertHtmlToMarkdown';
+import { ExportedWebViewGlobals as MarkdownEditorWebViewGlobals } from '../../markdownEditorBundle/types';
+import { EditorEventType } from '@joplin/editor/events';
+
+const wrapHtmlForMarkdownConversion = (html: HTMLElement) => {
+	// Add a container element -- when converting to HTML, Turndown
+	// sometimes doesn't process the toplevel element in the same way
+	// as other elements (e.g. in the case of Joplin source blocks).
+	const wrapper = html.ownerDocument.createElement('div');
+	wrapper.appendChild(html.cloneNode(true));
+	return wrapper;
+};
+
+
+const htmlToMarkdown = (html: HTMLElement): string => {
+	return convertHtmlToMarkdown(html);
+};
+
+export const initialize = async (
+	{
+		settings,
+		initialText,
+		initialNoteId,
+		initialSelection,
+		initialScroll,
+		parentElementClassName,
+		initialSearch,
+	}: EditorProps,
+	markdownEditorApi: MarkdownEditorWebViewGlobals,
+) => {
+	const messenger = new WebViewToRNMessenger<EditorProcessApi, MainProcessApi>('rich-text-editor', null);
+	const parentElement = document.getElementsByClassName(parentElementClassName)[0];
+	if (!parentElement) throw new Error('Parent element not found');
+	if (!(parentElement instanceof HTMLElement)) {
+		throw new Error('Parent node is not an element.');
+	}
+
+	document.addEventListener('scrollend', () => {
+		const fraction = document.scrollingElement.scrollTop / (document.scrollingElement.scrollHeight || 1);
+		void messenger.remoteApi.onEditorEvent({
+			kind: EditorEventType.Scroll,
+			fraction,
+		});
+	});
+
+	const assetContainer = document.createElement('div');
+	assetContainer.id = 'joplin-container-pluginAssetsContainer';
+	document.body.appendChild(assetContainer);
+
+	const editor = await createEditor(parentElement, {
+		settings,
+		initialText,
+		initialNoteId,
+		onLocalize: messenger.remoteApi.onLocalize,
+
+		onPasteFile: async (data) => {
+			const base64 = await readFileToBase64(data);
+			await messenger.remoteApi.onPasteFile(data.type, base64);
+		},
+		onLogMessage: (message: string) => {
+			void messenger.remoteApi.logMessage(message);
+		},
+		onEvent: (event) => {
+			void messenger.remoteApi.onEditorEvent(event);
+		},
+	}, {
+		renderMarkupToHtml: async (markup, options) => {
+			let language = MarkupLanguage.Markdown;
+			if (settings.language === EditorLanguageType.Html && !options.forceMarkdown) {
+				language = MarkupLanguage.Html;
+			}
+
+			return await messenger.remoteApi.onRender({
+				markup,
+				language,
+			}, {
+				pluginAssetContainerSelector: `#${assetContainer.id}`,
+				splitted: true,
+				mapsToLine: true,
+				removeUnusedPluginAssets: options.isFullPageRender,
+			});
+		},
+		renderHtmlToMarkup: (html) => {
+			if (settings.language === EditorLanguageType.Markdown) {
+				return htmlToMarkdown(wrapHtmlForMarkdownConversion(html));
+			} else {
+				return html.outerHTML;
+			}
+		},
+	}, (parent, language, onChange) => {
+		return markdownEditorApi.createEditorWithParent({
+			initialText: '',
+			initialNoteId: '',
+			parentElementOrClassName: parent,
+			settings: { ...editor.getSettings(), language },
+			onEvent: (event) => {
+				if (event.kind === EditorEventType.Change) {
+					onChange(event.value);
+				}
+			},
+		});
+	});
+	editor.setSearchState(initialSearch, 'initialSearch');
+
+	if (initialSelection) {
+		editor.select(initialSelection.start, initialSelection.end);
+	}
+	if (initialScroll) {
+		editor.setScrollPercent(initialScroll);
+	}
+
+	messenger.setLocalInterface({
+		editor,
+	});
+
+	return editor;
+};
+
+export { default as setUpLogger } from '../../utils/setUpLogger';
+