fix(android): new fetchingFrom event to know when fetching from network

Author: farfromrefug

packages/image/platforms/android/java/com/nativescript/image/DraweeView.java

@@ -272,8 +272,11 @@ protected void onDraw(Canvas canvas) {
         super.onDraw(canvas);
     }
 
-    public void setUri(android.net.Uri uri, String jsonOptions, com.facebook.drawee.controller.ControllerListener listener) {
-    ImageRequestBuilder requestBuilder = ImageRequestBuilder.newBuilderWithSource(uri).setRotationOptions( com.facebook.imagepipeline.common.RotationOptions.autoRotate());
+    public void setUri(android.net.Uri uri, String jsonOptions, com.facebook.drawee.controller.ControllerListener listener, com.facebook.imagepipeline.listener.RequestListener requestListener) {
+        ImageRequestBuilder requestBuilder = ImageRequestBuilder.newBuilderWithSource(uri).setRotationOptions( com.facebook.imagepipeline.common.RotationOptions.autoRotate());
+        if (requestListener != null) {
+            requestBuilder.setRequestListener(requestListener);
+        }
         JSONObject object = null;
         JSONObject headers = null;
         if (jsonOptions.length() > 2) {

src/image/index-common.ts

@@ -272,6 +272,7 @@ export abstract class ImageBase extends View {
     public static intermediateImageSetEvent: string = 'intermediateImageSet';
     public static releaseEvent: string = 'release';
     public static submitEvent: string = 'submit';
+    public static fetchingFromEvent: string = 'fetchingFrom';
 
     public src: SrcType;
     public lowerResSrc: string;

src/image/index.android.ts

@@ -459,6 +459,7 @@ export class Img extends ImageBase {
 
     public disposeNativeView() {
         this.controllerListener = null;
+        this.requestListener = null;
         // this.nativeImageViewProtected.setImageURI(null, null);
     }
     get cacheKey() {
@@ -608,6 +609,7 @@ export class Img extends ImageBase {
     // }
 
     controllerListener: com.facebook.drawee.controller.ControllerListener<com.facebook.imagepipeline.image.ImageInfo>;
+    requestListener: com.facebook.imagepipeline.listener.RequestListener;
 
     protected async handleImageSrc(src: SrcType) {
         const view = this.nativeViewProtected;
@@ -769,6 +771,41 @@ export class Img extends ImageBase {
                         }
                     });
                 }
+                if (!this.requestListener && this.hasListeners(ImageBase.fetchingFromEvent)) {
+                    const that: WeakRef<Img> = new WeakRef(this);
+                    this.requestListener =  new com.facebook.imagepipeline.listener.RequestListener({
+                        onRequestStart(request, callerContext, requestId, isPrefetch) {
+                            
+                        },
+                        onRequestSuccess(param0: com.facebook.imagepipeline.request.ImageRequest, param1: string, param2: boolean) {},
+                        onRequestFailure(param0: com.facebook.imagepipeline.request.ImageRequest, param1: string, param2: java.lang.Throwable, param3: boolean) {},
+                        onRequestCancellation(param0: string) {},
+                        onProducerStart(param0: string, param1: string) {},
+                        onProducerEvent(param0: string, param1: string, param2: string) {},
+                        onProducerFinishWithSuccess(requestId: string, producerName: string, extraMap: java.util.Map<string,string>) {
+                            console.log('onProducerFinishWithSuccess', producerName)
+                            const owner = that?.get();
+                            const eventName = ImageBase.fetchingFromEvent;
+                           
+                            if (owner?.hasListeners(eventName)) {
+                                 let source = 'local';
+                                if (producerName.indexOf('Network') !== -1) {
+                                    source = 'network'
+                                } else if (producerName.indexOf('Cache') !== -1) {
+                                    source = 'cache'
+                                }  
+                                owner.notify({
+                                    eventName,
+                                    source
+                                });
+                            }
+                        },
+                        onProducerFinishWithFailure(param0: string, param1: string, param2: java.lang.Throwable, param3: java.util.Map<string,string>) {},
+                        onProducerFinishWithCancellation(param0: string, param1: string, param2: java.util.Map<string,string>) {},
+                        onUltimateProducerReached(param0: string, param1: string, param2: boolean) {},
+                        requiresExtraMap(param0: string) { return false},
+                    })
+                }
                 const options = JSON.stringify({
                     progressiveRenderingEnabled: this.blurRadius,
                     localThumbnailPreviewsEnabled: this.blurRadius,
@@ -781,7 +818,7 @@ export class Img extends ImageBase {
                     tapToRetryEnabled: this.tapToRetryEnabled,
                     headers: this.headers
                 });
-                view.setUri(uri, options, this.controllerListener);
+                view.setUri(uri, options, this.controllerListener, this.requestListener);
                 // const async = this.loadMode === 'async';
                 // if (async) {
                 // const builder = com.facebook.drawee.backends.pipeline.Fresco.newDraweeControllerBuilder();

src/image/typings/android.d.ts

@@ -8,7 +8,7 @@ declare namespace com {
                 noRatioEnforce: boolean;
                 imageWidth: number;
                 imageHeight: number;
-                setUri(uri: globalAndroid.net.Uri, options: string, listener: facebook.drawee.controller.ControllerListener);
+                setUri(uri: globalAndroid.net.Uri, options: string, listener: facebook.drawee.controller.ControllerListener, requestListener: com.facebook.imagepipeline.listener.RequestListener);
             }
             class ScalingBlurPostprocessor extends facebook.imagepipeline.request.BasePostprocessor {
                 public constructor(iterations: number, blurRadius: number, scaleRatio: number);