Use the URL api rather than normalize-url

The URL API is now in all browsers that we support: https://caniuse.com/url

Author: jcoyne

package-lock.json

@@ -48,7 +48,6 @@
     "jss-rtl": "^0.3.0",
     "lodash": "^4.17.11",
     "manifesto.js": "^4.2.0",
-    "normalize-url": "^4.5.0",
     "openseadragon": "^2.4.2",
     "prop-types": "^15.6.2",
     "re-reselect": "^4.0.0",

package.json

@@ -1,4 +1,3 @@
-import normalizeUrl from 'normalize-url';
 import MiradorCanvas from './MiradorCanvas';
 
 /**
@@ -136,13 +135,10 @@ export default class CanvasWorld {
   /** Get the IIIF content resource for an image */
   contentResource(infoResponseId) {
     const miradorCanvas = this.canvases.find(c => c.imageServiceIds.some(id => (
-      id && infoResponseId && normalizeUrl(id, { stripAuthentication: false })
-        === normalizeUrl(infoResponseId, { stripAuthentication: false }))));
+      id && infoResponseId && (new URL(id).href === new URL(infoResponseId).href))));
     if (!miradorCanvas) return undefined;
     return miradorCanvas.imageResources
-      .find(r => (
-        normalizeUrl(r.getServices()[0].id, { stripAuthentication: false })
-        === normalizeUrl(infoResponseId, { stripAuthentication: false })));
+      .find(r => (new URL(r.getServices()[0].id).href === new URL(infoResponseId).href));
   }
 
   /** @private */

src/lib/CanvasWorld.js

@@ -3,7 +3,6 @@ import {
 } 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,
@@ -80,8 +79,7 @@ function* fetchIiifResourceWithAuth(url, iiifResource, options, { degraded, fail
 
   const id = json['@id'] || json.id;
   if (response.ok) {
-    if (normalizeUrl(id, { stripAuthentication: false })
-      === normalizeUrl(url.replace(/info\.json$/, ''), { stripAuthentication: false })) {
+    if (new URL(id).href === new URL(url.replace(/info\.json$/, '').href)) {
       yield put(success({ json, response, tokenServiceId }));
       return;
     }