import { GuestObjectType, SourceType, value } from "patron-oop";

export class Link {
  public constructor(
    private linkSource: GuestObjectType<string>,
    private basePath: SourceType<string>,
  ) {}

  public watchClick(selector: string, subselector?: string) {
    const wrapperEl = document.querySelectorAll(selector);
    if (wrapperEl.length) {
      wrapperEl.forEach((theElement) => {
        theElement.addEventListener("click", (e) => {
          if (subselector) {
            theElement
              .querySelectorAll(subselector)
              .forEach((theSubElement) => {
                if (
                  e?.target === theSubElement ||
                  e?.currentTarget === theSubElement
                ) {
                  this.handleClick({
                    preventDefault: e.preventDefault.bind(e),
                    target: theSubElement,
                  } as unknown as Event);
                }
              });
          } else {
            this.handleClick(e);
          }
        });
      });
    } else {
      throw new Error(`Link wrapper not found for selector ${selector}`);
    }
  }

  private handleClick(e: Event) {
    let href = (e?.target as HTMLElement)?.getAttribute("href");
    if (!href) {
      href = (e?.currentTarget as HTMLElement)?.getAttribute("href");
    }
    if (href && href.indexOf("http") !== 0) {
      e.preventDefault();
      value(this.basePath, (basePath) => {
        this.linkSource.give(basePath + href);
      });
    }
  }
}