0.3.0 • Published 1 year ago
@us3r-network/thread v0.3.0
@us3r-network/thread
The @us3r-network/thread package provides some easy ways to create thread, and some options with thread, like comment,vote,favor,score.
Install
npm i @us3r-network/thread
Usage
Wrapper app with Us3rThreadProvider
, Us3rThreadProvider
provides threadComposeClient
relationsComposeClient
witch communication with Ceramic. The methods like getThreadInfo
createNewComment
createNewFavor
createNewVote
createNewScore
can create the comment vote in ceramic.
...
import { Us3rProfileProvider } from "@us3r-network/profile";
import { Us3rThreadProvider } from "@us3r-network/thread";
...
const ceramicHost =
process.env.REACT_APP_CERAMIC_HOST || "http://13.215.254.225:7007";
...
<Us3rProfileProvider ceramicHost={ceramicHost}>
<Us3rThreadProvider ceramicHost={ceramicHost}>
<App>
</Us3rThreadProvider>
</Us3rProfileProvider>
...
...
const { sessId, profile, connectUs3r, us3rAuth, us3rAuthValid } =
useUs3rProfileContext()!;
const { threadComposeClient, relationsComposeClient } =
useUs3rThreadContext()!;
const authComposeClients = useCallback(() => {
if (us3rAuthValid && us3rAuth.valid) {
us3rAuth.authComposeClients([
threadComposeClient,
relationsComposeClient,
]);
}
}, [relationsComposeClient, threadComposeClient, us3rAuth, us3rAuthValid]);
...
...
const {
getThreadInfo,
createNewComment,
createNewFavor,
createNewVote,
createNewScore,
} = useUs3rThreadContext()!;
...
In order to express how to use it more clearly, we have prepared a demo