liquid-funding/app/utils/ipfs.js

import IPFS from 'ipfs'
import fileReaderPullStream from 'pull-file-reader'
import { Matcher } from '@areknawo/rex'
import { getImageType } from './images'

const ipfsMatcher = new Matcher().begin().find('ipfs/')
const ipfs = new IPFS()

export const isIpfs = str => ipfsMatcher.test(str)
export const captureFile = (event, cb, imgCb) => {
  event.stopPropagation()
  event.preventDefault()
  const file = event.target.files[0]
  const files = event.target.files
  const formattedFiles = formatFileList(files)
  console.log({files, formattedFiles})
  saveToIpfs(formattedFiles, cb, imgCb)
}

const formatFileList = files => {
  const formattedList = []
  for (let i=0; i<files.length; i++) {
    formattedList.push(formatForIpfs(files[i]))
  }
  return formattedList
}

const formatForIpfs = file => {
  const { name, type } = file
  const content = fileReaderPullStream(file)
  return {
    path:  `/root/${name}`,
    content
  }
}
const saveToIpfs = (files, cb, imgCb) => {
  let ipfsId
  ipfs.add(files, { progress: (prog) => console.log(`received: ${prog}`) })
    .then((response) => {
      console.log(response)
      ipfsId = response[0].hash
      cb(`ipfs/${ipfsId}`)
      getImageFromIpfs(ipfsId, imgCb)
    }).catch((err) => {
      console.error(err)
    })
}

export const getImageFromIpfs = async (hash, cb) => {
  const res = await getFromIpfs(hash)
  cb(res)
};

export const getFromIpfs = async hash => {
  const files = await getFiles(hash)
  const file = files.slice(-1)[0]
  const { content } = file
  const arrayBufferView = new Uint8Array(content)
  const blob = new Blob([ arrayBufferView ], { type: getImageType(file) })
  const img = URL.createObjectURL(blob)
  return { ...file, img }
}

export const getFiles = CID => {
  const clean = CID.split('/').slice(-1)[0]
  return new Promise(function(resolve, reject) {
    ipfs.get(clean, function (err, files) {
      if (err) reject(err)
      else resolve(files)
    })
  })
}