Skip to content
Snippets Groups Projects
Select Git revision
  • 2de71320cb830dcb2be99b346a050cc8582ea724
  • annotation-on-video default protected
  • demo_ci
  • 3-upstream-01022023
  • master
  • gh3538-captions
  • 16-adapt-for-images-annot
  • 15-api-for-annotations-on-video
  • 15-annotations-on-videos
  • video_for_annotations
  • wip-1-annotations-on-videos
  • 9-videoviewer-tests
  • 9_wip_videotests
  • 6-fix-tests-and-ci
  • _fix_ci
  • wip-webpack-from-git
16 results

AnnotationItem.js

Blame
  • Loïs Poujade's avatar
    Loïs Poujade authored
    OSDReferences is a list of ref to OpenSeadragon instances, used in
    Mirador as an image viewer. This commit exposes a VideoViewerReferences,
    to allows the annotations plugins to get video canvas dimensions and DOM
    element
    
    + removed build warning
    + disable "prepare" script to speed up build
    2de71320
    History
    AnnotationItem.js 3.46 KiB
    import compact from 'lodash/compact';
    import flatten from 'lodash/flatten';
    import { v4 as uuid } from 'uuid';
    
    /**
     * A modeled WebAnnotation item
     */
    export default class AnnotationItem {
      /** */
      constructor(resource = {}) {
        this.resource = resource;
      }
    
      /** */
      isOnlyTag() {
        return (this.motivations.length === 1 && this.motivations[0] === 'tagging');
      }
    
      /** */
      get id() {
        this._id = this._id || this.resource.id || uuid(); // eslint-disable-line no-underscore-dangle
        return this._id; // eslint-disable-line no-underscore-dangle
      }
    
      /** */
      get targetId() {
        const target = this.target[0];
        switch (typeof target) {
          case 'string':
            return target.replace(/#(.*)$/, '');
          case 'object':
            return (target.source && target.source.id) || target.source || target.id;
          default:
            return null;
        }
      }
    
      /**
       * @return {[Array]}
       */
      get motivations() {
        return flatten(compact(new Array(this.resource.motivation)));
      }
    
      /** */
      get body() {
        return flatten(compact(new Array(this.resource.body)));
      }
    
      /** */
      get resources() {
        return this.body;
      }
    
      /** */
      get tags() {
        if (this.isOnlyTag()) {
          return this.body.map(r => r.value);
        }
        return this.body.filter(r => r.purpose === 'tagging').map(r => r.value);
      }
    
      /** */
      get target() {
        return flatten(compact(new Array(this.resource.target)));
      }
    
      /** */
      get chars() {
        if (this.isOnlyTag()) return null;
        return this.body.filter(r => r.purpose !== 'tagging').map(r => r.value).join(' ');
      }
    
      /** */
      get selector() {
        const target = this.target[0];
        switch (typeof target) {
          case 'string':
            return target;
          case 'object':
            return flatten(compact(new Array(target.selector)));
          default:
            return null;
        }
      }
    
      /** */
      get svgSelector() {
        const { selector } = this;
        switch (typeof selector) {
          case 'string':
            return null;
          case 'object':
            return selector.find(s => s.type && s.type === 'SvgSelector');
          default:
            return null;
        }
      }
    
      /** */
      get fragmentSelector() {
        const { selector } = this;
    
        let match;
        let fragmentSelector;
    
        switch (typeof selector) {
          case 'string':
            match = selector.match(/xywh=(.*?)(&|$)/);
            break;
          case 'object':
            fragmentSelector = selector.find(s => s.type && s.type === 'FragmentSelector');
            match = fragmentSelector && fragmentSelector.value.match(/xywh=(.*?)(&|$)/);
            break;
          default:
            return null;
        }
    
        if (match) {
          const params = match[1].split(',');
          if (params.length === 4) {
            return params.map(str => parseInt(str, 10));
          }
        }
        return null;
      }
    
      /** */
      get temporalfragmentSelector() {
        const { selector } = this;
    
        let match;
        let temporalfragmentSelector;
    
        switch (typeof selector) {
          case 'string':
            match = selector.match(/t=(.*?)(&|$)/);
            break;
          case 'object':
            temporalfragmentSelector = selector.find(s => s.type && s.type === 'FragmentSelector');
            // TODO regex for t=5,10 t=,10 t=5 ? cf w3c media fragments
            match = temporalfragmentSelector && temporalfragmentSelector.value.match(/t=(.*?)(&|$)/);
            break;
          default:
            return null;
        }
    
        if (match) {
          const params = match[1].split(',');
          if (params.length < 3) {
            return params.map(str => parseFloat(str));
          }
        }
        return null;
      }
    }