import { Arr } from '@ephox/katamari';
import { Scroll, SugarDocument, SugarElement, SugarLocation, SugarPosition } from '@ephox/sugar';

import * as Frames from './Frames';
import * as Navigation from './Navigation';

const find = (element: SugarElement<Element>): SugarPosition => {
  const doc = SugarDocument.getDocument();
  const scroll = Scroll.get(doc);
  const frames = Frames.pathTo(element, Navigation);
  const offset = SugarLocation.viewport(element);

  const r = Arr.foldr(frames, (b, a) => {
    const loc = SugarLocation.viewport(a);
    return {
      left: b.left + loc.left,
      top: b.top + loc.top
    };
  }, { left: 0, top: 0 });

  return SugarPosition(r.left + offset.left + scroll.left, r.top + offset.top + scroll.top);
};

export {
  find
};