How can I add a content script UI for different elements in the same page?

[michael-freling]

Goal

I want to add inline components for 2 different types of HTML elements in a page.
Rough contents will be like next.

• For one component
  • inline anchor list: elements by component.querySelectorAll("#content") for each document.querySelectorAll("#contents")
  • inline component:
    Component 1
• For 2nd component
  • inline anchor list: elements by document.querySelectorAll(".something-else")
  • inline component:
    Show different component 2

Question

How to implement InlineComponent and getInlineAnchorList to handle different HTML elements?