ATProtoViewer ~ PWA + #Bookmarks + bsky share feature.
Announcing a new edition to my github pages of the above. What start from dame.is development of a guestbook for my pds And me trying to do something similar for bookmarks, which sparked the desire to have something to display the records. Resulting in developing the ATProto Record Viewer, mainly for my own use.
The script now accepts 'did=' (using the string and not handle) and 'uri=' parameters which will auto detect PDS Host!
uri
Parameter:
If the page is loaded with a ?uri=at://...
parameter, the form fields (repo
, collection
, rkey
, pds
) are automatically filled based on the parsed AT URI.
The user can then fetch the single record or modify the fields for further queries. Also supports the Bluesky web urls. Both can be enter/pasted on the page URI field.
Example:
https://corkiejp.github.io/ATProtoViewer/index.html?uri=at%3A%2F%2Fdid%3Aplc%3Aqxlh6bohvep3taqhmtpipx4b%2Fapp.bsky.feed.post%2F3lpx3s7avxc5r
https://bsky.app/profile/corkiejp.github.io/post/3lqb3j3wrocta
It also works as a Android/Chrome PWA! With support for the Bluesky Share buttom. View any post record. For example see my very first post on Bluesky from 21 August 2024, visit the viewer
It provides handy quick access links to likes of https://pds.ls/, https://atp.tools/, https://blue.mackuba.eu/skythread/ and more for every post. Click the more link.
Latest addition a simple #Bookmarks method using localstorage! As each record display has links for handy bluesky utilities under the more option. You now have bookmarks to these for the post. It currently requests a title+description for bookmark creation, in future I will see if I can autofill these from the record. Can't believe I have created a bookmark system for Bluesky, when the app has yet to do so?
Disclaimer:- I'm not a developer, webpage/PWA was created with the assistance of AI Powered search engine, https://www.perplexity.ai/ as an experiment into what can be done with static html on github. Static webpage so no monitoring in place with a server backend, no login details requested so no privacy issues. If you use it, your not interacting with the AI.
Source code available
So you can just download it and run it localy or on your own site. Just get index.html, bookmarks.html, BlueskyPostViewer.html and Blueskyessentiallinks.html, put in a folder. You would lose the bluesky share on a local system. But if hosting yourself you would also need the associated PWA files with edits for your server.
As it uses static HTML files there is no backend server, no account details are request so no privacy issues.
Utilizes LocalStorage for bookmarks, import/export feature built in.
I hate when you add an icon to the post, it changes the link URL, had to edit my post!