@instructure/canvas-rce 5.11.1 → 5.12.2

package/lib/rce/plugins/shared/RceFileBrowser.js

@@ -1,106 +0,0 @@
-/*
- * Copyright (C) 2019 - 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 React, { useMemo } from 'react';
-import { func, object, string } from 'prop-types';
-import classnames from 'classnames';
-import { View } from '@instructure/ui-view';
-import { downloadToWrap } from '../../../common/fileUrl';
-import { mediaPlayerURLFromFile } from './fileTypeUtils';
-import RceApiSource from '../../../rcs/api';
-import addIconMakerAttributes from '../instructure_icon_maker/utils/addIconMakerAttributes'; // TODO: should find a better way to share this code
-
-import FileBrowser from '../../../canvasFileBrowser/FileBrowser';
-import { isPreviewable } from './Previewable';
-RceFileBrowser.propTypes = {
-  onFileSelect: func.isRequired,
-  onAllFilesLoading: func.isRequired,
-  searchString: string.isRequired,
-  canvasOrigin: string,
-  jwt: string.isRequired,
-  refreshToken: func,
-  host: string.isRequired,
-  source: object,
-  context: object.isRequired
-};
-export default function RceFileBrowser(props) {
-  const {
-    onFileSelect,
-    searchString,
-    onAllFilesLoading,
-    jwt,
-    refreshToken,
-    host,
-    source,
-    canvasOrigin
-  } = props;
-  const apiSource = useMemo(() => {
-    return source || new RceApiSource({
-      jwt,
-      refreshToken,
-      host,
-      canvasOrigin
-    });
-  }, [host, jwt, refreshToken, source, canvasOrigin]);
-
-  function handleFileSelect(fileInfo) {
-    var _fileInfo$api$embed, _fileInfo$api;
-
-    const content_type = fileInfo.api.type;
-    const canPreview = isPreviewable(content_type);
-    const url = downloadToWrap(fileInfo.src);
-    const embedded_iframe_url = mediaPlayerURLFromFile(fileInfo.api);
-    let onFileSelectParams = {
-      name: fileInfo.name,
-      title: fileInfo.name,
-      href: url,
-      embedded_iframe_url,
-      media_id: ((_fileInfo$api$embed = fileInfo.api.embed) === null || _fileInfo$api$embed === void 0 ? void 0 : _fileInfo$api$embed.id) || fileInfo.api.mediaEntryId,
-      target: '_blank',
-      content_type
-    };
-
-    if (((_fileInfo$api = fileInfo.api) === null || _fileInfo$api === void 0 ? void 0 : _fileInfo$api.category) === 'icon_maker_icons') {
-      onFileSelectParams.src = fileInfo.api.url;
-      addIconMakerAttributes(onFileSelectParams);
-    } else {
-      // do not add this to icon maker icons
-      const clazz = classnames('instructure_file_link', {
-        instructure_scribd_file: canPreview,
-        inline_disabled: true
-      });
-      onFileSelectParams = { ...onFileSelectParams,
-        class: clazz
-      };
-    }
-
-    onFileSelect(onFileSelectParams);
-  }
-
-  return /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    margin: "medium",
-    "data-testid": "instructure_links-FilesPanel"
-  }, /*#__PURE__*/React.createElement(FileBrowser, {
-    selectFile: handleFileSelect,
-    contentTypes: ['**'],
-    searchString: searchString,
-    onLoading: onAllFilesLoading,
-    source: apiSource,
-    context: props.context
-  }));
-}

package/lib/rce/plugins/shared/StoreContext.js

