Fixed OIDC Logout

[bookstack] / resources / js / markdown / actions.js

diff --git a/resources/js/markdown/actions.js b/resources/js/markdown/actions.js
index 3cb7b5d4f43d5717f244e10dfc0c4026cd2ce213..3f9df47788f0c7b6cb70092310e740e4d4791cfa 100644 (file)
--- a/resources/js/markdown/actions.js
+++ b/resources/js/markdown/actions.js
@@ -1,4 +1,4 @@
-import DrawIO from '../services/drawio';
+import * as DrawIO from '../services/drawio';

 
 export class Actions {
 
 
 export class Actions {
 


@@ -82,18 +82,20 @@ export class Actions {
 
         const selectionRange = this.#getSelectionRange();
 
 
         const selectionRange = this.#getSelectionRange();
 

-        DrawIO.show(url, () => Promise.resolve(''), pngData => {
+        DrawIO.show(url, () => Promise.resolve(''), async pngData => {

             const data = {
                 image: pngData,
                 uploaded_to: Number(this.editor.config.pageId),
             };
 
             const data = {
                 image: pngData,
                 uploaded_to: Number(this.editor.config.pageId),
             };
 

-            window.$http.post('/images/drawio', data).then(resp => {
+            try {
+                const resp = await window.$http.post('/images/drawio', data);

                 this.#insertDrawing(resp.data, selectionRange);
                 DrawIO.close();
                 this.#insertDrawing(resp.data, selectionRange);
                 DrawIO.close();

-            }).catch(err => {
+            } catch (err) {

                 this.handleDrawingUploadError(err);
                 this.handleDrawingUploadError(err);

-            });
+                throw new Error(`Failed to save image with error: ${err}`);
+            }

         });
     }
 
         });
     }
 


@@ -112,13 +114,14 @@ export class Actions {
         const selectionRange = this.#getSelectionRange();
         const drawingId = imgContainer.getAttribute('drawio-diagram');
 
         const selectionRange = this.#getSelectionRange();
         const drawingId = imgContainer.getAttribute('drawio-diagram');
 

-        DrawIO.show(drawioUrl, () => DrawIO.load(drawingId), pngData => {
+        DrawIO.show(drawioUrl, () => DrawIO.load(drawingId), async pngData => {

             const data = {
                 image: pngData,
                 uploaded_to: Number(this.editor.config.pageId),
             };
 
             const data = {
                 image: pngData,
                 uploaded_to: Number(this.editor.config.pageId),
             };
 

-            window.$http.post('/images/drawio', data).then(resp => {
+            try {
+                const resp = await window.$http.post('/images/drawio', data);

                 const newText = `<div drawio-diagram="${resp.data.id}"><img src="${resp.data.url}"></div>`;
                 const newContent = this.#getText().split('\n').map(line => {
                     if (line.indexOf(`drawio-diagram="${drawingId}"`) !== -1) {
                 const newText = `<div drawio-diagram="${resp.data.id}"><img src="${resp.data.url}"></div>`;
                 const newContent = this.#getText().split('\n').map(line => {
                     if (line.indexOf(`drawio-diagram="${drawingId}"`) !== -1) {


@@ -128,9 +131,10 @@ export class Actions {
                 }).join('\n');
                 this.#setText(newContent, selectionRange);
                 DrawIO.close();
                 }).join('\n');
                 this.#setText(newContent, selectionRange);
                 DrawIO.close();

-            }).catch(err => {
+            } catch (err) {

                 this.handleDrawingUploadError(err);
                 this.handleDrawingUploadError(err);

-            });
+                throw new Error(`Failed to save image with error: ${err}`);
+            }

         });
     }
 
         });
     }
 


@@ -140,7 +144,7 @@ export class Actions {
         } else {
             window.$events.emit('error', this.editor.config.text.imageUploadError);
         }
         } else {
             window.$events.emit('error', this.editor.config.text.imageUploadError);
         }

-        console.log(error);
+        console.error(error);

     }
 
     // Make the editor full screen
     }
 
     // Make the editor full screen


@@ -165,7 +169,7 @@ export class Actions {
                 scrollToLine = lineCount;
                 break;
             }
                 scrollToLine = lineCount;
                 break;
             }

