key-bindings-on-items.js

import { keydown } from "../libs/handle-item-keydowns";
import { paths } from "../libs/paths";
import { getUrlParams } from "../libs/utils";

function init(metadata) {
  const { options, path } = metadata;

  const isCommentList = paths.comments.includes(path);

  const { openReferenceLinksInNewTab } = options;

  function getItemList() {
    const itemList = isCommentList
      ? [...document.querySelectorAll("tr.comtr:not(.noshow) td.default")]
      : [
          ...document.querySelectorAll(
            "table.itemlist tr.athing:not(.__rhn__no-display)"
          ),
        ];

    const moreLink = document.querySelector("a.morelink");
    if (moreLink) {
      itemList.push(moreLink);
    }

    return itemList;
  }

  function comboKeyCheck(event) {
    return event.ctrlKey || event.metaKey || event.shiftKey || event.altKey;
  }

  const itemData = {
    items: [],
    index: 0,
    activeItem: undefined,
    commentList: isCommentList,
  };

  window.addEventListener("keydown", (event) => {
    if (["TEXTAREA", "INPUT"].includes(document.activeElement.tagName)) {
      return;
    }

    if (document.activeElement.tagName === "A") {
      document.activeElement.blur();
    }

    itemData.items = getItemList();
    const combo = comboKeyCheck(event);

    // Universal
    switch (event.keyCode) {
      // J: Go down
      case 74:
        if (combo && !event.shiftKey) {
          return;
        }

        keydown.universal.down(itemData, event);
        return;

      // K: Go up
      case 75:
        if (combo && !event.shiftKey) {
          return;
        }

        keydown.universal.up(itemData, event);
        return;

      // Escape
      case 27:
        if (combo) {
          return;
        }

        keydown.universal.escape(itemData);
        return;

      // 0 - 9: Open Refence Links
      case 48:
      case 49:
      case 50:
      case 51:
      case 52:
      case 53:
      case 54:
      case 55:
      case 56:
      case 57:
        if (combo && !event.shiftKey) {
          return;
        }

        if (
          [...paths.comments, ...paths.specialComments].includes(path) ||
          (paths.userSpecific.includes(path) &&
            getUrlParams("comments") === "t")
        ) {
          keydown.universal.openReferenceLink(
            event,
            itemData.activeItem,
            openReferenceLinksInNewTab
          );
        }

        return;

      default:
        break;
    }

    if (!itemData.activeItem) {
      return;
    }

    if (itemData.activeItem.matches("a.morelink")) {
      if (event.keyCode === 13) {
        if (event.ctrlKey || event.metaKey) {
          browser.runtime.sendMessage({
            url: itemData.activeItem.href,
          });
        } else {
          itemData.activeItem.click();
        }
      }

      return;
    }

    // If URL pathname is of the form: ".../[item|threads|etc]?id=..."
    // Basically, if it is a comment list
    if (isCommentList) {
      switch (event.keyCode) {
        // R: Reply
        case 82:
          if (combo) {
            return;
          }

          keydown.comment.reply(itemData.activeItem);

          return;

        // F: favorite comment/reply
        case 70:
          if (combo) {
            return;
          }

          keydown.comment.favorite(itemData.activeItem);

          return;

        // U: upvote comment/reply
        case 85:
          if (combo) {
            return;
          }

          keydown.comment.upvote(itemData.activeItem);

          return;

        // D: downvote comment/reply
        case 68:
          if (combo) {
            return;
          }

          keydown.comment.downvote(itemData.activeItem);

          return;

        // X: flag/unflag comment
        // Works only when 'Shift' key is pressed too
        case 88:
          if (!combo || (combo && !event.shiftKey)) {
            return;
          }

          keydown.comment.flag(itemData.activeItem);

          return;

        // Enter: Toggle
        case 13:
          if (combo) {
            return;
          }

          keydown.comment.toggle(itemData.activeItem);
          itemData.items = getItemList();
          break;

        default:
          break;
      }
      /* eslint-disable-next-line brace-style */
    }

    // For all other pages where this feature is active
    // Basically story lists
    else {
      const next = itemData.items[itemData.index].nextElementSibling;

      switch (event.keyCode) {
        // Enter: open story link
        case 13:
          if (combo && !(event.ctrlKey || event.metaKey)) {
            return;
          }

          keydown.story.open(itemData.activeItem, event);

          return;

        // U: upvote story
        case 85:
          if (combo) {
            return;
          }

          keydown.story.vote(itemData.activeItem, next);

          return;

        // H: hide story
        case 72:
          if (!combo || (combo && !event.shiftKey)) {
            return;
          }

          if (keydown.story.hide(next)) {
            itemData.items = getItemList();
            itemData.activeItem = itemData.items[itemData.index--];
          }

          return;

        // F: favorite story
        case 70:
          if (combo) {
            return;
          }

          keydown.story.favorite(itemData.activeItem, next);

          return;

        // X: flag/unflag story
        // Works only when 'Shift' key is pressed too
        case 88:
          if (!combo || (combo && !event.shiftKey)) {
            return;
          }

          keydown.story.flag(next);

          return;

        // C: open story comments
        // If 'Control/Command' key is pressed, comments will open in new tab
        case 67:
          if (combo && !(event.ctrlKey || event.metaKey)) {
            return;
          }

          keydown.story.comments(next, event);

          break;

        default:
          break;
      }
    }
  });

  return true;
}

const details = {
  id: "key-bindings-on-items",
  pages: {
    include: [
      ...paths.stories,
      ...paths.comments,
      ...paths.specialComments,
      ...paths.userSpecific,
    ],
    exclude: [],
  },
  loginRequired: false,
  init,
};

export default details;