@@ -1,57 +0,0 @@
-/*
- * Copyright (C) 2019 - 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 React, { createContext, useContext, useState } from 'react';
-import { connect, Provider as ReduxProvider } from 'react-redux';
-import bridge from '../../../bridge';
-import sidebarHandlers from '../../../sidebar/containers/sidebarHandlers';
-import { propsFromState } from '../../../sidebar/containers/Sidebar';
-import configureStore from '../../../sidebar/store/configureStore';
-
-function Consumer(_ref) {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return children({
-    onLinkClick: bridge.insertLink,
-    onImageEmbed: bridge.embedImage,
-    onMediaEmbed: bridge.embedMedia,
-    onFileSelect: bridge.insertFileLink,
-    ...props
-  });
-}
-
-export const StoreConsumer = connect(propsFromState, sidebarHandlers)(Consumer);
-const StoreContext = /*#__PURE__*/createContext();
-export function StoreProvider(_ref2) {
-  let {
-    children,
-    ...storeProps
-  } = _ref2;
-  const [store] = useState(() => configureStore(storeProps));
-  return /*#__PURE__*/React.createElement(ReduxProvider, {
-    store: store
-  }, /*#__PURE__*/React.createElement(StoreConsumer, null, props => /*#__PURE__*/React.createElement(StoreContext.Provider, {
-    value: props
-  }, children(props))));
-}
-export function useStoreProps() {
-  const storeProps = useContext(StoreContext);
-  if (!storeProps) throw new Error('useStoreProps should be used within a StoreProvider');
-  return storeProps;
-}

package/lib/rce/plugins/shared/StudioLtiSupportUtils.js

@@ -1,71 +0,0 @@
-/*
- * Copyright (C) 2023 - 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 PropTypes, { bool, shape } from 'prop-types';
-export const parsedStudioOptionsPropType = shape({
-  resizable: bool.isRequired,
-  convertibleToLink: bool.isRequired
-});
-export function isStudioContentItemCustomJson(input) {
-  return typeof input === 'object' && input.source === 'studio';
-}
-export function studioAttributesFrom(customJson) {
-  var _customJson$resizable, _customJson$enableMed;
-
-  return {
-    'data-studio-resizable': (_customJson$resizable = customJson.resizable) !== null && _customJson$resizable !== void 0 ? _customJson$resizable : false,
-    'data-studio-tray-enabled': (_customJson$enableMed = customJson.enableMediaOptions) !== null && _customJson$enableMed !== void 0 ? _customJson$enableMed : false,
-    'data-studio-convertible-to-link': true
-  };
-}
-export function displayStyleFrom(studioAttributes) {
-  if (!studioAttributes) return '';
-  return studioAttributes['data-studio-resizable'] || studioAttributes['data-studio-tray-enabled'] ? 'inline-block' : '';
-}
-export function isStudioEmbeddedMedia(element) {
-  var _tinymceIframeShim$fi;
-
-  // Borrowing this structure from isMediaElement in ContentSelection.js
-  const tinymceIframeShim = (element === null || element === void 0 ? void 0 : element.tagName) === 'IFRAME' ? element === null || element === void 0 ? void 0 : element.parentElement : element;
-
-  if ((tinymceIframeShim === null || tinymceIframeShim === void 0 ? void 0 : (_tinymceIframeShim$fi = tinymceIframeShim.firstElementChild) === null || _tinymceIframeShim$fi === void 0 ? void 0 : _tinymceIframeShim$fi.tagName) !== 'IFRAME') {
-    return false;
-  }
-
-  return tinymceIframeShim.getAttribute('data-mce-p-data-studio-tray-enabled') === 'true';
-}
-export function parseStudioOptions(element) {
-  const tinymceIframeShim = (element === null || element === void 0 ? void 0 : element.tagName) === 'IFRAME' ? element === null || element === void 0 ? void 0 : element.parentElement : element;
-  return {
-    resizable: (tinymceIframeShim === null || tinymceIframeShim === void 0 ? void 0 : tinymceIframeShim.getAttribute('data-mce-p-data-studio-resizable')) === 'true',
-    convertibleToLink: (tinymceIframeShim === null || tinymceIframeShim === void 0 ? void 0 : tinymceIframeShim.getAttribute('data-mce-p-data-studio-convertible-to-link')) === 'true'
-  };
-}
-/**
- * Tinymce adds an overlay when you click on an iframe inside the editor. It will by default
- * add resize handles to the corners of the overlay. The code that adds these handles won't
- * if the overlay has `data-mce-resize='false'` on it. Here, we force that behavior when the
- * underlying iframe has a `data-studio-resizable='false'`
- */
-
-export function handleBeforeObjectSelected(e) {
-  const targetElement = e.target;
-
-  if (targetElement.getAttribute('data-mce-p-data-studio-resizable') === 'false') {
-    targetElement.setAttribute('data-mce-resize', 'false');
-  }
-}

