Merge pull request #14 from leandrosimoes/feature/notification-icon-and-image

leandrosimoes · web-flow · commit 71d70193fd00 · 2021-02-05T16:17:54.000-03:00
Feature/notification icon and image
diff --git a/README.md b/README.md
@@ -63,6 +63,7 @@ RNAndroidNotificationListener.requestPermission()
 const headlessNotificationListener = async ({ notification }) => {/**
      * This notification is a JSON string in the follow format:
      *  {
+     *      "time": string,
      *      "app": string,
      *      "title": string,
      *      "titleBig": string,
@@ -78,7 +79,9 @@ const headlessNotificationListener = async ({ notification }) => {/**
      *              "title": string,
      *              "text": string
      *          }
-     *      ]
+     *      ],
+     *      "icon": string (base64),
+     *      "image": string (base64), // WARNING! THIS MAY NOT WORK FOR SOME APPLICATIONS SUCH TELEGRAM AND WHATSAPP
      *  }
      * 
      * Note that this properties depends on the sender configuration
diff --git a/android/src/main/java/com/lesimoes/androidnotificationlistener/RNAndroidNotificationListener.java b/android/src/main/java/com/lesimoes/androidnotificationlistener/RNAndroidNotificationListener.java
@@ -27,7 +27,7 @@ public void onNotificationPosted(StatusBarNotification sbn) {
 
         Intent serviceIntent = new Intent(context, RNAndroidNotificationListenerHeadlessJsTaskService.class);
 
-        RNNotification notification = new RNNotification(sbn);
+        RNNotification notification = new RNNotification(context, sbn);
 
         Gson gson = new Gson();
         String serializedNotification = gson.toJson(notification);
diff --git a/android/src/main/java/com/lesimoes/androidnotificationlistener/RNNotification.java b/android/src/main/java/com/lesimoes/androidnotificationlistener/RNNotification.java
@@ -1,10 +1,21 @@
 package com.lesimoes.androidnotificationlistener;
 
+import android.graphics.BitmapFactory;
 import android.service.notification.StatusBarNotification;
 import android.text.TextUtils;
 import android.app.Notification;
 import android.util.Log;
 import java.util.ArrayList;
+import android.content.pm.PackageManager;
+import android.content.res.Resources;
+import android.graphics.drawable.Drawable;
+import android.graphics.Bitmap;
+import java.io.ByteArrayOutputStream;
+import android.util.Base64;
+import android.content.Context;
+import java.lang.Exception;
+import android.graphics.drawable.Icon;
+import android.graphics.drawable.BitmapDrawable;
 
 public class RNNotification {
     private static final String TAG = "RNAndroidNotificationListener";
@@ -20,35 +31,52 @@ public class RNNotification {
     protected String audioContentsURI;
     protected String imageBackgroundURI;
     protected String extraInfoText;
+    protected String icon;
+    protected String image;
+    protected String time;
 
-    public RNNotification(StatusBarNotification sbn) {
+    public RNNotification(Context context, StatusBarNotification sbn) {
         Notification notification = sbn.getNotification();
 
         if (notification != null && notification.extras != null) {
             String packageName = sbn.getPackageName();
 
-            CharSequence titleChars = notification.extras.getCharSequence(Notification.EXTRA_TITLE);
-            CharSequence titleBigChars = notification.extras.getCharSequence(Notification.EXTRA_TITLE_BIG);
-            CharSequence textChars = notification.extras.getCharSequence(Notification.EXTRA_TEXT);
-            CharSequence subTextChars = notification.extras.getCharSequence(Notification.EXTRA_SUB_TEXT);
-            CharSequence summaryTextChars = notification.extras.getCharSequence(Notification.EXTRA_SUMMARY_TEXT);
-            CharSequence bigTextChars = notification.extras.getCharSequence(Notification.EXTRA_BIG_TEXT);
-            CharSequence audioContentsURIChars = notification.extras.getCharSequence(Notification.EXTRA_AUDIO_CONTENTS_URI);
-            CharSequence imageBackgroundURIChars = notification.extras.getCharSequence(Notification.EXTRA_BACKGROUND_IMAGE_URI);
-            CharSequence extraInfoTextChars = notification.extras.getCharSequence(Notification.EXTRA_INFO_TEXT);
-            CharSequence[] lines = notification.extras.getCharSequenceArray(Notification.EXTRA_TEXT_LINES);
-
+            this.time = Long.toString(sbn.getPostTime());
             this.app = TextUtils.isEmpty(packageName) ? "Unknown App" : packageName;
-            this.title = titleChars != null ? titleChars.toString().trim() : "";
-            this.titleBig = titleBigChars != null ? titleBigChars.toString().trim() : "";
-            this.text = textChars != null ? textChars.toString().trim() : "";
-            this.subText = subTextChars != null ? subTextChars.toString().trim() : "";
-            this.summaryText = summaryTextChars != null ? summaryTextChars.toString().trim() : "";
-            this.bigText = bigTextChars != null ? bigTextChars.toString().trim() : "";
-            this.audioContentsURI = audioContentsURIChars != null ? audioContentsURIChars.toString().trim() : "";
-            this.imageBackgroundURI = imageBackgroundURIChars != null ? imageBackgroundURIChars.toString().trim() : "";
-            this.extraInfoText = extraInfoTextChars != null ? extraInfoTextChars.toString().trim() : "";
-            this.groupedMessages = new ArrayList<RNGroupedNotification>();
+            this.title = this.getPropertySafely(notification, Notification.EXTRA_TITLE);
+            this.titleBig = this.getPropertySafely(notification, Notification.EXTRA_TITLE_BIG);
+            this.text = this.getPropertySafely(notification, Notification.EXTRA_TEXT);
+            this.subText = this.getPropertySafely(notification, Notification.EXTRA_SUB_TEXT);
+            this.summaryText = this.getPropertySafely(notification, Notification.EXTRA_SUMMARY_TEXT);
+            this.bigText = this.getPropertySafely(notification, Notification.EXTRA_BIG_TEXT);
+            this.audioContentsURI = this.getPropertySafely(notification, Notification.EXTRA_AUDIO_CONTENTS_URI);
+            this.imageBackgroundURI = this.getPropertySafely(notification, Notification.EXTRA_BACKGROUND_IMAGE_URI);
+            this.extraInfoText = this.getPropertySafely(notification, Notification.EXTRA_INFO_TEXT);
+
+            this.icon = this.getNotificationIcon(context, notification, packageName);
+            this.image = this.getNotificationImage(notification);
+            this.groupedMessages = this.getGroupedNotifications(notification);
+        } else {
+            Log.d(TAG, "The notification received has no data");
+        }
+    }
+
+    private String getPropertySafely(Notification notification, String propKey) {
+        try {
+            CharSequence propCharSequence = notification.extras.getCharSequence(propKey);
+
+            return propCharSequence == null ? "" : propCharSequence.toString().trim();
+        } catch (Exception e) {
+            Log.d(TAG, e.getMessage());
+            return "";
+        }
+    }
+
+    private ArrayList<RNGroupedNotification> getGroupedNotifications(Notification notification) {
+        ArrayList<RNGroupedNotification> result = new ArrayList<RNGroupedNotification>();
+
+        try {
+            CharSequence[] lines = notification.extras.getCharSequenceArray(Notification.EXTRA_TEXT_LINES);
 
             if (lines != null && lines.length > 0) {
                 for (CharSequence line : lines) {
@@ -58,8 +86,90 @@ public RNNotification(StatusBarNotification sbn) {
                     }
                 }
             }
-        } else {
-            Log.d(TAG, "The notification received has no data");
+
+            return result;
+        } catch (Exception e) {
+            Log.d(TAG, e.getMessage());
+            return result;
+        }
+    }
+
+    private String getNotificationIcon(Context context, Notification notification, String packageName) {
+        try {
+            int iconId = notification.extras.getInt(Notification.EXTRA_SMALL_ICON);
+
+            String result = "";
+
+            if (iconId <= 0) {
+                Icon iconInstance = notification.getSmallIcon();
+                Drawable iconDrawable = iconInstance.loadDrawable(context);
+                Bitmap iconBitmap = ((BitmapDrawable) iconDrawable).getBitmap();
+
+                ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
+                iconBitmap.compress(Bitmap.CompressFormat.PNG, 100, outputStream);
+
+                result = Base64.encodeToString(outputStream.toByteArray(), Base64.DEFAULT);
+            } else {
+                PackageManager manager = context.getPackageManager();
+                Resources resources = manager.getResourcesForApplication(packageName);
+
+                Drawable iconDrawable = resources.getDrawable(iconId);
+                Bitmap iconBitmap = ((BitmapDrawable) iconDrawable).getBitmap();
+
+                ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
+                iconBitmap.compress(Bitmap.CompressFormat.PNG, 100, outputStream);
+
+                result = Base64.encodeToString(outputStream.toByteArray(), Base64.DEFAULT);
+            }
+
+            return TextUtils.isEmpty(result) ? result : "data:image/png;base64," + result;
+        } catch (Exception e) {
+            Log.d(TAG, e.getMessage());
+            return "";
+        }
+    }
+
+    private String getNotificationImage(Notification notification) {
+        try {
+            if (!notification.extras.containsKey(Notification.EXTRA_PICTURE)) return "";
+
+            Bitmap imageBitmap = (Bitmap) notification.extras.get(Notification.EXTRA_PICTURE);
+
+            BitmapFactory.Options options = new BitmapFactory.Options();
+            options.inSampleSize = this.calculateInSampleSize(options, 100,100);
+            options.inJustDecodeBounds = false;
+            ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
+            imageBitmap.compress(Bitmap.CompressFormat.JPEG, 30, outputStream);
+
+            String result = Base64.encodeToString(outputStream.toByteArray(), Base64.DEFAULT);
+
+            return TextUtils.isEmpty(result) ? result : "data:image/png;base64," + result;
+        } catch (Exception e) {
+            Log.d(TAG, e.getMessage());
+            return "";
         }
     }
+
+    public int calculateInSampleSize(
+            BitmapFactory.Options options, int reqWidth, int reqHeight) {
+        // Raw height and width of image
+        final int height = options.outHeight;
+        final int width = options.outWidth;
+        int inSampleSize = 1;
+
+        if (height > reqHeight || width > reqWidth) {
+
+            final int halfHeight = height / 2;
+            final int halfWidth = width / 2;
+
+            // Calculate the largest inSampleSize value that is a power of 2 and keeps both
+            // height and width larger than the requested height and width.
+            while ((halfHeight / inSampleSize) >= reqHeight
+                    && (halfWidth / inSampleSize) >= reqWidth) {
+                inSampleSize *= 2;
+            }
+        }
+
+        return inSampleSize;
+    }
 }
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-native-android-notification-listener",
   "title": "React Native Android Notification Listener",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "React Native Android Notification Listener - Listen for status bar notifications from all applications",
   "main": "index.js",
   "typings": "index.d.ts",
diff --git a/sample/App.js b/sample/App.js
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import { SafeAreaView, Text, Button, AppState, View, FlatList } from 'react-native'
+import { SafeAreaView, Text, Image, Button, AppState, View, FlatList } from 'react-native'
 import RNAndroidNotificationListener from 'react-native-android-notification-listener'
 import AsyncStorage from '@react-native-async-storage/async-storage'
 
@@ -8,6 +8,7 @@ import styles from './App.styles.js'
 let interval = null
 
 const Notification = ({
+    time,
     app,
     title,
     titleBig,
@@ -18,19 +19,40 @@ const Notification = ({
     audioContentsURI,
     imageBackgroundURI,
     extraInfoText,
+    icon,
+    image,
 }) => {
     return (
-        <View style={styles.notification}>
-            <Text>{`app: ${app}`}</Text>
-            <Text>{`title: ${title}`}</Text>
-            <Text>{`text: ${text}`}</Text>
-            {!!titleBig && <Text>{`titleBig: ${titleBig}`}</Text>}
-            {!!subText && <Text>{`subText: ${subText}`}</Text>}
-            {!!summaryText && <Text>{`summaryText: ${summaryText}`}</Text>}
-            {!!bigText && <Text>{`bigText: ${bigText}`}</Text>}
-            {!!audioContentsURI && <Text>{`audioContentsURI: ${audioContentsURI}`}</Text>}
-            {!!imageBackgroundURI && <Text>{`imageBackgroundURI: ${imageBackgroundURI}`}</Text>}
-            {!!extraInfoText && <Text>{`extraInfoText: ${extraInfoText}`}</Text>}
+        <View style={styles.notificationWrapper}>
+            <View style={styles.notification}>
+                <View style={styles.imagesWrapper}>
+                    {!!icon && (
+                        <View style={styles.notificationIconWrapper}>
+                            <Image source={{ uri: icon }} style={styles.notificationIcon} />
+                        </View>
+                    )}
+                    {!!image && (
+                        <View style={styles.notificationImageWrapper}>
+                            <Image source={{ uri: image }} style={styles.notificationImage} />
+                        </View>
+                    )}
+                </View>
+                <View style={styles.notificationInfoWrapper}>
+                    <Text>{`app: ${app}`}</Text>
+                    <Text>{`title: ${title}`}</Text>
+                    <Text>{`text: ${text}`}</Text>
+                    {!!time && <Text>{`time: ${time}`}</Text>}
+                    {!!titleBig && <Text>{`titleBig: ${titleBig}`}</Text>}
+                    {!!subText && <Text>{`subText: ${subText}`}</Text>}
+                    {!!summaryText && <Text>{`summaryText: ${summaryText}`}</Text>}
+                    {!!bigText && <Text>{`bigText: ${bigText}`}</Text>}
+                    {!!audioContentsURI && <Text>{`audioContentsURI: ${audioContentsURI}`}</Text>}
+                    {!!imageBackgroundURI && (
+                        <Text>{`imageBackgroundURI: ${imageBackgroundURI}`}</Text>
+                    )}
+                    {!!extraInfoText && <Text>{`extraInfoText: ${extraInfoText}`}</Text>}
+                </View>
+            </View>
         </View>
     )
 }
diff --git a/sample/App.styles.js b/sample/App.styles.js
@@ -20,14 +20,51 @@ export default StyleSheet.create({
         alignItems: 'center',
         marginBottom: 20,
     },
-    notification: {
+    notificationWrapper: {
+        flexDirection: 'column',
         width: 300,
         backgroundColor: '#f2f2f2',
         padding: 20,
         marginTop: 20,
         borderRadius: 5,
         elevation: 2,
     },
+    notification: {
+        flexDirection: 'row',
+    },
+    imagesWrapper: {
+        flexDirection: 'column',
+    },
+    notificationInfoWrapper: {
+        flex: 1,
+    },
+    notificationIconWrapper: {
+        backgroundColor: '#aaa',
+        width: 50,
+        height: 50,
+        borderRadius: 25,
+        alignItems: 'center',
+        marginRight: 15,
+        justifyContent: 'center',
+    },
+    notificationIcon: {
+        width: 30,
+        height: 30,
+        resizeMode: 'contain',
+    },
+    notificationImageWrapper: {
+        width: 50,
+        height: 50,
+        borderRadius: 25,
+        alignItems: 'center',
+        marginRight: 15,
+        justifyContent: 'center',
+    },
+    notificationImage: {
+        width: 40,
+        height: 40,
+        resizeMode: 'contain',
+    },
     buttomWrapper: {
         flex: 1,
         justifyContent: 'center',

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "react-native-android-notification-listener",`
`3`	`3`	`"title": "React Native Android Notification Listener",`
`4`		`- "version": "3.0.0",`
	`4`	`+ "version": "3.1.0",`
`5`	`5`	`"description": "React Native Android Notification Listener - Listen for status bar notifications from all applications",`
`6`	`6`	`"main": "index.js",`
`7`	`7`	`"typings": "index.d.ts",`