mirador
Version:
An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.
617 lines (523 loc) • 19.3 kB
JavaScript
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
import _regeneratorRuntime from "@babel/runtime/regenerator";
var _marked = /*#__PURE__*/_regeneratorRuntime.mark(fetchIiifResource),
_marked2 = /*#__PURE__*/_regeneratorRuntime.mark(fetchIiifResourceWithAuth),
_marked3 = /*#__PURE__*/_regeneratorRuntime.mark(fetchManifest),
_marked4 = /*#__PURE__*/_regeneratorRuntime.mark(getAccessTokenService),
_marked5 = /*#__PURE__*/_regeneratorRuntime.mark(fetchInfoResponse),
_marked6 = /*#__PURE__*/_regeneratorRuntime.mark(fetchSearchResponse),
_marked7 = /*#__PURE__*/_regeneratorRuntime.mark(fetchAnnotation),
_marked8 = /*#__PURE__*/_regeneratorRuntime.mark(fetchResourceManifest),
_marked9 = /*#__PURE__*/_regeneratorRuntime.mark(fetchManifests),
_marked10 = /*#__PURE__*/_regeneratorRuntime.mark(iiifSaga);
import { all, call, put, select, takeEvery } from 'redux-saga/effects';
import fetch from 'isomorphic-unfetch';
import { Utils } from 'manifesto.js';
import normalizeUrl from 'normalize-url';
import ActionTypes from '../actions/action-types';
import { receiveManifest, receiveManifestFailure, receiveInfoResponse, receiveInfoResponseFailure, receiveDegradedInfoResponse, receiveSearch, receiveSearchFailure, receiveAnnotation, receiveAnnotationFailure } from '../actions';
import { getManifests, getRequestsConfig, getAccessTokens, selectInfoResponse } from '../selectors';
/** */
function fetchWrapper(url, options, _ref) {
var success = _ref.success,
degraded = _ref.degraded,
failure = _ref.failure;
return fetch(url, options).then(function (response) {
return response.json().then(function (json) {
if (response.status === 401) return (degraded || success)({
json: json,
response: response
});
if (response.ok) return success({
json: json,
response: response
});
return failure({
error: response.statusText,
json: json,
response: response
});
})["catch"](function (error) {
return failure({
error: error,
response: response
});
});
})["catch"](function (error) {
return failure({
error: error
});
});
}
/** */
function fetchIiifResource(url, options, _ref2) {
var success, degraded, failure, _yield$select, _yield$select$preproc, preprocessors, _yield$select$postpro, postprocessors, reqOptions, action;
return _regeneratorRuntime.wrap(function fetchIiifResource$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
success = _ref2.success, degraded = _ref2.degraded, failure = _ref2.failure;
_context.next = 3;
return select(getRequestsConfig);
case 3:
_yield$select = _context.sent;
_yield$select$preproc = _yield$select.preprocessors;
preprocessors = _yield$select$preproc === void 0 ? [] : _yield$select$preproc;
_yield$select$postpro = _yield$select.postprocessors;
postprocessors = _yield$select$postpro === void 0 ? [] : _yield$select$postpro;
_context.prev = 8;
reqOptions = preprocessors.reduce(function (acc, f) {
return f(url, acc) || acc;
}, options);
_context.next = 12;
return call(fetchWrapper, url, reqOptions, {
degraded: degraded,
failure: failure,
success: success
});
case 12:
action = _context.sent;
action = postprocessors.reduce(function (acc, f) {
return f(url, acc) || acc;
}, action);
return _context.abrupt("return", action);
case 17:
_context.prev = 17;
_context.t0 = _context["catch"](8);
return _context.abrupt("return", failure({
error: _context.t0
}));
case 20:
case "end":
return _context.stop();
}
}
}, _marked, null, [[8, 17]]);
}
/** */
function fetchIiifResourceWithAuth(url, iiifResource, options, _ref3) {
var degraded, failure, success, urlOptions, tokenServiceId, tokenService, _yield$call, error, json, response, id, authoritativeTokenService;
return _regeneratorRuntime.wrap(function fetchIiifResourceWithAuth$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
degraded = _ref3.degraded, failure = _ref3.failure, success = _ref3.success;
urlOptions = _objectSpread({}, options);
if (!iiifResource) {
_context2.next = 8;
break;
}
_context2.next = 5;
return call(getAccessTokenService, iiifResource);
case 5:
tokenService = _context2.sent;
tokenServiceId = tokenService && tokenService.id;
if (tokenService && tokenService.json) {
urlOptions.headers = _objectSpread({
Authorization: "Bearer ".concat(tokenService.json.accessToken)
}, options.headers);
}
case 8:
_context2.next = 10;
return call(fetchIiifResource, url, urlOptions, {
failure: function failure(arg) {
return arg;
},
success: function success(arg) {
return arg;
}
});
case 10:
_yield$call = _context2.sent;
error = _yield$call.error;
json = _yield$call.json;
response = _yield$call.response;
if (!error) {
_context2.next = 18;
break;
}
_context2.next = 17;
return put(failure({
error: error,
json: json,
response: response,
tokenServiceId: tokenServiceId
}));
case 17:
return _context2.abrupt("return");
case 18:
id = json['@id'] || json.id;
if (!response.ok) {
_context2.next = 26;
break;
}
if (!(normalizeUrl(id, {
stripAuthentication: false
}) === normalizeUrl(url.replace(/info\.json$/, ''), {
stripAuthentication: false
}))) {
_context2.next = 24;
break;
}
_context2.next = 23;
return put(success({
json: json,
response: response,
tokenServiceId: tokenServiceId
}));
case 23:
return _context2.abrupt("return");
case 24:
_context2.next = 30;
break;
case 26:
if (!(response.status !== 401)) {
_context2.next = 30;
break;
}
_context2.next = 29;
return put(failure({
error: error,
json: json,
response: response,
tokenServiceId: tokenServiceId
}));
case 29:
return _context2.abrupt("return");
case 30:
_context2.next = 32;
return call(getAccessTokenService, json);
case 32:
authoritativeTokenService = _context2.sent;
if (!(authoritativeTokenService && authoritativeTokenService.id !== tokenServiceId)) {
_context2.next = 37;
break;
}
_context2.next = 36;
return call(fetchIiifResourceWithAuth, url, json, options, {
degraded: degraded,
failure: failure,
success: success
});
case 36:
return _context2.abrupt("return");
case 37:
_context2.next = 39;
return put((degraded || success)({
json: json,
response: response,
tokenServiceId: tokenServiceId
}));
case 39:
case "end":
return _context2.stop();
}
}
}, _marked2);
}
/** */
export function fetchManifest(_ref4) {
var manifestId, callbacks, dispatch;
return _regeneratorRuntime.wrap(function fetchManifest$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
manifestId = _ref4.manifestId;
callbacks = {
failure: function failure(_ref5) {
var error = _ref5.error,
json = _ref5.json,
response = _ref5.response;
return receiveManifestFailure(manifestId, typeof error === 'object' ? String(error) : error);
},
success: function success(_ref6) {
var json = _ref6.json,
response = _ref6.response;
return receiveManifest(manifestId, json);
}
};
_context3.next = 4;
return call(fetchIiifResource, manifestId, {}, callbacks);
case 4:
dispatch = _context3.sent;
_context3.next = 7;
return put(dispatch);
case 7:
case "end":
return _context3.stop();
}
}
}, _marked3);
}
/** @private */
function getAccessTokenService(resource) {
var manifestoCompatibleResource, services, accessTokens, i, authService, accessTokenService, token;
return _regeneratorRuntime.wrap(function getAccessTokenService$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
manifestoCompatibleResource = resource && resource.__jsonld ? resource : _objectSpread(_objectSpread({}, resource), {}, {
options: {}
});
services = Utils.getServices(manifestoCompatibleResource).filter(function (s) {
return s.getProfile().match(/http:\/\/iiif.io\/api\/auth\//);
});
if (!(services.length === 0)) {
_context4.next = 4;
break;
}
return _context4.abrupt("return", undefined);
case 4:
_context4.next = 6;
return select(getAccessTokens);
case 6:
accessTokens = _context4.sent;
if (accessTokens) {
_context4.next = 9;
break;
}
return _context4.abrupt("return", undefined);
case 9:
i = 0;
case 10:
if (!(i < services.length)) {
_context4.next = 19;
break;
}
authService = services[i];
accessTokenService = Utils.getService(authService, 'http://iiif.io/api/auth/1/token') || Utils.getService(authService, 'http://iiif.io/api/auth/0/token');
token = accessTokenService && accessTokens[accessTokenService.id];
if (!(token && token.json)) {
_context4.next = 16;
break;
}
return _context4.abrupt("return", token);
case 16:
i += 1;
_context4.next = 10;
break;
case 19:
return _context4.abrupt("return", undefined);
case 20:
case "end":
return _context4.stop();
}
}
}, _marked4);
}
/** @private */
export function fetchInfoResponse(_ref7) {
var imageResource, infoId, windowId, iiifResource, callbacks;
return _regeneratorRuntime.wrap(function fetchInfoResponse$(_context5) {
while (1) {
switch (_context5.prev = _context5.next) {
case 0:
imageResource = _ref7.imageResource, infoId = _ref7.infoId, windowId = _ref7.windowId;
iiifResource = imageResource;
if (iiifResource) {
_context5.next = 6;
break;
}
_context5.next = 5;
return select(selectInfoResponse, {
infoId: infoId
});
case 5:
iiifResource = _context5.sent;
case 6:
callbacks = {
degraded: function degraded(_ref8) {
var json = _ref8.json,
response = _ref8.response,
tokenServiceId = _ref8.tokenServiceId;
return receiveDegradedInfoResponse(infoId, json, response.ok, tokenServiceId, windowId);
},
failure: function failure(_ref9) {
var error = _ref9.error,
json = _ref9.json,
response = _ref9.response,
tokenServiceId = _ref9.tokenServiceId;
return receiveInfoResponseFailure(infoId, error, tokenServiceId);
},
success: function success(_ref10) {
var json = _ref10.json,
response = _ref10.response,
tokenServiceId = _ref10.tokenServiceId;
return receiveInfoResponse(infoId, json, response.ok, tokenServiceId);
}
};
_context5.next = 9;
return call(fetchIiifResourceWithAuth, "".concat(infoId.replace(/\/$/, ''), "/info.json"), iiifResource, {}, callbacks);
case 9:
case "end":
return _context5.stop();
}
}
}, _marked5);
}
/** @private */
export function fetchSearchResponse(_ref11) {
var windowId, companionWindowId, query, searchId, callbacks, dispatch;
return _regeneratorRuntime.wrap(function fetchSearchResponse$(_context6) {
while (1) {
switch (_context6.prev = _context6.next) {
case 0:
windowId = _ref11.windowId, companionWindowId = _ref11.companionWindowId, query = _ref11.query, searchId = _ref11.searchId;
callbacks = {
failure: function failure(_ref12) {
var error = _ref12.error,
json = _ref12.json,
response = _ref12.response;
return receiveSearchFailure(windowId, companionWindowId, searchId, error);
},
success: function success(_ref13) {
var json = _ref13.json,
response = _ref13.response;
return receiveSearch(windowId, companionWindowId, searchId, json);
}
};
_context6.next = 4;
return call(fetchIiifResource, searchId, {}, callbacks);
case 4:
dispatch = _context6.sent;
_context6.next = 7;
return put(dispatch);
case 7:
case "end":
return _context6.stop();
}
}
}, _marked6);
}
/** @private */
export function fetchAnnotation(_ref14) {
var targetId, annotationId, callbacks, dispatch;
return _regeneratorRuntime.wrap(function fetchAnnotation$(_context7) {
while (1) {
switch (_context7.prev = _context7.next) {
case 0:
targetId = _ref14.targetId, annotationId = _ref14.annotationId;
callbacks = {
failure: function failure(_ref15) {
var error = _ref15.error,
json = _ref15.json,
response = _ref15.response;
return receiveAnnotationFailure(targetId, annotationId, error);
},
success: function success(_ref16) {
var json = _ref16.json,
response = _ref16.response;
return receiveAnnotation(targetId, annotationId, json);
}
};
_context7.next = 4;
return call(fetchIiifResource, annotationId, {}, callbacks);
case 4:
dispatch = _context7.sent;
_context7.next = 7;
return put(dispatch);
case 7:
case "end":
return _context7.stop();
}
}
}, _marked7);
}
/** */
export function fetchResourceManifest(_ref17) {
var manifestId, manifestJson, manifests;
return _regeneratorRuntime.wrap(function fetchResourceManifest$(_context8) {
while (1) {
switch (_context8.prev = _context8.next) {
case 0:
manifestId = _ref17.manifestId, manifestJson = _ref17.manifestJson;
if (!manifestJson) {
_context8.next = 5;
break;
}
_context8.next = 4;
return put(receiveManifest(manifestId, manifestJson));
case 4:
return _context8.abrupt("return");
case 5:
if (manifestId) {
_context8.next = 7;
break;
}
return _context8.abrupt("return");
case 7:
_context8.next = 9;
return select(getManifests) || {};
case 9:
manifests = _context8.sent;
if (manifests[manifestId]) {
_context8.next = 12;
break;
}
return _context8.delegateYield(fetchManifest({
manifestId: manifestId
}), "t0", 12);
case 12:
case "end":
return _context8.stop();
}
}
}, _marked8);
}
/** */
export function fetchManifests() {
var manifests,
i,
manifestId,
_args9 = arguments;
return _regeneratorRuntime.wrap(function fetchManifests$(_context9) {
while (1) {
switch (_context9.prev = _context9.next) {
case 0:
_context9.next = 2;
return select(getManifests);
case 2:
manifests = _context9.sent;
i = 0;
case 4:
if (!(i < _args9.length)) {
_context9.next = 12;
break;
}
manifestId = i < 0 || _args9.length <= i ? undefined : _args9[i];
if (manifests[manifestId]) {
_context9.next = 9;
break;
}
_context9.next = 9;
return call(fetchManifest, {
manifestId: manifestId
});
case 9:
i += 1;
_context9.next = 4;
break;
case 12:
case "end":
return _context9.stop();
}
}
}, _marked9);
}
/** */
export default function iiifSaga() {
return _regeneratorRuntime.wrap(function iiifSaga$(_context10) {
while (1) {
switch (_context10.prev = _context10.next) {
case 0:
_context10.next = 2;
return all([takeEvery(ActionTypes.REQUEST_MANIFEST, fetchManifest), takeEvery(ActionTypes.REQUEST_INFO_RESPONSE, fetchInfoResponse), takeEvery(ActionTypes.REQUEST_SEARCH, fetchSearchResponse), takeEvery(ActionTypes.REQUEST_ANNOTATION, fetchAnnotation), takeEvery(ActionTypes.ADD_RESOURCE, fetchResourceManifest)]);
case 2:
case "end":
return _context10.stop();
}
}
}, _marked10);
}