dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-03 12:19:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(right-to-left): update api compat, rtl + right-indent tocs

Browse Source
This commit is contained in:
dragonwocky 2024-05-28 21:30:57 +10:00
parent f2128fbf10
commit 6ceca21be3
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
5 changed files with 43 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/extensions/right-to-left/client.css
View File

@ -1,26 +1,15 @@
/**
* notion-enhancer: right to left
* (c) 2021 obahareth <omar@omar.engineer> (https://omar.engineer)
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2024 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (https://notion-enhancer.github.io/) under the MIT license
*/
.notion-page-content
.notion-table_of_contents-block
> div
> div
> a
> div
> div[style*='margin-left: 24px'] {
/* indent rtl toc header levels,
* https://github.com/notion-enhancer/notion-enhancer/issues/616 */
.notion-table_of_contents-block div[style*="margin-left: 24px"] {
margin-inline-start: 24px;
}
.notion-page-content
.notion-table_of_contents-block
> div
> div
> a
> div
> div[style*='margin-left: 48px'] {
.notion-table_of_contents-block div[style*="margin-left: 48px"] {
margin-inline-start: 48px;
}

55
src/extensions/right-to-left/client.mjs
View File

@ -1,50 +1,47 @@
/**
* notion-enhancer: right to left
* (c) 2021 obahareth <omar@omar.engineer> (https://omar.engineer)
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2024 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (https://notion-enhancer.github.io/) under the MIT license
*/
'use strict';
export default async function ({ web }, db) {
const pageContentSelector = `
.notion-page-content >
div[data-block-id]:not([dir]):not(.notion-column_list-block):not(.notion-collection_view_page-block),
[placeholder="Untitled"]:not([dir]),
.notion-column-block > div[data-block-id]:not([dir]),
.notion-collection_view-block:not([dir]),
.notion-table-view:not([dir]),
.notion-board-view:not([dir]),
.notion-gallery-view:not([dir])`,
listItemSelector = `
div[placeholder="List"]:not([style*="text-align: start"]),
div[placeholder="To-do"]:not([style*="text-align: start"]),
div[placeholder="Toggle"]:not([style*="text-align: start"])`,
export default async (api) => {
const { addMutationListener } = api,
pageContentSelector = `
:is(.notion-page-content >
div[data-block-id]:not(.notion-column_list-block):not(.notion-collection_view_page-block),
.notion-page-content .notion-table_of_contents-block a,
[placeholder="Untitled"],
.notion-column-block > div[data-block-id],
.notion-collection_view-block,
.notion-table-view,
.notion-board-view,
.notion-gallery-view):not([dir])`,
listItemSelector = `:is(div[placeholder="List"], div[placeholder="To-do"],
div[placeholder="Toggle"]):not([style*="text-align: start"])`,
inlineEquationSelector =
'.notion-text-equation-token .katex-html:not([style*="direction: rtl;"])';
const autoAlignText = () => {
document
.querySelectorAll(pageContentSelector)
.forEach(($block) => $block.setAttribute('dir', 'auto'));
.forEach(($block) => $block.setAttribute("dir", "auto"));
document.querySelectorAll(listItemSelector).forEach(($item) => {
$item.style['text-align'] = 'start';
$item.style["text-align"] = "start";
});
document.querySelectorAll(inlineEquationSelector).forEach(($equation) => {
$equation.style.direction = 'rtl';
$equation.style.display = 'inline-flex';
$equation.style.flexDirection = 'row-reverse';
$equation.style.direction = "rtl";
$equation.style.display = "inline-flex";
$equation.style.flexDirection = "row-reverse";
for (const $symbol of $equation.children) {
$symbol.style.direction = 'ltr';
$symbol.style.direction = "ltr";
}
});
};
web.addDocumentObserver(autoAlignText, [
const textareas = [
pageContentSelector,
listItemSelector,
inlineEquationSelector,
]);
await web.whenReady();
autoAlignText();
}
].join(",");
addMutationListener(textareas, autoAlignText);
};

24
src/extensions/right-to-left/mod.json
View File

@ -1,23 +1,21 @@
{
"name": "right to left",
"id": "b28ee2b9-4d34-4e36-be8a-ab5be3d79f51",
"name": "Right To Left",
"version": "1.5.0",
"description": "enables auto rtl/ltr text direction detection.",
"preview": "right-to-left.jpg",
"tags": ["extension", "usability"],
"id": "b28ee2b9-4d34-4e36-be8a-ab5be3d79f51",
"description": "Enables automatic writing direction detection for languages that read right-to-left.",
"tags": ["rtl", "language-support"],
"authors": [
{
"name": "dragonwocky",
"homepage": "https://dragonwocky.me/",
"avatar": "https://dragonwocky.me/avatar.jpg"
},
{
"name": "obahareth",
"email": "omar@omar.engineer",
"homepage": "https://omar.engineer",
"avatar": "https://avatars.githubusercontent.com/u/3428118"
}
],
"js": {
"client": ["client.mjs"]
},
"css": {
"client": ["client.css"]
},
"options": []
"clientStyles": ["client.css"],
"clientScripts": ["client.mjs"]
}

BIN
src/extensions/right-to-left/right-to-left.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

1
src/registry.json
View File

@ -7,6 +7,7 @@
"extensions/outliner",
"extensions/word-counter",
"extensions/line-numbers",
"extensions/right-to-left",
"extensions/no-peeking",
"extensions/focus",
"themes/classic-dark"