[firebase_storage] Add web support

[harryterkelsen]

We should support firebase_storage on the web

[nilsreichardt]

firebase_storage for web would be awesome! 😍

[parnurzeal]

+1!

[adamsowinski]

When will it be started? It is a showstopper for me :-(

[cbenhagen]

Related to firebase/flutterfire#1972

[kaumudpa]

+1

[sbeitzel]

I just ran into this on a personal project, where I'm using universal_io to sidestep the lack of dart:io in flutter web context. However, the interface for firebase_storage specifies File from dart:io, which means its files are incompatible with the universal_io files the rest of my app traffics in. It would seem that in order to get this plugin to work for the web, it would require a breaking interface change. Either this plugin would have to stop using File and instead use some kind of stream, or it would have to introduce a new dependency on (for example, universal_io) a plugin that provides File implementations for all platforms.

Anyone got strong opinions? (He asked, on the Internet...)

[jans-y]

I will share my implementation, it's a little bit lame but it works.

pubspec.yaml

dependencies:
  firebase_storage:
  firebase:

upload_firebase_storage.dart

import 'dart:async';
import 'dart:typed_data';

import 'package:flutter/foundation.dart';

import './fake_native_firebase.dart' if (dart.library.io) 'package:firebase_storage/firebase_storage.dart' as fs;
import './fake_web_firebase.dart' if (dart.library.html) 'package:firebase/firebase.dart' as fb;

Future uploadFirebaseStorage(String path, Uint8List data, String contentType) async {
  try {
    if (kIsWeb) {
      fb.UploadTask uploadTask = fb.storage().ref(path).put(
            data,
            fb.UploadMetadata(
              contentType: contentType,
            ),
          );
      await uploadTask.future;
    } else {
      final fs.StorageReference storageReference = fs.FirebaseStorage().ref().child(path);

      final fs.StorageUploadTask uploadTask =
          storageReference.putData(data, fs.StorageMetadata(contentType: contentType));

      await uploadTask.onComplete;
    }
  } catch (error) {
    print("uploadFirebaseStorage: " + error);
    throw Exception(error);
  }
}

fake_native_firebase.dart

import 'dart:typed_data';

class StorageReference {
  StorageUploadTask putData(Uint8List data, storageMetadata) {}
}

class StorageMetadata {
  String contentType;

  StorageMetadata({this.contentType});
}

class FirebaseStorage {
  FirebaseStorage();
  ref() {}
}

class StorageUploadTask {
  var events;
  var onComplete;
}

class StorageTaskEvent {}

fake_web_firebase.dart

var storage;

class UploadTask {
  var future;
}

class UploadMetadata {
  String contentType;

  UploadMetadata({this.contentType});
}

[atreeon]

Hi, any ideas when you might start to work on this? A month, before the end of the year, next year?

[cyanglaz]

@kroikie Should we move this to the flutterfire repo?

[ditman]

I've been working on this for the last few weeks; it should be fully functional now. Here's the PR:

firebase/flutterfire#3917

You should be able to use this by specifying a git dependency to my branch for firebase_storage_web on your pubspecs.

[pcsosinski]

@ditman is there work left to do here? can you update the milestone if so?

[ditman]

Thanks for bringing this up @pcsosinski; This is done, but I must have misconfigured the PRs so it didn't get automatically closed. I'm closing the issue.

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.