@instructure/canvas-rce 5.12.1 → 5.12.2

package/lib/rce/plugins/instructure_links/validateURL.js

@@ -1,70 +0,0 @@
-/*
- * Copyright (C) 2020 - 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 { parse } from 'url';
-import formatMessage from '../../../format-message'; // keep in sync with the protocols permitted for <a href>
-// as listed in gems/canvas_sanitize/lib/canvas_sanitize/canvas_sanitize.rb
-
-const allowed_protocols = ['ftp:', 'http:', 'https:', 'mailto:', 'tel:', 'skype:']; // weakly validate a url
-// return true if valid
-// return false if not valid yet, but incomplete
-// throw an Error if invalid
-
-export default function validateURL(url) {
-  const href = url.trim();
-  const parsed = parse(href, false, true);
-  const protocol = parsed.protocol;
-
-  if (!protocol) {
-    if (parsed.href[0] === ':') {
-      // ":anything" is invalid
-      // need this check as an artifact of parse(href)
-      throw new Error(formatMessage('Protocol must be ftp, http, https, mailto, skype, tel or may be omitted'));
-    }
-
-    if (/^\/\/$/.test(href)) {
-      // "//" by itself is not a URL yet
-      return false;
-    }
-  } else if (protocol) {
-    if (!allowed_protocols.includes(protocol)) {
-      throw new Error(formatMessage('{p} is not a valid protocol which must be ftp, http, https, mailto, skype, tel or may be omitted', {
-        p: protocol.replace(/:$/, '')
-      }));
-    } // ftp, http, https require ://anything
-
-
-    if (/(?:ftp|http|https):\/\/.+/.test(href)) {
-      return true;
-    } // allow mailto:address, skype:participant, tel:911 or
-    // mailto://address, skype://participant, tel://911,
-
-
-    if (/(?:mailto|skype|tel):(\/\/)?[^/].*/.test(href)) {
-      return true;
-    } // http:/xyzzy is invalid
-
-
-    if (/^(?:ftp|http|https):\/{0,1}[^/]/.test(href)) {
-      throw new Error(formatMessage('Invalid URL'));
-    }
-
-    return false;
-  }
-
-  return true;
-}

package/lib/rce/plugins/instructure_media_embed/clickCallback.js

@@ -1,48 +0,0 @@
-/*
- * Copyright (C) 2020 - 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 ReactDOM from 'react-dom';
-import Bridge from '../../../bridge';
-export default function (ed, document) {
-  return import('./components/Embed').then(_ref => {
-    let {
-      Embed
-    } = _ref;
-    let container = document.querySelector('.canvas-rce-embed-container');
-
-    if (!container) {
-      container = document.createElement('div');
-      container.className = 'canvas-rce-embed-container';
-      document.body.appendChild(container);
-    }
-
-    const handleDismiss = () => {
-      ReactDOM.unmountComponentAtNode(container);
-      ed.focus(false);
-    };
-
-    const handleEmbedCode = embedCode => {
-      Bridge.insertEmbedCode(embedCode);
-    };
-
-    ReactDOM.render( /*#__PURE__*/React.createElement(Embed, {
-      onSubmit: handleEmbedCode,
-      onDismiss: handleDismiss
-    }), container);
-  });
-}

package/lib/rce/plugins/instructure_media_embed/components/Embed.js

