@osimatic/helpers-js 1.0.88 → 1.0.89

package/http_client.js

@@ -0,0 +1,349 @@
+
+class HTTPClient {
+	static setRefreshTokenUrl(url) {
+		HTTPClient.refreshTokenUrl = url;
+	}
+
+	static setRefreshTokenCallback(callback) {
+		HTTPClient.refreshTokenCallback = callback;
+	}
+
+	static getHeaders(asObject) {
+		HTTPClient.setAuthorizationToken(JwtSession.getToken());
+
+		if (typeof HTTPClient.headers == 'undefined') {
+			HTTPClient.headers = {};
+		}
+
+		if (typeof asObject != 'undefined' && asObject) {
+			return HTTPClient.headers;
+		}
+
+		let httpHeaders = new Headers();
+		Object.entries(HTTPClient.headers).forEach(([key, value]) => {
+			httpHeaders.append(key, value);
+		});
+
+		return httpHeaders;
+	}
+
+	static getHeader(key) {
+		if (typeof HTTPClient.headers == 'undefined') {
+			HTTPClient.headers = {};
+		}
+
+		return HTTPClient.headers[key];
+	}
+
+	static setHeader(key, value) {
+		if (typeof HTTPClient.headers == 'undefined') {
+			HTTPClient.headers = {};
+		}
+
+		HTTPClient.headers[key] = value;
+	}
+
+	static setAuthorizationToken(authorizationToken) {
+		if (typeof HTTPClient.headers == 'undefined') {
+			HTTPClient.headers = {};
+		}
+
+		HTTPClient.headers['Authorization'] = 'Bearer ' + authorizationToken;
+	}
+
+	static convertObjectToFormData(obj) {
+		// 30/05/2022 : ancienne version, qui ne fonctionne pas avec des tableaux
+		// let formData = new FormData();
+		// Object.entries(data).forEach(([key, value]) => formData.append(key, value));
+		// return formData;
+
+		let formData = new FormData();
+
+		function appendFormData(data, root) {
+			//console.log('appendFormData', data, root);
+			root = root || '';
+			if (data instanceof File) {
+				formData.append(root, data);
+			}
+			else if (Array.isArray(data)) {
+				for (let i = 0; i < data.length; i++) {
+					appendFormData(data[i], root + '[' + i + ']');
+				}
+			}
+			else if (typeof data === 'object' && data) {
+				for (let key in data) {
+					if (data.hasOwnProperty(key)) {
+						if (root === '') {
+							appendFormData(data[key], key);
+						} else {
+							appendFormData(data[key], root + '.' + key);
+						}
+					}
+				}
+			}
+			else {
+				if (data !== null && typeof data !== 'undefined') {
+					formData.append(root, data);
+				}
+			}
+		}
+
+		appendFormData(obj);
+
+		return formData;
+	}
+
+	static formatQueryString(data) {
+		if (data == null) {
+			return '';
+		}
+		if (typeof data == 'object') {
+			data = UrlAndQueryString.buildQuery(data);
+		}
+		if (data !== '' && data.substring(0, 1) !== '&') {
+			data = '&' + data;
+		}
+		return data;
+	}
+
+	static formatFormData(data) {
+		if (!(data instanceof FormData)) {
+			return HTTPClient.convertObjectToFormData(data);
+		}
+		return data;
+	}
+
+	static logRequestFailure(response, json) {
+		console.error('Request failure. Status: '+response.statusText+' ; HTTP Code : '+response.status, json);
+	}
+
+	static isExpiredToken(response, json) {
+		if (response.status !== 401) {
+			return false;
+		}
+
+		return (
+			response.statusText === 'Expired JWT Token'
+			|| (typeof json['message'] != 'undefined' && json['message'] === 'Expired JWT Token')
+			|| (typeof json['error'] != 'undefined' && json['error'] === 'expired_token')
+			|| (typeof json['error'] != 'undefined' && json['error'] === 'authentification_failure')
+			|| (json === 'expired_token')
+			|| (json === 'authentification_failure')
+		);
+	}
+
+	static async request(method, url, data, successCallback, errorCallback, formErrorCallback) {
+		method = method.toUpperCase();
+
+		if ('POST' !== method) {
+			url += (!url.includes('?') ? '?' : '') + HTTPClient.formatQueryString(data);
+			data = null;
+		}
+
+		if (!window.fetch) {
+			return;
+		}
+
+		console.log(HTTPClient.getHeaders());
+		let requestOptions = {
+			method: method,
+			headers: HTTPClient.getHeaders(),
+			mode: 'cors',
+			cache: 'no-cache'
+		}
+
+		if ('POST' === method) {
+			requestOptions['body'] = HTTPClient.formatFormData(data);
+		}
+
+		const response = await fetch(url, requestOptions);
+
+		let jsonData = {};
+		try {
+			if (response.status !== 204 && response.statusText !== 'No Content') {
+				jsonData = await response.json();
+			}
+
+			if (HTTPClient.isExpiredToken(response, jsonData)) {
+				HTTPClient.refreshToken(() => HTTPClient.request(method, url, data, successCallback, errorCallback, formErrorCallback), errorCallback);
+				return;
+			}
+
+			if (response.ok) {
+				if (typeof successCallback != 'undefined' && successCallback != null) {
+					successCallback(jsonData, response);
+				}
+				return;
+			}
+
+			if (response.status === 400 && typeof formErrorCallback != 'undefined' && formErrorCallback != null) {
+				formErrorCallback(jsonData, response);
+				return;
+			}
+		}
+		catch (e) {
+			console.error(e);
+			if (typeof errorCallback != 'undefined' && errorCallback != null) {
+				errorCallback(response);
+			}
+			return;
+		}
+
+		HTTPClient.logRequestFailure(response, jsonData);
+		if (typeof errorCallback != 'undefined' && errorCallback != null) {
+			errorCallback(response, jsonData);
+		}
+	}
+
+	static async download(method, url, data, errorCallback, completeCallback) {
+		method = typeof method == 'undefined' || null == method ? 'GET' : method;
+
+		if ('POST' !== method) {
+			url += (!url.includes('?') ? '?' : '') + HTTPClient.formatQueryString(data);
+			data = null;
+		}
+
+		if (!window.fetch) {
+			return;
+		}
+
+		let requestOptions = {
+			method: method,
+			headers: HTTPClient.getHeaders(),
+			mode: 'cors',
+			cache: 'no-cache'
+		}
+
+		if ('POST' === method) {
+			requestOptions['body'] = HTTPClient.formatFormData(data);
+		}
+
+		const response = await fetch(url, requestOptions);
+		try {
+			if (response.status === 401 && response.statusText === 'Expired JWT Token') {
+				HTTPClient.refreshToken(() => HTTPClient.download(method, url, data, errorCallback, completeCallback), errorCallback);
+				return;
+			}
+
+			if (response.ok) {
+				const blobData = await response.blob();
+				File.download(blobData, response.headers.get('content-type'), response.headers.get('content-disposition'));
+			}
+			else {
+				HTTPClient.logRequestFailure(response, null);
+				if (typeof errorCallback != 'undefined' && errorCallback != null) {
+					errorCallback(response);
+				}
+			}
+		}
+		catch (e) {
+			console.error(e);
+			if (typeof errorCallback != 'undefined' && errorCallback != null) {
+				errorCallback(response);
+			}
+		}
+		if (typeof completeCallback != 'undefined' && completeCallback != null) {
+			completeCallback(response);
+		}
+	}
+
+	static refreshToken(completeCallback, errorCallback) {
+		if (typeof HTTPClient.listCompleteCallbackAfterRefreshTokenFinished == 'undefined') {
+			HTTPClient.listCompleteCallbackAfterRefreshTokenFinished = [];
+		}
+		HTTPClient.listCompleteCallbackAfterRefreshTokenFinished.push(completeCallback);
+		//HTTPClient.addCompleteCallbackAfterRefreshTokenFinished(completeCallback);
+
+		// S'il y a déjà un appel à refresh token effectué, on le refait pas (le completeCallback est dans une liste de callback à exécuter apres la fin du refresh token)
+		if (typeof HTTPClient.refreshTokenStarted == 'undefined' || HTTPClient.refreshTokenStarted) {
+			return;
+		}
+
+		function onRefreshTokenComplete() {
+			HTTPClient.refreshTokenStarted = false;
+
+			// On exécute les completeCallback qui était en attente de la requete refresh token
+			if (typeof HTTPClient.listCompleteCallbackAfterRefreshTokenFinished != 'undefined') {
+				HTTPClient.listCompleteCallbackAfterRefreshTokenFinished.forEach(callback => typeof callback == 'function' ? callback() : null);
+			}
+		}
+
+		HTTPClient.refreshTokenStarted = true;
+
+		if (typeof HTTPClient.refreshTokenCallback == 'function') {
+			HTTPClient.refreshTokenCallback(onRefreshTokenComplete);
+			return;
+		}
+
+		if (typeof HTTPClient.refreshTokenUrl == 'undefined') {
+			console.error('URL refresh token non définie. Appeler HTTPClient.setRefreshTokenUrl(url)');
+			return;
+		}
+
+		let payload = new FormData();
+		payload.append('refresh_token', JwtSession.getRefreshToken());
+
+		HTTPClient.request('POST', HTTPClient.refreshTokenUrl, payload,
+			(data) => {
+				JwtSession.setToken(data['token']);
+				JwtSession.setRefreshToken(data['refresh_token']);
+
+				HTTPClient.setAuthorizationToken(JwtSession.getToken());
+
+				onRefreshTokenComplete();
+
+			},
+			() => {
+				JwtSession.logout();
+				errorCallback();
+			}
+		);
+	}
+
+	static sendRequest(url, strParam, methode, formatRetour, callback) {
+		let xhr = null;
+
+		if (window.XMLHttpRequest || window.ActiveXObject) {
+			if (window.ActiveXObject) {
+				try {
+					xhr = new ActiveXObject('Msxml2.XMLHTTP');
+				} catch (e) {
+					xhr = new ActiveXObject('Microsoft.XMLHTTP');
+				}
+			} else {
+				xhr = new XMLHttpRequest();
+			}
+		} else {
+			// Votre navigateur ne supporte pas l'objet XMLHTTPRequest!
+			return null;
+		}
+
+		xhr.onreadystatechange = function () {
+			if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
+				let data;
+				if (formatRetour == 'xml') {
+					data = xhr.responseXML;
+				}
+				else {
+					data = eval('(' + xhr.responseText + ')');
+				}
+				callback(data);
+			}
+		};
+
+		if (methode === 'POST') {
+			xhr.open('POST', url, true);
+			xhr.send();
+		}
+		else {
+			xhr.open('GET', url + '?' + strParam, true);
+			xhr.send(null);
+		}
+		return false;
+	}
+
+}
+
+require('whatwg-fetch'); //fetch polyfill loaded in window.fetch
+
+module.exports = { HTTPClient };

