const noLicenseFallbackTimeout = 1000;

export interface Product {
  name: string;
  version: string;
}

export interface ProductAndMessage {
  message: string;
  messageHtml?: string;
  product: Product;
}

export const findAll = (element: Element | ShadowRoot | Document, tags: string[]): Element[] => {
  const lightDom = Array.from(element.querySelectorAll(tags.join(', ')));
  const shadowDom = Array.from(element.querySelectorAll('*'))
      .filter((e) => e.shadowRoot)
      .flatMap((e) => findAll(e.shadowRoot!, tags));
  return [...lightDom, ...shadowDom];
};

let licenseCheckListener = false;

const showNoLicenseFallback = (element: Element, productAndMessage: ProductAndMessage) => {
  if (!licenseCheckListener) {
    // When a license check has succeeded, refresh so that all elements are properly shown again
    window.addEventListener(
        'message',
        (e) => {
          if (e.data === 'validate-license') {
            window.location.reload();
          }
        },
        false
    );
    licenseCheckListener = true;
  }
  const overlay = (element as any)._overlayElement;
  if (overlay) {
    if (overlay.shadowRoot) {
      const defaultSlot = overlay.shadowRoot.querySelector('slot:not([name])');
      if (defaultSlot && defaultSlot.assignedElements().length > 0) {
        showNoLicenseFallback(defaultSlot.assignedElements()[0], productAndMessage);
        return;
      }
    }
    showNoLicenseFallback(overlay, productAndMessage);
    return;
  }

  const htmlMessage = productAndMessage.messageHtml
      ? productAndMessage.messageHtml
      : `${productAndMessage.message} <p>Component: ${productAndMessage.product.name} ${productAndMessage.product.version}</p>`.replace(
          /https:([^ ]*)/g,
          "<a href='https:$1'>https:$1</a>"
      );

  if (element.isConnected) {
    element.outerHTML = `<no-license style="display:flex;align-items:center;text-align:center;justify-content:center;"><div>${htmlMessage}</div></no-license>`;
  }
};

const productTagNames: Record<string, string[]> = {};
const productChecking: Record<string, boolean> = {};
const productMissingLicense: Record<string, ProductAndMessage> = {};
const productCheckOk: Record<string, boolean> = {};

const key = (product: Product): string => {
  return `${product.name}_${product.version}`;
};

const checkLicenseIfNeeded = (cvdlElement: Element) => {
  const { cvdlName, version } = cvdlElement.constructor as CustomElementConstructor & {
    cvdlName: string;
    version: string;
  };
  const product: Product = { name: cvdlName, version };
  const tagName = cvdlElement.tagName.toLowerCase();
  productTagNames[cvdlName] = productTagNames[cvdlName] ?? [];
  productTagNames[cvdlName].push(tagName);

  const failedLicenseCheck = productMissingLicense[key(product)];
  if (failedLicenseCheck) {
    // Has been checked and the check failed
    setTimeout(() => showNoLicenseFallback(cvdlElement, failedLicenseCheck), noLicenseFallbackTimeout);
  }

  if (productMissingLicense[key(product)] || productCheckOk[key(product)]) {
    // Already checked
  } else if (!productChecking[key(product)]) {
    // Has not been checked
    productChecking[key(product)] = true;
    (window as any).Vaadin.devTools.checkLicense(product);
  }
};

export const licenseCheckOk = (data: Product) => {
  productCheckOk[key(data)] = true;

  // eslint-disable-next-line no-console
  console.debug('License check ok for', data);
};

export const licenseCheckFailed = (data: ProductAndMessage) => {
  const productName = data.product.name;
  productMissingLicense[key(data.product)] = data;
  // eslint-disable-next-line no-console
  console.error('License check failed for', productName);

  const tags = productTagNames[productName];
  if (tags?.length > 0) {
    findAll(document, tags).forEach((element) => {
      setTimeout(
          () => showNoLicenseFallback(element, productMissingLicense[key(data.product)]),
          noLicenseFallbackTimeout
      );
    });
  }
};

export const licenseCheckNoKey = (data: ProductAndMessage) => {
  const keyUrl = data.message;

  const productName = data.product.name;
  data.messageHtml = `No license found. <a target=_blank onclick="javascript:window.open(this.href);return false;" href="${keyUrl}">Go here to start a trial or retrieve your license.</a>`;
  productMissingLicense[key(data.product)] = data;
  // eslint-disable-next-line no-console
  console.error('No license found when checking', productName);

  const tags = productTagNames[productName];
  if (tags?.length > 0) {
    findAll(document, tags).forEach((element) => {
      setTimeout(
          () => showNoLicenseFallback(element, productMissingLicense[key(data.product)]),
          noLicenseFallbackTimeout
      );
    });
  }
};

export const licenseInit = () => {
  if (!(window as any).Vaadin || !(window as any).Vaadin.devTools ||
      !(window as any).Vaadin.devTools.createdCvdlElements) {
    return;
  }
  // Process already registered elements
  (window as any).Vaadin.devTools.createdCvdlElements.forEach((element: Element) => {
    checkLicenseIfNeeded(element);
  });

  // Handle new elements directly
  (window as any).Vaadin.devTools.createdCvdlElements = {
    push: (element: Element) => {
      checkLicenseIfNeeded(element);
    }
  };
};