On the fly image conversion

web_native/lib/api/api_provider.dart

@@ -1,4 +1,5 @@
 import 'dart:async';
+import 'package:flutter/material.dart';
 
 import 'package:imagini/api/cookie_client/cookie_client.dart'
     if (dart.library.html) 'package:imagini/api/cookie_client/browser_cookie_client.dart'
@@ -58,6 +59,16 @@ class APIProvider{
     return response;
   }
 
+  Image getImage(String fileName) {
+    // TODO: Get headers & Server
+    String fullURL = fileName;
+    return new Image.network(
+      fullURL,
+      headers: {},
+      fit: BoxFit.contain,
+    );
+  }
+
   Future<QueryResult> me() async {
     QueryResult response = await _client.query(
       QueryOptions(
@@ -73,8 +84,6 @@ class APIProvider{
         document: MediaItemsQuery().document,
       )
     );
-
-    print(response);
     return response;
   }
 

web_native/lib/api/imagini_api_repository.dart

@@ -2,6 +2,7 @@ import 'dart:async';
 import 'package:imagini/api/api_provider.dart';
 import 'package:imagini/graphql/imagini_graphql.dart';
 import 'package:graphql_flutter/graphql_flutter.dart';
+import 'package:flutter/material.dart';
 
 class ImaginiAPIRepository {
   APIProvider _apiProvider;
@@ -25,6 +26,13 @@ class ImaginiAPIRepository {
     return Stream.fromFuture(_apiProvider.me());
   }
 
+  Stream<MediaItems$Query> mediaItems() {
+    return Stream.fromFuture(_apiProvider.mediaItems().then((QueryResult resp) {
+      final mediaItemsResponse = MediaItems$Query.fromJson(resp.data);
+      return mediaItemsResponse;
+    }));
+  }
+
   Stream<bool> isAuthenticated() {
     return Stream.fromFuture(_apiProvider.me().then((QueryResult resp) {
       if (resp.exception != null)
@@ -32,4 +40,8 @@ class ImaginiAPIRepository {
       return true;
     }));
   }
+
+  Image getImage(String fileName) {
+    return _apiProvider.getImage(fileName);
+  }
 }