@@ -1,68 +0,0 @@
-/*
- * Copyright (C) 2020 - 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, { useState } from 'react';
-import { Modal } from '@instructure/ui-modal';
-import formatMessage from '../../../../format-message';
-import { Button, CloseButton } from '@instructure/ui-buttons';
-import { Heading } from '@instructure/ui-heading';
-import { func } from 'prop-types';
-import { TextArea } from '@instructure/ui-text-area';
-import { instuiPopupMountNode } from '../../../../util/fullscreenHelpers';
-export function Embed(_ref) {
-  let {
-    onSubmit,
-    onDismiss
-  } = _ref;
-  const [embedCode, setEmbedCode] = useState('');
-  return /*#__PURE__*/React.createElement(Modal, {
-    "data-mce-component": true,
-    label: formatMessage('Embed'),
-    mountNode: instuiPopupMountNode,
-    size: "medium",
-    onDismiss: onDismiss,
-    open: true,
-    shouldCloseOnDocumentClick: false
-  }, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(CloseButton, {
-    onClick: onDismiss,
-    offset: "medium",
-    placement: "end",
-    screenReaderLabel: formatMessage('Close')
-  }), /*#__PURE__*/React.createElement(Heading, null, formatMessage('Embed'))), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(TextArea, {
-    maxHeight: "10rem",
-    label: formatMessage('Embed Code'),
-    value: embedCode,
-    onChange: e => {
-      setEmbedCode(e.target.value);
-    }
-  })), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: onDismiss
-  }, formatMessage('Close')), "\xA0", /*#__PURE__*/React.createElement(Button, {
-    onClick: e => {
-      e.preventDefault();
-      onSubmit(embedCode);
-      onDismiss();
-    },
-    color: "primary",
-    type: "submit",
-    disabled: !embedCode
-  }, formatMessage('Submit'))));
-}
-Embed.propTypes = {
-  onSubmit: func.isRequired,
-  onDismiss: func.isRequired
-};

package/lib/rce/plugins/instructure_media_embed/plugin.js

