ændra.: Styles on this are now working! You can pretty much add any Bluesky post's replies as a blog post's comments with one line of code now! www.npmjs.com/package/blue...

Styles on this are now working! You can pretty much add any Bluesky post's replies as a blog post's comments with one line of code now! www.npmjs.com/package/blue...

N.b., I'm going to go through and replace all the Tailwind styles with simple CSS, I'm pretty sure I messed up injecting them into the shadow dom and there's no obvious way to do it otherwise. Maybe hold off on using that until I can take a better look tomorrow. Source at github.com/aendra-rinin...

GitHub - aendra-rininsland/blue-comments: Attempt to make a simple-to-implement commenting system using ATProtogithub.com Attempt to make a simple-to-implement commenting system using ATProto - aendra-rininsland/blue-comments

oh my god thank you !!!

Looks AMAZING! Can you clarify or give an example of what to use for both "..."s? To include replies to this post as comments, what would you use from this URL to fill in the "..."s? bsky.app/profile/aend...

I've added a quickstart section to the README that explains this better, as well as how to use it in Ghost! github.com/aendra-rinin...

GitHub - aendra-rininsland/blue-comments: Attempt to make a simple-to-implement commenting system using ATProtogithub.com Attempt to make a simple-to-implement commenting system using ATProto - aendra-rininsland/blue-comments

Thanks!

rud.is/ex/bsc.html has an example `app.bsky.feed.getPostThread` will be an item in XHR requests from the web app. the URI is quick to find. there are likely easier ways but I live in Developer Tools most days.

I believe that if you start at the top of the thread and tap the share thing and select "embed" you'll see it there too

yep. it's also there.

Oh perfect! Finding it in the embed snippet is MUCH easier than digging through the network tab. Thanks!

yes it works! thanks a lot

hey would it be possible to accept a uri like 'at://aendra.com/post/3kwbbvjlnw325' or even 'aendra[.]com/post/3kwbbvjlnw325' (on top of the already working 'at://aendra.com/app.bsky.feed.post/3kwbbvjlnw325'); it would make it a bit easier to create the link.

Not me, up at 3 in the morning, porting @samuel.bsky.team's Bluesky commenting system idea to a web component via Svelte www.npmjs.com/package/blue...

npm: blue-commentswww.npmjs.com ## Bluesky commenting system. Latest version: 1.0.0-alpha2, last published: a few seconds ago. Start using blue-comments in your project by running `npm i blue-comments`. There are no other projects i...

I'll add that to the next version, shouldn't be too hard. 👍🏼

Here's a bookmarklet I'm using to easily get those URIs gist.github.com/imax9000/944... Create a new bookmark, paste the whole text into URL field, then click that bookmark while on the page you want to get a URI for

Bookmarklet for getting at:// URI from a Bluesky pagegist.github.com Bookmarklet for getting at:// URI from a Bluesky page - paste_into_bookmark_url_field.url

It would violate the spec for at:// URIs

And potentially lead to ambiguity, when someone creates a collection named `post`

If you insist on going down this path, please at least use a different scheme name, e.g. `at+bsky://` or `bsky://`

And/or accept `https://bsky.app/...` URLs

I'd probably make it so one could paste a Bluesky web URL (i.e., https) instead of having to negotiate the at:// URL, I wouldn't mix formats.

Also… is there an equivalent to embed just one post?

Might write a separate styleable custom element later, shouldn't be much trouble.

this'll do it via bluesky default embed (you likely knew that, but it wasn't clear if you were looking to explicitly use this new webcomponent or not)

Sure but it's an external javascript, and it doesn't look as good.

Oh shit, the real upside on this is that that means that comment sections are now automatically moderated by BS T&S team. On one hand, thats really good. On the other... more work for the T&S team. Upsides and downsides.

Noice, I’ll have a look at this later.

@r4l.lucidillusions.in need to try this on jekyll website (where i put bsky stories)

Hey, this is really cool! I tried adding it to my neocities website (which just uses html and css, doesn't use scripts) and I haven't been able to figure it out. 😅 I put the "script type" thing into the head section, is there someplace in particular I need to put the code from the quickstart?

A possibly-simpler approach than the quickstart is to put a script tag to load the module (esm.sh/blue-comment...) in your head, then instantiate it like so where-ever you want it to show up: Note the URI format!

Also, you'll need to replace the URI property with whatever Bluesky thread you want to use as a given page's comment section, on every page you want to do that. You probably want to expose a global variable in your template (window.COMMENTS_URI, say) that gets populated by your CMS and passed to b-c

Your replies pointed me to the thing I overlooked initially, it works now! Thank you so so much! :')

Oh awesome! Glad to hear it! 😊

I see there's a thing in the original code from Samuel that tells it to skip replies if they're deleted or blocked, does it eventually remove comments from accounts I've blocked on here? I tested with an alt and it didn't seem to, though admittedly I didn't give it very much time. Still impressive!