AnnotationService.js

import 'whatwg-fetch';
import EventEmitter from 'events';
import autobind from 'autobind-decorator';
import Annotation from './Annotation';
import { getHeaders } from './annotatorUtil';

const ANONYMOUS_USER = {
    id: '0',
    name: __('annotation_anonymous_user_name')
};

@autobind
class AnnotationService extends EventEmitter {
    //--------------------------------------------------------------------------
    // Static
    //--------------------------------------------------------------------------

    /**
     * Generates a rfc4122v4-compliant GUID, from
     * http://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript.
     *
     * @return {string} UUID for annotation
     */
    static generateID() {
        /* eslint-disable */
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
            var r = (Math.random() * 16) | 0,
                v = c == 'x' ? r : (r & 0x3) | 0x8;
            return v.toString(16);
        });
        /* eslint-enable */
    }

    //--------------------------------------------------------------------------
    // Typedef
    //--------------------------------------------------------------------------

    /**
     * The data object for constructing an Annotation Service.
     * @typedef {Object} AnnotationServiceData
     * @property {string} apiHost API root
     * @property {string} fileId File ID
     * @property {string} token Access token
     * @property {boolean} canAnnotate Can user annotate
     */

    //--------------------------------------------------------------------------
    // Public
    //--------------------------------------------------------------------------

    /**
     * [constructor]
     *
     * @param {AnnotationServiceData} data - Annotation Service data
     * @return {AnnotationService} AnnotationService instance
     */
    constructor(data) {
        super();
        this.api = data.apiHost;
        this.fileId = data.fileId;
        this.headers = getHeaders({}, data.token);
        this.canAnnotate = data.canAnnotate;
        this.user = ANONYMOUS_USER;
    }

    /**
     * Create an annotation.
     *
     * @param {Annotation} annotation - Annotation to save
     * @return {Promise} Promise that resolves with created annotation
     */
    create(annotation) {
        return new Promise((resolve, reject) => {
            fetch(`${this.api}/2.0/annotations`, {
                method: 'POST',
                headers: this.headers,
                body: JSON.stringify({
                    item: {
                        type: 'file_version',
                        id: annotation.fileVersionId
                    },
                    details: {
                        type: annotation.type,
                        drawingPaths: annotation.drawingPaths,
                        location: annotation.location,
                        threadID: annotation.threadID
                    },
                    message: annotation.text,
                    thread: annotation.threadNumber
                })
                // NOTE: Ensure that threadNumbers are sent to the API as
                // thread, else the API created annotation will have an
                // incremented threadNumber. This is due to the naming system
                // in the annotations API
            })
                .then((response) => response.json())
                .then((data) => {
                    if (data.type !== 'error' && data.id) {
                        const tempData = data;
                        tempData.permissions = {
                            can_edit: true,
                            can_delete: true
                        };
                        const createdAnnotation = this.createAnnotation(tempData);

                        // Set user if not set already
                        if (this.user.id === '0') {
                            this.user = createdAnnotation.user;
                        }

                        resolve(createdAnnotation);
                    } else {
                        reject(new Error('Could not create annotation'));
                        this.emit('annotationerror', {
                            reason: 'create'
                        });
                    }
                })
                /* istanbul ignore next */
                .catch(() => {
                    reject(new Error('Could not create annotation due to invalid or expired token'));
                    this.emit('annotationerror', {
                        reason: 'authorization'
                    });
                });
        });
    }

    /**
     * Reads annotations from file version ID.
     *
     * @param {string} fileVersionId - File version ID to fetch annotations for
     * @return {Promise} Promise that resolves with fetched annotations
     */
    read(fileVersionId) {
        this.annotations = [];
        let resolve;
        let reject;
        const promise = new Promise((success, failure) => {
            resolve = success;
            reject = failure;
        });

        this.readFromMarker(resolve, reject, fileVersionId);
        return promise;
    }

    /**
     * Delete an annotation.
     *
     * @param {string} annotationID - Id of annotation to delete
     * @return {Promise} Promise to delete annotation
     */
    delete(annotationID) {
        return new Promise((resolve, reject) => {
            fetch(`${this.api}/2.0/annotations/${annotationID}`, {
                method: 'DELETE',
                headers: this.headers
            })
                .then((response) => {
                    if (response.status === 204) {
                        resolve();
                    } else {
                        reject(new Error(`Could not delete annotation with ID ${annotationID}`));
                        this.emit('annotationerror', {
                            reason: 'delete'
                        });
                    }
                })
                /* istanbul ignore next */
                .catch(() => {
                    reject(new Error('Could not delete annotation due to invalid or expired token'));
                    this.emit('annotationerror', {
                        reason: 'authorization'
                    });
                });
        });
    }

    /**
     * Gets a map of thread ID to annotations in that thread.
     *
     * @param {string} fileVersionId - File version ID to fetch annotations for
     * @return {Promise} Promise that resolves with thread map
     */
    getThreadMap(fileVersionId) {
        return this.read(fileVersionId).then(this.createThreadMap);
    }

    //--------------------------------------------------------------------------
    // Private
    //--------------------------------------------------------------------------

    /**
     * Generates a map of thread ID to annotations in thread.
     *
     * @private
     * @param {Annotation[]} annotations - Annotations to generate map from
     * @return {Object} Map of thread ID to annotations in that thread
     */
    createThreadMap(annotations) {
        const threadMap = {};

        // Construct map of thread ID to annotations
        annotations.forEach((annotation) => {
            const threadID = annotation.threadID;
            threadMap[threadID] = threadMap[threadID] || [];
            threadMap[threadID].push(annotation);
        });

        // Sort annotations by date created
        Object.keys(threadMap).forEach((threadID) => {
            threadMap[threadID].sort((a, b) => {
                return new Date(a.created) - new Date(b.created);
            });
        });

        return threadMap;
    }

    /**
     * Generates an Annotation object from an API response.
     *
     * @private
     * @param {Object} data - API response data
     * @return {Annotation} Created annotation
     */
    createAnnotation(data) {
        return new Annotation({
            annotationID: data.id,
            fileVersionId: data.item.id,
            threadID: data.details.threadID,
            type: data.details.type,
            threadNumber: data.thread,
            text: data.message,
            location: data.details.location,
            user: {
                id: data.created_by.id,
                name: data.created_by.name,
                avatarUrl: data.created_by.profile_image
            },
            permissions: data.permissions,
            created: data.created_at,
            modified: data.modified_at
        });
    }

    /**
     * Construct the URL to read annotations with a marker or limit added
     *
     * @private
     * @param {string} fileVersionId - File version ID to fetch annotations for
     * @param {string} marker - Marker to use if there are more than limit annotations
     * @param {int} limit - The amout of annotations the API will return per call
     * @return {Promise} Promise that resolves with fetched annotations
     */
    getReadUrl(fileVersionId, marker = null, limit = null) {
        let apiUrl = `${this.api}/2.0/files/${this
            .fileId}/annotations?version=${fileVersionId}&fields=item,thread,details,message,created_by,created_at,modified_at,permissions`;
        if (marker) {
            apiUrl += `&marker=${marker}`;
        }

        if (limit) {
            apiUrl += `&limit=${limit}`;
        }

        return apiUrl;
    }

    /**
     * Reads annotations from file version ID starting at a marker. The default
     * limit is 100 annotations per API call.
     *
     * @private
     * @param {Function} resolve - Promise resolution handler
     * @param {Function} reject - Promise rejection handler
     * @param {string} fileVersionId - File version ID to fetch annotations for
     * @param {string} marker - Marker to use if there are more than limit annotations
     * @param {int} limit - The amout of annotations the API will return per call
     * @return {void}
     */
    readFromMarker(resolve, reject, fileVersionId, marker = null, limit = null) {
        fetch(this.getReadUrl(fileVersionId, marker, limit), {
            headers: this.headers
        })
            .then((response) => response.json())
            .then((data) => {
                if (data.type === 'error' || !Array.isArray(data.entries)) {
                    reject(new Error(`Could not read annotations from file version with ID ${fileVersionId}`));
                    this.emit('annotationerror', {
                        reason: 'read'
                    });
                } else {
                    data.entries.forEach((annotationData) => {
                        this.annotations.push(this.createAnnotation(annotationData));
                    });

                    if (data.next_marker) {
                        this.readFromMarker(resolve, reject, fileVersionId, data.next_marker, limit);
                    } else {
                        resolve(this.annotations);
                    }
                }
            })
            .catch(() => {
                reject(new Error('Could not read annotations from file due to invalid or expired token'));
                this.emit('annotationerror', {
                    reason: 'authorization'
                });
            });
    }
}
export default AnnotationService;