Research
Security News
Malicious npm Packages Inject SSH Backdoors via Typosquatted Libraries
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
@joyfulelement/disqus-react
Advanced tools
Official React components to embed Disqus discussions and comments.
A package for integrating Disqus services into React applications.
Using npm:
$ npm install --save disqus-react
Using yarn:
$ yarn add disqus-react
This is the component that will load the main Disqus comments section.
import { DiscussionEmbed } from 'disqus-react';
<DiscussionEmbed
shortname='example'
config={
{
url: this.props.article.url,
identifier: this.props.article.id,
title: this.props.article.title,
language: 'zh_TW' //e.g. for Traditional Chinese (Taiwan)
}
}
/>
This component is limited to one instance in the DOM at a time and will handle updates to both the config
and shortname
props and reload appropriately with the new discussion thread.
language
configurationThis configuration overrides will load the Disqus embed in different languages on a per-page basis.
Note: Depending on the completeness of the translation for a given language, and the release of language support from disqus, the strings displayed on discussion thread UI may not be completely translated.
This component will display the comment count for the Disqus thread associated with the provided config.
import { CommentCount } from 'disqus-react';
<Disqus.CommentCount
shortname='example'
config={
{
url: this.props.article.url,
identifier: this.props.article.id,
title: this.props.article.title,
}
}
>
{/* Placeholder Text */}
Comments
</Disqus.CommentCount>
Multiple instances of this component can be included on the same page with different config
variables (e.g. an article list showing the comment count for each).
However, all threads on the site must be under the same primary site shortname
. If the component receives a new shortname
, all instances will be reset with counts for threads matching the updated site.
This component can be used to embed a Disqus comment into your page.
import { CommentEmbed } from 'disqus-react';
<CommentEmbed
commentId={this.props.article.featuredCommentId}
showMedia={true}
showParentComment={true}
width={420}
height={320}
/>
Multiple instances of this component may be include on the same page with different commentId
variables and does not require that the embedded comment be under the same primary site shortname
.
If you'd like to contribute to this package feel free to submit a bug report, feature request, or pull request. Though we would ask that you first read through the contributing guidelines.
FAQs
Official React components to embed Disqus discussions and comments.
The npm package @joyfulelement/disqus-react receives a total of 1 weekly downloads. As such, @joyfulelement/disqus-react popularity was classified as not popular.
We found that @joyfulelement/disqus-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
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.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.