have viewer update with xywh coordinates

ProjectMirador · Dec 10, 2024 · 4aac0dd · 4aac0dd
1 parent 26409c7
commit 4aac0dd
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/OpenSeadragonComponent.js b/src/components/OpenSeadragonComponent.js
@@ -23,9 +23,19 @@ function OpenSeadragonComponent({
     viewerRef.current?.raiseEvent('mouse-move', event);
   }, [viewerRef]), 10);
 
+  /** OSD returns negative and float bounds */
+  const convertToIIIFCoords = (bounds) => {
+    if (bounds < 0) return 0;
+    return Math.round(bounds);
+  };
+
   const onViewportChange = useCallback((event) => {
     const { viewport } = event.eventSource;
 
+    const imageBounds = viewport.viewportToImageRectangle(viewport.getBounds());
+    const parsedBounds = `${convertToIIIFCoords(imageBounds.x)},${convertToIIIFCoords(imageBounds.y)},${convertToIIIFCoords(imageBounds.width)},${convertToIIIFCoords(imageBounds.height)}`;
+    viewerRef.current?.element.parentNode.setAttribute('data-xywh-coords', parsedBounds);
+
     onUpdateViewport({
       bounds: viewport.getBounds(),
       flip: viewport.getFlip(),

diff --git a/src/components/PrimaryWindow.js b/src/components/PrimaryWindow.js
@@ -93,7 +93,7 @@ export function PrimaryWindow({
   };
 
   return (
-    <Root data-testid="test-window" className={classNames(ns('primary-window'), className)}>
+    <Root data-testid="test-window" data-parent-window-id={windowId} className={classNames(ns('primary-window'), className)}>
       <WindowSideBar windowId={windowId} />
       <CompanionArea windowId={windowId} position="left" />
       { isCollectionDialogVisible && <CollectionDialog windowId={windowId} /> }