@osimatic/helpers-js 1.0.710 → 1.1.0

package/http_client.js

@@ -0,0 +1,409 @@
+
+class HTTPClient {
+	// URL appelée pour rafraichir le token. Le token est mis à jour dans JwtSession. En cas de succès, on appelle HTTPClient.onSuccessRefreshTokenCallback et on réexécute toutes les requêtes HTTP en attente de nouveau token. En cas d'échec, on redirige vers HTTPClient.onInvalidRefreshTokenRedirectUrl et/ou on appelle HTTPClient.onInvalidRefreshTokenCallback.
+	static setRefreshTokenUrl(url) {
+		HTTPClient.refreshTokenUrl = url;
+	}
+	// Callback appelé pour remplacer l'appel à HTTPClient.refreshTokenUrl (et donc pas de gestion de la session avec JwtSession)
+	static setRefreshTokenCallback(callback) {
+		HTTPClient.refreshTokenCallback = callback;
+	}
+
+	static setOnSuccessRefreshTokenCallback(callback) {
+		HTTPClient.onSuccessRefreshTokenCallback = callback;
+	}
+	static setOnInvalidRefreshTokenCallback(callback) {
+		HTTPClient.onInvalidRefreshTokenCallback = callback;
+	}
+	static setOnInvalidRefreshTokenRedirectUrl(url) {
+		HTTPClient.onInvalidRefreshTokenRedirectUrl = url;
+	}
+
+	// URL de la page vers laquelle on redirige si le token est invalide apres destruction de la JwtSession.
+	static setOnInvalidTokenRedirectUrl(url) {
+		HTTPClient.onInvalidTokenRedirectUrl = url;
+	}
+	// Callback appelé lorsqu'un token est invalide (destruction de la JwtSession dans tous les cas).
+	static setOnInvalidTokenCallback(callback) {
+		HTTPClient.onInvalidTokenCallback = 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 = {};
+		}
+
+		if (typeof authorizationToken == 'undefined' || null == authorizationToken) {
+			return;
+		}
+
+		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 logJqueryRequestFailure(jqxhr, status, errorThrown) {
+		console.error('Request failure. Status: ' + status + ' ; HTTP Code: ' + jqxhr.status + (null != errorThrown && '' !== errorThrown ? ' ; Error message: ' + errorThrown : ''), jqxhr.responseJSON);
+	}
+
+	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')
+			|| (json === 'expired_token')
+		);
+	}
+
+	static isInvalidToken(response, json) {
+		if (response.status !== 401) {
+			return false;
+		}
+
+		return (
+			response.statusText === 'Invalid JWT Token'
+			|| (typeof json['message'] != 'undefined' && json['message'] === 'Invalid JWT Token')
+			|| (typeof json['error'] != 'undefined' && json['error'] === 'invalid_token')
+			|| (typeof json['error'] != 'undefined' && json['error'] === 'authentification_failure')
+			|| (json === 'invalid_token')
+			|| (json === 'authentification_failure')
+		);
+	}
+
+	static onInvalidToken() {
+		JwtSession.logout(HTTPClient.onInvalidTokenRedirectUrl, HTTPClient.onInvalidTokenCallback);
+	}
+
+	static async request(method, url, data, successCallback, errorCallback, formErrorCallback) {
+		method = method.toUpperCase();
+
+		if (!window.fetch) {
+			return;
+		}
+
+		let body = null;
+		method = method.toUpperCase();
+
+		if ('POST' !== method && 'PATCH' !== method) {
+			url += (!url.includes('?') ? '?' : '') + HTTPClient.formatQueryString(data);
+			data = null;
+		}
+
+		if (method === 'PATCH') {
+			HTTPClient.setHeader('Content-Type', 'application/x-www-form-urlencoded');
+			body = new URLSearchParams(HTTPClient.formatFormData(data)).toString();
+		}
+
+		if ('POST' === method) {
+			body = HTTPClient.formatFormData(data);
+		}
+
+		const requestOptions = {
+			headers: HTTPClient.getHeaders(),
+			mode: 'cors',
+			cache: 'no-cache',
+			method,
+			body
+		}
+
+		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 (HTTPClient.isInvalidToken(response, jsonData)) {
+				HTTPClient.onInvalidToken();
+				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 ('GET' === 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 ('GET' !== 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.status === 401 && response.statusText === 'Invalid JWT Token') {
+				HTTPClient.onInvalidToken();
+				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') {
+			console.log('HTTPClient.refreshToken : Appel callback HTTPClient.refreshTokenCallback');
+			HTTPClient.refreshTokenCallback(onRefreshTokenComplete);
+			return;
+		}
+
+		if (typeof HTTPClient.refreshTokenUrl == 'undefined') {
+			console.error('URL refresh token non définie. Appeler HTTPClient.setRefreshTokenUrl(url)');
+			return;
+		}
+
+		console.log('HTTPClient.refreshToken : Appel HTTP vers HTTPClient.refreshTokenUrl');
+		let payload = new FormData();
+		payload.append('refresh_token', JwtSession.getRefreshToken());
+
+		HTTPClient.request('POST', HTTPClient.refreshTokenUrl, payload,
+			(data) => {
+				JwtSession.updateToken(data['token'], data['refresh_token'], HTTPClient.onSuccessRefreshTokenCallback);
+				HTTPClient.setAuthorizationToken(JwtSession.getToken());
+				onRefreshTokenComplete();
+			},
+			() => {
+				JwtSession.expireSession(HTTPClient.onInvalidRefreshTokenRedirectUrl, HTTPClient.onInvalidRefreshTokenCallback);
+				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/import_from_csv.js

@@ -24,7 +24,7 @@ class ImportFromCsv {
 
 		formUpload.find('button[type="submit"]').click(function(event) {
 			event.preventDefault();
-			$(this).buttonLoader('loading');
+			FormHelper.buttonLoader($(this), 'loading');
 			formUpload.find('div.errors').addClass('hide');
 
 			let isFileParsed = false;
@@ -69,7 +69,7 @@ class ImportFromCsv {
 					if (!isFileParsed) {
 						formUpload.find('div.errors').html(errorMessageFileEmpty).removeClass('hide');
 					}
-					formUpload.find('button[type="submit"]').buttonLoader('reset');
+					FormHelper.buttonLoader(formUpload.find('button[type="submit"]'), 'reset');
 				}
 			});
 			event.preventDefault();
@@ -77,7 +77,7 @@ class ImportFromCsv {
 
 		formMatching.find('button[type="submit"]').click(function (event) {
 			event.preventDefault();
-			$(this).buttonLoader('loading');
+			FormHelper.buttonLoader($(this), 'loading');
 			formMatching.find('div.errors').addClass('hide').empty();
 			divResult.find('table tr').removeClass('danger');
 			
@@ -86,7 +86,7 @@ class ImportFromCsv {
 
 			if ($.isEmptyObject(tabLink)) {
 				formMatching.find('div.errors').html(errorMessageImportSelectColumns).removeClass('hide');
-				$(this).buttonLoader('reset');
+				FormHelper.buttonLoader($(this), 'reset');
 				return false;
 			}
 
@@ -103,7 +103,7 @@ class ImportFromCsv {
 					else {
 						formMatching.find('div.errors').html(ImportFromCsv.getErrorsHtmlOfImportData(json, divResult)).removeClass('hide');
 					}
-					formMatching.find('button[type="submit"]').buttonLoader('reset');
+					FormHelper.buttonLoader(formMatching.find('button[type="submit"]'), 'reset');
 				}
 			);
 		});

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');
@@ -14,19 +15,20 @@ const { PersonName, Email, TelephoneNumber } = require('./contact_details');
 const { DateTime, TimestampUnix, SqlDate, SqlTime, SqlDateTime } = require('./date_time');
 const { Duration } = require('./duration');
 const { File, CSV, Img } = require('./file');
-const { FormHelper } = require('./form_helper');
+const { FormHelper, EditValue } = require('./form_helper');
 const { Country, PostalAddress, GeographicCoordinates } = require('./location');
+const { HexColor, RgbColor } = require('./draw');
 const { SocialNetwork } = require('./social_network');
 const { sleep, refresh } = require('./util');
 const { chr, ord, trim, empty } = require('./php.min');
 
 // exports plugins "maison"
-const { Browser } = require('./visitor');
+const { Browser, UserAgent } = require('./visitor');
 const { DataTable } = require('./data_table');
 const { Pagination, Navigation } = require('./paging');
 const { DetailsSubArray } = require('./details_sub_array');
 const { SelectAll } = require('./select_all');
-const { MultipleActionInTable } = require('./multiple_action_in_table');
+const { MultipleActionInTable, MultipleActionInDivList } = require('./multiple_action_in_table');
 const { FormDate, InputPeriod } = require('./form_date');
 const { ShoppingCart } = require('./shopping_cart');
 const { FlashMessage } = require('./flash_message');
@@ -46,8 +48,8 @@ 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, SocialNetwork,
-	Browser, DataTable, Pagination, Navigation, DetailsSubArray, SelectAll, MultipleActionInTable, FormDate, InputPeriod, ShoppingCart, FlashMessage, CountDown, ImportFromCsv, JwtToken, JwtSession, ApiTokenSession, ListBox, WebRTC, WebSocket, EventBus,
+	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
 };