mirador/src/lib/AnnotationPage.js

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.

import flatten from 'lodash/flatten';
import AnnotationItem from './AnnotationItem';
/**
 * Annotation representation for IIIF Presentation v3
 * https://iiif.io/api/presentation/3.0/#55-annotation-page
 */
export default class AnnotationPage {
  /** */
  constructor(json, target) {
    this.json = json;
    this.target = target;
  }

  /** */
  get id() {
    return this.json.id;
  }

  /** */
  present() {
    return (this.items
      && this.items.length > 0);
  }

  /** */
  get items() {
    this._items = this._items || (() => { // eslint-disable-line no-underscore-dangle
      if (!this.json || !this.json.items) return [];

      return flatten([this.json.items]).map(resource => new AnnotationItem(resource));
    })();
    return this._items; // eslint-disable-line no-underscore-dangle
  }

  /**
   * Alias to items for compatibility for right now.
   */
  get resources() {
    return this.items;
  }
}