@@ -1,36 +0,0 @@
-/*
- * Copyright (C) 2020 - 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 clickCallback from './clickCallback';
-import formatMessage from '../../../format-message';
-import tinymce from 'tinymce'; // Register plugin
-
-tinymce.PluginManager.add('instructure_media_embed', function (ed) {
-  ed.addCommand('instructureMediaEmbed', () => clickCallback(ed, document)); // Register menu item
-
-  ed.ui.registry.addMenuItem('instructure_media_embed', {
-    text: formatMessage('Embed'),
-    icon: 'embed',
-    onAction: () => ed.execCommand('instructureMediaEmbed')
-  }); // Register toolbar button
-
-  ed.ui.registry.addButton('instructure_media_embed', {
-    tooltip: formatMessage('Embed'),
-    icon: 'embed',
-    onAction: () => ed.execCommand('instructureMediaEmbed')
-  });
-});

package/lib/rce/plugins/instructure_paste/pasteMenuCommand.js

@@ -1,117 +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/>.
- */
-
-/** ********************************************************
- * This file holds a mostly functional paste menu command
- * We decided not to use it since menu-past and kb-paste
- * would be subtly different. Keeping the file here
- * because figuring this stuff out wasn't trivial and
- * I didn't want to lose it.
- ********************************************************* */
-import formatMessage from '../../../format-message';
-import { showFlashAlert } from '../../../common/FlashAlert';
-export function initPasteMenuCommand(ed, handlePasteOrDrop) {
-  // the paste menu command is problematic in that it requires
-  // we get the copied data using the clipboard api, which is
-  // more limited than what the browser can do natively via
-  // meta+v.
-  // For example, if the user copies a file from the Finder,
-  // pasting via the menu command just gets you the filename.
-  ed.addCommand('instructurePaste', () => {
-    handlePasteMenuCommand();
-  });
-  ed.ui.registry.addMenuItem('instructure_paste', {
-    text: formatMessage('Paste'),
-    icon: 'paste',
-    onAction: () => ed.execCommand('instructurePaste'),
-
-    onSetup(_api) {
-      // If I add the shortcut, then it overwrites the browsers
-      // built-in keyboard shortcut for paste. we don't want that
-      ed.addShortcut('meta+v', null, () => {
-        ed.execCommand('instructurePaste');
-      });
-    }
-
-  });
-
-  async function handlePasteMenuCommand() {
-    try {
-      const cbitems = await window.navigator.clipboard.read();
-      const cbitem = cbitems[0];
-      const imageType = cbitem.types.find(t => /^image\//.test(t));
-
-      if (imageType) {
-        const blob = await cbitem.getType(imageType);
-        const file = new File([blob], imageType.replace('/', '.'), {
-          type: imageType
-        });
-        handlePasteOrDrop({
-          clipboardData: {
-            files: [file],
-            types: ['Files']
-          },
-          preventDefault: () => {}
-        });
-      } else if (cbitem.types.includes('text/html')) {
-        const blob = await cbitem.getType('text/html');
-        const text = await blob.text();
-        handlePasteOrDrop({
-          clipboardData: {
-            files: [],
-            types: ['text/html'],
-            getData: () => text
-          },
-          preventDefault: () => {}
-        });
-      } else if (cbitem.types.includes('text/plain')) {
-        const blob = await cbitem.getType('text/plain');
-        const text = await blob.text();
-        handlePasteOrDrop({
-          clipboardData: {
-            files: [],
-            types: ['text/plain'],
-            getData: () => text
-          },
-          preventDefault: () => {}
-        });
-      } else {
-        const textType = cbitem.types.find(t => /^text\//.test(t));
-
-        if (textType) {
-          const blob = await cbitem.getType(textType);
-          const text = await blob.text();
-          handlePasteOrDrop({
-            clipboardData: {
-              files: [],
-              types: [textType],
-              getData: () => text
-            },
-            preventDefault: () => {}
-          });
-        }
-      }
-    } catch (ex) {
-      showFlashAlert({
-        message: 'whoops:',
-        err: ex,
-        type: 'error'
-      });
-    }
-  }
-}

package/lib/rce/plugins/instructure_paste/plugin.js

@@ -1,174 +0,0 @@
-// @ts-nocheck
-
-/*
- * 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 tinymce from 'tinymce';
-import bridge from '../../../bridge';
-import configureStore from '../../../sidebar/store/configureStore';
-import { get as getSession } from '../../../sidebar/actions/session';
-import { uploadToMediaFolder } from '../../../sidebar/actions/upload';
-import doFileUpload from '../shared/Upload/doFileUpload';
-import formatMessage from '../../../format-message';
-import { isAudioOrVideo, isImage } from '../shared/fileTypeUtils';
-import { showFlashAlert } from '../../../common/FlashAlert';
-import { isMicrosoftWordContentInEvent } from '../shared/EventUtils';
-// assume that if there are multiple RCEs on the page,
-// they all talk to the same canvas
-const config = {
-  store: null,
-  session: null,
-  // null: we haven't gotten it yet, false: we don't need it
-  sessionPromise: null
-}; // when UploadFile renders
-// <StoreProvider {...trayProps}>
-//  {contentProps => {
-//     return (
-//       <UploadFileModal
-// The StoreProvider function calls configureStore which creates a new store
-// (We don't seem to have a way to grab an existing store)
-// So the configureStore and getSession logic gets repeated here for the
-// automatic file upload when pasting or dropping a file on the RCE
-
-function initStore(initProps) {
-  if (config.store === null) {
-    config.store = configureStore(initProps);
-  }
-
-  if (config.session === null) {
-    if (initProps.host && initProps.jwt) {
-      config.sessionPromise = getSession(config.store.dispatch, config.store.getState).then(() => {
-        config.session = config.store.getState().session;
-      }).catch(_err => {
-        // eslint-disable-next-line no-console
-        console.error('The Paste plugin failed to get canvas session data.');
-      });
-    } else {
-      // RCEWrapper will keep us from getting here, but we really should do something anyway.
-      config.session = false;
-      config.sessionPromise = Promise.resolve();
-    }
-  }
-
-  return config.store;
-}
-
-tinymce.PluginManager.add('instructure_paste', function (editor) {
-  const store = initStore(bridge.trayProps.get(editor));
-  /**
-   * Starts the file upload (and insertion) process for the given file.
-   *
-   * If usage rights are required, a dialog will be displayed.
-   *
-   * @returns a promise that resolves when the user has made their choice about uploading the file
-   */
-
-  async function requestFileInsertion(file) {
-    // it's very doubtful that we won't have retrieved the session data yet,
-    // since it takes a while for the RCE to initialize, but if we haven't
-    // wait until we do to carry on and finish pasting.
-    await config.sessionPromise;
-
-    if (config.session === null) {
-      // we failed to get the session and don't know if usage rights are required in this course|group
-      // In all probability, the file upload will fail too, but I feel like we have to do something here.
-      showFlashAlert({
-        message: formatMessage('If Usage Rights are required, the file will not publish until enabled in the Files page.'),
-        type: 'info'
-      });
-    } // even though usage rights might be required by the course, canvas has no place
-    // on the user to store it. Only Group and Course.
-
-
-    const requiresUsageRights = config.session.usageRightsRequired && /course|group/.test(bridge.trayProps.get(editor).contextType);
-
-    if (requiresUsageRights) {
-      return doFileUpload(editor, document, {
-        accept: file.type,
-        panels: ['COMPUTER'],
-        preselectedFile: file
-      }).closedPromise;
-    } else {
-      const fileMetaProps = {
-        altText: file.name,
-        contentType: file.type,
-        displayAs: 'embed',
-        isDecorativeImage: false,
-        name: file.name,
-        parentFolderId: 'media',
-        size: file.size,
-        domObject: file
-      };
-      let tabContext = 'documents';
-
-      if (isImage(file.type)) {
-        tabContext = 'images';
-      } else if (isAudioOrVideo(file.type)) {
-        tabContext = 'media';
-      }
-
-      store.dispatch(uploadToMediaFolder(tabContext, fileMetaProps));
-      return 'submitted';
-    }
-  }
-
-  async function handlePasteOrDrop(event) {
-    var _bridge$activeEditor, _bridge$activeEditor$, _editor$rceWrapper;
-
-    const isPaste = event.type === 'paste';
-    const dataTransfer = isPaste ? event.clipboardData : event.dataTransfer;
-    const files = Array.from((dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.files) || []);
-    const types = (dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.types) || [];
-    const isAudioVideoDisabled = (_bridge$activeEditor = bridge.activeEditor()) === null || _bridge$activeEditor === void 0 ? void 0 : (_bridge$activeEditor$ = _bridge$activeEditor.props) === null || _bridge$activeEditor$ === void 0 ? void 0 : _bridge$activeEditor$.instRecordDisabled; // delegate to tiny if there aren't any files to handle
-
-    if (!types.includes('Files')) return; // delegate to tiny if there is Microsoft Word content, because it may contain an image
-    // rendering of the content and we don't want to incorrectly paste the image
-    // instead of the actual rich content, which TinyMCE has special handing for
-
-    if (isMicrosoftWordContentInEvent(event)) return; // we're pasting file(s), prevent the default tinymce pasting behavior
-
-    event.preventDefault(); // Ensure the editor has focus, because downstream code requires that it does, and drag-n-drop
-    // events can be started when the editor doesn't have focus.
-
-    if (!editor.hasFocus()) (_editor$rceWrapper = editor.rceWrapper) === null || _editor$rceWrapper === void 0 ? void 0 : _editor$rceWrapper.focus(); // Checking if we've encountered an issue with file processing for paste events in the browser
-    // Specifically implementing due to this bug in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1699743
-    // However, there could be other issues that cause this condition so it's a nice safety net regardless
-
-    if (isPaste && files.some(file => file.size === 0)) {
-      showFlashAlert({
-        message: formatMessage('One or more files failed to paste. Please try uploading or dragging and dropping files.'),
-        type: 'error'
-      });
-      return;
-    }
-
-    for (const file of files) {
-      if (isAudioVideoDisabled && isAudioOrVideo(file.type)) {
-        // Skip audio and video files when disabled
-        continue;
-      } // This will finish once the dialog is closed, if one was created, putting this in a loop allows us
-      // to show a dialog for each file without them conflicting.
-      // eslint-disable-next-line no-await-in-loop
-
-
-      await requestFileInsertion(file);
-    }
-  }
-
-  editor.on('paste', handlePasteOrDrop);
-  editor.on('drop', handlePasteOrDrop);
-});

