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_INIT = '/api/v1/auth/init';
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(response => {
			if (response.type === DataEvent.API_REQUEST_GOOD) {
				this.token = response.token;
			} else {
				//don't set token
			}
		});
	}
	//--------------------------
	// public
	//--------------------------
	login(data) {
		return new Promise((resolve, reject) => {
			this._request(
				API_LOGIN,
				DataEvent.AUTH_STATUS,
				REQUEST_TYPE_POST,
				CONTENT_TYPE_JSON,
				data
			)
				.then(result => {
					resolve(result);
				})
				.catch(err => {
					reject(err);
				});
		});
	}
	init(data) {
		return new Promise((resolve, reject) => {
			this._request(API_INIT, DataEvent.API_INIT, REQUEST_TYPE_POST, CONTENT_TYPE_JSON, data)
				.then(result => {
					resolve(result);
				})
				.catch(err => {
					reject(err);
				});
		});
	}
	syncSettings(data) {
		return new Promise((resolve, reject) => {
			this._request(
				API_SETTINGS_SYNC,
				DataEvent.API_SETTINGS_WRITE,
				REQUEST_TYPE_POST,
				CONTENT_TYPE_JSON,
				data
			)
				.then(result => {
					resolve(result);
				})
				.catch(err => {
					reject(err);
				});
		});
	}
	settingsImageUpload(type, files) {
		return new Promise((resolve, reject) => {
			let url = '';
			let eventType = DataEvent.API_IMAGES_UPLOAD;
			type == 'avatar-upload' ? (url = API_UPLOAD_AVATAR) : (url = API_UPLOAD_BACKGROUND);
			var imageData = new FormData();
			for (var i = 0; i < files.length; i++) {
				var file = files[i];
				// Check the file type.
				if (!file.type.match('image.*')) {
					continue;
				}
				type == 'avatar-upload'
					? imageData.append('avatar_upload', file, file.name)
					: imageData.append('background_upload', file, file.name);
			}
			this._request(url, eventType, REQUEST_TYPE_POST, CONTENT_TYPE_FORM, imageData)
				.then(r => {
					resolve(r);
				})
				.catch(err => {
					reject(err);
				});
		});
	}
	publishSite(data) {
		return new Promise((resolve, reject) => {
			this._request(
				API_PUBLISH_PAGES,
				DataEvent.API_RENDER_PAGES,
				REQUEST_TYPE_POST,
				CONTENT_TYPE_JSON,
				data
			)
				.then(result => {
					resolve(result);
				})
				.catch(err => {
					reject(err);
				});
		});
	}

	pageEdit(url, data) {
		return new Promise((resolve, reject) => {
			this._request(url, DataEvent.API_PAGE_WRITE, REQUEST_TYPE_POST, CONTENT_TYPE_FORM, data)
				.then(result => {
					resolve(result);
				})
				.catch(err => {
					reject(err);
				});
		});
	}
	pageDelete(data) {
		return new Promise((resolve, reject) => {
			this._request(
				API_DELETE_PAGE,
				DataEvent.API_PAGE_DELETE,
				REQUEST_TYPE_POST,
				CONTENT_TYPE_JSON,
				data
			)
				.then(result => {
					resolve(result);
				})
				.catch(err => {
					reject(err);
				});
		});
	}
	pageImageUpload(file) {
		return new Promise((resolve, reject) => {
			this._request(
				API_IMAGE_UPLOAD,
				DataEvent.API_IMAGES_UPLOAD,
				REQUEST_TYPE_POST,
				CONTENT_TYPE_FORM,
				file
			)
				.then(result => {
					resolve(result);
				})
				.catch(err => {
					reject(err);
				});
		});
	}

	syncNav(data) {
		return new Promise((resolve, reject) => {
			this._request(
				API_NAV_SYNC,
				DataEvent.API_SETTINGS_WRITE,
				REQUEST_TYPE_POST,
				CONTENT_TYPE_JSON,
				data
			)
				.then(result => {
					resolve(result);
				})
				.catch(err => {
					reject(err);
				});
		});
	}
	//--------------------------
	// private
	//--------------------------
	_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) {
					let response = JSON.parse(request['response']);
					resolve(response);
				} else {
					let error = JSON.parse(request['response']);
					reject(error);
				}
			};
			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
	}
}