respective book and chapter structure added.

[bookstack] / resources / js / code / setups.js

diff --git a/resources/js/code/setups.js b/resources/js/code/setups.js
index 52b9cc199a5b8870eb80e30e11d408441c7e57bc..270d58274347d27a18475a3f97c56c43719e573e 100644 (file)
--- a/resources/js/code/setups.js
+++ b/resources/js/code/setups.js
@@ -6,7 +6,7 @@ import {bracketMatching} from '@codemirror/language';
 import {
     defaultKeymap, history, historyKeymap, indentWithTab,
 } from '@codemirror/commands';
 import {
     defaultKeymap, history, historyKeymap, indentWithTab,
 } from '@codemirror/commands';

-import {EditorState} from '@codemirror/state';
+import {Compartment, EditorState} from '@codemirror/state';

 import {getTheme} from './themes';
 
 /**
 import {getTheme} from './themes';
 
 /**


@@ -17,12 +17,37 @@ function common(parentEl) {
     return [
         getTheme(parentEl),
         lineNumbers(),
     return [
         getTheme(parentEl),
         lineNumbers(),

-        highlightActiveLineGutter(),

         drawSelection(),
         dropCursor(),
         bracketMatching(),
         rectangularSelection(),
         drawSelection(),
         dropCursor(),
         bracketMatching(),
         rectangularSelection(),

-        highlightActiveLine(),
+    ];
+}
+
+/**
+ * @returns {({extension: Extension}|readonly Extension[])[]}
+ */
+function getDynamicActiveLineHighlighter() {
+    const highlightingCompartment = new Compartment();
+    const domEvents = {
+        focus(event, view) {
+            view.dispatch({
+                effects: highlightingCompartment.reconfigure([
+                    highlightActiveLineGutter(),
+                    highlightActiveLine(),
+                ]),
+            });
+        },
+        blur(event, view) {
+            view.dispatch({
+                effects: highlightingCompartment.reconfigure([]),
+            });
+        },
+    };
+
+    return [
+        highlightingCompartment.of([]),
+        EditorView.domEventHandlers(domEvents),

     ];
 }
 
     ];
 }
 


@@ -33,6 +58,7 @@ function common(parentEl) {
 export function viewerExtensions(parentEl) {
     return [
         ...common(parentEl),
 export function viewerExtensions(parentEl) {
     return [
         ...common(parentEl),

+        getDynamicActiveLineHighlighter(),

         keymap.of([
             ...defaultKeymap,
         ]),
         keymap.of([
             ...defaultKeymap,
         ]),


@@ -47,6 +73,8 @@ export function viewerExtensions(parentEl) {
 export function editorExtensions(parentEl) {
     return [
         ...common(parentEl),
 export function editorExtensions(parentEl) {
     return [
         ...common(parentEl),

+        highlightActiveLineGutter(),
+        highlightActiveLine(),

         history(),
         keymap.of([
             ...defaultKeymap,
         history(),
         keymap.of([
             ...defaultKeymap,