Fixed auto direction in exports (#74).

Author: esm7

AutoDirPostProcessor.ts

@@ -43,16 +43,30 @@ function detectCanvasElement(el: HTMLElement, ctx: MarkdownPostProcessorContext,
 	}
 }
 
+// Try to detect if the postprocessor was asked to render an export, which seems to be the only case on which
+// the post processor is called with a top-level Markdown Preview View div.
+// In this case, we must add the relevant document direction class to that element, because no one else will.
+function detectExport(el: HTMLElement, ctx: MarkdownPostProcessorContext, setPreviewDirection: SetPreviewDirection) {
+	if (el?.classList && el.classList?.contains('markdown-preview-view')) {
+		setPreviewDirection(ctx.sourcePath, el as HTMLDivElement);
+	}
+}
+
 type SetPreviewDirection = (path: string, markdownPreviewElement: HTMLDivElement) => void;
 
 /*
  * This Markdown post-processor handles the Reading view and other rendered components of notes.
  * It detects the direction for each node individually and adds corresponding CSS classes that are
  * later referenced in styles.css.
  */
-export const autoDirectionPostProcessor = (el: HTMLElement, ctx: MarkdownPostProcessorContext, setPreviewDirection: SetPreviewDirection) => {
+export const autoDirectionPostProcessor = (
+	el: HTMLElement,
+	ctx: MarkdownPostProcessorContext,
+	setPreviewDirection: SetPreviewDirection,
+) => {
 	let shouldAddDir = false, addedDir = false;
 	detectCanvasElement(el, ctx, setPreviewDirection);
+	detectExport(el, ctx, setPreviewDirection);
 
 	// Obsidian renders adjacent lines as one <p> element with <br> breaks. Since these cannot
 	// be set a direction individually, the following breaks them into individual divs.

README.md

@@ -79,6 +79,10 @@ It is possible to temporarily override a note's direction regardless of the fron
 
 ## Changelog
 
+### 1.2.1
+
+- Fixed auto direction in PDF exports (https://github.com/esm7/obsidian-rtl/issues/74).
+
 ### 1.2.0
 
 - Auto direction is now the default for new users installing the plugin.

main.ts

@@ -28,7 +28,7 @@ export default class RtlPlugin extends Plugin {
 		this.registerEditorExtension(this.autoDirectionPlugin);
 		this.registerEditorExtension(EditorView.perLineTextDirection.of(true));
 		this.registerMarkdownPostProcessor((el, ctx) => {
-			autoDirectionPostProcessor(el, ctx, (path, markdownPreviewElement) => this.setCanvasPreviewDirection(path, markdownPreviewElement));
+			autoDirectionPostProcessor(el, ctx, (path, markdownPreviewElement) => this.setPreviewDirectionByFileSettings(path, markdownPreviewElement));
 		});
 
 		await this.convertLegacySettings();
@@ -305,7 +305,11 @@ export default class RtlPlugin extends Plugin {
 			readingDiv.classList.add('rtl-yaml');
 	}
 
-	setCanvasPreviewDirection(path: string, markdownPreviewElement: HTMLDivElement) {
+	// This method checks what's the required file direction for the given path and assigns its direction
+	// classes accordingly.
+	// It is needed for canvas and exports, on which there is no other parent element that includes the 
+	// global direction of the document, e.g. the 'is-auto' class.
+	setPreviewDirectionByFileSettings(path: string, markdownPreviewElement: HTMLDivElement) {
 		const file = this.app.vault.getAbstractFileByPath(path);
 		const [requiredDirection, _] = this.getRequiredFileDirection(file);
 		this.setDocumentDirectionForReadingDiv(markdownPreviewElement, requiredDirection);

manifest.json

@@ -1,7 +1,7 @@
 {
   "id": "obsidian-rtl",
   "name": "RTL Support",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "minAppVersion": "0.15.3",
   "description": "Right to Left (RTL) text direction support for languages like Arabic, Hebrew and Persian (Farsi).",
   "author": "esm",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "obsidian-rtl",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "RTL (Right to Left) language support for Obsidian.",
   "main": "main.js",
   "scripts": {