-            lineCount++;
+            lineCount += 1;

         }
 
         if (scrollToLine === -1) {
         }
 
         if (scrollToLine === -1) {


@@ -258,22 +262,31 @@ export class Actions {
      * @param {String} end
      */
     wrapSelection(start, end) {
      * @param {String} end
      */
     wrapSelection(start, end) {

-        const selectionRange = this.#getSelectionRange();
-        const selectionText = this.#getSelectionText(selectionRange);
-        if (!selectionText) return this.#wrapLine(start, end);
+        const selectRange = this.#getSelectionRange();
+        const selectionText = this.#getSelectionText(selectRange);
+        if (!selectionText) {
+            this.#wrapLine(start, end);
+            return;
+        }

 
         let newSelectionText = selectionText;
         let newRange;
 
         if (selectionText.startsWith(start) && selectionText.endsWith(end)) {
             newSelectionText = selectionText.slice(start.length, selectionText.length - end.length);
 
         let newSelectionText = selectionText;
         let newRange;
 
         if (selectionText.startsWith(start) && selectionText.endsWith(end)) {
             newSelectionText = selectionText.slice(start.length, selectionText.length - end.length);

-            newRange = selectionRange.extend(selectionRange.from, selectionRange.to - (start.length + end.length));
+            newRange = selectRange.extend(selectRange.from, selectRange.to - (start.length + end.length));

         } else {
             newSelectionText = `${start}${selectionText}${end}`;
         } else {
             newSelectionText = `${start}${selectionText}${end}`;

-            newRange = selectionRange.extend(selectionRange.from, selectionRange.to + (start.length + end.length));
+            newRange = selectRange.extend(selectRange.from, selectRange.to + (start.length + end.length));

         }
 
         }
 

-        this.#dispatchChange(selectionRange.from, selectionRange.to, newSelectionText, newRange.anchor, newRange.head);
+        this.#dispatchChange(
+            selectRange.from,
+            selectRange.to,
+            newSelectionText,
+            newRange.anchor,
+            newRange.head,
+        );

     }
 
     replaceLineStartForOrderedList() {
     }
 
     replaceLineStartForOrderedList() {


@@ -314,7 +327,13 @@ export class Actions {
             const newFormat = formats[newFormatIndex];
             const newContent = line.text.replace(matches[0], matches[0].replace(format, newFormat));
             const lineDiff = newContent.length - line.text.length;
             const newFormat = formats[newFormatIndex];
             const newContent = line.text.replace(matches[0], matches[0].replace(format, newFormat));
             const lineDiff = newContent.length - line.text.length;

-            this.#dispatchChange(line.from, line.to, newContent, selectionRange.anchor + lineDiff, selectionRange.head + lineDiff);
+            this.#dispatchChange(
+                line.from,
+                line.to,
+                newContent,
+                selectionRange.anchor + lineDiff,
+                selectionRange.head + lineDiff,
+            );

         }
     }
 
         }
     }
 


@@ -399,7 +418,7 @@ export class Actions {
         } catch (err) {
             window.$events.emit('error', this.editor.config.text.imageUploadError);
             this.#findAndReplaceContent(placeHolderText, '');
         } catch (err) {
             window.$events.emit('error', this.editor.config.text.imageUploadError);
             this.#findAndReplaceContent(placeHolderText, '');

-            console.log(err);
+            console.error(err);

         }
     }
 
         }
     }
 


@@ -418,7 +437,9 @@ export class Actions {
      */
     #setText(text, selectionRange = null) {
         selectionRange = selectionRange || this.#getSelectionRange();
      */
     #setText(text, selectionRange = null) {
         selectionRange = selectionRange || this.#getSelectionRange();

-        this.#dispatchChange(0, this.editor.cm.state.doc.length, text, selectionRange.from);
+        const newDoc = this.editor.cm.state.toText(text);
+        const newSelectFrom = Math.min(selectionRange.from, newDoc.length);
+        this.#dispatchChange(0, this.editor.cm.state.doc.length, text, newSelectFrom);

         this.focus();
     }
 
         this.focus();
     }
 


@@ -432,7 +453,8 @@ export class Actions {
      */
     #replaceSelection(newContent, cursorOffset = 0, selectionRange = null) {
         selectionRange = selectionRange || this.editor.cm.state.selection.main;
      */
     #replaceSelection(newContent, cursorOffset = 0, selectionRange = null) {
         selectionRange = selectionRange || this.editor.cm.state.selection.main;

-        this.#dispatchChange(selectionRange.from, selectionRange.to, newContent, selectionRange.from + cursorOffset);
+        const selectFrom = selectionRange.from + cursorOffset;
+        this.#dispatchChange(selectionRange.from, selectionRange.to, newContent, selectFrom);

         this.focus();
     }
 
         this.focus();
     }
 


@@ -510,6 +532,9 @@ export class Actions {
 
         if (selectFrom) {
             tr.selection = {anchor: selectFrom};
 
         if (selectFrom) {
             tr.selection = {anchor: selectFrom};

+            if (selectTo) {
+                tr.selection.head = selectTo;
+            }

         }
 
         this.editor.cm.dispatch(tr);
         }
 
         this.editor.cm.dispatch(tr);