@instructure/canvas-rce 5.11.1 → 5.12.2

package/lib/rce/plugins/tinymce-a11y-checker/utils/colors.js

@@ -1,43 +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/>.
- */
-export function stringifyRGBA(rgba) {
-  return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`;
-}
-export function parseRGBA(rgba) {
-  try {
-    const tokens = rgba.slice(5, -1).split(',');
-    if (tokens.length !== 4) throw new Error('Invalid color');
-    const [r, g, b, a] = tokens.map(n => Number(n.trim()) || 0);
-    return {
-      r,
-      g,
-      b,
-      a
-    };
-  } catch (e) {
-    return null;
-  }
-}
-export function restrictColorValues(rgba) {
-  return {
-    r: Math.max(Math.min(rgba.r, 255), 0),
-    g: Math.max(Math.min(rgba.g, 255), 0),
-    b: Math.max(Math.min(rgba.b, 255), 0),
-    a: Math.max(Math.min(rgba.a, 1), 0)
-  };
-}

package/lib/rce/plugins/tinymce-a11y-checker/utils/describe.js

@@ -1,66 +0,0 @@
-/*
- * Copyright (C) 2018 - 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 * as strings from './strings';
-const WORD_COUNT = 4;
-export default function describe(elem) {
-  if (!elem || !elem.tagName) {
-    return null;
-  }
-
-  switch (elem.tagName) {
-    case 'IMG':
-      return formatMessage('Image with filename {file}', {
-        file: strings.filename(elem.src)
-      });
-
-    case 'TABLE':
-      return formatMessage('Table starting with {start}', {
-        start: strings.firstWords(elem.textContent, WORD_COUNT)
-      });
-
-    case 'A':
-      return formatMessage('Link with text starting with {start}', {
-        start: strings.firstWords(elem.textContent, WORD_COUNT)
-      });
-
-    case 'P':
-      return formatMessage('Paragraph starting with {start}', {
-        start: strings.firstWords(elem.textContent, WORD_COUNT)
-      });
-
-    case 'TH':
-      return formatMessage('Table header starting with {start}', {
-        start: strings.firstWords(elem.textContent, WORD_COUNT)
-      });
-
-    case 'H1':
-    case 'H2':
-    case 'H3':
-    case 'H4':
-    case 'H5':
-      return formatMessage('Heading starting with {start}', {
-        start: strings.firstWords(elem.textContent, WORD_COUNT)
-      });
-
-    default:
-      return formatMessage('Element starting with {start}', {
-        start: strings.firstWords(elem.textContent, WORD_COUNT)
-      });
-  }
-}

package/lib/rce/plugins/tinymce-a11y-checker/utils/dom.js

@@ -1,160 +0,0 @@
-/*
- * Copyright (C) 2018 - 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 indicate from './indicate';
-const ELEMENT_NODE = 1;
-const WALK_BATCH_SIZE = 25;
-const _indexOf = Array.prototype.indexOf;
-export function walk(node, fn, done) {
-  const stack = [{
-    node,
-    index: 0
-  }];
-
-  const processBatch = () => {
-    let batchRemaining = WALK_BATCH_SIZE;
-
-    while (stack.length > 0 && batchRemaining > 0) {
-      const depth = stack.length - 1;
-      const node = stack[depth].node.childNodes[stack[depth].index];
-
-      if (node) {
-        stack[depth].index += 1;
-
-        if (node.nodeType === ELEMENT_NODE) {
-          fn(node);
-          stack.push({
-            node,
-            index: 0
-          });
-          batchRemaining -= 0;
-        }
-      } else {
-        stack.pop();
-      }
-    }
-
-    setTimeout(stack.length > 0 ? processBatch : done, 0);
-  };
-
-  processBatch();
-}
-export function select(elem) {
-  var _elem$ownerDocument;
-
-  let indicateFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : indicate;
-
-  if (elem == null) {
-    return;
-  }
-
-  elem.scrollIntoView(false);
-
-  if ((_elem$ownerDocument = elem.ownerDocument) !== null && _elem$ownerDocument !== void 0 && _elem$ownerDocument.documentElement) {
-    elem.ownerDocument.documentElement.scrollTop += 5; // room for the indicator highlight
-  }
-
-  indicateFn(elem);
-}
-export function prepend(parent, child) {
-  if (parent.childNodes.length > 0) {
-    parent.insertBefore(child, parent.childNodes[0]);
-  } else {
-    parent.appendChild(child);
-  }
-}
-export function changeTag(elem, tagName) {
-  const newElem = elem.ownerDocument.createElement(tagName);
-
-  while (elem.firstChild) {
-    newElem.appendChild(elem.firstChild);
-  }
-
-  for (let i = elem.attributes.length - 1; i >= 0; --i) {
-    newElem.attributes.setNamedItem(elem.attributes[i].cloneNode());
-  }
-
-  elem.parentNode.replaceChild(newElem, elem);
-  return newElem;
-}
-export function pathForNode(ancestor, decendant) {
-  const path = [];
-  let node = decendant;
-
-  while (true) {
-    if (node == ancestor) {
-      return path;
-    }
-
-    const parent = node.parentNode;
-
-    if (parent == null) {
-      return null;
-    }
-
-    path.push(_indexOf.call(parent.childNodes, node));
-    node = parent;
-  }
-}
-export function nodeByPath(ancestor, path) {
-  let node = ancestor;
-  let index;
-
-  while ((index = path.pop()) !== undefined) {
-    node = node.childNodes[index];
-
-    if (node == null) {
-      return null;
-    }
-  }
-
-  return node;
-}
-export function onlyContainsLink(elem) {
-  const links = elem.getElementsByTagName('a');
-
-  if (links.length) {
-    return links[0].textContent === elem.textContent;
-  } else {
-    return false;
-  }
-}
-export function splitStyleAttribute(styleString) {
-  const split = styleString.split(';');
-  return split.reduce((styleObj, attributeValue) => {
-    const pair = attributeValue.split(':');
-
-    if (pair.length === 2) {
-      styleObj[pair[0].trim()] = pair[1].trim();
-    }
-
-    return styleObj;
-  }, {});
-}
-export function createStyleString(styleObj) {
-  let styleString = Object.keys(styleObj).map(key => `${key}:${styleObj[key]}`).join(';');
-
-  if (styleString) {
-    styleString = `${styleString};`;
-  }
-
-  return styleString;
-}
-export function hasTextNode(elem) {
-  const nodes = Array.from(elem.childNodes);
-  return nodes.some(x => x.nodeType === Node.TEXT_NODE);
-}

package/lib/rce/plugins/tinymce-a11y-checker/utils/indicate.js

@@ -1,83 +0,0 @@
-/*
- * Copyright (C) 2018 - 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/>.
- */
-// The styling used to highlight the a11y violation.
-// These rules will be assigned to the selector we build below
-// that locates the violating element in the DOM
-export const INDICATOR_STYLE = `
-outline:2px solid #2D3B45;
-outline-offset:2px;
-`; // id of the style element where we inject CSS that will generate the
-// a11y violation hightlight.
-
-export const A11Y_CHECKER_STYLE_ELEM_ID = 'a11y-checker-style'; // Remove the current indicator(s) by removing the contents of
-// the style element
-
-export function clearIndicators(doc) {
-  const checker_style = doc.getElementById(A11Y_CHECKER_STYLE_ELEM_ID);
-
-  if (checker_style) {
-    checker_style.textContent = '';
-  }
-} // build a selector in the shape of
-// "body>:nth-child(x)>:nth-child(y)"
-// that will select the given elem in the body
-
-export function buildDepthSelector(elem) {
-  const elemBody = elem.ownerDocument.body;
-  const depths = [];
-  let target = elem;
-  let parent = target.parentElement;
-
-  while (target && parent && target !== elemBody) {
-    var _target;
-
-    const depth = findChildDepth(parent, target);
-    depths.unshift(`>:nth-child(${depth})`);
-    target = parent;
-    parent = (_target = target) === null || _target === void 0 ? void 0 : _target.parentElement;
-  }
-
-  return `body${depths.join('')}`;
-} // compute the ordinal of target relative to its parent
-
-export function findChildDepth(parent, target) {
-  if (!(parent && target)) return 0;
-  const children = parent.children;
-  const depth = Array.from(children).findIndex(child => child === target);
-  return depth + 1;
-} // guarantee that the <style> element we use for adding the
-// CSS that generates the a11y violation indicator exists in the dom
-
-export function ensureA11yCheckerStyleElement(doc) {
-  let styleElem = doc.getElementById(A11Y_CHECKER_STYLE_ELEM_ID);
-
-  if (!styleElem) {
-    styleElem = doc.createElement('style');
-    styleElem.id = A11Y_CHECKER_STYLE_ELEM_ID;
-    doc.head.appendChild(styleElem);
-  }
-
-  return styleElem;
-} // highlight the given element
-
-export default function indicate(elem) {
-  const doc = elem.ownerDocument;
-  const styleElem = ensureA11yCheckerStyleElement(doc);
-  const selector = buildDepthSelector(elem);
-  styleElem.textContent = `${selector}{${INDICATOR_STYLE}}`;
-}

package/lib/rce/plugins/tinymce-a11y-checker/utils/rgb-hex.js

@@ -1,57 +0,0 @@
-/*
- * Copyright (C) 2018 - 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 is taken from the rgb-hex npm module to ensure it is transpiled.
- */
-module.exports = (red, green, blue, alpha) => {
-  const isPercent = (red + (alpha || '')).toString().includes('%');
-
-  if (typeof red === 'string') {
-    const res = red.match(/(0?\.?\d{1,3})%?\b/g).map(Number); // TODO: use destructuring when targeting Node.js 6
-
-    red = res[0];
-    green = res[1];
-    blue = res[2];
-    alpha = res[3];
-  } else if (alpha !== undefined) {
-    alpha = parseFloat(alpha);
-  }
-
-  if (typeof red !== 'number' || typeof green !== 'number' || typeof blue !== 'number' || red > 255 || green > 255 || blue > 255) {
-    throw new TypeError('Expected three numbers below 256');
-  }
-
-  if (typeof alpha === 'number') {
-    if (!isPercent && alpha >= 0 && alpha <= 1) {
-      alpha = Math.round(255 * alpha);
-    } else if (isPercent && alpha >= 0 && alpha <= 100) {
-      alpha = Math.round(255 * alpha / 100);
-    } else {
-      throw new TypeError(`Expected alpha value (${alpha}) as a fraction or percentage`);
-    } // eslint-disable-next-line no-bitwise
-
-
-    alpha = (alpha | 1 << 8).toString(16).slice(1);
-  } else {
-    alpha = '';
-  } // eslint-disable-next-line no-bitwise
-
-
-  return (blue | green << 8 | red << 16 | 1 << 24).toString(16).slice(1) + alpha;
-};

package/lib/rce/plugins/tinymce-a11y-checker/utils/strings.js

@@ -1,40 +0,0 @@
-/*
- * Copyright (C) 2018 - 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/>.
- */
-export function filename(url) {
-  const pattern = /([^\/]*?)(\?.*)?$/;
-  const result = pattern.exec(url);
-  return result && result[1];
-}
-export function firstWords(text, num) {
-  const pattern = /\w+/g;
-  const words = [];
-  let result;
-
-  while (num > 0 && (result = pattern.exec(text))) {
-    --num;
-    words.push(result[0]);
-  }
-
-  let ret = words.join(' ');
-
-  if (result != null && pattern.exec(text)) {
-    ret += '…';
-  }
-
-  return ret;
-}

package/lib/rce/root.js

@@ -1,58 +0,0 @@
-/*
- * Copyright (C) 2018 - 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, { createRef } from 'react';
-import { render, unmountComponentAtNode } from 'react-dom';
-import RCEWrapper from './RCEWrapper';
-import normalizeProps from './normalizeProps';
-import formatMessage from '../format-message';
-
-if (!process || !process.env || !undefined) {
-  formatMessage.setup({
-    locale: 'en',
-    generateId: require('format-message-generate-id/underscored_crc32'),
-    missingTranslation: 'ignore'
-  });
-}
-
-export function renderIntoDiv(target, props, renderCallback) {
-  import('./tinyRCE').then(module => {
-    const tinyRCE = module.default; // normalize props
-
-    props = normalizeProps(props, tinyRCE);
-    formatMessage.setup({
-      locale: props.language
-    }); // render the editor to the target element
-
-    const renderedComponent = /*#__PURE__*/createRef();
-    render( /*#__PURE__*/React.createElement(RCEWrapper, Object.assign({
-      ref: renderedComponent
-    }, props, {
-      handleUnmount: () => unmountComponentAtNode(target)
-    })), target, () => {
-      // pass it back
-      renderCallback && renderCallback(renderedComponent.current);
-    });
-  }).catch(err => {
-    // eslint-disable-next-line no-console
-    console.error('Failed loading RCE', err);
-  });
-} // Adding this event listener fixes LA-212. I have no idea why. In Safari it
-// lets the user scroll the iframe via the mouse wheel without having to resize
-// the RCE or the window or something else first.
-
-if (window) window.addEventListener('wheel', () => {});

package/lib/rce/sanitizePlugins.js

@@ -1,32 +0,0 @@
-/*
- * Copyright (C) 2018 - 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/>.
- */
-export function sanitizePlugins(plugins) {
-  if (plugins !== undefined) {
-    let cleanPlugins = plugins;
-
-    if (typeof plugins === 'string') {
-      cleanPlugins = plugins.split(',').map(plugin => {
-        return plugin.replace(/\s/g, '');
-      });
-    }
-
-    return cleanPlugins;
-  }
-
-  return plugins;
-}