chore(resin): Add annotations resin tags

src/lib/AnnotationControls.ts

@@ -16,6 +16,7 @@ export enum AnnotationMode {
 }
 export type ClickHandler = ({ event }: { event: MouseEvent }) => void;
 export type Options = {
+    fileId?: string;
     onEscape?: () => void;
     onRegionClick?: ClickHandler;
 };
@@ -171,7 +172,7 @@ export default class AnnotationControls {
     /**
      * Initialize the annotation controls with options.
      */
-    public init({ onEscape = noop, onRegionClick = noop }: Options = {}): void {
+    public init({ onEscape = noop, onRegionClick = noop, fileId = '' }: Options = {}): void {
         if (this.hasInit) {
             return;
         }
@@ -185,6 +186,9 @@ export default class AnnotationControls {
             groupElement,
         );
 
+        groupElement.setAttribute('data-resin-feature', 'annotations');
+        regionButton.setAttribute('data-resin-target', 'highlightRegion');
+        regionButton.setAttribute('data-resin-file_id', fileId);
         regionButton.setAttribute('data-testid', 'bp-AnnotationsControls-regionBtn');
 
         this.onEscape = onEscape;

src/lib/Controls.js

@@ -38,6 +38,7 @@ class Controls {
         this.controlsEl = this.containerEl.appendChild(document.createElement('div'));
         this.controlsEl.className = 'bp-controls';
         this.controlsEl.setAttribute('data-testid', 'bp-controls');
+        this.controlsEl.setAttribute('data-resin-component', 'toolbar');
 
         this.containerEl.addEventListener('mousemove', this.mousemoveHandler);
         this.controlsEl.addEventListener('mouseenter', this.mouseenterHandler);

src/lib/viewers/doc/DocBaseViewer.js

@@ -1099,6 +1099,7 @@ class DocBaseViewer extends BaseViewer {
 
         if (this.areNewAnnotationsEnabled() && this.hasAnnotationCreatePermission()) {
             this.annotationControls.init({
+                fileId: this.options.file.id,
                 onEscape: this.handleAnnotationControlsEscape,
                 onRegionClick: this.handleRegionClick,
             });

src/lib/viewers/doc/__tests__/DocBaseViewer-test.js

@@ -2303,6 +2303,7 @@ describe('src/lib/viewers/doc/DocBaseViewer', () => {
                     ICON_FULLSCREEN_OUT,
                 );
                 expect(docBase.annotationControls.init).to.be.calledWith({
+                    fileId: docBase.options.file.id,
                     onEscape: docBase.handleAnnotationControlsEscape,
                     onRegionClick: docBase.handleRegionClick,
                 });

src/lib/viewers/image/ImageViewer.js

@@ -289,6 +289,7 @@ class ImageViewer extends ImageBaseViewer {
         if (this.areNewAnnotationsEnabled() && this.hasAnnotationCreatePermission()) {
             this.annotationControls = new AnnotationControls(this.controls);
             this.annotationControls.init({
+                fileId: this.options.file.id,
                 onEscape: this.handleAnnotationControlsEscape,
                 onRegionClick: this.handleRegionClick,
             });

src/lib/viewers/image/__tests__/ImageViewer-test.js

@@ -371,6 +371,7 @@ describe('lib/viewers/image/ImageViewer', () => {
             image.loadUI();
 
             expect(AnnotationControls.prototype.init).to.be.calledWith({
+                fileId: image.options.file.id,
                 onEscape: image.handleAnnotationControlsEscape,
                 onRegionClick: image.handleRegionClick,
             });