[Ariadne] Search

[ninjha01]

Component Description

I'd like to have a "search" prop on all three viewers that highlights matching portions of the sequence.

Special Behavior

• [x] It should short-circuit if there are too many matches, let's start with a limit of 25.
• [x] It should also allow searching of the complementary strand

I'd like it to use an AriadneSearch type that looks something like:

interface AriadneSearch {
strand: "main" | "complement" | "both";
searchBaseType: ("DNA" | "RNA" | "AA");
searchString: string;
}

In the future, I want to be able to support searching across different types of bases so it'll be good to build that into the type definition. For now, let's just stick with searching for an exact string match.

Style Variants

• [x] Circular Viewer
• [x] Linear Viewer
• [x] Sequence Viewer

Time Estimate

9 hrs