import { generateOffsetKey } from './keyHelper';

export function getNodeByBlockKey(blockKey: string): HTMLElement | null {
  const offsetKey = generateOffsetKey(blockKey);
  return document.querySelector(
    `[data-block="true"][data-offset-key="${offsetKey}"]`
  );
}

export const getNodeByOffsetKey = (offsetKey: string): HTMLElement | null => {
  return document.querySelector(
    `[data-block="true"][data-offset-key="${offsetKey}"]`
  );
};

// https://stackoverflow.com/questions/29937768/document-queryselector-multiple-data-attributes-in-one-element
// consecutive selector should not has spaces between them
export const getOffsetKeyNodeChildren = (
  offsetKey: string
): NodeListOf<Element> | null => {
  return document.querySelectorAll(
    `[data-block="true"][data-offset-key="${offsetKey}"] div.sidebar-addon`
  );
};

export const getSelectableNodeByOffsetKey = (
  offsetKey: string
): Element | null => {
  return document.querySelector(
    `[data-block="true"] [data-id="${offsetKey}"] div.selectable`
  );
};