respective book and chapter structure added.

[bookstack] / resources / js / code / index.mjs

diff --git a/resources/js/code/index.mjs b/resources/js/code/index.mjs
index ab31e3f74e43d9ddf2334a9f5f7e183d906d1851..a2850c06b23f366375bd59b08aae0317ac93edcb 100644 (file)
--- a/resources/js/code/index.mjs
+++ b/resources/js/code/index.mjs
@@ -1,6 +1,6 @@
 import {EditorView, keymap} from '@codemirror/view';
 
 import {EditorView, keymap} from '@codemirror/view';
 

-import {copyTextToClipboard} from '../services/clipboard';
+import {copyTextToClipboard} from '../services/clipboard.ts';

 import {viewerExtensions, editorExtensions} from './setups';
 import {createView} from './views';
 import {SimpleEditorInterface} from './simple-editor-interface';
 import {viewerExtensions, editorExtensions} from './setups';
 import {createView} from './views';
 import {SimpleEditorInterface} from './simple-editor-interface';


@@ -38,6 +38,23 @@ function addCopyIcon(editorView) {
     });
 }
 
     });
 }
 

+/**
+ * @param {HTMLElement} codeElem
+ * @returns {String}
+ */
+function getDirectionFromCodeBlock(codeElem) {
+    let dir = '';
+    const innerCodeElem = codeElem.querySelector('code');
+
+    if (innerCodeElem && innerCodeElem.hasAttribute('dir')) {
+        dir = innerCodeElem.getAttribute('dir');
+    } else if (codeElem.hasAttribute('dir')) {
+        dir = codeElem.getAttribute('dir');
+    }
+
+    return dir;
+}
+

 /**
  * Add code highlighting to a single element.
  * @param {HTMLElement} elem
 /**
  * Add code highlighting to a single element.
  * @param {HTMLElement} elem


@@ -48,16 +65,14 @@ function highlightElem(elem) {
     const content = elem.textContent.trimEnd();
 
     let langName = '';
     const content = elem.textContent.trimEnd();
 
     let langName = '';

-    let innerCodeDirection = '';

     if (innerCodeElem !== null) {
         langName = innerCodeElem.className.replace('language-', '');
     if (innerCodeElem !== null) {
         langName = innerCodeElem.className.replace('language-', '');

-        innerCodeDirection = innerCodeElem.getAttribute('dir');

     }
 
     const wrapper = document.createElement('div');
     elem.parentNode.insertBefore(wrapper, elem);
 
     }
 
     const wrapper = document.createElement('div');
     elem.parentNode.insertBefore(wrapper, elem);
 

-    const direction = innerCodeDirection || elem.getAttribute('dir') || '';
+    const direction = getDirectionFromCodeBlock(elem);

     if (direction) {
         wrapper.setAttribute('dir', direction);
     }
     if (direction) {
         wrapper.setAttribute('dir', direction);
     }