OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 ApplyFormat.ts	11.18 KB	02/20/2020 05:43:19 AM	rw-r--r--
📄 CaretFormat.ts	10.27 KB	02/20/2020 05:43:19 AM	rw-r--r--
📄 DefaultFormats.ts	5.17 KB	02/20/2020 05:43:20 AM	rw-r--r--
📄 ExpandRange.ts	12.32 KB	02/20/2020 05:43:21 AM	rw-r--r--
📄 FontInfo.ts	2.1 KB	02/20/2020 05:43:21 AM	rw-r--r--
📄 FormatChanged.ts	4.52 KB	02/20/2020 05:43:22 AM	rw-r--r--
📄 FormatContainer.ts	706 bytes	02/20/2020 05:43:22 AM	rw-r--r--
📄 FormatRegistry.ts	2.7 KB	02/20/2020 05:43:23 AM	rw-r--r--
📄 FormatUtils.ts	4.83 KB	02/20/2020 05:43:23 AM	rw-r--r--
📄 Hooks.ts	1.56 KB	02/20/2020 05:43:24 AM	rw-r--r--
📄 MatchFormat.ts	5.54 KB	02/20/2020 05:43:24 AM	rw-r--r--
📄 MergeFormats.ts	6.75 KB	02/20/2020 05:43:25 AM	rw-r--r--
📄 Preview.ts	8.79 KB	02/20/2020 05:43:26 AM	rw-r--r--
📄 RemoveFormat.ts	18.89 KB	02/20/2020 05:43:26 AM	rw-r--r--
📄 ToggleFormat.ts	842 bytes	02/20/2020 05:43:27 AM	rw-r--r--

Editing: ExpandRange.ts

/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

import Bookmarks from '../bookmark/Bookmarks';
import TreeWalker from '../api/dom/TreeWalker';
import FormatUtils from './FormatUtils';
import * as RangeNodes from '../selection/RangeNodes';
import Editor from '../api/Editor';

const isBookmarkNode = Bookmarks.isBookmarkNode;
const getParents = FormatUtils.getParents, isWhiteSpaceNode = FormatUtils.isWhiteSpaceNode, isTextBlock = FormatUtils.isTextBlock;

// This function walks down the tree to find the leaf at the selection.
// The offset is also returned as if node initially a leaf, the offset may be in the middle of the text node.
const findLeaf = function (node, offset?) {
  if (typeof offset === 'undefined') {
    offset = node.nodeType === 3 ? node.length : node.childNodes.length;
  }

while (node && node.hasChildNodes()) {
    node = node.childNodes[offset];
    if (node) {
      offset = node.nodeType === 3 ? node.length : node.childNodes.length;
    }
  }

return { node, offset };
};

const excludeTrailingWhitespace = function (endContainer, endOffset) {
  // Avoid applying formatting to a trailing space,
  // but remove formatting from trailing space
  let leaf = findLeaf(endContainer, endOffset);
  if (leaf.node) {
    while (leaf.node && leaf.offset === 0 && leaf.node.previousSibling) {
      leaf = findLeaf(leaf.node.previousSibling);
    }

if (leaf.node && leaf.offset > 0 && leaf.node.nodeType === 3 &&
        leaf.node.nodeValue.charAt(leaf.offset - 1) === ' ') {

if (leaf.offset > 1) {
        endContainer = leaf.node;
        endContainer.splitText(leaf.offset - 1);
      }
    }
  }

return endContainer;
};

const isBogusBr = function (node) {
  return node.nodeName === 'BR' && node.getAttribute('data-mce-bogus') && !node.nextSibling;
};

// Expands the node to the closes contentEditable false element if it exists
const findParentContentEditable = function (dom, node) {
  let parent = node;

while (parent) {
    if (parent.nodeType === 1 && dom.getContentEditable(parent)) {
      return dom.getContentEditable(parent) === 'false' ? parent : node;
    }

parent = parent.parentNode;
  }

return node;
};

const findSpace = function (start, remove, node, offset?) {
  let pos, pos2;
  const str = node.nodeValue;

if (typeof offset === 'undefined') {
    offset = start ? str.length : 0;
  }

if (start) {
    pos = str.lastIndexOf(' ', offset);
    pos2 = str.lastIndexOf('\u00a0', offset);
    pos = pos > pos2 ? pos : pos2;

// Include the space on remove to avoid tag soup
 // As long as we are either going to the right,
 // - OR - going to the left and pos isn't already at the end of the string
 if (pos !== -1 && !remove && (pos < offset || !start) && pos <= str.length) {
 pos++;
 }
 } else {
 pos = str.indexOf(' ', offset);
 pos2 = str.indexOf('\u00a0', offset);
 pos = pos !== -1 && (pos2 === -1 || pos < pos2) ? pos : pos2;
 }

return pos;
};

