syncs commits in the prod branch with this feature branch

Co-authored-by: ks0m1c_dharma <[email protected]>
Co-authored-by: ks0m1c_dharma <[email protected]>

Things done:
1. Added a livecomponent which has a div. The div calls a js hook
2. the js hook creates a new script tag which inserts itself as the
first script of the html document.
  * this is the most probable source of error because I think the
  callback functions are not being passed to the correct html element. I
  should explore this when I get back to this problem. The ideal case
  should be how it is shown on the iframe documentation that we see.
3. The cors issues have been resolved by adding the CORS plug that we
saw. This CORS plug allows youtube.com/iframe_api to be a valid source.
This actually works for all browsers.
4. If I embed this script tag directly to the heex template, it will
work. However, it won't work when I'm attempting to create do it via a
JS-Hook. There's a high likelyhood that it's just me being noob at
Elixir/LiveView and that's why I can't get it to work yet.

REF: https://developers.google.com/youtube/iframe_api_reference

Hunch(es):
1. I might have to just insert things into the correct script tag
properly. I had already tried inserting innerthtml but it just got
parsed as a string. Maybe I should relook at that.
2. Kinda related to point 2 above

Co-authored-by: ks0m1c_dharma <[email protected]>
Co-authored-by: ks0m1c_dharma <[email protected]>

Conflicts: (accepted both, HEAD for outdated areas)
assets/js/hooks/index.js
lib/vyasa_web/live/gita_live/show_verse.html.heex
mix.exs
mix.lock

As long as this reference exists, we will be able to invoke JS API calls
that the youtube player exposes.

Currently, I've just supported "seekTo" and "loadVideoById" callbacks.

Got a bunch of video stats that gets spit out onhover of a button.

Built a custom tooltip here.

Key Takeaways:
1. added import to root template. UMD import done as described here [1], other imports won't work well.
2. followed their tutorial on how to setup a custom tooltip, used
show_verse to demonstrate it. Didn't create a generic template /
component for it, but I think this is good enough since it shows an
live-view-integrated version of the floating-ui tutorial as seen here [2]
3. the middleware is just magic.

[1]: https://floating-ui.com/docs/getting-started#umd
[2]: https://floating-ui.com/docs/tutorial

* Add route to show specific <chap, verse>

* Add JS-hook for WebShare-API/clipboard-copy

QQ: seems like I can only use buttons to do click events, how might I go
about emitting click events from icons?

* Cleanups based on PR review suggestions

Added a /hooks subdir to throw in js-hooks and an indexer file for that.

* Use external heex template for show_verse

Just playing around with things...

* Support the addition of meta tags in the html head

This gets validated by just observing the html source code.

The next step would be to add in the image generation. For a first pass,
the image generation shall be done just-in-time, will add in some
cacheing thereafter as a v1.

* Add meta tags to other views in gita_live

* Add image generation & routing

* Attempt minor fixes

* Navigate from chapter to individual verse

* Improve clipboard content

Things added:
1. chapter, verse number
2. both text and transliteration
3. url dump

* Add just-in-time image creation for og-images

* enable 404 templates

* Consolidate Fallback Controller

* Fix text

* Add OgAdapter with filename encoder-decoder pair

* Temporarily use atoms as text-id

