import NodeType from 'tinymce/core/dom/NodeType';
import { Node, Range } from '@ephox/dom-globals';

const isAfterNbsp = (container: Node, offset: number) => {
  return NodeType.isText(container) && container.nodeValue[offset - 1] === '\u00a0';
};

const trimOrPadLeftRight = (rng: Range, html: string): string => {
  let container, offset;

  container = rng.startContainer;
  offset = rng.startOffset;

  const hasSiblingText = function (siblingName) {
    return container[siblingName] && container[siblingName].nodeType === 3;
  };

  if (container.nodeType === 3) {
    if (offset > 0) {
      html = html.replace(/^ /, ' ');
    } else if (!hasSiblingText('previousSibling')) {
      html = html.replace(/^ /, ' ');
    }

    if (offset < container.length) {
      html = html.replace(/&nbsp;(<br>|)$/, ' ');
    } else if (!hasSiblingText('nextSibling')) {
      html = html.replace(/(&nbsp;| )(<br>|)$/, '&nbsp;');
    }
  }

  return html;
};

// Removes &nbsp; from a [b] c -> a &nbsp;c -> a c
const trimNbspAfterDeleteAndPadValue = (rng: Range, value: string): string => {
  let container, offset;

  container = rng.startContainer;
  offset = rng.startOffset;

  if (container.nodeType === 3 && rng.collapsed) {
    if (container.data[offset] === '\u00a0') {
      container.deleteData(offset, 1);

      if (!/[\u00a0| ]$/.test(value)) {
        value += ' ';
      }
    } else if (container.data[offset - 1] === '\u00a0') {
      container.deleteData(offset - 1, 1);

      if (!/[\u00a0| ]$/.test(value)) {
        value = ' ' + value;
      }
    }
  }

  return value;
};

export {
  isAfterNbsp,
  trimNbspAfterDeleteAndPadValue,
  trimOrPadLeftRight
};