From fac7a72654b2bb0b40e805f6410d8da6b0bebe21 Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Sat, 15 Aug 2020 22:20:20 +1000
Subject: [PATCH] right-to-left extension

---
 CHANGELOG.md              |  4 ++--
 mods/right-to-left/mod.js | 40 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+), 2 deletions(-)
 create mode 100644 mods/right-to-left/mod.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1663e65..f62a54d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,11 +22,11 @@ complete rewrite with node.js.
 - theme: "gameish" = a purple, "gamer-styled" theme with a blocky-font.
 - theme: "pastel dark" = a true dark theme with a hint of pastel.
 - extension: "emojiset" = pick from a variety of emoji styles to use.
+- extension: "night shift" = sync dark/light theme with the system (overrides normal theme setting).
+- extension: "right-to-left" = enables auto rtl/ltr text direction detection. (ported from [github.com/obahareth/notion-rtl](https://github.com/obahareth/notion-rtl).)
 
 //todo
 
-- extension: "night light" = sync dark/light theme with the system (overrides normal theme setting).
-- extension: "right-to-left" = enables auto rtl/ltr text direction detection. (ported from [github.com/obahareth/notion-rtl](https://github.com/obahareth/notion-rtl).)
 - extension: "weekly view" = view 7-day calendars. (ported from [github.com/adihd/notionweeklyview](https://github.com/adihd/notionweeklyview).)
 - extension: "property layout" = auto-collapse page properties that usually push down page content. (ported from [github.com/alexander-kazakov/notion-layout-extension](https://github.com/alexander-kazakov/notion-layout-extension).)
 
diff --git a/mods/right-to-left/mod.js b/mods/right-to-left/mod.js
new file mode 100644
index 0000000..18066ee
--- /dev/null
+++ b/mods/right-to-left/mod.js
@@ -0,0 +1,40 @@
+/*
+ * right-to-left
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (c) 2020 Omar Bahareth
+ * under the MIT license
+ */
+
+'use strict';
+
+module.exports = {
+  id: 'b28ee2b9-4d34-4e36-be8a-ab5be3d79f51',
+  tags: ['extension'],
+  name: 'right-to-left',
+  desc: 'enables auto rtl/ltr text direction detection.',
+  version: '1.3.0',
+  author: 'obahareth',
+  hacks: {
+    'renderer/preload.js'(store, __exports) {
+      document.addEventListener('readystatechange', (event) => {
+        if (document.readyState !== 'complete') return false;
+        const observer = new MutationObserver((list, observer) => {
+          document
+            .querySelectorAll(
+              '.notion-page-content > div[data-block-id]:not([dir])'
+            )
+            .forEach((block) => block.setAttribute('dir', 'auto'));
+          document
+            .querySelectorAll("div[placeholder='List']")
+            .forEach((item) => {
+              item.style['text-align'] = 'start';
+            });
+        });
+        observer.observe(document, {
+          childList: true,
+          subtree: true,
+        });
+      });
+    },
+  },
+};