const findWordEndPoint = function (dom, body, container, offset, start, remove) {
  let node, pos, lastTextNode;

if (container.nodeType === 3) {
    pos = findSpace(start, remove, container, offset);

if (pos !== -1) {
      return { container, offset: pos };
    }

lastTextNode = container;
  }

// Walk the nodes inside the block
  const walker = new TreeWalker(container, dom.getParent(container, dom.isBlock) || body);
  while ((node = walker[start ? 'prev' : 'next']())) {
    if (node.nodeType === 3 && !isBookmarkNode(node.parentNode)) {
      lastTextNode = node;
      pos = findSpace(start, remove, node);

if (pos !== -1) {
        return { container: node, offset: pos };
      }
    } else if (dom.isBlock(node) || FormatUtils.isEq(node, 'BR')) {
      break;
    }
  }

if (lastTextNode) {
    if (start) {
      offset = 0;
    } else {
      offset = lastTextNode.length;
    }

return { container: lastTextNode, offset };
  }
};

const findSelectorEndPoint = function (dom, format, rng, container, siblingName) {
  let parents, i, y, curFormat;

if (container.nodeType === 3 && container.nodeValue.length === 0 && container[siblingName]) {
    container = container[siblingName];
  }

parents = getParents(dom, container);
 for (i = 0; i < parents.length; i++) {
 for (y = 0; y < format.length; y++) {
 curFormat = format[y];

// If collapsed state is set then skip formats that doesn't match that
      if ('collapsed' in curFormat && curFormat.collapsed !== rng.collapsed) {
        continue;
      }

if (dom.is(parents[i], curFormat.selector)) {
        return parents[i];
      }
    }
  }

return container;
};

const findBlockEndPoint = function (editor: Editor, format, container, siblingName) {
  let node;
  const dom = editor.dom;
  const root = dom.getRoot();

// Expand to block of similar type
  if (!format[0].wrapper) {
    node = dom.getParent(container, format[0].block, root);
  }

// Expand to first wrappable block element or any block element
  if (!node) {
    const scopeRoot = dom.getParent(container, 'LI,TD,TH');
    node = dom.getParent(container.nodeType === 3 ? container.parentNode : container, function (node) {
      // Fixes #6183 where it would expand to editable parent element in inline mode
      return node !== root && isTextBlock(editor, node);
    }, scopeRoot);
  }

// Exclude inner lists from wrapping
  if (node && format[0].wrapper) {
    node = getParents(dom, node, 'ul,ol').reverse()[0] || node;
  }

// Didn't find a block element look for first/last wrappable element
  if (!node) {
    node = container;

while (node[siblingName] && !dom.isBlock(node[siblingName])) {
      node = node[siblingName];

// Break on BR but include it will be removed later on
      // we can't remove it now since we need to check if it can be wrapped
      if (FormatUtils.isEq(node, 'br')) {
        break;
      }
    }
  }

return node || container;
};

// This function walks up the tree if there is no siblings before/after the node
const findParentContainer = function (dom, format, startContainer, startOffset, endContainer, endOffset, start) {
  let container, parent, sibling, siblingName, root;

container = parent = start ? startContainer : endContainer;
  siblingName = start ? 'previousSibling' : 'nextSibling';
  root = dom.getRoot();

// If it's a text node and the offset is inside the text
 if (container.nodeType === 3 && !isWhiteSpaceNode(container)) {
 if (start ? startOffset > 0 : endOffset < container.nodeValue.length) {
 return container;
 }
 }

/*eslint no-constant-condition:0 */
  while (true) {
    // Stop expanding on block elements
    if (!format[0].block_expand && dom.isBlock(parent)) {
      return parent;
    }

// Walk left/right
    for (sibling = parent[siblingName]; sibling; sibling = sibling[siblingName]) {
      if (!isBookmarkNode(sibling) && !isWhiteSpaceNode(sibling) && !isBogusBr(sibling)) {
        return parent;
      }
    }

// Check if we can move up are we at root level or body level
    if (parent === root || parent.parentNode === root) {
      container = parent;
      break;
    }

parent = parent.parentNode;
  }

return container;
};

