Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

blue-comments

Package Overview
Dependencies
Maintainers
0
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

blue-comments

Heavily inspired by https://graysky.app/blog/2024-02-05-adding-blog-comments

  • 1.1.1
  • latest
  • npm
  • Socket score

Version published
Weekly downloads
4
decreased by-78.95%
Maintainers
0
Weekly downloads
 
Created
Source

Bluesky-based commenting system

Heavily inspired by https://graysky.app/blog/2024-02-05-adding-blog-comments

Quickstart

You effectively need to set two variables, the DID and the RKEY. Drop the following into your page:

const DID = 'did:plc:...'; // YOUR BSKY DID; see: internect.info
const RKEY = '...'; // RKEY OF THE POST (the string after `/post/` in the URL) HERE

import('https://esm.sh/blue-comments@^1');
var el = document.createElement('blue-comments');
el.setAttribute('uri', `at://${DID}/app.bsky.feed.post/${RKEY}`);
document.body.appendChild(el);

If using Ghost, in the post editing sidebar, use the "code injection" option to add the above to your footer.

Slightly-more-involved usage

This is better if you're wanting to use this on multiple pages.

In your <head> section:
<script type="module" async defer src="https://esm.sh/blue-comments"></script>
Where you want to put comments:
<blue-comments uri="at://did:plc:.../app.bsky.feed.post/...">
    <h3>You can replace the default comments header section by specifying children</h3>
</blue-comments>

FAQs

Package last updated on 02 Jul 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc