m
/
ipfs
mirror of https://github.com/kremalicious/ipfs.git
1
0
Fork 0
Code Releases Activity

config changes

This commit is contained in:
Matthias Kretschmann 2021-09-12 21:19:07 +02:00
parent 7843ab66b7
commit 4fabd65c86
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Add.tsx
View File

@ -1,21 +1,13 @@
import React, { useState, ReactElement } from 'react'
import { ipfsNodeUri, ipfsGateway } from '../../site.config'
import { ipfsGateway } from '../../site.config'
import Dropzone, { FileDropzone } from './Dropzone'
import styles from './Add.module.css'
import Loader from './Loader'
import useIpfsApi from '../hooks/use-ipfs-api'
import { FileIpfs } from '../@types/ipfs'
const { hostname, port, protocol } = new URL(ipfsNodeUri)
const ipfsConfig = {
protocol: protocol.replace(':', ''),
host: hostname,
port: Number(port) || 443
}
export default function Add(): ReactElement {
const { ipfs, isIpfsReady, ipfsError, addFiles } = useIpfsApi(ipfsConfig)
const { ipfs, isIpfsReady, ipfsError, addFiles } = useIpfsApi()
const [files, setFiles] = useState<FileIpfs[]>()
const [loading, setLoading] = useState(false)
const [message] = useState()

20
src/hooks/use-ipfs-api.tsx
View File

@ -1,9 +1,11 @@
import { useCallback, useEffect, useState } from 'react'
import { create, IPFSHTTPClient, Options } from 'ipfs-http-client'
import { create } from 'ipfs-http-client'
import type { IPFSHTTPClient } from 'ipfs-http-client'
import type { CIDVersion } from 'multiformats/cid'
import { ipfsNodeUri } from '../../site.config'
import { formatBytes } from '../utils'
import { FileDropzone } from '../components/Dropzone'
import { FileIpfs } from '../@types/ipfs'
import type { FileIpfs } from '../@types/ipfs'
export interface IpfsApiValue {
ipfs: IPFSHTTPClient | undefined
@ -13,7 +15,15 @@ export interface IpfsApiValue {
addFiles: (files: FileDropzone[]) => Promise<FileIpfs[] | undefined>
}
export default function useIpfsApi(config: Options): IpfsApiValue {
const { hostname, port, protocol } = new URL(ipfsNodeUri)
const ipfsConfig = {
protocol: protocol.replace(':', ''),
host: hostname,
port: Number(port) || 443
}
export default function useIpfsApi(): IpfsApiValue {
const [ipfs, setIpfs] = useState<IPFSHTTPClient>()
const [version, setVersion] = useState<string>()
const [isIpfsReady, setIpfsReady] = useState(Boolean(ipfs))
@ -52,7 +62,7 @@ export default function useIpfsApi(config: Options): IpfsApiValue {
async function initIpfs() {
try {
const ipfs = create(config)
const ipfs = create(ipfsConfig)
setIpfs(ipfs)
const version = await ipfs.version()
setVersion(version.version)
@ -73,7 +83,7 @@ export default function useIpfsApi(config: Options): IpfsApiValue {
setIpfsError(undefined)
}
}
}, [config, ipfs])
}, [ipfs])
return { ipfs, version, isIpfsReady, ipfsError, addFiles }
}