@instructure/canvas-rce 5.11.1 → 5.12.2

package/lib/enhance-user-content/enhance_user_content.js

@@ -1,396 +0,0 @@
-/*
- * Copyright (C) 2011 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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 { IconDownloadLine, IconExternalLinkLine } from '@instructure/ui-icons/es/svg';
-import formatMessage from '../format-message';
-import { closest, getData, hide, insertAfter, setData, show } from './jqueryish_funcs';
-import { getTld, isExternalLink, showFilePreview, youTubeID } from './instructure_helper';
-import mediaCommentThumbnail from './media_comment_thumbnail';
-import { addParentFrameContextToUrl } from '../rce/plugins/instructure_rce_external_tools/util/addParentFrameContextToUrl';
-import Mathml, { MathJaxDirective } from './mathml'; // in jest the es directory doesn't exist so stub the undefined svg
-
-const IconDownloadSVG = (IconDownloadLine === null || IconDownloadLine === void 0 ? void 0 : IconDownloadLine.src) || '<svg></svg>';
-const IconExternalLinkSVG = (IconExternalLinkLine === null || IconExternalLinkLine === void 0 ? void 0 : IconExternalLinkLine.src) || '<svg></svg>';
-
-function makeDownloadButton(download_url, filename) {
-  const a = document.createElement('a');
-  a.setAttribute('class', 'file_download_btn');
-  a.setAttribute('role', 'button');
-  a.setAttribute('download', '');
-  a.setAttribute('style', 'margin-inline-start: 5px; text-decoration: none;');
-  a.setAttribute('href', download_url);
-  const $icon = document.createElement('span');
-  $icon.setAttribute('role', 'presentation');
-  $icon.innerHTML = IconDownloadSVG;
-  $icon.firstChild.setAttribute('style', 'width:1em; height:1em; vertical-align:middle; fill:currentColor');
-  a.appendChild($icon);
-  const srspan = document.createElement('span');
-  srspan.setAttribute('class', 'screenreader-only');
-  srspan.textContent = formatMessage('Download {filename}', {
-    filename
-  });
-  a.appendChild(srspan);
-  return a;
-}
-
-function makeExternalLinkIcon(forLink) {
-  const dir = forLink && window.getComputedStyle(forLink).direction || 'ltr';
-  const $icon = document.createElement('span');
-  $icon.setAttribute('class', 'external_link_icon');
-  const style = `margin-inline-start: 5px; display: inline-block; text-indent: initial; ${dir === 'rtl' ? 'transform:scale(-1, 1)' : ''}`;
-  $icon.setAttribute('style', style);
-  $icon.setAttribute('role', 'presentation');
-  $icon.innerHTML = IconExternalLinkSVG;
-  $icon.firstChild.setAttribute('style', 'width:1em; height:1em; vertical-align:middle; fill:currentColor');
-  const srspan = document.createElement('span');
-  srspan.setAttribute('class', 'screenreader-only');
-  srspan.textContent = formatMessage('Links to an external site.');
-  $icon.appendChild(srspan);
-  return $icon;
-}
-
-function handleYoutubeLink($link) {
-  const href = $link.getAttribute('href');
-  const id = youTubeID(href || '');
-
-  if (id && !$link.classList.contains('inline_disabled')) {
-    const $after = document.createElement('a');
-    $after.setAttribute('href', href);
-    $after.setAttribute('class', 'youtubed');
-    const img = document.createElement('img');
-    img.src = '/images/play_overlay.png';
-    img.className = 'media_comment_thumbnail';
-    img.alt = getData($link, 'preview-alt') || '';
-    img.style.backgroundImage = `url(//img.youtube.com/vi/${id}/2.jpg)`;
-    $after.appendChild(img);
-    $after.addEventListener('click', function (event) {
-      event.preventDefault();
-      const $this = event.currentTarget;
-      const $video = document.createElement('span');
-      $video.setAttribute('class', 'youtube_holder');
-      $video.style.display = 'block';
-      const iframe = document.createElement('iframe');
-      iframe.src = `//www.youtube.com/embed/${id}?autoplay=1&rel=0&hl=en_US&fs=1`;
-      iframe.setAttribute('frameborder', '0');
-      iframe.setAttribute('width', '425');
-      iframe.setAttribute('height', '344');
-      iframe.setAttribute('allowfullscreen', '');
-      $video.appendChild(iframe);
-      const br = document.createElement('br');
-      $video.appendChild(br);
-      const link = document.createElement('a');
-      link.href = '#';
-      link.setAttribute('style', 'font-size: 0.8em;');
-      link.setAttribute('class', 'hide_youtube_embed_link');
-      link.textContent = formatMessage('Minimize Video');
-      $video.appendChild(link);
-      $video.querySelectorAll('.hide_youtube_embed_link').forEach($elem => {
-        $elem.addEventListener('click', function (event2) {
-          event2.preventDefault();
-          $video.parentElement.removeChild($video);
-          show($after);
-        });
-      });
-      insertAfter($video, $this);
-      hide($this);
-    });
-    $link.classList.add('youtubed');
-    insertAfter($after, $link);
-  }
-}
-
-let preview_counter = 0;
-
-function previewId() {
-  return `preview_${++preview_counter}`;
-}
-
-function buildUrl(url) {
-  try {
-    return new URL(url);
-  } catch (e) {// Don't raise an error
-  }
-}
-
-export function enhanceUserContent() {
-  let container = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
-  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const {
-    customEnhanceFunc,
-    canvasOrigin,
-    kalturaSettings,
-    disableGooglePreviews,
-    canvasLinksTarget,
-
-    /**
-     * For MathML configuration
-     */
-    new_math_equation_handling,
-    explicit_latex_typesetting,
-    locale,
-
-    /**
-     * When used inside of an LTI tool, this contains the canvas global id of the tool.
-     */
-    containingCanvasLtiToolId
-  } = opts;
-  const content = container instanceof HTMLElement && container || document.getElementById('content') || document;
-
-  const showFilePreviewEx = event => showFilePreview(event, {
-    canvasOrigin,
-    disableGooglePreviews
-  });
-
-  content.querySelectorAll('.user_content:not(.enhanced)').forEach(elem => {
-    elem.classList.add('unenhanced');
-    explicit_latex_typesetting && elem.classList.add(MathJaxDirective.Process);
-  });
-  const mathml = new Mathml({
-    new_math_equation_handling,
-    explicit_latex_typesetting
-  }, {
-    locale
-  });
-  content.querySelectorAll('.unenhanced').forEach(unenhanced_elem => {
-    explicit_latex_typesetting && mathml.processNewMathInElem(unenhanced_elem);
-    unenhanced_elem.querySelectorAll('img').forEach(img => {
-      const src = img.getAttribute('src');
-
-      if (!/^\/[^/]/.test(src)) {
-        return;
-      } // if the image file is unpublished it's replaced with the lock image
-      // and canvas adds hidden=1 to the URL.
-      // we also need to strip the alt text
-
-
-      if (/hidden=1$/.test(src)) {
-        img.setAttribute('alt', formatMessage('This image is currently unavailable'));
-      }
-    });
-    setData(unenhanced_elem, 'unenhanced_content_html', unenhanced_elem.innerHTML); // guarantee relative links point to canvas
-
-    if (canvasOrigin) {
-      const attributes = ['href', 'src'];
-      const selector = '[href], [src]';
-      unenhanced_elem.querySelectorAll(selector).forEach(element => {
-        try {
-          for (const a of attributes) {
-            const potentialUrl = element.getAttribute(a);
-
-            if (!/^\/[^/]/.test(potentialUrl)) {
-              continue;
-            }
-
-            const absoluteUrl = new URL(potentialUrl, canvasOrigin);
-            element.setAttribute(a, absoluteUrl.href);
-
-            if (canvasLinksTarget && element.tagName === 'A' && (!element.getAttribute('target') || element.getAttribute('target') === '_blank')) {
-              element.setAttribute('target', canvasLinksTarget);
-            }
-          }
-        } catch (_ignore) {// canvasOrigin probably isn't a valid base url
-        }
-      });
-    } // add parent_frame_context to canvas iframes to allow them loading inside another LTI tool
-
-
-    if (containingCanvasLtiToolId != null) {
-      unenhanced_elem.querySelectorAll('iframe[src]').forEach(iframeElem => {
-        const src = iframeElem.getAttribute('src');
-
-        if (src.startsWith(canvasOrigin)) {
-          iframeElem.setAttribute('src', addParentFrameContextToUrl(src, containingCanvasLtiToolId));
-        }
-      });
-    } // tell LTI tools that they are launching from within the active RCE
-
-
-    unenhanced_elem.querySelectorAll('iframe[src]').forEach(iframeElem => {
-      const src = iframeElem.getAttribute('src');
-
-      if (src.startsWith(canvasOrigin)) {
-        iframeElem.setAttribute('src', src.replace('display=in_rce', 'display=borderless'));
-      }
-    });
-    unenhanced_elem.querySelectorAll('a:not(.not_external, .external)').forEach(childLink => {
-      if (!isExternalLink(childLink, canvasOrigin)) return;
-      if (childLink.tagName === 'IMG' || childLink.querySelectorAll('img').length > 0) return;
-      childLink.classList.add('external');
-      childLink.setAttribute('target', '_blank');
-      childLink.setAttribute('rel', 'noreferrer noopener');
-      const $linkSpan = document.createElement('span');
-      const $linkText = childLink.innerHTML;
-      $linkSpan.innerHTML = $linkText;
-
-      while (childLink.firstChild) childLink.removeChild(childLink.firstChild);
-
-      childLink.appendChild($linkSpan);
-      const externalLinkIcon = makeExternalLinkIcon(childLink);
-      childLink.appendChild(externalLinkIcon);
-    });
-  });
-  content.querySelectorAll('a.instructure_file_link, a.instructure_scribd_file').forEach(file_link => {
-    const href = buildUrl(file_link.href); // Don't attempt to enhance links with no href
-
-    if (!href) return;
-    const matchesCanvasFile = href.pathname.match(/(?:\/(courses|groups|users)\/(\d+))?\/files\/(\d+)/);
-
-    if (!matchesCanvasFile) {
-      // a bug in the new RCE added instructure_file_link class name to all links
-      // only proceed if this is a canvas file link
-      return;
-    }
-
-    if (file_link.textContent.trim()) {
-      file_link.addEventListener('click', showFilePreviewEx);
-      const filename = file_link.textContent; // instructure_file_link_holder is used to find file_preview_link
-
-      const $span = document.createElement('span');
-      $span.setAttribute('class', 'instructure_file_holder link_holder instructure_file_link_holder');
-      const qs = href.searchParams;
-      qs.delete('wrap');
-      qs.append('download_frd', '1');
-      const download_url = `${href.origin}${href.pathname.replace(/(?:\/(download|preview))?$/, '/download')}?${qs}`;
-      const $download_btn = makeDownloadButton(download_url, filename);
-
-      if (file_link.classList.contains('instructure_scribd_file')) {
-        if (file_link.classList.contains('no_preview')) {
-          // link downloads
-          file_link.setAttribute('href', download_url);
-          file_link.removeAttribute('target');
-        } else if (file_link.classList.contains('inline_disabled')) {
-          // link opens in overlay
-          file_link.classList.add('preview_in_overlay');
-        } else {
-          // link previews
-          file_link.classList.add('file_preview_link');
-        }
-      }
-
-      file_link.classList.remove('instructure_file_link');
-      file_link.classList.remove('instructure_scribd_file');
-      file_link.parentElement.replaceChild($span, file_link);
-      $span.appendChild(file_link);
-      if ($download_btn) $span.appendChild($download_btn);
-    }
-  }); // Some schools have been using 'file_preview_link' for inline previews
-  // outside of the RCE so find them all after we've gone through and
-  // added our own (above)
-
-  content.querySelectorAll('.instructure_file_link_holder a.file_preview_link, .instructure_file_link_holder a.scribd_file_preview_link').forEach($link => {
-    if ($link.classList.contains('previewable')) {
-      return;
-    }
-
-    const preview_id = previewId();
-    $link.setAttribute('aria-expanded', 'false');
-    $link.setAttribute('aria-controls', preview_id);
-    $link.classList.add('previewable');
-    $link.addEventListener('click', showFilePreviewEx);
-    const $preview_container = document.createElement('div');
-    $preview_container.setAttribute('role', 'region');
-    $preview_container.setAttribute('class', 'preview_container');
-    $preview_container.id = preview_id;
-    $preview_container.setAttribute('style', 'display: none;');
-    $link.parentElement.appendChild($preview_container);
-
-    if ($link.classList.contains('auto_open')) {
-      $link.click();
-    }
-  });
-  const unenhanced_anchors = content.querySelectorAll('.user_content.unenhanced a, .user_content.unenhanced+div.answers a');
-  unenhanced_anchors.forEach($anchor => {
-    $anchor.querySelectorAll('img.media_comment_thumbnail').forEach($thumbnail => {
-      const a = closest($thumbnail, 'a', content);
-      a === null || a === void 0 ? void 0 : a.classList.add('instructure_inline_media_comment');
-    });
-
-    if ($anchor.matches('.instructure_inline_media_comment')) {
-      $anchor.classList.remove('no-underline');
-      mediaCommentThumbnail($anchor, 'normal', false, kalturaSettings);
-    }
-
-    if ($anchor.matches('.instructure_video_link, .instructure_audio_link')) {
-      mediaCommentThumbnail($anchor, 'normal', true, kalturaSettings);
-    }
-
-    if (!$anchor.matches('.youtubed')) {
-      handleYoutubeLink($anchor);
-    }
-  });
-
-  if (customEnhanceFunc) {
-    customEnhanceFunc();
-  }
-
-  content.querySelectorAll('.user_content.unenhanced').forEach($elem => {
-    $elem.classList.remove('unenhanced');
-    $elem.classList.add('enhanced');
-  });
-  setTimeout(() => {
-    content.querySelectorAll('.user_content form.user_content_post_form:not(.submitted)').forEach($elem => {
-      $elem.submit();
-      $elem.classList.add('submitted');
-    });
-  }, 10); // Remove sandbox attribute from user content iframes to fix busted
-  // third-party content, like Google Drive documents.
-
-  document.querySelectorAll('.user_content iframe[sandbox="allow-scripts allow-forms allow-same-origin"]').forEach(frame => {
-    frame.removeAttribute('sandbox');
-    const src = frame.src;
-    frame.src = src;
-  });
-}
-export function makeAllExternalLinksExternalLinks() {
-  // in 100ms (to give time for everything else to load), find all the external links and add give them
-  // the external link look and behavior (force them to open in a new tab)
-  setTimeout(function () {
-    const content = document.getElementById('content');
-    if (!content) return;
-    const tld = getTld(window.location.hostname);
-    const links = content.querySelectorAll(`a[href*="//"]:not([href*="${tld}"])`); // technique for finding "external" links copied from https://davidwalsh.name/external-links-css
-
-    for (let i = 0; i < links.length; i++) {
-      const $link = links[i]; // don't mess with the ones that were already processed in enhanceUserContent
-
-      if ($link.classList.contains('external')) continue;
-      if ($link.matches('.open_in_a_new_tab')) continue;
-      if ($link.querySelectorAll('img').length > 0) continue;
-      if ($link.matches('.not_external')) continue;
-      if ($link.matches('.exclude_external_icon')) continue; // we have some pre-instui buttons that are styled links
-
-      if ($link.classList.contains('btn')) continue;
-      const $linkToReplace = $link;
-
-      if ($linkToReplace) {
-        const $linkIndicator = makeExternalLinkIcon();
-        $linkToReplace.classList.add('external');
-        $linkToReplace.querySelectorAll('span.ui-icon-extlink').forEach(c => c.remove);
-        $linkToReplace.setAttribute('target', '_blank');
-        $linkToReplace.setAttribute('rel', 'noreferrer noopener');
-        const $linkSpan = document.createElement('span');
-        const $linkText = $linkToReplace.innerHTML;
-        $linkSpan.innerHTML = $linkText;
-
-        while ($linkToReplace.firstChild) $linkToReplace.removeChild($linkToReplace.firstChild);
-
-        $linkToReplace.appendChild($linkSpan);
-        $linkToReplace.appendChild($linkIndicator);
-      }
-    }
-  }, 100);
-}

