Does form-data support fs-capacitor stream?

I’m using apollo-upload-server for uploading files to the server. In my resolver function, I have a stream. What I want to do is pass this stream as a file (multipart/form-data) to another server. I use promise-request (that under the hood use form-data to achieve that. Code look like below:

import * as request from 'request-promise';

async upload(_, { file }) {
  const { stream } = await file;
  return await request.post({
      uri: `${NLP_API_BASE}/upload`,
      formData: {
        datasheet: stream
      }
    });
}

But I’m getting an error : RequestError: Error: socket hang up at new RequestError (/Users/igat/Code/projects/botsupply-oracle-backend/node_modules/request-promise-core/lib/errors.js:14:15) at Request.plumbing.callback (/Users/igat/Code/projects/botsupply-oracle-backend/node_modules/request-promise-core/lib/plumbing.js:87:29) at Request.RP$callback [as _callback] (/Users/igat/Code/projects/botsupply-oracle-backend/node_modules/request-promise-core/lib/plumbing.js:46:31) at self.callback (/Users/igat/Code/projects/botsupply-oracle-backend/node_modules/request/request.js:185:22) at emitOne (events.js:121:20) at Request.emit (events.js:211:7) at Request.onRequestError (/Users/igat/Code/projects/botsupply-oracle-backend/node_modules/request/request.js:877:8) at emitOne (events.js:116:13) at ClientRequest.emit (events.js:211:7) at Socket.socketOnEnd (_http_client.js:423:9) at emitNone (events.js:111:20) at Socket.emit (events.js:208:7) at endReadableNT (_stream_readable.js:1056:12) at _combinedTickCallback (internal/process/next_tick.js:138:11) at process._tickDomainCallback (internal/process/next_tick.js:218:9)

And as I understand apollo-upload-server use fs-capacitor to deal with a stream. Does form-data support fs-capacitor stream? What is wrong with my code?

Guys any ideas? I’m really stuck.

[amannn]

@rheaditi I tested a few different approaches and ended up with this resolver for a file upload with apollo-upload-server@7.0.0.

import FormData from 'form-data';
import {GraphQLUpload} from 'apollo-upload-server';
import rawBody from 'raw-body';
import fetch from 'node-fetch';

export default {
  Upload: GraphQLUpload,

  Mutation: {
    uploadFile: (root, {file: fileUpload}) =>
      fileUpload.then(file =>
        rawBody(file.createReadStream()).then(buffer => {
          const form = new FormData();

          // `FormData` accepts either a readable stream, a buffer or a string
          // for multipart files. `file.createReadStream()` creates a
          // `FileStream`, which is a subclass of `ReadableStream` implemented
          // in `busboy` (dependency of `apollo-upload-server`). This kind of
          // stream is apparently not discovered correctly by `form-data`,
          // therefore the better option is to use a buffer, however the meta
          // data needs to be specified explicitly in this case.
          form.append('file', buffer, {
            filename: file.filename,
            contentType: file.mimetype,
            knownLength: buffer.length
          });

          // Something like this, I'm using some abstraction for this
          return fetch('/upload', {method: 'POST', body: form});
        })
      )
  }
};

Maybe this is helpful to you! I haven’t tested with newer versions of apollo-upload-server yet.

[lynxtaa]

It works for me with additional headers (using node-fetch)

const { filename, createReadStream } = await file

const form = new FormData()

form.append('file', createReadStream(), { filename })

await fetch(FILE_SERVER_URL, {
  method: 'PUT',
  body: form,
  headers: {
    'connection': 'keep-alive',
    'transfer-encoding': 'chunked',
  },
})