writeFile returning success after writing 0 bytes

Hello! Thank you for the very useful library. I have run into some trouble

• RN: 0.56.0
• rn-fetch-blob: 0.10.13
• iOS simulator

fs.writeFile with base64 data is returning without error, but writing zero bytes to the file

this.svg.toDataURL((data) => {
                console.log(data);
                const qrFile = RNFetchBlob.fs.dirs.CacheDir + '/qrbadge.png';
                RNFetchBlob.fs.writeFile(qrFile, data, 'base64')
                    .then((len) => {
                        console.log('qr image to ' + qrFile + ' with len ' + len);
                        self.setState({qrImage: qrFile});
                    })
                    .catch((reason) => {
                        console.log('ex: ' + reason);
                    })
            });

On the console I see:

[base64 data which I’ve pasted online and it yields the PNG image as expected]

qr image to /Users/daviddaeschler/Library/Developer/CoreSimulator/Devices/90DDC9E1-05D6-43C0-BAB2-603A9BDB341A/data/Containers/Data/Application/D383B543-0DD3-4663-A791-8DA07BD6A15B/Library/Caches/qrbadge.png with len 0

[ddaeschler]

I figured this out. The base64 output from the other library I’m using was adding newline chars to the output. This must’ve caused the iOS writeFile method to silently fail to decode the base64.

It looks like line breaks in base64 data are widely accepted, so I guess a fix for the problem at the rn-fetch-blob level might be simply to strip line breaks before feeding it to NSData for decoding.

[soutot]

I figured this out. The base64 output from the other library I’m using was adding newline chars to the output. This must’ve caused the iOS writeFile method to silently fail to decode the base64.

It looks like line breaks in base64 data are widely accepted, so I guess a fix for the problem at the rn-fetch-blob level might be simply to strip line breaks before feeding it to NSData for decoding.

Thank you so much! I’ve been struggling on this for hours

ref?.current?.toDataURL((data) => {
      const filename =  'some-image-stuff.png'
      const imagePath = `${RNFetchBlob.fs.dirs.CacheDir}/${filename}`

      RNFetchBlob.fs
        .writeFile(
           imagePath,
           data.replace(/\r?\n|\r/g, ''), // THE FIX
           'base64'
        )
        .then(() => {
         CameraRoll.save(imagePath)
            .then(() => {
                console.log('Success')
              })
            .catch((saveError) => console.log({saveError}))
        })
        .catch((writeError) => console.log({writeError))
    })