@osimatic/helpers-js 1.0.33 → 1.0.36

package/{changelog.txt → CHANGELOG}

@@ -39,4 +39,10 @@ remplacer l'utilisation des variables httpHeaders / _httpHeaders par HTTPRequest
 FlashMessage.displayRequestFailure(status, exception, modal) -> FlashMessage.displayError(labelErrorOccured, modal)
 FormHelper.logRequestFailure(status, exception) -> HTTPRequest.logJqueryRequestFailure(jqxhr, status, exception) (le log de l'erreur est devenu inutile car fait de base dans la classe HTTPRequest)
 
-Location.checkCoordinates(...) -> GeographicCoordinates.check(...) (car Location est déjà défini en javascript natif)
+Location.checkCoordinates(...) -> GeographicCoordinates.check(...) (car Location est déjà défini en javascript natif)
+
+FormHelper.getFormErrorTextBis(...) -> FormHelper.getFormErrorText(...)
+FormHelper.displayFormErrorsFromXhr(form, btnSubmit, xhr) -> FormHelper.displayFormErrors(form, btnSubmit, xhr.responseJSON)
+
+1.0.35 :
+ajout méthode HTTPRequest.init() (charge le polyfill de fetch)

package/form_helper.js

@@ -183,16 +183,6 @@ class FormHelper {
 	}
 
 	static getFormErrorText(errors) {
-		let errorLabels = '';
-		for (let property in errors) {
-			if (typeof errors[property] != 'function') {
-				errorLabels += '<span>' + errors[property] + '</span><br>';
-			}
-		}
-		return errorLabels;
-	}
-
-	static getFormErrorTextBis(errors) {
 		let errorLabels = '';
 		for (let property in errors) {
 			// console.log(property);
@@ -208,7 +198,7 @@ class FormHelper {
 	}
 
 	static displayFormErrors(form, btnSubmit, errors, errorWrapperDiv) {
-		this.displayFormErrorsFromText(form, this.getFormErrorTextBis(errors), errorWrapperDiv);
+		this.displayFormErrorsFromText(form, this.getFormErrorText(errors), errorWrapperDiv);
 		if (btnSubmit != null) {
 			if (btnSubmit.buttonLoader != null) {
 				btnSubmit.buttonLoader('reset');
@@ -218,10 +208,6 @@ class FormHelper {
 		}
 	}
 
-	static displayFormErrorsFromXhr(form, btnSubmit, xhr) {
-		this.displayFormErrors(form, btnSubmit, xhr.responseJSON);
-	}
-
 	static displayFormErrorsFromText(form, errorLabels, errorWrapperDiv) {
 		let errorDiv = '<div class="alert alert-danger form_errors">'+errorLabels+'</div>';
 
@@ -292,6 +278,11 @@ class FormHelper {
 		console.log('request failure. Status: '+status+' ; Exception: '+exception);
 	}
 
+	/** @deprecated **/
+	static displayFormErrorsFromXhr(form, btnSubmit, xhr) {
+		this.displayFormErrors(form, btnSubmit, xhr.responseJSON);
+	}
+
 }
 
 module.exports = { FormHelper };

package/network.js

@@ -1,24 +1,18 @@
 
 class HTTPRequest {
+	static init() {
+		require('whatwg-fetch'); //fetch polyfill loaded in window.fetch
+	}
+
 	static setRefreshTokenUrl(url) {
 		this.refreshTokenUrl = url;
 	}
+
 	static setRefreshTokenCallback(callback) {
 		this.refreshTokenCallback = callback;
 	}
 
-	static setHeader(key, value) {
-		if (typeof this.headers == 'undefined') {
-			this.headers = {};
-		}
-		this.headers[key] = value;
-	}
-
 	static getHeaders(asObject) {
-		//if (typeof httpHeaders != 'undefined') {
-		//	return httpHeaders;
-		//}
-
 		if (typeof this.headers == 'undefined') {
 			this.headers = {};
 		}
@@ -31,9 +25,34 @@ class HTTPRequest {
 		Object.entries(this.headers).forEach(([key, value]) => {
 			httpHeaders.append(key, value);
 		});
+
 		return httpHeaders;
 	}
 
+	static getHeader(key) {
+		if (typeof this.headers == 'undefined') {
+			this.headers = {};
+		}
+
+		return this.headers[key];
+	}
+
+	static setHeader(key, value) {
+		if (typeof this.headers == 'undefined') {
+			this.headers = {};
+		}
+		
+		this.headers[key] = value;
+	}
+
+	static setAuthorizationHeader(accessToken) {
+		if (typeof this.headers == 'undefined') {
+			this.headers = {};
+		}
+
+		this.headers['Authorization'] = 'Bearer ' + accessToken;
+	}
+
 	static formatQueryString(data) {
 		if (data == null) {
 			return '';
@@ -82,49 +101,52 @@ class HTTPRequest {
 				//console.log(url, jsonData);
 				//console.log(response.status, response.statusText, jsonData['error']);
 
-				if (response.status == 401 && (response.statusText === "Expired JWT Token" || typeof jsonData['error'] != 'undefined' && jsonData['error'] === 'expired_token')) {
+				if (response.status == 401 && (response.statusText === 'Expired JWT Token' || typeof jsonData['error'] != 'undefined' && jsonData['error'] === 'expired_token')) {
 					HTTPRequest.refreshToken(() => HTTPRequest.get(url, data, successCallback, errorCallback));
 					return;
 				}
 
 				if (response.ok) {
-					successCallback(jsonData);
+					successCallback(jsonData, response);
 					return;
 				}
 			}
 			catch (e) {
 				console.error(e);
 				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(response, response.status, e);
+					errorCallback(response);
 				}
 				return;
 			}
 
 			HTTPRequest.logRequestFailure(response, jsonData);
 			if (typeof errorCallback != 'undefined' && errorCallback != null) {
-				errorCallback(response, response.status, null, jsonData);
+				errorCallback(response, jsonData);
 			}
 			return;
 		}
 
-		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé
-		console.error('fetch\'s polyfill used');
+		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé dans la méthode init
 		$.ajax({
 			type: 'GET',
 			url: url,
 			headers: HTTPRequest.getHeaders(true),
 			dataType: 'json',
 			cache: false,
-			success: (data) => successCallback(data),
+			success: (data, status, jqxhr) => {
+				if (typeof successCallback != 'undefined' && successCallback != null) {
+					successCallback(data, jqxhr);
+				}
+			},
 			error: (jqxhr, status, errorThrown) => {
-				if (typeof jqxhr.responseJSON != 'undefined' && jqxhr.responseJSON.code == 401 && (jqxhr.responseJSON.message === "Expired JWT Token"  || (typeof jqxhr.responseJSON['error'] != 'undefined' && jqxhr.responseJSON['error'] === 'expired_token' ))) {
+				if (jqxhr.status == 401 && (jqxhr.statusText === 'Expired JWT Token'  || (typeof jqxhr.responseJSON['message'] != 'undefined' && jqxhr.responseJSON['message'] === 'Expired JWT Token') || (typeof jqxhr.responseJSON['error'] != 'undefined' && jqxhr.responseJSON['error'] === 'expired_token' ))) {
 					HTTPRequest.refreshToken(() => HTTPRequest.get(url, data, successCallback, errorCallback));
 					return;
 				}
 
 				HTTPRequest.logJqueryRequestFailure(jqxhr, status, errorThrown);
 				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(jqxhr, status, errorThrown);
+					errorCallback(jqxhr, jqxhr.responseJSON);
 				}
 			}
 		});
@@ -157,7 +179,7 @@ class HTTPRequest {
 				/*console.log(url);
 				console.log(blobData);*/
 
-				if (response.status == 401 && response.statusText === "Expired JWT Token") {
+				if (response.status == 401 && response.statusText === 'Expired JWT Token') {
 					HTTPRequest.refreshToken(() => HTTPRequest.download(url, data, errorCallback, completeCallback, method));
 					return;
 				}
@@ -168,26 +190,23 @@ class HTTPRequest {
 				else {
 					HTTPRequest.logRequestFailure(response, null);
 					if (typeof errorCallback != 'undefined' && errorCallback != null) {
-						errorCallback(response, response.status, null);
+						errorCallback(response);
 					}
 				}
 			}
 			catch (e) {
 				console.error(e);
 				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(response, response.status, e);
+					errorCallback(response);
 				}
 			}
 			if (typeof completeCallback != 'undefined' && completeCallback != null) {
-				completeCallback(response, response.status);
+				completeCallback(response);
 			}
 			return;
 		}
 
-		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé
-		console.error('fetch\'s polyfill used');
-
-
+		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé dans la méthode init
 		let ajaxOptions = {
 			type: 'GET',
 			url: url,
@@ -207,19 +226,19 @@ class HTTPRequest {
 		$.ajax(Object.assign({...ajaxOptions}, {
 			success: (data, status, jqxhr) => File.download(data, jqxhr.getResponseHeader('Content-Type'), jqxhr.getResponseHeader('Content-Disposition')),
 			error: (jqxhr, status, errorThrown) => {
-				if (typeof jqxhr.responseJSON != 'undefined' && jqxhr.responseJSON.code == 401 && (jqxhr.responseJSON.message === "Expired JWT Token"  || (typeof jqxhr.responseJSON['error'] != 'undefined' && jqxhr.responseJSON['error'] === 'expired_token' ))) {
+				if (jqxhr.status == 401 && (jqxhr.statusText === 'Expired JWT Token' || (typeof jqxhr.responseJSON['message'] != 'undefined' && jqxhr.responseJSON['message'] === 'Expired JWT Token') || (typeof jqxhr.responseJSON['error'] != 'undefined' && jqxhr.responseJSON['error'] === 'expired_token' ))) {
 					HTTPRequest.refreshToken(() => HTTPRequest.download(url, data, errorCallback, completeCallback, method));
 					return;
 				}
 
 				HTTPRequest.logJqueryRequestFailure(jqxhr, status, errorThrown);
 				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(jqxhr, status, errorThrown);
+					errorCallback(jqxhr);
 				}
 			},
-			complete: (jqxhr, status) => {
+			complete: (jqxhr) => {
 				if (typeof completeCallback != 'undefined' && completeCallback != null) {
-					completeCallback(jqxhr, status);
+					completeCallback(jqxhr);
 				}
 			}
 		}));
@@ -228,7 +247,7 @@ class HTTPRequest {
 	static async post(url, formData, successCallback, errorCallback, formErrorCallback) {
 		formData = this.formatFormData(formData);
 
-		if (window.fetch && false) {
+		if (window.fetch) {
 			const response = await fetch(url, {
 				method: 'POST',
 				body: formData,
@@ -239,43 +258,44 @@ class HTTPRequest {
 
 			let jsonData = {};
 			try {
-				jsonData = await response.json();
+				if (response.statusText !== 'No Content') {
+					jsonData = await response.json();
+				}
 				//console.log(url, jsonData);
 
-				if (response.status == 401 && url !== HTTPRequest.refreshTokenUrl && (response.statusText === "Expired JWT Token" || (typeof jsonData['error'] != 'undefined' && jsonData['error'] === 'expired_token'))) {
+				if (response.status == 401 && url !== HTTPRequest.refreshTokenUrl && (response.statusText === 'Expired JWT Token' || (typeof jsonData['error'] != 'undefined' && jsonData['error'] === 'expired_token'))) {
 					HTTPRequest.refreshToken(() => HTTPRequest.post(url, formData, successCallback, errorCallback, formErrorCallback));
 					return;
 				}
 
 				if (response.ok) {
 					if (typeof successCallback != 'undefined' && successCallback != null) {
-						successCallback(jsonData);
+						successCallback(jsonData, response);
 					}
 					return;
 				}
 
 				if (response.status == 400 && typeof formErrorCallback != 'undefined' && formErrorCallback != null) {
-					formErrorCallback(response, response.status, jsonData);
+					formErrorCallback(jsonData, response);
 					return;
 				}
 			}
 			catch (e) {
 				console.error(e);
 				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(response, response.status, e);
+					errorCallback(response);
 				}
 				return;
 			}
 
 			HTTPRequest.logRequestFailure(response, jsonData);
 			if (typeof errorCallback != 'undefined' && errorCallback != null) {
-				errorCallback(response, response.status, null, jsonData);
+				errorCallback(response, jsonData);
 			}
 			return;
 		}
 
-		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé
-		console.error('fetch\'s polyfill used');
+		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé dans la méthode init
 		$.ajax({
 			type: 'POST',
 			url: url,
@@ -285,24 +305,24 @@ class HTTPRequest {
 			cache: false,
 			contentType: false,
 			processData: false,
-			success: (data) => {
+			success: (data, status, jqxhr) => {
 				if (typeof successCallback != 'undefined' && successCallback != null) {
-					successCallback(data);
+					successCallback(data, jqxhr);
 				}
 			},
 			error: (jqxhr, status, errorThrown) => {
-				if (typeof jqxhr.responseJSON != 'undefined' && jqxhr.responseJSON.code == 401 && url !== HTTPRequest.refreshTokenUrl && (jqxhr.responseJSON.message === "Expired JWT Token"  || (typeof jqxhr.responseJSON['error'] != 'undefined' && jqxhr.responseJSON['error'] === 'expired_token' ))) {
+				if (url !== HTTPRequest.refreshTokenUrl && jqxhr.status == 401 && (jqxhr.statusText === 'Expired JWT Token' || (typeof jqxhr.responseJSON['message'] != 'undefined' && jqxhr.responseJSON['message'] === 'Expired JWT Token') || (typeof jqxhr.responseJSON['error'] != 'undefined' && jqxhr.responseJSON['error'] === 'expired_token' ))) {
 					HTTPRequest.refreshToken(() => HTTPRequest.post(url, formData, successCallback, errorCallback, formErrorCallback));
 					return;
 				}
 				if (jqxhr.status == 400 && typeof formErrorCallback != 'undefined' && formErrorCallback != null) {
-					formErrorCallback(jqxhr, status, errorThrown);
+					formErrorCallback(jqxhr.responseJSON, jqxhr);
 					return;
 				}
 
 				HTTPRequest.logJqueryRequestFailure(jqxhr, status, errorThrown);
 				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(jqxhr, status, errorThrown);
+					errorCallback(jqxhr, jqxhr.responseJSON);
 				}
 			}
 		});

package/package.json

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

package/web_rtc.js

@@ -0,0 +1,103 @@
+class WebRTC {
+    static init (turnSecret, turnUrl, stunUrl) {
+        this.turnSecret = turnSecret;
+        this.turnUrl = turnUrl;
+        this.stunUrl = stunUrl;
+    }
+
+    static offer(stream, onICECandidateCallback) {
+        return new Promise((resolve, reject) => {
+            try {
+                let { username, password } = this.getTurnCredentials();
+                let peerConn = new RTCPeerConnection(
+                    { 
+                        iceServers: [
+                            { urls: this.turnUrl, username: username, credential: password },
+                            { urls: this.stunUrl }
+                        ] 
+                    }
+                );
+    
+                stream.getTracks().forEach(track => peerConn.addTrack(track, stream));
+
+                peerConn.onicecandidate = (event) => onICECandidateCallback(event);
+    
+                peerConn.createOffer()
+                .then(sdp => peerConn.setLocalDescription(sdp))
+                .then(() => resolve(peerConn));
+            } catch (error) {
+                reject(error);
+            }
+        });
+    }
+    
+    static answer (remoteDescription, onTrackCallback, onICECandidateCallback) {
+        return new Promise((resolve, reject) => {
+            try {
+                let { username, password } = this.getTurnCredentials();
+                let peerConn = new RTCPeerConnection(
+                    { 
+                        iceServers: [
+                            { urls: this.turnUrl, username: username, credential: password },
+                            { urls: this.stunUrl }
+                        ] 
+                    }
+                );
+    
+                peerConn.ontrack = event => onTrackCallback(event);
+                peerConn.onicecandidate = event => onICECandidateCallback(event);
+    
+                peerConn.setRemoteDescription(remoteDescription)
+                .then(() => peerConn.createAnswer())
+                .then(sdp => peerConn.setLocalDescription(sdp))
+                .then(() => resolve(peerConn));
+            } catch (error) {
+                reject(error);
+            }
+        });
+    }
+
+    static disconnectPeer(peerConn) {
+        if (peerConn) {
+            peerConn.onicecandidate = null;
+            peerConn.ontrack = null;
+
+            if (peerConn.signalingState != 'closed') {
+                peerConn.getSenders().forEach(sender => peerConn.removeTrack(sender));
+                peerConn.close();
+            }
+
+            peerConn = null;
+        }
+            
+        return peerConn;
+    }
+    
+    /*
+        The idea is that WebRTC (or other) clients receive temporary TURN credentials where the user name is comprised of the (Unix)
+        expiry timestamp and the password is derived from a secret shared between the service generating those credentials and eturnal. 
+        The service offering the credentials performs a Base64(HMAC-SHA1($secret, $timestamp)) operation to generate the ephemeral password, 
+        and eturnal does the same to verify it.
+    
+        https://eturnal.net/documentation/
+        https://datatracker.ietf.org/doc/html/draft-uberti-behave-turn-rest-00
+        https://stackoverflow.com/questions/35766382/coturn-how-to-use-turn-rest-api
+    */
+    static getTurnCredentials() {    
+        try {
+            let crypto = require('crypto');
+            let username = String(parseInt(Date.now() / 1000) + 24 * 3600);
+            let hmac = crypto.createHmac('sha1', this.turnSecret);
+        
+            hmac.setEncoding('base64');
+            hmac.write(username);
+            hmac.end();
+        
+            return { username: username, password: hmac.read() };
+        } catch(error) {
+            throw error;
+        }
+    }
+}
+
+module.exports = { WebRTC };

package/.idea/helpers-js.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/helpers-js.iml" filepath="$PROJECT_DIR$/.idea/helpers-js.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
-  </component>
-</project>