Skip to content

Sonic SDK enables you to quickly setup and integrate your decentralized community in a flash!

License

Notifications You must be signed in to change notification settings

sahilpabale/sonic-sdk

Repository files navigation

@0xsonic/sdk

Sonic SDK enables you to quickly setup and integrate your decentralized community in a flash!

NPM Package NPM Downloads Stars License

Table of Contents:

📦 Getting Started

Installation

If not by the docs, we have a video to walk you through the installation and setting up sonic in your dapp.

Video Walkthrough

NPM

npm install @0xsonic/sdk

Yarn

yarn add @0xsonic/sdk

PNPM

pnpm install @0xsonic/sdk

Usage

React-js Application:

Warning Currently we're facing a source map issue which will throw some weird warnings in your react-app, for this we have a temporary solution to be added in package.json file.

Add GENERATE_SOURCEMAP=true in front of react-scripts start so the warning goes off!

// package.json
"scripts": {
    "start": "GENERATE_SOURCEMAP=false react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
  },
// src/index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { SonicProvider } from '@0xsonic/sdk';

// ...

root.render(
  <React.StrictMode>
    <SonicProvider> // wrap around your react app component
      <App />
    </SonicProvider>
  </React.StrictMode>
);
// src/App.js

import React from 'react';
import { Sonic } from '@0xsonic/sdk';

function App() {
  return (
    <>
      <Blog/>
      <Sonic context="blog-related-context"/> // enables decentralised comments for your dapp
    </>
  );
}

export default App;

💻 Features

  1. <SonicProvider />
    SonicProvider wrapper helps us to manage the states and connection with Orbis & Ceramic protocol under the hood.
  2. <Sonic context=""/>
    Sonic is the main plug-&-play comments widget that dApps can use to integrate decentralised comments feature with 0 headache.
  3. <SonicForum />
    WIP 🏗 A easy to use forums widget for all Web3ians
  4. <SonicChat />
    WIP 🏗 Another quick, plug-&-play chat widget for dApps, dGames

🚀 Support

Framework Version
react-js 0.2.6 ✅
next-js 0.3.0 🏗
react-ts 0.3.5 🏗
next-ts 0.4.0 🏗
vue 0.5.0 🏗
svelte 0.6.0 🏗

We plan to release these major versions and support all the leading web frameworks in coming months.

✅ Contributing

All code contributions, including those of people having commit access, must go through a pull request and be approved by a core developer before being merged. This is to ensure a proper review of all the code.

We truly ❤️ pull requests! If you wish to help, we will soon be making our sdk ready to be contribute post hackathon, and we'll do a proper announcement for everyone to contribute.

👨🏻‍💻 Builders

Twitter Twitter

📄 License

This repository is available under the MIT License.

About

Sonic SDK enables you to quickly setup and integrate your decentralized community in a flash!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published