* [sync] prod to quotation-enginge-v0 (#14)

syncs commits in the prod branch with this feature branch

Co-authored-by: ks0m1c_dharma <[email protected]>
Co-authored-by: ks0m1c_dharma <[email protected]>

* [WIP] Attempt @ YT Iframe Embed

Things done:
1. Added a livecomponent which has a div. The div calls a js hook
2. the js hook creates a new script tag which inserts itself as the
first script of the html document.
  * this is the most probable source of error because I think the
  callback functions are not being passed to the correct html element. I
  should explore this when I get back to this problem. The ideal case
  should be how it is shown on the iframe documentation that we see.
3. The cors issues have been resolved by adding the CORS plug that we
saw. This CORS plug allows youtube.com/iframe_api to be a valid source.
This actually works for all browsers.
4. If I embed this script tag directly to the heex template, it will
work. However, it won't work when I'm attempting to create do it via a
JS-Hook. There's a high likelyhood that it's just me being noob at
Elixir/LiveView and that's why I can't get it to work yet.

REF: https://developers.google.com/youtube/iframe_api_reference

Hunch(es):
1. I might have to just insert things into the correct script tag
properly. I had already tried inserting innerthtml but it just got
parsed as a string. Maybe I should relook at that.
2. Kinda related to point 2 above

* Successfully use iframe embed

* Add reference to obj via window.youtubePlayer

As long as this reference exists, we will be able to invoke JS API calls
that the youtube player exposes.

* Add examples of interfacing w playr's playback fns

Currently, I've just supported "seekTo" and "loadVideoById" callbacks.

* Add examples of playr's videoStats APIs

Got a bunch of video stats that gets spit out onhover of a button.

* Add basic version of a mini-player

* Make improvements from code review

* Cleanup code

---------

Co-authored-by: ks0m1c_dharma <[email protected]>
Co-authored-by: ks0m1c_dharma <[email protected]>

Observations about segments::
0. A negligible minority of the events won't have segments (only the first one it seems.)
1. [the text has instrumentals] there are text-events that just say "[संगीत]", which means instruments.
I'm guessing that similar stuff will be there in other languages as well. If there's a need to filter these
commented parts out, then we should be able to do so by just filtering away whatever is within `[]`
2. some events will overlap when displaying captions, that's why they are not chronologically unique segments.

I'll try to use the inltk library instead of this one, setting up my
arch setup since it won't compile on MacOs.

It's done, pretty satisfactory, see the output json for example

There was an issue with how the sub-maps were being created.
At it's core was a simple keyname/value issue.

This should work well now.

Left with the verses view, really stuck on that ...

It's a little too bespoke to the structure of the gita now, I should
make it more generic so that other texts can easily work with the same
seeding function.

### Status: 
1. Created script to generate .srt files. This had to be done manually because the example script in the [SO post](https://webapps.stackexchange.com/a/31565) wouldn't work because retrieved endpoint isn't the same as what is assumed in the SO post).
2. Used indic nlp to do the verse --> caption mapping.

Co-authored-by: ks0m1c_dharma <[email protected]>
Co-authored-by: ks0m1c_dharma <[email protected]>

2024 - An Ecto Odyssey

Seems like there's a new signing issue.
There have been changes I've done to the schema but it's mostly
aesthetic.

Except for the voice::changeset() where I've commented out the
cast_assoc to videos

The elapsed timing is likely wrong though, that's why the resume play
doesn't work well.

* Foundations of the CLI

* Fixing Finch Behaviour for Escripts

* Wayback Fallback

* File Storage and Chalisa.json done

* Support fork for escripts vs application runtime

---------

Co-authored-by: ks0m1c_dharma <[email protected]>
Co-authored-by: Ritesh Kumar <[email protected]>

Also keeps voice within playback in the player_live's assigns state.

Still yet to shift other playback content responsibilities to media lib.

There are a few bugs:
1. [minor] the current time display is not updating properly
2. [unsure] the emphasis is not happening at exact times, unsure if it's
data issue (i.e. origin values are incorrect) or state-handling issue
3. [CSS - unsure] the sticky player is sticking to its own container
div, hence it won't stick atop the container that contains all the
page's contents
4. [unsure] if you use a system control to control the HTML5 player's
playback, then the playback is correctly controlled but the application
doesn't listen to this event, so state updates don't sync up

* shifted playback functions from medium to playback.ex

* added guard in audio player for no-events case

* reintroduced req as a dep because the corpus/engine/fallback.ex uses
that lib

- extracted out to components within player_live
- hid the next and prev buttons on the player
- added other minor player "fixes" like the current playing time and
- such

Media Player + Ramayanam Scraper

Dynamic Admin Controls

Also:
- cleans up the pattern for adding new seeders
- groups seed functions within SourceSeeders

There's an odd behaviour with translations.

tldr;

1. I create chapter properly
2. I create translation for chapter properly
3. i query chapter, then preload the translations for the chap, then i get both the one I actually inserted + the gita chap 1 translation