Fipamo/src/libraries/FipamoAPI.js

export const REQUEST_TYPE_POST = 'POST';
export const REQUEST_TYPE_GET = 'GET';
export const REQUEST_TYPE_PUT = 'PUT';
export const REQUEST_TYPE_DELETE = 'DELETE';
export const CONTENT_TYPE_JSON = 'json';
export const CONTENT_TYPE_FORM = 'x-www-form-urlencoded';
export const API_STATUS = '/api/v1/auth/status';
export const API_LOGIN = '/api/v1/auth/login';
export const API_GET_NAV = '/api/settings/nav';
export const API_NEW_PAGE = '/api/v1/page/write/new';
export const API_EDIT_PAGE = '/api/v1/page/write';
export const API_DELETE_PAGE = '/api/v1/page/delete';
export const API_IMAGE_UPLOAD = '/api/v1/page/add-post-image';
export const API_SETTINGS_SYNC = '/api/v1/settings/sync';
export const API_UPLOAD_AVATAR = '/api/v1/settings/add-avatar';
export const API_UPLOAD_BACKGROUND = '/api/v1/settings/add-feature-background';
export const API_PUBLISH_PAGES = '/api/v1/settings/publish-pages';
export const API_NAV_SYNC = '/api/v1/settings/nav-sync';
import * as DataEvent from '../com/events/DataEvent';
export default class APIUtils {
	//--------------------------
	// constructor
	//--------------------------
	constructor() {
		this.percentComplete = 0;
		this.token = null;
		//checks backend to see if user is logged in
		//and requests encrypted token for api calls
		this.request(API_STATUS).then(r => {
			let response = JSON.parse(r.request['response']);
			if (response.type === DataEvent.API_REQUEST_GOOD) {
				this.token = response.token;
			} else {
				//don't set token
			}
		});
	}
	//--------------------------
	// methods
	//--------------------------
	request(
		requestURL,
		eventType,
		requestType = REQUEST_TYPE_GET,
		contentType = CONTENT_TYPE_JSON,
		requestData = null
	) {
		var self = this;
		return new Promise(function (resolve, reject) {
			var request = new XMLHttpRequest();
			request.upload.onprogress = self.handleLoadProgress;
			request.open(requestType, requestURL, true);
			request.onload = () => {
				if (request.status == 200) {
					resolve({
						request,
						eventType
					});
				} else {
					reject({
						request,
						eventType
					});
				}
			};
			if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) {
				if (
					eventType === DataEvent.API_PAGE_WRITE ||
					eventType === DataEvent.API_IMAGES_UPLOAD ||
					eventType === DataEvent.API_SETTINGS_WRITE ||
					eventType === DataEvent.API_PAGE_DELETE ||
					eventType === DataEvent.API_RENDER_PAGES
				)
					request.setRequestHeader('x-access-token', self.token);

				switch (contentType) {
					case CONTENT_TYPE_JSON:
						request.setRequestHeader('Content-type', 'application/' + contentType);
						request.send(JSON.stringify(requestData));
						break;
					case CONTENT_TYPE_FORM:
						request.send(requestData);
						break;
				}
			} else {
				request.send();
			}
		});
	}

	//--------------------------
	// event handlers
	//--------------------------
	handleLoadProgress(e) {
		this.percentComplete = Math.ceil((e.loaded / e.total) * 100);
		//pass element to display request progress
	}
}