How can you add a new sorting function, similar to "sortByTag", but takes five parameters to the alignment track?

[Lilas-w]

https://github.com/Lilas-w/jbrowse-components/tree/dev0.2

I want to add a new sort function to sort by a specific attribute for reads that span the center line, similar to the existing "SortbyTag" function. However, instead of a single "tag", users will submit five parameters (img1). I have already completed the SortByNEW.tsx file (img2) and added the label "Sort by NEW..." in alignments/src/LinearPileupDisplay/model.ts, same as "Sort By Tag..."(img3).

img1:

img2: SortByNEW.tsx

img3:

I am unsure about how to both submit mutated data to the model and retrieve data from the model for use in PileupRenderer/sortUtil.ts. When I expand the current SortedBy object (as shown in img4 and img5) in LinearPileupDisplay/model.ts, the submit button does not work as expected (button code in img6). However, creating a new SortByNew object that imitates SortedBy would significantly impact the current code (as shown in img7).

img4:

img5:

img6:

img7:

If you are adding a new sort function that takes five parameters from the users, how will you write code to submit mutated data and retrieve data from the model to use without hurting the current sortByTag function?

[cmdcolin]

I checked out your code but it looked like maybe you are on the right track. Adding extra optional fields to the sortedBy object should be fine

If you can narrow down the question I might be able to help further

[Lilas-w]

Thank you for letting me know that I'm on the right track. Perhaps I have found the answer.