package/lib/rce/plugins/instructure_rce_external_tools/ExternalToolsEnv.js

@@ -1,169 +0,0 @@
-// @ts-nocheck
-
-/*
- * 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 RCEWrapper from '../../RCEWrapper';
-
-/**
- * Fallback iframe allowances used when they aren't provided to the editor.
- */
-export const fallbackIframeAllowances = ['geolocation *', 'microphone *', 'camera *', 'midi *', 'encrypted-media *', 'autoplay *', 'clipboard-write *', 'display-capture *'];
-/**
- * Type of the "editor buttons" that come from Canvas.
- *
- * They're actually the available LTI Tool configurations, so we give them a more reasonable name here.
- */
-
-/**
- * Gets the environment information for the external tools dialog for a given tinyMCE editor.
- */
-export function externalToolsEnvFor(editor) {
-  const props = () => {
-    var _ref, _RCEWrapper$getByEdit;
-
-    return (_ref = (_RCEWrapper$getByEdit = RCEWrapper.getByEditor(editor)) === null || _RCEWrapper$getByEdit === void 0 ? void 0 : _RCEWrapper$getByEdit.props) !== null && _ref !== void 0 ? _ref : undefined;
-  };
-
-  let cachedCanvasToolId;
-
-  function nonNullishArray(arr) {
-    return arr === null || arr === void 0 ? void 0 : arr.filter(it => it != null);
-  }
-
-  return {
-    editor: editor !== null && editor !== void 0 ? editor : null,
-
-    get rceWrapper() {
-      var _RCEWrapper$getByEdit2;
-
-      return (_RCEWrapper$getByEdit2 = RCEWrapper.getByEditor(editor)) !== null && _RCEWrapper$getByEdit2 !== void 0 ? _RCEWrapper$getByEdit2 : null;
-    },
-
-    get availableRceLtiTools() {
-      var _nonNullishArray, _props;
-
-      return (_nonNullishArray = nonNullishArray((_props = props()) === null || _props === void 0 ? void 0 : _props.ltiTools)) !== null && _nonNullishArray !== void 0 ? _nonNullishArray : [];
-    },
-
-    /**
-     * Gets information about the context in which the editor is launched.
-     */
-    get contextAssetInfo() {
-      var _props2;
-
-      const trayProps = (_props2 = props()) === null || _props2 === void 0 ? void 0 : _props2.trayProps;
-
-      if (trayProps != null) {
-        var _trayProps$containing;
-
-        const {
-          contextId,
-          contextType
-        } = (_trayProps$containing = trayProps.containingContext) !== null && _trayProps$containing !== void 0 ? _trayProps$containing : trayProps;
-
-        if (contextId != null && contextId.length > 0 && contextType != null && contextType.length > 0) {
-          return {
-            contextType,
-            contextId
-          };
-        }
-      }
-
-      return null;
-    },
-
-    get resourceSelectionUrlOverride() {
-      var _props$externalToolsC, _props3, _props3$externalTools;
-
-      return (_props$externalToolsC = (_props3 = props()) === null || _props3 === void 0 ? void 0 : (_props3$externalTools = _props3.externalToolsConfig) === null || _props3$externalTools === void 0 ? void 0 : _props3$externalTools.resourceSelectionUrlOverride) !== null && _props$externalToolsC !== void 0 ? _props$externalToolsC : null;
-    },
-
-    get ltiIframeAllowPolicy() {
-      var _nonNullishArray2, _props4, _props4$externalTools;
-
-      return ((_nonNullishArray2 = nonNullishArray((_props4 = props()) === null || _props4 === void 0 ? void 0 : (_props4$externalTools = _props4.externalToolsConfig) === null || _props4$externalTools === void 0 ? void 0 : _props4$externalTools.ltiIframeAllowances)) !== null && _nonNullishArray2 !== void 0 ? _nonNullishArray2 : fallbackIframeAllowances).join('; ');
-    },
-
-    get isA2StudentView() {
-      var _props$externalToolsC2, _props5, _props5$externalTools;
-
-      return (_props$externalToolsC2 = (_props5 = props()) === null || _props5 === void 0 ? void 0 : (_props5$externalTools = _props5.externalToolsConfig) === null || _props5$externalTools === void 0 ? void 0 : _props5$externalTools.isA2StudentView) !== null && _props$externalToolsC2 !== void 0 ? _props$externalToolsC2 : false;
-    },
-
-    get maxMruTools() {
-      var _props$externalToolsC3, _props6, _props6$externalTools;
-
-      return (_props$externalToolsC3 = (_props6 = props()) === null || _props6 === void 0 ? void 0 : (_props6$externalTools = _props6.externalToolsConfig) === null || _props6$externalTools === void 0 ? void 0 : _props6$externalTools.maxMruTools) !== null && _props$externalToolsC3 !== void 0 ? _props$externalToolsC3 : 5;
-    },
-
-    get canvasOrigin() {
-      var _props$canvasOrigin, _props7;
-
-      return (_props$canvasOrigin = (_props7 = props()) === null || _props7 === void 0 ? void 0 : _props7.canvasOrigin) !== null && _props$canvasOrigin !== void 0 ? _props$canvasOrigin : window.location.origin;
-    },
-
-    /**
-     * Gets the context id that should be used when launching LTI iframes.
-     */
-    get containingCanvasLtiToolId() {
-      var _props8, _props8$externalTools;
-
-      const propsToolId = (_props8 = props()) === null || _props8 === void 0 ? void 0 : (_props8$externalTools = _props8.externalToolsConfig) === null || _props8$externalTools === void 0 ? void 0 : _props8$externalTools.containingCanvasLtiToolId;
-
-      if (typeof propsToolId === 'string') {
-        return propsToolId;
-      }
-
-      try {
-        if (cachedCanvasToolId === undefined) {
-          // Fall back on localStorage until NQ implements
-          cachedCanvasToolId = window.localStorage.getItem('canvas_tool_id');
-        }
-
-        return cachedCanvasToolId;
-      } catch {
-        return null;
-      }
-    },
-
-    get editorSelection() {
-      var _editor$selection$get, _editor$selection;
-
-      return (_editor$selection$get = editor === null || editor === void 0 ? void 0 : (_editor$selection = editor.selection) === null || _editor$selection === void 0 ? void 0 : _editor$selection.getContent()) !== null && _editor$selection$get !== void 0 ? _editor$selection$get : null;
-    },
-
-    get editorContent() {
-      var _editor$getContent;
-
-      return (_editor$getContent = editor === null || editor === void 0 ? void 0 : editor.getContent()) !== null && _editor$getContent !== void 0 ? _editor$getContent : null;
-    },
-
-    insertCode(code) {
-      var _this$rceWrapper;
-
-      (_this$rceWrapper = this.rceWrapper) === null || _this$rceWrapper === void 0 ? void 0 : _this$rceWrapper.insertCode(code);
-    }
-
-  };
-}
-/**
- * Name of the parameter used to indicate to Canvas that it is being loaded in an iframe inside of an
- * LTI tool. It should be set to the global id of the containing tool.
- */
-
-export const PARENT_FRAME_CONTEXT_PARAM = 'parent_frame_context';