fix(canvas): links not working on desktop (fixes #6606)

apps/client/src/widgets/type_widgets/canvas_el.tsx

@@ -2,6 +2,8 @@ import "@excalidraw/excalidraw/index.css";
 import { Excalidraw, getSceneVersion, exportToSvg } from "@excalidraw/excalidraw";
 import { AppState, BinaryFileData, ExcalidrawImperativeAPI, ExcalidrawProps, LibraryItem } from "@excalidraw/excalidraw/types";
 import { ExcalidrawElement, NonDeletedExcalidrawElement, Theme } from "@excalidraw/excalidraw/element/types";
+import { useCallback } from "preact/hooks";
+import linkService from "../../services/link.js";
 
 export interface CanvasContent {
     elements: ExcalidrawElement[];
@@ -32,17 +34,13 @@ export default class Canvas {
     }
 
     createCanvasElement() {
-        return (
+        return <CanvasElement
-            <div className="excalidraw-wrapper">
-                <Excalidraw
             {...this.opts}
             excalidrawAPI={api => {
                 this.excalidrawApi = api;
                 this.initializedPromise.resolve();
             }}
         />
-            </div>
-        );
     }
 
     /**
@@ -173,3 +171,27 @@ export default class Canvas {
     }
 
 }
+
+function CanvasElement(opts: ExcalidrawProps) {
+    return (
+        <div className="excalidraw-wrapper">
+            <Excalidraw
+                {...opts}
+                onLinkOpen={useCallback((element: NonDeletedExcalidrawElement, event: CustomEvent) => {
+                    let link = element.link;
+                    if (!link) {
+                        return false;
+                    }
+
+                    if (link.startsWith("root/")) {
+                        link = "#" + link;
+                    }
+
+                    const { nativeEvent } = event.detail;
+                    event.preventDefault();
+                    return linkService.goToLinkExt(nativeEvent, link, null);
+                }, [])}
+            />
+        </div>
+    );
+}