const expandRng = function (editor: Editor, rng, format, remove?) {
  let endPoint,
    startContainer = rng.startContainer,
    startOffset = rng.startOffset,
    endContainer = rng.endContainer,
    endOffset = rng.endOffset;
  const dom = editor.dom;

// If index based start position then resolve it
  if (startContainer.nodeType === 1 && startContainer.hasChildNodes()) {
    startContainer = RangeNodes.getNode(startContainer, startOffset);
    if (startContainer.nodeType === 3) {
      startOffset = 0;
    }
  }

// If index based end position then resolve it
  if (endContainer.nodeType === 1 && endContainer.hasChildNodes()) {
    endContainer = RangeNodes.getNode(endContainer, rng.collapsed ? endOffset : endOffset - 1);
    if (endContainer.nodeType === 3) {
      endOffset = endContainer.nodeValue.length;
    }
  }

// Expand to closest contentEditable element
  startContainer = findParentContentEditable(dom, startContainer);
  endContainer = findParentContentEditable(dom, endContainer);

// Exclude bookmark nodes if possible
  if (isBookmarkNode(startContainer.parentNode) || isBookmarkNode(startContainer)) {
    startContainer = isBookmarkNode(startContainer) ? startContainer : startContainer.parentNode;
    if (rng.collapsed) {
      startContainer = startContainer.previousSibling || startContainer;
    } else {
      startContainer = startContainer.nextSibling || startContainer;
    }

if (startContainer.nodeType === 3) {
      startOffset = rng.collapsed ? startContainer.length : 0;
    }
  }

if (isBookmarkNode(endContainer.parentNode) || isBookmarkNode(endContainer)) {
    endContainer = isBookmarkNode(endContainer) ? endContainer : endContainer.parentNode;
    if (rng.collapsed) {
      endContainer = endContainer.nextSibling || endContainer;
    } else {
      endContainer = endContainer.previousSibling || endContainer;
    }

if (endContainer.nodeType === 3) {
      endOffset = rng.collapsed ? 0 : endContainer.length;
    }
  }

if (rng.collapsed) {
    // Expand left to closest word boundary
    endPoint = findWordEndPoint(dom, editor.getBody(), startContainer, startOffset, true, remove);
    if (endPoint) {
      startContainer = endPoint.container;
      startOffset = endPoint.offset;
    }

// Expand right to closest word boundary
    endPoint = findWordEndPoint(dom, editor.getBody(), endContainer, endOffset, false, remove);
    if (endPoint) {
      endContainer = endPoint.container;
      endOffset = endPoint.offset;
    }
  }

if (format[0].inline) {
    // For "removeformat", we include trailing whitespace. For other formatting, we don't
    endContainer = remove ? endContainer : excludeTrailingWhitespace(endContainer, endOffset);
  }

// Move start/end point up the tree if the leaves are sharp and if we are in different containers
 // Example * becomes !: !*texttext*!
 // This will reduce the number of wrapper elements that needs to be created
 // Move start point up the tree
 if (format[0].inline || format[0].block_expand) {
 if (!format[0].inline || (startContainer.nodeType !== 3 || startOffset === 0)) {
 startContainer = findParentContainer(dom, format, startContainer, startOffset, endContainer, endOffset, true);
 }

if (!format[0].inline || (endContainer.nodeType !== 3 || endOffset === endContainer.nodeValue.length)) {
      endContainer = findParentContainer(dom, format, startContainer, startOffset, endContainer, endOffset, false);
    }
  }

// Expand start/end container to matching selector
  if (format[0].selector && format[0].expand !== false && !format[0].inline) {
    // Find new startContainer/endContainer if there is better one
    startContainer = findSelectorEndPoint(dom, format, rng, startContainer, 'previousSibling');
    endContainer = findSelectorEndPoint(dom, format, rng, endContainer, 'nextSibling');
  }

// Expand start/end container to matching block element or text node
  if (format[0].block || format[0].selector) {
    // Find new startContainer/endContainer if there is better one
    startContainer = findBlockEndPoint(editor, format, startContainer, 'previousSibling');
    endContainer = findBlockEndPoint(editor, format, endContainer, 'nextSibling');

// Non block element then try to expand up the leaf
    if (format[0].block) {
      if (!dom.isBlock(startContainer)) {
        startContainer = findParentContainer(dom, format, startContainer, startOffset, endContainer, endOffset, true);
      }

if (!dom.isBlock(endContainer)) {
        endContainer = findParentContainer(dom, format, startContainer, startOffset, endContainer, endOffset, false);
      }
    }
  }

// Setup index for startContainer
  if (startContainer.nodeType === 1) {
    startOffset = dom.nodeIndex(startContainer);
    startContainer = startContainer.parentNode;
  }

// Setup index for endContainer
  if (endContainer.nodeType === 1) {
    endOffset = dom.nodeIndex(endContainer) + 1;
    endContainer = endContainer.parentNode;
  }

// Return new range like object
  return {
    startContainer,
    startOffset,
    endContainer,
    endOffset
  };
};

export default {
  expandRng
};