@instructure/canvas-rce 5.14.1 → 5.15.0

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,24 +35,21 @@ 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.');
-export const AIToolsTray = _ref => {
-  let {
-    open,
-    container,
-    mountNode,
-    contextId,
-    contextType,
-    currentContent,
-    onClose,
-    onInsertContent,
-    onReplaceContent
-  } = _ref;
+export const AIToolsTray = ({
+  open,
+  container,
+  mountNode,
+  contextId,
+  contextType,
+  currentContent,
+  onClose,
+  onInsertContent,
+  onReplaceContent
+}) => {
   const [trayRef, setTrayRef] = useState(null);
   const [containerStyle] = useState(() => {
     if (container) {
@@ -62,7 +59,6 @@ export const AIToolsTray = _ref => {
         transition: container.style.transition
       };
     }
-
     return {};
   });
   const [isOpen, setIsOpen] = useState(open);
@@ -94,10 +90,8 @@ export const AIToolsTray = _ref => {
     setUserPrompt('');
   }, [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({
+    const lastbox = chatContainerRef.current?.querySelector('.ai-chat-box:last-child');
+    lastbox?.scrollIntoView({
       behavior: 'smooth',
       block: 'nearest'
     });
@@ -121,7 +115,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,8 +128,9 @@ 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
 
     doFetchApi({
       path: '/api/v1/rich_content/generate',
@@ -156,7 +150,6 @@ export const AIToolsTray = _ref => {
       const {
         json
       } = result;
-
       if (json.error) {
         chatMessagesRef.current.push({
           id: msgid(),
@@ -217,7 +210,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 +222,6 @@ export const AIToolsTray = _ref => {
         div.innerHTML = responseText;
         await navigator.clipboard.writeText(div.textContent || '');
       }
-
       showFlashAlert({
         message: formatMessage('Response copied to clipboard'),
         type: 'success',
@@ -248,13 +239,11 @@ export const AIToolsTray = _ref => {
     getResponse(userPrompt);
   }, [getResponse, userPrompt]);
   const handleDislikeResponse = useCallback(() => {
-    // eslint-disable-next-line no-console
     console.log('dislike response'); // TODO: what?
   }, []);
   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 +259,6 @@ export const AIToolsTray = _ref => {
     onReplaceContent(responseHtml);
     handleCloseResponseModal();
   }, [handleCloseResponseModal, onReplaceContent, responseHtml]);
-
   const sharkfin = () => {
     return /*#__PURE__*/React.createElement("svg", {
       width: "14",
@@ -288,14 +276,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 +298,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 +331,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 +377,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 +388,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">
@@ -37,8 +38,8 @@ const InsertSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18
   <path d="M3.59082 14.4093H14.4099V3.59058H3.59082V14.4093ZM4.64532 4.64508H13.3551V13.3548H4.64532V4.64508Z" fill="#2D3B45"/>
   <path d="M9.52752 6.92065H8.47302V8.47278H6.9209V9.52728H8.47302V11.0794H9.52752V9.52728H11.0796V8.47278H9.52752V6.92065Z" fill="#2D3B45"/>
 </svg>`;
-const CopySVG = IconCopyLine === null || IconCopyLine === void 0 ? void 0 : IconCopyLine.src;
-const RefreshSVG = IconRefreshLine === null || IconRefreshLine === void 0 ? void 0 : IconRefreshLine.src;
+const CopySVG = IconCopyLine?.src;
+const RefreshSVG = IconRefreshLine?.src;
 const DislikeSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M2.17647 7.41176L3.2353 7.41176L3.2353 6.35294C2.65189 6.35294 2.17647 5.87859 2.17647 5.29411C2.17647 4.70964 2.65189 4.23529 3.2353 4.23529L4.29412 4.23529L4.29412 3.17647C3.71071 3.17647 3.2353 2.70211 3.2353 2.11764C3.2353 1.53317 3.71071 1.05882 4.29412 1.05882L13.2941 1.05882C14.7532 1.05882 15.9412 2.24576 15.9412 3.70588L15.9412 9.52941L14.9417 9.52941C13.6277 9.52941 12.3698 10.0694 11.4888 11.0086C10.2267 12.3554 8.738 14.4445 8.54953 16.9412L8.20859 16.9412C7.7353 16.9412 7.28953 16.7315 6.98671 16.3652C6.68071 15.9946 6.55683 15.5107 6.64788 15.0385C6.86071 13.9267 7.21224 12.8255 7.69083 11.7656C7.91424 11.2733 7.87188 10.71 7.58071 10.2568C7.28635 9.80153 6.78659 9.52941 6.24341 9.52941L2.17647 9.52941C1.59306 9.52941 1.11765 9.05506 1.11765 8.47059C1.11765 7.88611 1.59306 7.41176 2.17647 7.41176ZM0.0588235 8.47059C0.0588234 9.63847 1.00859 10.5882 2.17647 10.5882L6.24341 10.5882C6.42765 10.5882 6.59071 10.6761 6.69024 10.8307C6.78765 10.9821 6.80141 11.1642 6.72624 11.3294C6.21377 12.4645 5.83682 13.6461 5.60706 14.8405C5.45776 15.624 5.66212 16.4255 6.17035 17.0396C6.67541 17.6495 7.41871 18 8.20859 18L9.58824 18L9.58824 17.4706C9.58824 15.0851 11.042 13.0341 12.2607 11.7328C12.9426 11.0065 13.9199 10.5882 14.9416 10.5882L17 10.5882L17 3.70588C17 1.66235 15.3376 -1.45327e-07 13.2941 -3.23979e-07L4.29412 -1.11078e-06C3.12624 -1.21288e-06 2.17647 0.949763 2.17647 2.11765C2.17647 2.55282 2.30882 2.95835 2.53435 3.29506C1.71059 3.58518 1.11765 4.37188 1.11765 5.29412C1.11765 5.72929 1.25 6.13482 1.47553 6.47153C0.651767 6.76164 0.0588235 7.54835 0.0588235 8.47059Z" fill="#2D3B45"/>
 </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, {
@@ -163,15 +163,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);
+  return sprops.collections.announcements?.isLoading || sprops.collections.assignments?.isLoading || sprops.collections.discussions?.isLoading || sprops.collections.modules?.isLoading || sprops.collections.quizzes?.isLoading || sprops.collections.wikiPages?.isLoading || sprops.documents.course?.isLoading || sprops.documents.user?.isLoading || sprops.documents.group?.isLoading || sprops.media.course?.isLoading || sprops.media.user?.isLoading || sprops.media.group?.isLoading || 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,34 +15,29 @@
  * 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,
-    quality,
-    previewWidth,
-    previewHeight,
-    resolve,
-    reject
-  } = _ref;
+function drawImageOnCanvasElement({
+  image,
+  quality,
+  previewWidth,
+  previewHeight,
+  resolve,
+  reject
+}) {
   const {
     width,
     height
   } = image;
   let compressedImageWidth, compressedImageHeight;
-
   if (width > previewWidth || height > previewHeight) {
     if (width > height) {
       compressedImageWidth = previewWidth;
@@ -54,7 +49,6 @@ function drawImageOnCanvasElement(_ref) {
       compressedImageWidth = compressedImageHeight = previewHeight;
     }
   }
-
   const canvas = document.createElement('canvas');
   canvas.width = compressedImageWidth;
   canvas.height = compressedImageHeight;
@@ -62,28 +56,24 @@ 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);
 }
-export function shouldCompressImage(_ref2) {
-  let {
-    type,
-    size
-  } = _ref2;
+export function shouldCompressImage({
+  type,
+  size
+}) {
   return ['image/jpeg', 'image/webp', 'image/bmp', 'image/tiff'].includes(type) && size > MAX_IMAGE_SIZE_BYTES;
 }
-export function compressImage(_ref3) {
-  let {
-    encodedImage,
-    previewWidth,
-    previewHeight
-  } = _ref3;
+export function compressImage({
+  encodedImage,
+  previewWidth,
+  previewHeight
+}) {
   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,40 +15,39 @@
  * 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,
-    params
-  } = _ref;
+function constructRelativeUrl({
+  path,
+  params
+}) {
   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.
-export default async function doFetchApi(_ref2) {
-  let {
-    path,
-    method = 'GET',
-    headers = {},
-    params = {},
-    body,
-    fetchOpts = {}
-  } = _ref2;
-  const finalFetchOptions = { ...defaultFetchOptions()
+export default async function doFetchApi({
+  path,
+  method = 'GET',
+  headers = {},
+  params = {},
+  body,
+  fetchOpts = {}
+}) {
+  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({
@@ -63,16 +60,13 @@ export default async function doFetchApi(_ref2) {
     ...finalFetchOptions,
     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/get-cookie.js

@@ -24,6 +24,6 @@
  */
 export default function getCookie(cookieName) {
   const match = document.cookie.match('(^|[^;]+)\\s*' + cookieName + '\\s*=\\s*([^;]+)');
-  const first = match === null || match === void 0 ? void 0 : match.pop();
+  const first = match?.pop();
   return first ? decodeURIComponent(first) : undefined;
 }

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, {});

package/es/rce/plugins/shared/do-fetch-api-effect/query-string-encoding.js

@@ -15,19 +15,22 @@
  * 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/>.
  */
+
 // toQueryString does what jQuery's .param() does, only without having to bring in
 // all of jQuery.
+
 // URLSearchParams turns arrays into queries like   a=1,2,3
 // But our jQuery makes the older "PHP" style like  a[]=1&a[]=2&a[]=3
 // JQuery also magically deals with parameters that are functions, and recursive
 // objects within objects, {a: 1, b: {c: 2, d: 3}, e: 4} => a=1&b[c]=2&b[d]=3&e=4
 // ... so we have to do a lot of massaging with the params object before using it
 // So fun!
+
 export function toQueryString(params) {
-  const paramsWithIndexes = []; // fix up the array/object indexes to match the PHP standard
+  const paramsWithIndexes = [];
 
+  // fix up the array/object indexes to match the PHP standard
   const fixIndexes = elt => [elt[0].replace(/\[\d+\]$/, '[]').replace(/{/g, '[').replace(/}/g, ']'), elt[1]];
-
   function serialize(k, elt, suffix) {
     if (elt instanceof Function) {
       paramsWithIndexes.push([k + suffix, elt()]);
@@ -45,7 +48,6 @@ export function toQueryString(params) {
       paramsWithIndexes.push([k + suffix, elt]);
     }
   }
-
   Object.keys(params).forEach(k => serialize(k, params[k], ''));
   return new URLSearchParams(paramsWithIndexes.map(fixIndexes)).toString();
 }