export function hideOnEscapeOrOutsideClick(thing) {
  assert(_.isElement(thing) || hasHideMethod(thing),
    'hideOnEscapeOrOutsideClick: argument is expected to be a DOM element or a thing that has a hide method');

  if (_.isElement(thing)) thing = new HideableDOMElement(thing);

  document.body.addEventListener('keydown', ifKey('Escape', thing.hide));
  document.body.addEventListener('click', thing.hide);
}

export function addHoverEffect(domElement, style) {
  assert(_.isElement(domElement), 'addHoverEffect expects the first argument to be a DOM element');
  assert(_.isPlainObject(style), 'addHoverEffect expects the second argument, style, to be a hash');

  toggleStyle(domElement, style, 'mouseenter', 'mouseleave');
  domElement.setAttribute('has-on-hover-effect', '');
}

function isElement(node: Node): node is HTMLElement {
  return (
    node &&
    node.nodeType !== Node.TEXT_NODE &&
    node.nodeType !== Node.COMMENT_NODE &&
    _.isElement(node)
  );
}

export function makeTextUselectable(domElement) {
  assert(_.isElement(domElement), 'makeTextUselectable expects the argument to be a DOM element');

  addStyle(domElement, {
    '-webkit-touch-callout': 'none',
    '-webkit-user-select': 'none',
    '-moz-user-select': 'none',
    '-ms-user-select': 'none',
    'user-select': 'none'
  });
}

export function toggleStyle(domElement, style, onEventName, offEventName) {
  assert(_.isElement(domElement), 'toggleStyle expects the first argument to be a DOM element');
  assert(_.isPlainObject(style), 'toggleStyle expects the second argument, style, to be a hash');
  assert(_.isString(onEventName), 'toggleStyle expects the third argument, onEventName, to be a string');
  assert(_.isString(offEventName), 'toggleStyle expects the third argument, offEventName, to be a string');

  var initialStyle = {};

  for (var propertyName in style) initialStyle[propertyName] = domElement.style[propertyName];

  domElement.addEventListener(onEventName, applyStyle(domElement, style));
  domElement.addEventListener(offEventName, applyStyle(domElement, initialStyle));
}

export function makeRemovable(domElement, onRemove, additionalButtonStyle) {
  assert(_.isElement(domElement), 'makeRemovable: the first argument is required to be a DOM element');
  assert(_.isFunction(onRemove), 'makeRemovable: the second argument is required to be a function to call back on remove');

  domElement.setAttribute('removable', '');
  domElement.style.position = 'relative';

  var button = createButton(additionalButtonStyle);

  button.addEventListener('click', function() {
    domElement.parentNode.removeChild(domElement);
    onRemove();
  });

  domElement.appendChild(button);
}

export function createPlayerFinder(pattern: SearchPattern): FindFunction {
  const finders: FindFunction[] = [];

  if (!_.isEmpty(pattern.name)) {
    finders.push(finderCreators.name(pattern.name));
  }

  if (!_.isEmpty(pattern.nickname)) {
    finders.push(finderCreators.nickname(pattern.nickname));
  }

  if (!_.isElement(pattern.faction)) {
    finders.push(finderCreators.faction(pattern.faction));
  }

  if (!_.isEmpty(pattern.anomaly)) {
    finders.push(finderCreators.anomaly(pattern.anomaly));
  }

  return (player: Player) => {
    return finders.every(finder => finder(player));
  }
}

export function emptyDOMElement(domElement) {
  assert(_.isElement(domElement), 'emptyDOMElement expects the argument to be a DOM element');

  domElement.innerHTML = '';
}

export function addStyle(domElement, style) {
  assert(_.isElement(domElement), 'addStyle expects the first argument to be a DOM element');
  assert(_.isPlainObject(style), 'addStyle expects the second argument to be a hash');

  _.extend(domElement.style, style);
}