package/index.js

@@ -7,6 +7,7 @@ require('./array');
 require('./number');
 
 // exports d'ojets non natif
+const { HTTPClient } = require('./http_client');
 const { HTTPRequest, Cookie, UrlAndQueryString } = require('./network');
 const { IBAN, BankCard } = require('./bank');
 const { AudioMedia, UserMedia } = require('./media');
@@ -47,7 +48,7 @@ const { WebSocket } = require('./web_socket');
 
 module.exports = {
 	Array, Object, Number, String,
-	HTTPRequest, Cookie, UrlAndQueryString, IBAN, BankCard, AudioMedia, UserMedia, PersonName, Email, TelephoneNumber, DateTime, TimestampUnix, SqlDate, SqlTime, SqlDateTime, Duration, File, CSV, Img, FormHelper, Country, PostalAddress, GeographicCoordinates, HexColor, RgbColor, SocialNetwork,
+	HTTPClient, HTTPRequest, Cookie, UrlAndQueryString, IBAN, BankCard, AudioMedia, UserMedia, PersonName, Email, TelephoneNumber, DateTime, TimestampUnix, SqlDate, SqlTime, SqlDateTime, Duration, File, CSV, Img, FormHelper, Country, PostalAddress, GeographicCoordinates, HexColor, RgbColor, SocialNetwork,
 	Browser, DataTable, Pagination, Navigation, DetailsSubArray, SelectAll, MultipleActionInTable, MultipleActionInDivList, EditValue, FormDate, InputPeriod, ShoppingCart, FlashMessage, CountDown, ImportFromCsv, JwtToken, JwtSession, ApiTokenSession, ListBox, WebRTC, WebSocket, EventBus,
 	sleep, refresh, chr, ord, trim, empty,
 	GoogleCharts, GoogleRecaptcha, GoogleMap, OpenStreetMap

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osimatic/helpers-js",
-  "version": "1.0.88",
+  "version": "1.0.89",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"