Merge remote-tracking branch 'origin/develop' into patch-2

Author: eliandoran

README.md

@@ -128,7 +128,7 @@ Download the repository, install dependencies using `pnpm` and then run the envi
 git clone https://github.com/TriliumNext/Notes.git
 cd Notes
 pnpm install
-pnpm nx run edit-docs:serve
+pnpm nx run edit-docs:edit-docs
 ```
 
 ### Building the Executable

apps/client/src/stylesheets/style.css

@@ -328,7 +328,7 @@ button kbd {
     --bs-dropdown-zindex: 999;
 }
 
-body.desktop .dropdown-menu {
+body.desktop .dropdown-menu.show {
     border: 1px solid var(--dropdown-border-color);
     box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
     animation: dropdown-menu-opening 100ms ease-in;

apps/client/src/stylesheets/theme-next/base.css

@@ -89,7 +89,7 @@
  * supported when this class is used.
  */
 
- .dropdown-menu:not(.static) {
+ .dropdown-menu.show:not(.static) {
     border-radius: var(--dropdown-border-radius);
     padding: var(--menu-padding-size) !important;
     font-size: 0.9rem !important;

apps/client/src/widgets/buttons/create_ai_chat_button.ts

@@ -8,7 +8,10 @@ export default class CreatePaneButton extends OnClickButtonWidget {
         this.icon("bx-dock-right")
             .title(t("create_pane_button.create_new_split"))
             .titlePlacement("bottom")
-            .onClick((widget) => widget.triggerCommand("openNewNoteSplit", { ntxId: widget.getClosestNtxId() }))
+            .onClick((widget, e) => {
+                widget.triggerCommand("openNewNoteSplit", { ntxId: widget.getClosestNtxId() });
+                e.stopPropagation();
+            })
             .class("icon-action");
     }
 }

apps/client/src/widgets/buttons/create_pane_button.ts

@@ -186,7 +186,7 @@ export default class NoteActionsWidget extends NoteContextAwareWidget {
 
         this.$convertNoteIntoAttachmentButton.toggle(note.isEligibleForConversionToAttachment());
 
-        this.toggleDisabled(this.$findInTextButton, ["text", "code", "book"].includes(note.type));
+        this.toggleDisabled(this.$findInTextButton, ["text", "code", "book", "mindMap"].includes(note.type));
 
         this.toggleDisabled(this.$showAttachmentsButton, !isInOptions);
         this.toggleDisabled(this.$showSourceButton, ["text", "code", "relationMap", "mermaid", "canvas", "mindMap", "geoMap"].includes(note.type));

apps/client/src/widgets/buttons/note_actions.ts

@@ -188,7 +188,7 @@ export default class FindWidget extends NoteContextAwareWidget {
             return;
         }
 
-        if (!["text", "code", "render"].includes(this.note?.type ?? "")) {
+        if (!["text", "code", "render", "mindMap"].includes(this.note?.type ?? "")) {
             return;
         }
 
@@ -250,6 +250,8 @@ export default class FindWidget extends NoteContextAwareWidget {
             case "text":
                 const readOnly = await this.noteContext?.isReadOnly();
                 return readOnly ? this.htmlHandler : this.textHandler;
+            case "mindMap":
+                return this.htmlHandler;
             default:
                 console.warn("FindWidget: Unsupported note type for find widget", this.note?.type);
         }
@@ -352,7 +354,7 @@ export default class FindWidget extends NoteContextAwareWidget {
     }
 
     isEnabled() {
-        return super.isEnabled() && ["text", "code", "render"].includes(this.note?.type ?? "");
+        return super.isEnabled() && ["text", "code", "render", "mindMap"].includes(this.note?.type ?? "");
     }
 
     async entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) {

apps/client/src/widgets/find.ts

@@ -85,7 +85,7 @@ export default class FindInHtml {
         if (this.$results?.length) {
             const $current = this.$results.eq(this.currentIndex);
             this.$results.removeClass(FIND_RESULT_SELECTED_CSS_CLASSNAME);
-            $current[0].scrollIntoView();
+            $current[0].scrollIntoView({ block: 'center', inline: 'center'});
             $current.addClass(FIND_RESULT_SELECTED_CSS_CLASSNAME);
         }
     }

apps/client/src/widgets/find_in_html.ts

@@ -378,16 +378,45 @@ export default class TabRowWidget extends BasicWidget {
     }
 
     scrollTabContainer(direction: number, behavior: ScrollBehavior = "smooth") {
-        const currentScrollLeft = this.$tabScrollingContainer[0]?.scrollLeft;
-        this.$tabScrollingContainer[0].scrollTo({
-            left: currentScrollLeft + direction,
+        this.$tabScrollingContainer[0].scrollBy({
+            left: direction,
             behavior
         });
     };
 
     setupScrollEvents() {
-        this.$tabScrollingContainer[0].addEventListener('wheel', (event) => {
-            this.scrollTabContainer(event.deltaY * 1.5);
+        let deltaX = 0;
+        let isScrolling = false;
+        const stepScroll = () => {
+            if (Math.abs(deltaX) > 5) {
+                const step = Math.round(deltaX * 0.2);
+                deltaX -= step;
+                this.scrollTabContainer(step, "instant");
+                requestAnimationFrame(stepScroll);
+            } else {
+                this.scrollTabContainer(deltaX, "instant");
+                deltaX = 0;
+                isScrolling = false;
+            }
+        };
+        this.$tabScrollingContainer[0].addEventListener('wheel', async (event) => {
+            if (!event.shiftKey && event.deltaX === 0) {
+                event.preventDefault();
+                // Clamp deltaX between TAB_CONTAINER_MIN_WIDTH and TAB_CONTAINER_MIN_WIDTH * 3
+                deltaX += Math.sign(event.deltaY) * Math.max(Math.min(Math.abs(event.deltaY), TAB_CONTAINER_MIN_WIDTH * 3), TAB_CONTAINER_MIN_WIDTH);
+                if (!isScrolling) {
+                    isScrolling = true;
+                    stepScroll();
+                }
+            } else if (event.shiftKey) {
+                event.preventDefault();
+                if (event.deltaY > 0) {
+                    await appContext.tabManager.activateNextTabCommand();
+                } else {
+                    await appContext.tabManager.activatePreviousTabCommand();
+                }
+                this.activeTabEl.scrollIntoView();
+            }
         });
 
         this.$scrollButtonLeft[0].addEventListener('click', () => this.scrollTabContainer(-200));

apps/client/src/widgets/tab_row.ts

@@ -286,4 +286,13 @@ export default class MindMapWidget extends TypeWidget {
         utils.downloadSvgAsPng(this.note.title, svg);
     }
 
+    async executeWithContentElementEvent({ resolve, ntxId }: EventData<"executeWithContentElement">) {
+        if (!this.isNoteContext(ntxId)) {
+            return;
+        }
+
+        await this.initialized;
+
+        resolve(this.$content.find('.main-node-container'));
+    }
 }