Verse selection/targeting when getting passage?

[benkaiser]

I'm looking to make use of fetch(bible) as part of a project I am building.

For this, I would love to be able to leverage the HTML generated by get_whole or get_passage, but allowing users to select specific verses and then take action on them (e.g. highlight, copy, etc). But it appears from the HTML that it isn't directly clear how to delineate where a verse starts and ends so I can underline the whole verse when it is selected.

Do you have a suggested approach for how I could achieve this? I'm okay if it is not a specific container (since I know a verse can have multiple block level elements), but instead a class or data attribute we apply to every span inside the verse.

[shadow-light]

Yea, dealing with verses is difficult due to the possibility they'll flow across paragraphs. I've avoided adding classes directly into the HTML that is served to keep the download speed fast, as they can just be added client-side. The FB client doesn't yet do this for you though. That's something I could consider adding.

For now, the way the FB app does it is by detecting the verse start nodes. And then creating Range objects that can also be used to create Highlight objects that you can apply a few CSS styles to. Like is done here.

But to interact with them you'll probably need to transform all the raw text nodes that follow a verse marker into spans and then attach a listener to them. I haven't looked too closely into how other bible apps do this. If you come up with a better solution, let me know and I might be able to add support for it to the platform.

[shadow-light]

Hi @benkaiser , just a note that the platform just got a significant update (not related to your issue though). Changes are listed at bottom here: https://fetch.bible/access/client/#changes

[benkaiser]

Thanks for the heads up @shadow-light . It seems the current version still works as expected for my use case (BSB only). Should I force an upgrade to 1.0.0 urgently?

Also regarding verse highlighting, I will try your approach with the range and iterating through the elements in the range to see if I can achieve the intended behavior that way. I'm not implementing the verse selection right now though, so may be a little while away.

[shadow-light]

No, no urgency on upgrade.

Regarding selecting verses, here's the pros and cons according to ChatGPT. Another option would be to use <br> to break lines rather than <p> but there's downsides to that too so not sure it's worth publishing as another format or not. I'd be open to it though.