0.123.2 • Published 1 year ago

@0xflair/react-ipfs v0.123.2

Weekly downloads
-
License
-
Repository
github
Last release
1 year ago

Flair SDK: react-ipfs

React components and hooks to work with IPFS. This library uses Flair's APIs to upload and pin the file to IPFS, but the file will not be stored on the backend.

Getting Started

Installation

  1. Install the package:

    npm install @0xflair/react-ipfs

  2. Install peer dependencies:

    npm install axios

# if visual components needed:
npm install tailwindcss @headlessui/react @heroicons/react @tailwindcss/aspect-ratio

  3. Configure tailwind.config.js (Tailwind v3) to scan SDK for classes (if visual components needed):

    module.exports = {
  purge: [
    "./public/**/*.html",
    "./src/**/*.{js,jsx,ts,tsx,vue}",

    // This line tells Tailwind to look into SDK files
    "./node_modules/@0xflair/**/*.{js,jsx,ts,tsx,vue}",
  ],
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  plugins: [
    // These plugins are used in this package
    require("@tailwindcss/forms"),
    require("@tailwindcss/aspect-ratio"),
  ],
};

Usage

IPFS Uploader Hook

import { useIpfsFileUploader } from "@0xflair/react-ipfs";

function App() {
  const [userFile, serUserFile] = useState<File>();
  const [{
    data: ipfsUrl,
    error: ipfsError,
    loading: ipfsLoading
  }, ipfsUpload] = useIpfsFileUploader({
    autoUpload: true,
    fromFile: userFile,
  });

  return (
    <ul>
      <li>Choose file: <input type="file" value={userFile} onChange={setUserFile} /></li>
      <li>IPFS Loading: {ipfsLoading ? 'Yes...' : 'Idle'}</li>
      <li>IPFS Error: {ipfsError?.message || ipfsError?.toString()}</li>
    </ul>
  );
@0xflair/ipfs@0xflair/react-commonaxios
@everything-registry/sub-chunk-14@infinitebrahmanuniverse/nolb-_0@0xflair/react-nft-collections
0.120.10

2 years ago

0.120.11

2 years ago

0.121.2

2 years ago

0.121.1

2 years ago

0.121.0

2 years ago

0.120.9

2 years ago

0.120.7

2 years ago

0.120.8

2 years ago

0.123.2

1 year ago

0.123.1

1 year ago

0.123.0

2 years ago

0.122.2

2 years ago

0.122.1

2 years ago

0.122.0

2 years ago

0.118.0

2 years ago

0.118.1

2 years ago

0.118.2

2 years ago

0.118.3

2 years ago

0.117.1

2 years ago

0.117.0

2 years ago

0.119.0

2 years ago

0.119.1

2 years ago

0.119.2

2 years ago

0.120.5

2 years ago

0.120.6

2 years ago

0.120.1

2 years ago

0.120.2

2 years ago

0.120.3

2 years ago

0.120.4

2 years ago

0.120.0

2 years ago

0.114.4

2 years ago

0.114.5

2 years ago

0.114.6

2 years ago

0.114.7

2 years ago

0.114.0

2 years ago

0.114.1

2 years ago

0.114.2

2 years ago

0.114.3

2 years ago

0.114.8

2 years ago

0.102.1

2 years ago

0.102.0

2 years ago

0.113.1

2 years ago

0.113.2

2 years ago

0.113.3

2 years ago

0.113.4

2 years ago

0.113.0

2 years ago

0.101.0

2 years ago

0.101.1

2 years ago

0.116.2

2 years ago

0.99.4

2 years ago

0.116.3

2 years ago

0.99.5

2 years ago

0.116.4

2 years ago

0.116.5

2 years ago

0.116.0

2 years ago

0.116.1

2 years ago

0.104.0

2 years ago

0.115.3

2 years ago

0.115.0

2 years ago

0.115.1

2 years ago

0.115.2

2 years ago

0.103.0

2 years ago

0.107.8

2 years ago

0.107.9

2 years ago

0.107.4

2 years ago

0.107.5

2 years ago

0.107.6

2 years ago

0.107.7

2 years ago

0.106.1

2 years ago

0.106.2

2 years ago

0.106.0

2 years ago

0.105.0

2 years ago

0.109.2

2 years ago

0.109.3

2 years ago

0.108.0

2 years ago

0.108.1

2 years ago

0.108.2

2 years ago

0.107.0

2 years ago

0.107.1

2 years ago

0.107.2

2 years ago

0.107.3

2 years ago

0.109.0

2 years ago

0.109.1

2 years ago

0.110.0

2 years ago

0.107.12

2 years ago

0.107.11

2 years ago

0.107.13

2 years ago

0.107.10

2 years ago

0.112.2

2 years ago

0.112.3

2 years ago

0.112.4

2 years ago

0.112.0

2 years ago

0.112.1

2 years ago

0.100.3

2 years ago

0.100.0

2 years ago

0.100.1

2 years ago

0.100.2

2 years ago

0.111.3

2 years ago

0.111.0

2 years ago

0.111.1

2 years ago

0.111.2

2 years ago

0.81.0

2 years ago

0.81.1

2 years ago

0.78.0

2 years ago

0.55.2

2 years ago

0.55.0

2 years ago

0.55.1

2 years ago

0.70.4

2 years ago

0.70.3

2 years ago

0.70.5

2 years ago

0.70.0

2 years ago

0.93.0

2 years ago

0.70.2

2 years ago

0.70.1

2 years ago

0.67.0

2 years ago

0.82.0

2 years ago

0.56.3

2 years ago

0.56.4

2 years ago

0.56.1

2 years ago

0.56.2

2 years ago

0.79.0

2 years ago

0.56.0

2 years ago

0.94.0

2 years ago

0.71.0

2 years ago

0.68.3

2 years ago

0.68.2

2 years ago

0.68.5

2 years ago

0.68.4

2 years ago

0.68.1

2 years ago

0.68.0

2 years ago

0.68.6

2 years ago

0.64.1

2 years ago

0.87.0

2 years ago

0.64.0

2 years ago

0.99.0

2 years ago

0.76.2

2 years ago

0.53.4

2 years ago

0.99.1

2 years ago

0.76.1

2 years ago

0.99.2

2 years ago

0.53.2

2 years ago

0.99.3

2 years ago

0.76.3

2 years ago

0.53.3

2 years ago

0.53.0

2 years ago

0.53.1

2 years ago

0.76.0

2 years ago

0.91.0

2 years ago

0.88.4

2 years ago

0.88.5

2 years ago

0.88.6

2 years ago

0.88.7

2 years ago

0.88.0

2 years ago

0.88.1

2 years ago

0.65.1

2 years ago

0.88.2

2 years ago

0.88.3

2 years ago

0.88.8

2 years ago

0.65.0

2 years ago

0.80.0

2 years ago

0.92.7

2 years ago

0.77.1

2 years ago

0.77.0

2 years ago

0.92.3

2 years ago

0.92.4

2 years ago

0.54.0

2 years ago

0.92.5

2 years ago

0.92.6

2 years ago

0.92.0

2 years ago

0.92.1

2 years ago

0.92.2

2 years ago

0.89.0

2 years ago

0.66.0

2 years ago

0.62.1

2 years ago

0.85.0

2 years ago

0.62.0

2 years ago

0.97.6

2 years ago

0.59.2

2 years ago

0.97.7

2 years ago

0.59.3

2 years ago

0.97.8

2 years ago

0.59.0

2 years ago

0.97.9

2 years ago

0.59.1

2 years ago

0.97.2

2 years ago

0.51.6

2 years ago

0.97.3

2 years ago

0.51.7

2 years ago

0.97.4

2 years ago

0.51.4

2 years ago

0.97.5

2 years ago

0.87.10

2 years ago

0.51.5

2 years ago

0.59.4

2 years ago

0.74.0

2 years ago

0.51.2

2 years ago

0.51.3

2 years ago

0.97.0

2 years ago

0.74.2

2 years ago

0.51.0

2 years ago

0.97.1

2 years ago

0.74.1

2 years ago

0.51.1

2 years ago

0.48.2

2 years ago

0.48.3

2 years ago

0.48.0

2 years ago

0.48.1

2 years ago

0.63.4

2 years ago

0.63.3

2 years ago

0.48.4

2 years ago

0.48.5

2 years ago

0.63.0

2 years ago

0.86.0

2 years ago

0.63.2

2 years ago

0.63.1

2 years ago

0.98.1

2 years ago

0.98.2

2 years ago

0.90.0

2 years ago

0.52.1

2 years ago

0.52.2

2 years ago

0.98.0

2 years ago

0.75.0

2 years ago

0.52.0

2 years ago

0.90.1

2 years ago

0.90.2

2 years ago

0.87.5

2 years ago

0.64.7

2 years ago

0.49.1

2 years ago

0.87.6

2 years ago

0.64.6

2 years ago

0.49.2

2 years ago

0.87.7

2 years ago

0.87.8

2 years ago

0.49.0

2 years ago

0.87.1

2 years ago

0.64.3

2 years ago

0.87.2

2 years ago

0.64.2

2 years ago

0.64.5

2 years ago

0.87.4

2 years ago

0.64.4

2 years ago

0.49.9

2 years ago

0.49.7

2 years ago

0.49.8

2 years ago

0.87.9

2 years ago

0.49.5

2 years ago

0.49.6

2 years ago

0.49.3

2 years ago

0.49.4

2 years ago

0.60.1

2 years ago

0.83.0

2 years ago

0.60.0

2 years ago

0.95.8

2 years ago

0.95.9

2 years ago

0.95.4

2 years ago

0.72.6

2 years ago

0.57.0

2 years ago

0.95.5

2 years ago

0.72.5

2 years ago

0.95.6

2 years ago

0.95.7

2 years ago

0.95.0

2 years ago

0.72.2

2 years ago

0.95.1

2 years ago

0.72.1

2 years ago

0.95.2

2 years ago

0.72.4

2 years ago

0.95.3

2 years ago

0.72.3

2 years ago

0.72.0

2 years ago

0.69.2

2 years ago

0.69.1

2 years ago

0.49.10

2 years ago

0.46.0

2 years ago

0.61.5

2 years ago

0.49.11

2 years ago

0.69.0

2 years ago

0.84.0

2 years ago

0.61.2

2 years ago

0.84.1

2 years ago

0.61.1

2 years ago

0.84.2

2 years ago

0.61.4

2 years ago

0.61.3

2 years ago

0.61.0

2 years ago

0.58.3

2 years ago

0.58.1

2 years ago

0.58.2

2 years ago

0.96.3

2 years ago

0.96.4

2 years ago

0.58.0

2 years ago

0.73.1

2 years ago

0.50.3

2 years ago

0.96.0

2 years ago

0.73.0

2 years ago

0.50.4

2 years ago

0.96.1

2 years ago

0.95.10

2 years ago

0.50.1

2 years ago

0.96.2

2 years ago

0.73.2

2 years ago

0.50.2

2 years ago

0.95.12

2 years ago

0.95.11

2 years ago

0.50.0

2 years ago

0.95.13

2 years ago

0.47.0

2 years ago

0.43.0

2 years ago

0.36.1

2 years ago

0.36.0

2 years ago

0.32.0

2 years ago

0.29.0

2 years ago

0.27.22

2 years ago

0.27.21

2 years ago

0.27.20

2 years ago

0.25.2

2 years ago

0.44.0

2 years ago

0.44.1

2 years ago

0.27.23

2 years ago

0.29.1

2 years ago

0.27.19

2 years ago

0.27.18

2 years ago

0.40.0

2 years ago

0.27.17

2 years ago

0.27.16

2 years ago

0.27.11

2 years ago

0.27.10

2 years ago

0.37.0

2 years ago

0.27.15

2 years ago

0.27.14

2 years ago

0.27.13

2 years ago

0.33.0

2 years ago

0.27.12

2 years ago

0.26.3

2 years ago

0.26.2

2 years ago

0.26.1

2 years ago

0.26.0

2 years ago

0.45.0

2 years ago

0.26.7

2 years ago

0.26.6

2 years ago

0.26.5

2 years ago

0.26.4

2 years ago

0.41.0

2 years ago

0.38.2

2 years ago

0.38.1

2 years ago

0.38.0

2 years ago

0.34.0

2 years ago

0.30.4

2 years ago

0.30.3

2 years ago

0.38.3

2 years ago

0.30.2

2 years ago

0.30.1

2 years ago

0.30.0

2 years ago

0.27.2

2 years ago

0.27.1

2 years ago

0.27.0

2 years ago

0.42.2

2 years ago

0.27.9

2 years ago

0.27.8

2 years ago

0.27.7

2 years ago

0.27.6

2 years ago

0.27.5

2 years ago

0.27.4

2 years ago

0.27.3

2 years ago

0.42.0

2 years ago

0.42.1

2 years ago

0.39.1

2 years ago

0.39.0

2 years ago

0.35.2

2 years ago

0.35.1

2 years ago

0.35.0

2 years ago

0.39.5

2 years ago

0.39.4

2 years ago

0.39.3

2 years ago

0.39.2

2 years ago

0.31.1

2 years ago

0.31.0

2 years ago

0.28.1

2 years ago

0.28.0

2 years ago

0.28.5

2 years ago

0.28.4

2 years ago

0.28.3

2 years ago

0.28.2

2 years ago

0.25.1

2 years ago

0.25.0

2 years ago

0.24.2

2 years ago

0.24.1

2 years ago

0.24.0

2 years ago

0.23.0

2 years ago

0.22.2

2 years ago

0.22.1

2 years ago

0.22.0

2 years ago

0.21.3

2 years ago

0.21.2

2 years ago

0.21.1

2 years ago

0.21.0

2 years ago

0.20.1

2 years ago

0.20.0

2 years ago

0.19.3

2 years ago

0.19.2

2 years ago

0.19.1

2 years ago

0.19.0

2 years ago

0.18.1

2 years ago

0.18.0

2 years ago

0.17.1

2 years ago

0.17.0

2 years ago

0.16.2

2 years ago

0.16.1

2 years ago

0.16.0

2 years ago

0.15.0

2 years ago

0.14.4

2 years ago

0.14.3

2 years ago

0.14.2

2 years ago

0.14.1

2 years ago

0.14.0

2 years ago

0.13.3

2 years ago

0.13.2

2 years ago

0.13.1

2 years ago

0.13.0

2 years ago

0.12.3

2 years ago

0.12.2

2 years ago

0.12.1

2 years ago

0.12.0

2 years ago

0.11.14

2 years ago

0.11.13

2 years ago

0.11.12

2 years ago

0.11.11

2 years ago

0.11.10

2 years ago

0.11.9

2 years ago

0.11.8

2 years ago

0.11.7

2 years ago

0.11.6

2 years ago

0.11.5

2 years ago

0.11.4

2 years ago

0.11.3

2 years ago

0.11.2

2 years ago

0.11.1

2 years ago

0.11.0

2 years ago