package/lib/rce/plugins/shared/UnknownFileTypePanel.js

@@ -1,29 +0,0 @@
-/*
- * Copyright (C) 2019 - 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 React from 'react';
-import { View } from '@instructure/ui-view';
-import { Text } from '@instructure/ui-text';
-import formatMessage from '../../../format-message';
-export default function UnknownFileTypePanel() {
-  return /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    margin: "medium"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "danger"
-  }, formatMessage("Something went wrong and I don't know what to show you.")));
-}

package/lib/rce/plugins/shared/Upload/CategoryProcessor.js

@@ -1,27 +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 * as SvgProcessor from './SvgCategoryProcessor';
-export async function process(file) {
-  var _file$type;
-
-  // Determine which processor to use based on file type.
-  // If no matching processor is found for the given file type, return undefined
-  if (file !== null && file !== void 0 && (_file$type = file.type) !== null && _file$type !== void 0 && _file$type.includes(SvgProcessor.typeTest)) {
-    return await SvgProcessor.process(file);
-  }
-}

package/lib/rce/plugins/shared/Upload/ComputerPanel.js

@@ -1,334 +0,0 @@
-/*
- * Copyright (C) 2019 - 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/>.
- */
-// NOTE: if you're looking in here for the ComputerPanel that's used for
-// the RCE's Media > Upload/Record Media function, it's not this one
-// (though this panel can handle video with the right "accept" prop).
-// See @instructure/canvas-media/src/ComputerPanel.js
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { arrayOf, func, number, object, oneOfType, shape, string } from 'prop-types';
-import { StyleSheet, css } from 'aphrodite';
-import { FileDrop } from '@instructure/ui-file-drop';
-import { Billboard } from '@instructure/ui-billboard';
-import { Alert } from '@instructure/ui-alerts';
-import { IconButton } from '@instructure/ui-buttons';
-import { px } from '@instructure/ui-utils';
-import { PresentationContent } from '@instructure/ui-a11y-content';
-import { IconTrashLine } from '@instructure/ui-icons';
-import { Img } from '@instructure/ui-img';
-import { Text } from '@instructure/ui-text';
-import { TruncateText } from '@instructure/ui-truncate-text';
-import { Flex } from '@instructure/ui-flex';
-import { View } from '@instructure/ui-view';
-import { MediaPlayer } from '@instructure/ui-media-player';
-import { RocketSVG, useComputerPanelFocus, isAudio, isPreviewable, sizeMediaPlayer } from '@instructure/canvas-media';
-import formatMessage from '../../../../format-message';
-import { getIconFromType, isAudioOrVideo, isImage, isText, isIWork, getIWorkType } from '../fileTypeUtils';
-
-function isPreviewableAudioOrVideo(type) {
-  return isPreviewable(type) && isAudioOrVideo(type);
-}
-
-function readFile(theFile) {
-  const p = new Promise((resolve, reject) => {
-    const reader = new FileReader();
-
-    reader.onload = () => {
-      let result = reader.result;
-
-      if (isText(theFile.type) && result.length > 1000) {
-        result = `${result.substr(0, 1000)}...`;
-      }
-
-      resolve(result);
-    };
-
-    reader.onerror = () => {
-      reject(new Error(formatMessage('An error occured reading the file')));
-    };
-
-    if (theFile.size === 0) {
-      // canvas will reject uploading an empty file
-      reject(new Error(formatMessage('You may not upload an empty file.')));
-    }
-
-    if (isImage(theFile.type)) {
-      reader.readAsDataURL(theFile);
-    } else if (isText(theFile.type)) {
-      reader.readAsText(theFile);
-    } else if (isPreviewableAudioOrVideo(theFile.type)) {
-      const sources = [{
-        label: theFile.name,
-        src: URL.createObjectURL(theFile),
-        type: theFile.type
-      }];
-      resolve(sources);
-    } else {
-      let type = theFile.type; // Native JS File API returns empty string if it can't determine the type
-
-      if (type === '' && isIWork(theFile.name)) {
-        type = getIWorkType(theFile.name);
-      }
-
-      const icon = getIconFromType(type);
-      resolve(icon);
-    }
-  });
-  return p;
-}
-
-export default function ComputerPanel(_ref) {
-  let {
-    theFile,
-    setFile,
-    setError,
-    accept,
-    label,
-    bounds
-  } = _ref;
-  const [messages, setMessages] = useState([]);
-  const [preview, setPreview] = useState({
-    preview: null,
-    isLoading: false
-  }); // the trashcan is 38px tall and the 1.5rem margin-bottom
-  // the 350 is to guarantee the video doesn't oveflow into the copyright UI,
-  // which should probably be rendered here and not up in the modal because
-  // dealing with Tabs and size is nearly impossible
-
-  const height = Math.min(350, 0.8 * (bounds.height - 38 - px('1.5rem')));
-  const width = 0.8 * bounds.width;
-  useEffect(() => {
-    return () => {
-      if (Array.isArray(preview === null || preview === void 0 ? void 0 : preview.preview)) {
-        var _URL, _URL$revokeObjectURL;
-
-        (_URL = URL) === null || _URL === void 0 ? void 0 : (_URL$revokeObjectURL = _URL.revokeObjectURL) === null || _URL$revokeObjectURL === void 0 ? void 0 : _URL$revokeObjectURL.call(_URL, preview.preview[0].src);
-      }
-    };
-  }, [preview]);
-  useEffect(() => {
-    if (!theFile || preview.isLoading || preview.preview || preview.error) return;
-
-    async function getPreview() {
-      setPreview({
-        preview: null,
-        isLoading: true
-      });
-
-      try {
-        const previewer = await readFile(theFile);
-        setPreview({
-          preview: previewer,
-          isLoading: false
-        });
-        setError(null);
-
-        if (isImage(theFile.type)) {
-          // we need the preview to know the image size to show the placeholder
-          theFile.preview = previewer;
-          setFile(theFile);
-        }
-      } catch (ex) {
-        setError(ex);
-        setPreview({
-          preview: null,
-          error: ex.message,
-          isLoading: false
-        });
-      }
-    }
-
-    getPreview();
-  });
-  const handleLoadedMetadata = useCallback(event => {
-    const player = event.target;
-    const sz = sizeMediaPlayer(player, theFile.type, {
-      width,
-      height
-    });
-    player.style.width = sz.width;
-    player.style.height = sz.height;
-    player.style.margin = '0 auto'; // from this sub-package, I don't have a URL to use as the
-    // audio player's poster image. We can give it a background image though
-
-    player.classList.add(isAudio(theFile.type) ? 'audio-player' : 'video-player');
-  }, [theFile, width, height]);
-  const previewPanelRef = useRef(null);
-  const clearButtonRef = useRef(null);
-  const panelRef = useRef(null);
-  useComputerPanelFocus(theFile, panelRef, clearButtonRef);
-
-  function renderPreview() {
-    if (preview.isLoading) {
-      return /*#__PURE__*/React.createElement("div", {
-        "aria-live": "polite"
-      }, /*#__PURE__*/React.createElement(Text, {
-        color: "secondary"
-      }, formatMessage('Generating preview...')));
-    } else if (preview.error) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: css(styles.previewContainer),
-        "aria-live": "polite"
-      }, /*#__PURE__*/React.createElement(Alert, {
-        variant: "error"
-      }, preview.error));
-    } else if (preview.preview) {
-      if (isImage(theFile.type)) {
-        return /*#__PURE__*/React.createElement(Img, {
-          "aria-label": formatMessage('{filename} image preview', {
-            filename: theFile.name
-          }),
-          src: preview.preview,
-          constrain: "contain",
-          display: "block"
-        });
-      } else if (isText(theFile.type)) {
-        return /*#__PURE__*/React.createElement(View, {
-          as: "pre",
-          display: "block",
-          padding: "x-small",
-          textAlign: "start",
-          "aria-label": formatMessage('{filename} text preview', {
-            filename: theFile.name
-          })
-        }, /*#__PURE__*/React.createElement(TruncateText, {
-          maxLines: 21
-        }, preview.preview));
-      } else if (isPreviewableAudioOrVideo(theFile.type)) {
-        return /*#__PURE__*/React.createElement(MediaPlayer, {
-          sources: preview.preview,
-          onLoadedMetadata: handleLoadedMetadata
-        });
-      } else {
-        return /*#__PURE__*/React.createElement("div", {
-          "aria-label": formatMessage('{filename} file icon', {
-            filename: theFile.name
-          }),
-          className: css(styles.previewContainer),
-          style: {
-            textAlign: 'center'
-          }
-        }, /*#__PURE__*/React.createElement(preview.preview, {
-          size: "medium"
-        }), /*#__PURE__*/React.createElement(Text, {
-          as: "p",
-          weight: "normal"
-        }, formatMessage('No preview is available for this file.')));
-      }
-    }
-  }
-
-  if (theFile) {
-    const filename = theFile.name;
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        position: 'relative'
-      },
-      ref: previewPanelRef
-    }, /*#__PURE__*/React.createElement(Flex, {
-      direction: "row-reverse",
-      margin: "none none medium"
-    }, /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(IconButton, {
-      elementRef: el => {
-        clearButtonRef.current = el;
-      },
-      onClick: () => {
-        setFile(null);
-        setPreview({
-          preview: null,
-          isLoading: false,
-          error: null
-        });
-      },
-      renderIcon: IconTrashLine,
-      screenReaderLabel: formatMessage('Clear selected file: {filename}', {
-        filename
-      })
-    })), /*#__PURE__*/React.createElement(Flex.Item, {
-      shouldGrow: true,
-      shouldShrink: true
-    }, /*#__PURE__*/React.createElement(PresentationContent, null, /*#__PURE__*/React.createElement(Text, null, filename)))), /*#__PURE__*/React.createElement(View, {
-      as: "div",
-      width: `${width}px`,
-      height: `${height}px`,
-      textAlign: "center",
-      margin: "0 auto"
-    }, renderPreview()));
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    ref: panelRef
-  }, /*#__PURE__*/React.createElement(FileDrop, {
-    accept: accept,
-    onDropAccepted: _ref2 => {
-      let [file] = _ref2;
-
-      if (messages.length) {
-        setMessages([]);
-      }
-
-      setFile(file);
-    },
-    onDropRejected: () => {
-      setMessages(messages.concat({
-        text: formatMessage('Invalid file type'),
-        type: 'error'
-      }));
-    },
-    messages: messages,
-    renderLabel: /*#__PURE__*/React.createElement(Billboard, {
-      heading: label,
-      hero: /*#__PURE__*/React.createElement(RocketSVG, {
-        width: "3em",
-        height: "3em"
-      }),
-      message: formatMessage('Drag and drop, or click to browse your computer')
-    })
-  }));
-}
-ComputerPanel.propTypes = {
-  // instanceof File or the File object from DataTransfer which seems to be different
-  theFile: object,
-  setFile: func.isRequired,
-  setError: func.isRequired,
-  accept: oneOfType([string, arrayOf(string)]),
-  label: string.isRequired,
-  bounds: shape({
-    width: number,
-    height: number
-  })
-};
-ComputerPanel.defaultProps = {
-  bounds: {}
-};
-export const styles = StyleSheet.create({
-  previewContainer: {
-    maxHeight: '250px',
-    overflow: 'hidden',
-    boxSizing: 'border-box',
-    margin: '5rem .375rem 0',
-    position: 'relative'
-  },
-  previewArea: {
-    width: '100%',
-    height: '100%',
-    maxHeight: '250px',
-    boxSizing: 'border-box',
-    objectFit: 'contain',
-    overflow: 'hidden'
-  }
-});

package/lib/rce/plugins/shared/Upload/SvgCategoryProcessor.js

@@ -1,35 +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 { ICON_MAKER_ICONS, TYPE, SVG_TYPE } from '../../instructure_icon_maker/svg/constants';
-export const typeTest = SVG_TYPE;
-const sliceSize = 400; // bytes
-
-const iconMakerType = TYPE;
-export async function process(file) {
-  try {
-    // The first slice of 400 bytes is sufficient to grab
-    // the "type" metadata for icon maker SVGs
-    const slice = await file.slice(0, sliceSize).text();
-
-    if (slice.includes(iconMakerType)) {
-      return {
-        category: ICON_MAKER_ICONS
-      };
-    }
-  } catch {}
-}