added request headers settings to source requests

Author: justenPalmer

src/utility/MapboxError.js

@@ -2,14 +2,13 @@ export default {
 	getKey:(error)=>{
 
 		/*
-		error
+		error example
 		{
 			message:'layers[0].paint.background-color: color expected, "#37474" found'
 		}
 		*/
 
 		if (!error || !error.message || error.message.indexOf(':') === -1) return ['general'];
-		// error.message is defined
 		const prefix = error.message.split(':')[0];
 		const parts = prefix.split('.');
 		let key = [];	
@@ -25,11 +24,12 @@ export default {
 			}
 			key.push(part);
 		});
-		console.log('key:',key);
 		return key;
 	},
 	getMessage:(error)=>{
-		if (!error || !error.message) return 'unidentified error';
+		if (!error) return;
+		if (!error.message && error.stack) return error.stack;
+		if (!error.message && !error.stack) return 'unidentified mapbox error';
 		if (error.message.indexOf(':') === -1) return error.message;
 		return error.message.split(':')[1];
 	}

src/view/Vmap/Vmapbox.jsx

@@ -163,12 +163,12 @@ export default class Vmapbox extends React.Component {
 	    		if (!matchKey) return {url: url};
 	    		const settings = Msource.getSettings(matchKey);
 
-	    		if (!settings.has('authToken')){
+	    		if (!settings.has('headers')){
 	    			return {url: url};
 	    		}
 	    		return {
 	    			url: url,
-	    			headers: { 'Authorization': 'Bearer '+settings.get('authToken') }
+	    			headers: settings.get('headers').toJS()
 	    		}
 	    	}
 	  	},

src/view/Vsource/VsourceSettings.jsx

@@ -32,7 +32,7 @@ export default class VsourceSettings extends React.Component {
 
 		this.state = {
 			authToken:settings && settings.get('authToken'),
-			focus:null
+			headers:settings && settings.get('headers'),
 		};
 
 		this.handle = {
@@ -62,13 +62,13 @@ export default class VsourceSettings extends React.Component {
 		const {error, handle, sourceKey, style, source} = this.props;
 
 		return <form onSubmit={this.handle.submit} className="p-2">
-			<Vproperty key="authToken" property={{
+			<Vproperty key="headers" property={{
 				hideOptions:true,
-				name:'authToken',
-				label:'authorization token',
-				spec:{doc:'Token to be attached to source requests'},
-				value:this.state.authToken,
-				error:error && error.get && error.get('authToken')
+				name:'headers',
+				label:'request headers',
+				spec:{doc:'Headers attached to source requests', type:'*'},
+				value:this.state.headers,
+				error:error && error.get && error.get('headers')
 			}} focus={this.state.focus} handle={this.handle}/>
 			<div className="pt-2">
 				<button type="submit" className="btn btn-primary">Save</button>