Bluesky for comments on mkdocs blog
Background
I have recently migrated this blog from Jekyll to Mkdocs using material theme. I was also planning to move away from Disqus commenting system given all the known issues and just when I had finished the migration to Mkdocs, there was this post from Emily Liu - which showcases how easily the bluesky replies to a post can be added in comments section of a blog page. Followed closely by this, was a post from Cory Zue who created NPM packaging.
I initially was looking to use that on my blog and while searching for that package on jsdelivr, I came across the bluesky-comments-tag: a package created by Matt Kane. I understood the code behind this one much better and that was my starting point. There were two problems with the solution thus far that I wanted to solve.
Problem Description
For the comments to appear on the blog, the bluesky post url needs to be added to the frontmatter. Now that is a cyclic process because you can't post the url of your blog post on bluesky until you have published it.
This, I have solved to an acceptable flow as shown below and the "How?" is explained in this post.