@instructure/canvas-rce 5.14.1 → 5.14.2

package/es/rce/plugins/shared/Upload/UsageRightsSelectBox.js

@@ -15,13 +15,13 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import formatMessage from '../../../../format-message';
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { View } from '@instructure/ui-view';
 import { TextInput } from '@instructure/ui-text-input';
-
 const ShowCreativeCommonsOptions = _ref => {
   let {
     ccLicense,
@@ -48,7 +48,6 @@ const ShowCreativeCommonsOptions = _ref => {
     value: license.id
   }, license.name))));
 };
-
 const ShowMessage = () => {
   return /*#__PURE__*/React.createElement("div", {
     className: "alert"
@@ -60,7 +59,6 @@ const ShowMessage = () => {
     }
   }, formatMessage("If you do not select usage rights now, this file will be unpublished after it's uploaded."))));
 };
-
 const UsageRightsSelectBox = _ref3 => {
   let {
     contextType,
@@ -100,23 +98,19 @@ const UsageRightsSelectBox = _ref3 => {
     function getUsageRightsOptions() {
       fetch(apiUrl()).then(res => res.text()).then(res => setLicenseOptions(JSON.parse(res))).catch(() => {});
     }
-
     function apiUrl() {
       const context = contextType.replace(/([^s])$/, '$1s'); // pluralize
-
       return `/api/v1/${context}/${contextId}/content_licenses`;
     }
-
     getUsageRightsOptions();
   }, [contextType, contextId]);
-
   function handleChange(value) {
-    setUsageRightsState(state => ({ ...state,
+    setUsageRightsState(state => ({
+      ...state,
       usageRight: value
     }));
     setShowMessage(showMessageProp && value === 'choose');
   }
-
   return /*#__PURE__*/React.createElement(View, {
     as: "div"
   }, /*#__PURE__*/React.createElement(View, {
@@ -138,7 +132,8 @@ const UsageRightsSelectBox = _ref3 => {
     value: contentOption.value
   }, contentOption.display)))), showCreativeCommonsOptions && /*#__PURE__*/React.createElement(ShowCreativeCommonsOptions, {
     ccLicese: ccLicense,
-    setCCLicense: license => setUsageRightsState(state => ({ ...state,
+    setCCLicense: license => setUsageRightsState(state => ({
+      ...state,
       ccLicense: license
     })),
     licenseOptions: licenseOptions
@@ -148,7 +143,8 @@ const UsageRightsSelectBox = _ref3 => {
   }, /*#__PURE__*/React.createElement(TextInput, {
     renderLabel: formatMessage('Copyright Holder:'),
     value: copyrightHolder,
-    onChange: (e, value) => setUsageRightsState(state => ({ ...state,
+    onChange: (e, value) => setUsageRightsState(state => ({
+      ...state,
       copyrightHolder: value
     })),
     placeholder: formatMessage('(c) 2001 Acme Inc.')
@@ -157,7 +153,6 @@ const UsageRightsSelectBox = _ref3 => {
     margin: "medium 0"
   }, showMessage && /*#__PURE__*/React.createElement(ShowMessage, null)));
 };
-
 UsageRightsSelectBox.propTypes = {
   usageRightsState: PropTypes.shape({
     ccLicense: PropTypes.string,

package/es/rce/plugins/shared/Upload/doFileUpload.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import ReactDOM from 'react-dom';
 import formatMessage from '../../../../format-message';
 import React from 'react';
@@ -25,7 +26,8 @@ export default function doFileUpload(ed, document, opts) {
     accept,
     panels,
     preselectedFile
-  } = { ...opts
+  } = {
+    ...opts
   };
   const title = accept !== null && accept !== void 0 && accept.startsWith('image/') ? formatMessage('Upload Image') : formatMessage('Upload File');
   let shownResolve;
@@ -34,21 +36,18 @@ export default function doFileUpload(ed, document, opts) {
     let {
       UploadFile
     } = _ref;
-
     const container = document.querySelector('.canvas-rce-upload-container') || (() => {
       const elem = document.createElement('div');
       elem.className = 'canvas-rce-upload-container';
       document.body.appendChild(elem);
       return elem;
     })();
-
     return new Promise(resolve => {
       const handleDismiss = () => {
         ReactDOM.unmountComponentAtNode(container);
         ed.focus(false);
         resolve('dismissed');
       };
-
       const wrappedSubmit = function () {
         try {
           return handleSubmit(...arguments);
@@ -56,8 +55,7 @@ export default function doFileUpload(ed, document, opts) {
           resolve('submitted');
         }
       };
-
-      ReactDOM.render( /*#__PURE__*/React.createElement(UploadFile, {
+      ReactDOM.render(/*#__PURE__*/React.createElement(UploadFile, {
         preselectedFile: preselectedFile,
         accept: accept,
         editor: ed,

package/es/rce/plugins/shared/Upload/index.js

@@ -15,5 +15,6 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import { UploadFilePanelIds, handleSubmit, UploadFile } from './UploadFile';
 export { UploadFilePanelIds, handleSubmit, UploadFile };

package/es/rce/plugins/shared/ai_tools/AIResponseModal.js

@@ -1,5 +1,4 @@
 import _pt from "prop-types";
-
 /*
  * Copyright (C) 2024 - present Instructure, Inc.
  *
@@ -17,12 +16,12 @@ import _pt from "prop-types";
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React from 'react';
 import formatMessage from '../../../../format-message';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { Modal } from '@instructure/ui-modal';
-
 const AIResponseModal = _ref => {
   let {
     open,
@@ -59,7 +58,6 @@ const AIResponseModal = _ref => {
     margin: "medium 0 0 medium"
   }, formatMessage('Insert'))));
 };
-
 AIResponseModal.propTypes = {
   open: _pt.bool.isRequired,
   html: _pt.string.isRequired,

package/es/rce/plugins/shared/ai_tools/AIToolsTray.js

@@ -1,5 +1,4 @@
 import _pt from "prop-types";
-
 /*
  * Copyright (C) 2024 - present Instructure, Inc.
  *
@@ -17,6 +16,7 @@ import _pt from "prop-types";
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import formatMessage from '../../../../format-message';
 import { Button, CloseButton, CondensedButton, IconButton } from '@instructure/ui-buttons';
@@ -35,9 +35,7 @@ import { showFlashAlert } from '../../../../common/FlashAlert';
 import doFetchApi from '../do-fetch-api-effect';
 import { AIWandSVG, AIAvatarSVG, InsertSVG, CopySVG, RefreshSVG, DislikeSVG } from './aiicons';
 import { AIResponseModal } from './AIResponseModal';
-
 const msgid = () => uid('msg', 3);
-
 const modifyAllTaskMessage = formatMessage('Hello. Please describe the modifications you would like to make to your composition.');
 const modifySelectionTaskMessage = formatMessage('Hello. Please describe the modifications you would like to make to your selection.');
 const generateTaskMessage = formatMessage('Please decribe what you would like to compose.');
@@ -62,7 +60,6 @@ export const AIToolsTray = _ref => {
         transition: container.style.transition
       };
     }
-
     return {};
   });
   const [isOpen, setIsOpen] = useState(open);
@@ -95,7 +92,6 @@ export const AIToolsTray = _ref => {
   }, [initChatMessages]);
   useLayoutEffect(() => {
     var _chatContainerRef$cur;
-
     const lastbox = (_chatContainerRef$cur = chatContainerRef.current) === null || _chatContainerRef$cur === void 0 ? void 0 : _chatContainerRef$cur.querySelector('.ai-chat-box:last-child');
     lastbox === null || lastbox === void 0 ? void 0 : lastbox.scrollIntoView({
       behavior: 'smooth',
@@ -121,7 +117,6 @@ export const AIToolsTray = _ref => {
       const ed_rect = ed.getBoundingClientRect();
       const padding = parseInt(edstyle.paddingRight, 10);
       const tray_left = window.innerWidth - trayRef.offsetWidth;
-
       if (ed_rect.right > tray_left) {
         ed.style.boxSizing = 'border-box';
         ed.style.width = `${ed_rect.width - (ed_rect.right - tray_left - padding)}px`;
@@ -135,9 +130,10 @@ export const AIToolsTray = _ref => {
     }
   }, [containerStyle, open, trayRef]);
   const getResponse = useCallback(prompt => {
-    setWaitingForResponse(true); // the .finally triggered the error even though there is a .catch
-    // eslint-disable-next-line promise/catch-or-return
+    setWaitingForResponse(true);
 
+    // the .finally triggered the error even though there is a .catch
+    // eslint-disable-next-line promise/catch-or-return
     doFetchApi({
       path: '/api/v1/rich_content/generate',
       method: 'POST',
@@ -156,7 +152,6 @@ export const AIToolsTray = _ref => {
       const {
         json
       } = result;
-
       if (json.error) {
         chatMessagesRef.current.push({
           id: msgid(),
@@ -217,7 +212,6 @@ export const AIToolsTray = _ref => {
   }, [onInsertContent]);
   const handleCopyResponse = useCallback(async responseText => {
     try {
-      // @ts-expect-error ClipboardItem.supports really does exist
       if (ClipboardItem.supports('text/html')) {
         const htmlBlob = new Blob([responseText], {
           type: 'text/html'
@@ -230,7 +224,6 @@ export const AIToolsTray = _ref => {
         div.innerHTML = responseText;
         await navigator.clipboard.writeText(div.textContent || '');
       }
-
       showFlashAlert({
         message: formatMessage('Response copied to clipboard'),
         type: 'success',
@@ -254,7 +247,6 @@ export const AIToolsTray = _ref => {
   const handleShowWholeResponse = useCallback(event => {
     const msgId = event.target.dataset.messageId;
     const message = chatMessagesRef.current.find(msg => msg.id === msgId);
-
     if (message) {
       setResponseHtml(message.message);
     }
@@ -270,7 +262,6 @@ export const AIToolsTray = _ref => {
     onReplaceContent(responseHtml);
     handleCloseResponseModal();
   }, [handleCloseResponseModal, onReplaceContent, responseHtml]);
-
   const sharkfin = () => {
     return /*#__PURE__*/React.createElement("svg", {
       width: "14",
@@ -288,14 +279,11 @@ export const AIToolsTray = _ref => {
       strokeWidth: "2"
     }));
   };
-
   const renderResponse = msgId => {
     const message = chatMessagesRef.current.find(msg => msg.id === msgId);
-
     if (!message) {
       return /*#__PURE__*/React.createElement("span", null, formatMessage("I'm sorry, but I cannot find the AI's answer"));
     }
-
     const div = document.createElement('div');
     div.innerHTML = message.message;
     return /*#__PURE__*/React.createElement("div", {
@@ -313,9 +301,9 @@ export const AIToolsTray = _ref => {
       onClick: handleShowWholeResponse,
       "data-message-id": msgId
     }, formatMessage('Show all'))));
-  }; // TODO: should the response box get truncated?
-
+  };
 
+  // TODO: should the response box get truncated?
   const renderChatBox = (message, key) => {
     return /*#__PURE__*/React.createElement("div", {
       id: message.id,
@@ -346,11 +334,9 @@ export const AIToolsTray = _ref => {
         top: '-18px',
         // Adjust this value to position the sharkfin
         left: '40px' // Adjust this value to align the sharkfin horizontally
-
       }
     }, sharkfin())), message.type === 'response' ?
     /*#__PURE__*/
-
     /* TODO: why is it to wide w/o maxWidth? */
     React.createElement("div", {
       style: {
@@ -394,12 +380,10 @@ export const AIToolsTray = _ref => {
       size: "x-small"
     }))) : null);
   };
-
   const renderChatMessages = () => {
     const messages = chatMessagesRef.current.map(message => {
       return renderChatBox(message, message.id);
     });
-
     if (waitingForResponse) {
       messages.push(renderChatBox({
         id: msgid(),
@@ -407,10 +391,8 @@ export const AIToolsTray = _ref => {
         message: formatMessage('Waiting for response')
       }, 'ai-waiting-message'));
     }
-
     return messages;
   };
-
   return /*#__PURE__*/React.createElement(Tray, {
     contentRef: el => setTrayRef(el),
     label: "AIToolsTray",

package/es/rce/plugins/shared/ai_tools/aiicons.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 // @ts-expect-error
 import { IconCopyLine, IconRefreshLine } from '@instructure/ui-icons/es/svg';
 const AIWandSVG = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">

package/es/rce/plugins/shared/ai_tools/index.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 export * from './aiicons';
 export * from './AIToolsTray';
 export * from './AIResponseModal';

package/es/rce/plugins/shared/buildDownloadUrl.js

@@ -18,14 +18,12 @@
 import { ICON_MAKER_PARAM } from '../instructure_icon_maker/svg/constants';
 export default function buildDownloadUrl(url) {
   let downloadUrl;
-
   try {
     downloadUrl = new URL(url);
   } catch (e) {
     // eslint-disable-next-line no-throw-literal
     throw `Error parsing ${url}. 'buildDownloadUrl' only supports absolute URLs.`;
   }
-
   downloadUrl.searchParams.append(ICON_MAKER_PARAM, 1);
   return downloadUrl.toString();
 }

package/es/rce/plugins/shared/canvasContentUtils.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React, { Suspense } from 'react';
 import { Spinner } from '@instructure/ui-spinner';
 import formatMessage from '../../../format-message';
@@ -27,19 +28,18 @@ const thePanels = {
   media: /*#__PURE__*/React.lazy(() => import('../instructure_record/MediaPanel')),
   all: /*#__PURE__*/React.lazy(() => import('./RceFileBrowser')),
   unknown: /*#__PURE__*/React.lazy(() => import('./UnknownFileTypePanel'))
-}; // Returns a Suspense wrapped lazy loaded component
-// pulled from useLazy's cache
+};
 
+// Returns a Suspense wrapped lazy loaded component
+// pulled from useLazy's cache
 export function DynamicPanel(props) {
   let key = '';
-
   if (props.contentType === 'links') {
     key = 'links';
   } else {
     key = props.contentSubtype in thePanels ? props.contentSubtype : 'unknown';
-  } // @ts-expect-error
-
-
+  }
+  // @ts-expect-error
   const Component = thePanels[key];
   return /*#__PURE__*/React.createElement(Suspense, {
     fallback: /*#__PURE__*/React.createElement(Spinner, {
@@ -164,14 +164,11 @@ export const FILTER_SETTINGS_BY_PLUGIN = {
 };
 export function isLoading(sprops) {
   var _sprops$collections$a, _sprops$collections$a2, _sprops$collections$d, _sprops$collections$m, _sprops$collections$q, _sprops$collections$w, _sprops$documents$cou, _sprops$documents$use, _sprops$documents$gro, _sprops$media$course, _sprops$media$user, _sprops$media$group, _sprops$all_files;
-
   return ((_sprops$collections$a = sprops.collections.announcements) === null || _sprops$collections$a === void 0 ? void 0 : _sprops$collections$a.isLoading) || ((_sprops$collections$a2 = sprops.collections.assignments) === null || _sprops$collections$a2 === void 0 ? void 0 : _sprops$collections$a2.isLoading) || ((_sprops$collections$d = sprops.collections.discussions) === null || _sprops$collections$d === void 0 ? void 0 : _sprops$collections$d.isLoading) || ((_sprops$collections$m = sprops.collections.modules) === null || _sprops$collections$m === void 0 ? void 0 : _sprops$collections$m.isLoading) || ((_sprops$collections$q = sprops.collections.quizzes) === null || _sprops$collections$q === void 0 ? void 0 : _sprops$collections$q.isLoading) || ((_sprops$collections$w = sprops.collections.wikiPages) === null || _sprops$collections$w === void 0 ? void 0 : _sprops$collections$w.isLoading) || ((_sprops$documents$cou = sprops.documents.course) === null || _sprops$documents$cou === void 0 ? void 0 : _sprops$documents$cou.isLoading) || ((_sprops$documents$use = sprops.documents.user) === null || _sprops$documents$use === void 0 ? void 0 : _sprops$documents$use.isLoading) || ((_sprops$documents$gro = sprops.documents.group) === null || _sprops$documents$gro === void 0 ? void 0 : _sprops$documents$gro.isLoading) || ((_sprops$media$course = sprops.media.course) === null || _sprops$media$course === void 0 ? void 0 : _sprops$media$course.isLoading) || ((_sprops$media$user = sprops.media.user) === null || _sprops$media$user === void 0 ? void 0 : _sprops$media$user.isLoading) || ((_sprops$media$group = sprops.media.group) === null || _sprops$media$group === void 0 ? void 0 : _sprops$media$group.isLoading) || ((_sprops$all_files = sprops.all_files) === null || _sprops$all_files === void 0 ? void 0 : _sprops$all_files.isLoading);
 }
-
 function renderLoading() {
   return formatMessage('Loading');
 }
-
 export const UploadCanvasPanelIds = ['user_documents', 'course_documents', 'group_documents', 'user_images', 'course_images', 'group_images', 'user_media', 'course_media', 'group_media', 'course_links', 'group_links', 'list_icon_maker_icons', 'all'];
 export const CanvasPanelTitles = {
   user_documents: formatMessage('User Documents'),

package/es/rce/plugins/shared/compressionUtils.js

@@ -15,19 +15,16 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 const DEFAULT_TARGET_QUALITY = 0.75;
 export const MAX_IMAGE_SIZE_BYTES = 500 * 1024;
-
 function blobToBase64(blob) {
   return new Promise(resolve => {
     const reader = new FileReader();
-
     reader.onloadend = () => resolve(reader.result);
-
     reader.readAsDataURL(blob);
   });
 }
-
 function drawImageOnCanvasElement(_ref) {
   let {
     image,
@@ -42,7 +39,6 @@ function drawImageOnCanvasElement(_ref) {
     height
   } = image;
   let compressedImageWidth, compressedImageHeight;
-
   if (width > previewWidth || height > previewHeight) {
     if (width > height) {
       compressedImageWidth = previewWidth;
@@ -54,7 +50,6 @@ function drawImageOnCanvasElement(_ref) {
       compressedImageWidth = compressedImageHeight = previewHeight;
     }
   }
-
   const canvas = document.createElement('canvas');
   canvas.width = compressedImageWidth;
   canvas.height = compressedImageHeight;
@@ -62,7 +57,6 @@ function drawImageOnCanvasElement(_ref) {
   ctx.drawImage(image, 0, 0, compressedImageWidth, compressedImageHeight);
   canvas.toBlob(blob => blob ? resolve(blob) : reject(blob), 'image/jpeg', quality);
 }
-
 export function canCompressImage() {
   // Some old browsers don't support toBlob
   return Boolean(document.createElement('canvas').toBlob);
@@ -83,7 +77,6 @@ export function compressImage(_ref3) {
   return new Promise((resolve, reject) => {
     const image = new Image();
     image.src = encodedImage;
-
     image.onload = function () {
       drawImageOnCanvasElement({
         image,

package/es/rce/plugins/shared/dateUtils.js

@@ -15,12 +15,12 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import moment from 'moment-timezone';
 export const applyTimezoneOffsetToDate = (date, targetTimezone) => {
   if (!targetTimezone) {
     return moment(date).toDate();
   }
-
   const currentTimezoneOffset = moment(date).utcOffset();
   const expectedTimezoneOffset = moment.tz(date, targetTimezone).utcOffset();
   const totalOffset = expectedTimezoneOffset - currentTimezoneOffset;

package/es/rce/plugins/shared/do-fetch-api-effect/defaultFetchOptions.js

@@ -15,12 +15,14 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import getCookie from './get-cookie';
-const csrfToken = getCookie('_csrf_token'); // these are duplicated in application_helper.rb#prefetch_xhr
+const csrfToken = getCookie('_csrf_token');
+
+// these are duplicated in application_helper.rb#prefetch_xhr
 // because we don't have a good pattern for sharing them yet.
 // If you change these defaults, you should probably cascade that change
 // to that ruby location
-
 export const defaultFetchOptions = () => ({
   credentials: 'same-origin',
   headers: {

package/es/rce/plugins/shared/do-fetch-api-effect/doFetchApi.js

@@ -1,5 +1,3 @@
-// @ts-nocheck
-
 /*
  * Copyright (C) 2019 - present Instructure, Inc.
  *
@@ -17,10 +15,11 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
+// @ts-expect-error
 import parseLinkHeader from './parse-link-header';
 import { defaultFetchOptions } from './defaultFetchOptions';
 import { toQueryString } from './query-string-encoding';
-
 function constructRelativeUrl(_ref) {
   let {
     path,
@@ -29,8 +28,9 @@ function constructRelativeUrl(_ref) {
   const queryString = toQueryString(params);
   if (queryString.length === 0) return path;
   return path + '?' + queryString;
-} // https://fetch.spec.whatwg.org/#requestinit
+}
 
+// https://fetch.spec.whatwg.org/#requestinit
 
 // NOTE: we do NOT deep-merge customFetchOptions.headers, they should be passed
 // in the headers arg instead.
@@ -43,14 +43,13 @@ export default async function doFetchApi(_ref2) {
     body,
     fetchOpts = {}
   } = _ref2;
-  const finalFetchOptions = { ...defaultFetchOptions()
+  const finalFetchOptions = {
+    ...defaultFetchOptions()
   };
-
   if (body && typeof body !== 'string') {
     body = JSON.stringify(body);
     finalFetchOptions.headers['Content-Type'] = 'application/json';
   }
-
   Object.assign(finalFetchOptions.headers, headers);
   Object.assign(finalFetchOptions, fetchOpts);
   const url = constructRelativeUrl({
@@ -61,18 +60,16 @@ export default async function doFetchApi(_ref2) {
     body,
     method,
     ...finalFetchOptions,
+    // eslint-disable-next-line no-undef
     credentials: finalFetchOptions.credentials
   });
-
   if (!response.ok) {
     const err = new Error(`doFetchApi received a bad response: ${response.status} ${response.statusText}`);
     Object.assign(err, {
       response
     }); // in case anyone wants to check it for something
-
     throw err;
   }
-
   const linkHeader = response.headers.get('Link');
   const link = linkHeader && parseLinkHeader(linkHeader) || undefined;
   const text = await response.text();

package/es/rce/plugins/shared/do-fetch-api-effect/index.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import doFetchApi from './doFetchApi';
 export * from './get-cookie';
 export * from './parse-link-header';

package/es/rce/plugins/shared/do-fetch-api-effect/parse-link-header.js

@@ -15,29 +15,26 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 // based on https://github.com/thlorenz/parse-link-header/blob/master/index.js (MIT)
+
 function parseQueryParams(linkUrl) {
   const queryParams = {};
   const urlParts = linkUrl.split('?');
-
   if (urlParts.length > 1) {
     urlParts[1].split('&').forEach(param => {
       const [key, value] = param.split('=');
       queryParams[key] = decodeURIComponent(value);
     });
   }
-
   return queryParams;
 }
-
 function parseLink(link) {
   try {
     const linkMatch = link.match(/<([^>]*)>\s*(.*)/);
-
     if (!linkMatch) {
       return null;
     }
-
     const [, linkUrl, partsString] = linkMatch;
     const parts = partsString.split(';').map(part => part.trim());
     const info = {
@@ -45,46 +42,40 @@ function parseLink(link) {
     };
     parts.forEach(part => {
       const partMatch = part.match(/(.+)\s*=\s*"?([^"]+)"?/);
-
       if (partMatch) {
         const [, key, value] = partMatch;
         info[key.trim()] = value.trim();
       }
     });
-    return { ...parseQueryParams(linkUrl),
+    return {
+      ...parseQueryParams(linkUrl),
       ...info
     };
   } catch (e) {
     return null;
   }
 }
-
 function hasRel(x) {
   return x !== null && 'rel' in x;
 }
-
 function intoRels(acc, x) {
   x.rel.split(/\s+/).forEach(rel => {
-    const { ...rest
+    const {
+      ...rest
     } = x;
-
     switch (rel) {
       case 'first':
         acc.first = rest;
         break;
-
       case 'prev':
         acc.prev = rest;
         break;
-
       case 'current':
         acc.current = rest;
         break;
-
       case 'next':
         acc.next = rest;
         break;
-
       case 'last':
         acc.last = rest;
         break;
@@ -92,13 +83,10 @@ function intoRels(acc, x) {
   });
   return acc;
 }
-
 const PARSE_LINK_HEADER_MAXLEN = 2000;
 const PARSE_LINK_HEADER_THROW_ON_MAXLEN_EXCEEDED = process.env.PARSE_LINK_HEADER_THROW_ON_MAXLEN_EXCEEDED != null;
-
 function checkHeader(linkHeader) {
   if (!linkHeader) return false;
-
   if (linkHeader.length > PARSE_LINK_HEADER_MAXLEN) {
     if (PARSE_LINK_HEADER_THROW_ON_MAXLEN_EXCEEDED) {
       throw new Error(`Input string too long, it should be under ${PARSE_LINK_HEADER_MAXLEN} characters.`);
@@ -106,10 +94,8 @@ function checkHeader(linkHeader) {
       return false;
     }
   }
-
   return true;
 }
-
 export default function parseLinkHeader(linkHeader) {
   if (!checkHeader(linkHeader)) return null;
   return linkHeader.split(/,\s*(?=<)/).map(parseLink).filter(hasRel).reduce(intoRels, {});