package/lib/enhance-user-content/index.js

@@ -1,21 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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 mediaCommentThumbnail from './media_comment_thumbnail';
-export * from './enhance_user_content';
-export { isPreviewable, loadDocPreview } from './doc_previews';
-export { mediaCommentThumbnail };

package/lib/enhance-user-content/instructure_helper.js

@@ -1,207 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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 formatMessage from '../format-message';
-import { showFlashAlert } from '../common/FlashAlert';
-import { isPreviewable, loadDocPreview, removeLoadingImage, showLoadingImage } from './doc_previews';
-import { show } from './jqueryish_funcs';
-import { parseUrlOrNull } from '../util/url-util';
-const youTubeRegEx = /^https?:\/\/(www\.youtube\.com\/watch.*v(=|\/)|youtu\.be\/)([^&#]*)/;
-export function youTubeID(path) {
-  const match = path.match(youTubeRegEx);
-
-  if (match && match[match.length - 1]) {
-    return match[match.length - 1];
-  }
-
-  return null;
-}
-export function getTld(hostname) {
-  hostname = (hostname || '').split(':')[0];
-  const parts = hostname.split('.'),
-        length = parts.length;
-  return (length > 1 ? [parts[length - 2], parts[length - 1]] : parts).join('.');
-}
-export function isExternalLink(element) {
-  let canvasOrigin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.origin;
-  let canvasHost;
-
-  try {
-    canvasHost = new URL(canvasOrigin).hostname;
-  } catch (_ex) {
-    canvasHost = window.location.hostname;
-  }
-
-  const href = element.getAttribute('href'); // if a browser doesnt support <a>.hostname then just dont mark anything as external, better to not get false positives.
-
-  return !!(href && href.length && !href.match(/^(mailto\:|javascript\:)/) && element.hostname && getTld(element.hostname) !== getTld(canvasHost));
-}
-export function showFilePreview(event) {
-  var _event$target, _event$currentTarget;
-
-  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  event.stopPropagation();
-  const {
-    canvasOrigin,
-    disableGooglePreviews
-  } = { ...opts
-  };
-  let target = null;
-
-  if ((_event$target = event.target) !== null && _event$target !== void 0 && _event$target.href) {
-    target = event.target;
-  } else if ((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.href) {
-    target = event.currentTarget;
-  } else {
-    return;
-  }
-
-  if (target.classList.contains('no_preview')) {
-    return;
-  }
-
-  if (target.classList.contains('inline_disabled') || target.classList.contains('preview_in_overlay')) {
-    showFilePreviewInOverlay(event, canvasOrigin);
-  } else {
-    showFilePreviewInline(event, canvasOrigin, disableGooglePreviews);
-  }
-}
-export function showFilePreviewInOverlay(event, canvasOrigin) {
-  var _event$target2, _event$currentTarget2, _target;
-
-  let target = null;
-
-  if ((_event$target2 = event.target) !== null && _event$target2 !== void 0 && _event$target2.href) {
-    target = event.target;
-  } else if ((_event$currentTarget2 = event.currentTarget) !== null && _event$currentTarget2 !== void 0 && _event$currentTarget2.href) {
-    target = event.currentTarget;
-  }
-
-  const matches = (_target = target) === null || _target === void 0 ? void 0 : _target.href.match(/\/files\/(\d+~\d+|\d+)/);
-
-  if (matches) {
-    if (event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {
-      // if any modifier keys are pressed, do the browser default thing
-      return;
-    }
-
-    event.preventDefault();
-    const url = new URL(target.href);
-    const verifier = url === null || url === void 0 ? void 0 : url.searchParams.get('verifier');
-    const file_id = matches[1]; // TODO:
-    // 1. what window should be be using
-    // 2. is that the right origin?
-    // 3. this is temporary until we can decouple the file previewer from canvas
-
-    window.top.postMessage({
-      subject: 'preview_file',
-      file_id,
-      verifier
-    }, canvasOrigin);
-  }
-}
-export function showFilePreviewInline(event, canvasOrigin, disableGooglePreviews) {
-  if (event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {
-    // if any modifier keys are pressed, do the browser default thing
-    return;
-  }
-
-  event.preventDefault();
-  const $link = event.currentTarget || event.target;
-
-  if ($link.getAttribute('aria-expanded') === 'true') {
-    // close the preview by clicking the "Minimize File Preview" link
-    const $preview = document.getElementById($link.getAttribute('aria-controls'));
-    $preview.querySelector('.hide_file_preview_link').click();
-    return;
-  }
-
-  showLoadingImage($link);
-  fetch($link.getAttribute('href').replace(/\/(download|preview)/, '') // download as part of the path
-  .replace(/wrap=1&?/, '') // wrap=1 as part of the query_string
-  .replace(/[?&]$/, ''), // any trailing chars if wrap=1 was at the end
-  {
-    method: 'GET',
-    headers: {
-      Accept: 'application/json'
-    },
-    credentials: 'include'
-  }).then(response => {
-    if (!response.ok) throw new Error(`${response.status}: ${response.statusText}`);
-    return response;
-  }).then(response => response.json()).then(data => {
-    const attachment = data && data.attachment;
-    removeLoadingImage($link);
-    let canvadoc_session_url = attachment.canvadoc_session_url;
-
-    if (attachment && (!disableGooglePreviews && isPreviewable(attachment.content_type) || canvadoc_session_url)) {
-      $link.setAttribute('aria-expanded', 'true');
-
-      if (canvasOrigin && canvadoc_session_url !== null) {
-        var _parseUrlOrNull;
-
-        canvadoc_session_url = (_parseUrlOrNull = parseUrlOrNull(canvadoc_session_url, canvasOrigin)) === null || _parseUrlOrNull === void 0 ? void 0 : _parseUrlOrNull.toString();
-      }
-
-      const $div = document.querySelector(`[id="${$link.getAttribute('aria-controls')}"]`);
-      $div.style.display = 'block';
-      loadDocPreview($div, {
-        canvadoc_session_url,
-        mimeType: attachment.content_type,
-        public_url: attachment.public_url,
-        attachment_preview_processing: attachment.workflow_state === 'pending_upload' || attachment.workflow_state === 'processing',
-        disableGooglePreviews
-      });
-      const $minimizeLink = document.createElement('a');
-      $minimizeLink.setAttribute('href', '#');
-      $minimizeLink.setAttribute('style', 'font-size: 0.8em;');
-      $minimizeLink.setAttribute('class', 'hide_file_preview_link');
-      $minimizeLink.textContent = formatMessage('Minimize File Preview');
-      $minimizeLink.addEventListener('click', event2 => {
-        event2.preventDefault();
-        resetInlinePreview($link, $div);
-      });
-      $div.prepend($minimizeLink);
-
-      if (Object.prototype.hasOwnProperty.call(event, 'originalEvent')) {
-        // Only focus this link if the open preview link was initiated by a real browser event
-        // If it was triggered by our auto_open stuff it shouldn't focus here.
-        $minimizeLink.focus();
-      }
-    }
-  }).catch(ex => {
-    showFlashAlert({
-      message: formatMessage('Failed getting file contents'),
-      type: 'error'
-    }); // eslint-disable-next-line no-console
-
-    console.error(ex);
-    resetInlinePreview($link);
-    removeLoadingImage($link);
-  });
-}
-
-function resetInlinePreview($link, $previewContainer) {
-  $link.setAttribute('aria-expanded', 'false');
-  show($link);
-  $link.focus();
-
-  if ($previewContainer) {
-    $previewContainer.innerHTML = '';
-    $previewContainer.style.display = 'none';
-  }
-}