Shadow Drive
Typescript components for Shadow Drive.
## Quick Setup
### Install
Install these dependencies:
```shell
yarn add @shadow-drive/sdk
```
### Setup (React)
```tsx
import React, { useEffect } from "react";
import * as anchor from "@project-serum/anchor";
import {ShdwDrive} from "@shadow-drive/sdk";
import { AnchorWallet, useAnchorWallet, useConnection } from "@solana/wallet-adapter-react";
export default function Drive() {
const { connection } = useConnection();
const wallet = useAnchorWallet();
useEffect(() => {
(async () => {
if (wallet?.publicKey) {
const drive = await new ShdwDrive(connection, wallet).init();
}
})();
}, [wallet?.publicKey])
return (
)
}
```
### Setup (NodeJS)
```js
import {ShdwDrive} from "@shadow-drive/sdk";
const drive = await new ShdwDrive(connection, wallet).init();
```
### Examples
| package | description |
| --------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| [node](https://github.com/GenesysGo/shadow-drive/tree/main/examples/node) | Using shadow-drive in a nodejs environment components |
| [react](https://github.com/GenesysGo/shadow-drive/tree/main/examples/web) | Using shadow-drive in a react/browser environment |
### Build From Source
1. Clone the project:
```shell
git clone https://github.com/genesysgo/shadow-drive.git
```
2. Install dependencies:
```shell
cd shadow-drive
yarn install
```
### Troubleshooting
#### Getting a 400 HTTP error code when performing POST requests
If you are getting a 400 HTTP error status code when using the POST `ShdwDrive` methods such as `createStorageAccount`, `uploadFile`, `addStorage`, etc.
Make sure to set your wallet adapter commitment config to max.
```TSX
...
```