mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-09-19 07:56:38 +02:00
21a1065329
SilverStripeBackend now has a createEndpointFetcher method, described in its docblock in more detail. It’s based the asset-admin code for apiCallerFromEndpoint(). It’s refactored and generalised into framework in order to provide a general-purpose API for tying Javascript components to backend APIs. @todo: tests
204 lines
6.2 KiB
JavaScript
204 lines
6.2 KiB
JavaScript
(function (global, factory) {
|
|
if (typeof define === "function" && define.amd) {
|
|
define('ss.silverstripe-backend', ['exports', 'isomorphic-fetch', 'es6-promise', 'qs'], factory);
|
|
} else if (typeof exports !== "undefined") {
|
|
factory(exports, require('isomorphic-fetch'), require('es6-promise'), require('qs'));
|
|
} else {
|
|
var mod = {
|
|
exports: {}
|
|
};
|
|
factory(mod.exports, global.isomorphicFetch, global.es6Promise, global.qs);
|
|
global.ssSilverstripeBackend = mod.exports;
|
|
}
|
|
})(this, function (exports, _isomorphicFetch, _es6Promise, _qs) {
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _isomorphicFetch2 = _interopRequireDefault(_isomorphicFetch);
|
|
|
|
var _es6Promise2 = _interopRequireDefault(_es6Promise);
|
|
|
|
var _qs2 = _interopRequireDefault(_qs);
|
|
|
|
function _interopRequireDefault(obj) {
|
|
return obj && obj.__esModule ? obj : {
|
|
default: obj
|
|
};
|
|
}
|
|
|
|
function _classCallCheck(instance, Constructor) {
|
|
if (!(instance instanceof Constructor)) {
|
|
throw new TypeError("Cannot call a class as a function");
|
|
}
|
|
}
|
|
|
|
var _createClass = function () {
|
|
function defineProperties(target, props) {
|
|
for (var i = 0; i < props.length; i++) {
|
|
var descriptor = props[i];
|
|
descriptor.enumerable = descriptor.enumerable || false;
|
|
descriptor.configurable = true;
|
|
if ("value" in descriptor) descriptor.writable = true;
|
|
Object.defineProperty(target, descriptor.key, descriptor);
|
|
}
|
|
}
|
|
|
|
return function (Constructor, protoProps, staticProps) {
|
|
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
|
if (staticProps) defineProperties(Constructor, staticProps);
|
|
return Constructor;
|
|
};
|
|
}();
|
|
|
|
_es6Promise2.default.polyfill();
|
|
|
|
function checkStatus(response) {
|
|
var ret = void 0;
|
|
var error = void 0;
|
|
if (response.status >= 200 && response.status < 300) {
|
|
ret = response;
|
|
} else {
|
|
error = new Error(response.statusText);
|
|
error.response = response;
|
|
throw error;
|
|
}
|
|
|
|
return ret;
|
|
}
|
|
|
|
var SilverStripeBackend = function () {
|
|
function SilverStripeBackend() {
|
|
_classCallCheck(this, SilverStripeBackend);
|
|
|
|
this.fetch = _isomorphicFetch2.default;
|
|
}
|
|
|
|
_createClass(SilverStripeBackend, [{
|
|
key: 'createEndpointFetcher',
|
|
value: function createEndpointFetcher(endpointSpec) {
|
|
var _this = this;
|
|
|
|
function encode(contentType, data) {
|
|
switch (contentType) {
|
|
case 'application/x-www-form-url-encoded':
|
|
return _qs2.default.stringify(data);
|
|
|
|
case 'application/json':
|
|
case 'application/x-json':
|
|
case 'application/x-javascript':
|
|
case 'text/javascript':
|
|
case 'text/x-javascript':
|
|
case 'text/x-json':
|
|
return JSON.stringify(data);
|
|
|
|
default:
|
|
throw new Error('Can\'t encode format: ' + contentType);
|
|
}
|
|
}
|
|
|
|
function decode(contentType, text) {
|
|
switch (contentType) {
|
|
case 'application/x-www-form-url-encoded':
|
|
return _qs2.default.parse(text);
|
|
|
|
case 'application/json':
|
|
case 'application/x-json':
|
|
case 'application/x-javascript':
|
|
case 'text/javascript':
|
|
case 'text/x-javascript':
|
|
case 'text/x-json':
|
|
return JSON.parse(text);
|
|
|
|
default:
|
|
throw new Error('Can\'t decode format: ' + contentType);
|
|
}
|
|
}
|
|
|
|
function addQuerystring(url, querystring) {
|
|
if (url.match(/\?/)) return url + '&' + querystring;
|
|
return url + '?' + querystring;
|
|
}
|
|
|
|
function parseResponse(response) {
|
|
return response.text().then(function (body) {
|
|
return decode(response.headers.get('Content-Type'), body);
|
|
});
|
|
}
|
|
|
|
var refinedSpec = Object.assign({
|
|
method: 'get',
|
|
payloadFormat: 'application/x-www-form-url-encoded',
|
|
responseFormat: 'application/json'
|
|
}, endpointSpec);
|
|
|
|
var formatShortcuts = {
|
|
json: 'application/json',
|
|
urlencoded: 'application/x-www-form-url-encoded'
|
|
};
|
|
['payloadFormat', 'responseFormat'].forEach(function (key) {
|
|
if (formatShortcuts[refinedSpec[key]]) refinedSpec[key] = formatShortcuts[refinedSpec[key]];
|
|
});
|
|
|
|
if (refinedSpec.payloadFormat === 'querystring') {
|
|
return function (data) {
|
|
var headers = {
|
|
Accept: refinedSpec.responseFormat
|
|
};
|
|
|
|
var encodedData = encode('application/x-www-form-url-encoded', data);
|
|
var url = addQuerystring(endpointSpec.url, encodedData);
|
|
|
|
return _this[refinedSpec.method](url, null, headers).then(parseResponse);
|
|
};
|
|
}
|
|
|
|
return function (data) {
|
|
var headers = {
|
|
Accept: refinedSpec.responseFormat,
|
|
'Content-Type': refinedSpec.payloadFormat
|
|
};
|
|
|
|
var encodedData = encode(refinedSpec.payloadFormat, data);
|
|
|
|
return _this[refinedSpec.method](endpointSpec.url, encodedData, headers).then(parseResponse);
|
|
};
|
|
}
|
|
}, {
|
|
key: 'get',
|
|
value: function get(url) {
|
|
return this.fetch(url, { method: 'get', credentials: 'same-origin' }).then(checkStatus);
|
|
}
|
|
}, {
|
|
key: 'post',
|
|
value: function post(url, data) {
|
|
return this.fetch(url, {
|
|
method: 'post',
|
|
headers: new Headers({
|
|
'Content-Type': 'application/x-www-form-urlencoded'
|
|
}),
|
|
credentials: 'same-origin',
|
|
body: data
|
|
}).then(checkStatus);
|
|
}
|
|
}, {
|
|
key: 'put',
|
|
value: function put(url, data) {
|
|
return this.fetch(url, { method: 'put', credentials: 'same-origin', body: data }).then(checkStatus);
|
|
}
|
|
}, {
|
|
key: 'delete',
|
|
value: function _delete(url, data) {
|
|
return this.fetch(url, { method: 'delete', credentials: 'same-origin', body: data }).then(checkStatus);
|
|
}
|
|
}]);
|
|
|
|
return SilverStripeBackend;
|
|
}();
|
|
|
|
var backend = new SilverStripeBackend();
|
|
|
|
exports.default = backend;
|
|
}); |