react-native-media-notification 0.3.1 → 0.3.2

package/README.md

@@ -80,7 +80,9 @@ If you want to customize the small media notification icon on Android, you can a
 </resources>
 ```
 
-## Verwendung
+You can also customize all action icons by overwriting the default icon drawables (e.g. `media3_icon_play`, `media3_icon_pause`, ...)
+
+## Usage
 
 ### Basic Setup
 
@@ -153,6 +155,10 @@ MediaControls.addEventListener('unduck', () => {}); // restore volume after inte
 await MediaControls.stopMediaNotification();
 ```
 
+## Planned
+- Full Android Auto Support (Headless Tasks, Voice Commands, Media Library)
+- Add more actions/metadata information and better customization
+
 ## API Reference
 
 ### Functions

package/lib/module/index.js

@@ -2,6 +2,7 @@
 
 import MediaControls, { ALL_MEDIA_EVENTS } from "./NativeMediaControls.js";
 import { EventEmitter } from 'fbemitter';
+import { Image } from 'react-native';
 const eventEmitter = new EventEmitter();
 let unsubscribe = null;
 const setUpNativeEventListener = () => {
@@ -21,6 +22,9 @@ const setUpNativeEventListener = () => {
  * Updates the metadata for the current media track.
  */
 export async function updateMetadata(metadata) {
+  if (metadata.artwork && typeof metadata.artwork !== 'string') {
+    metadata.artwork = Image.resolveAssetSource(metadata.artwork).uri;
+  }
   return MediaControls.updateMetadata(metadata);
 }
 

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["MediaControls","ALL_MEDIA_EVENTS","EventEmitter","eventEmitter","unsubscribe","setUpNativeEventListener","onEvent","event","command","seekPosition","emit","position","updateMetadata","metadata","stopMediaNotification","enableAudioInterruption","enabled","enableBackgroundMode","setControlEnabled","name","includes","Error","shutdown","addEventListener","handler","addListener","removeAllListeners","forEach","e"],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,IAClBC,gBAAgB,QAGX,0BAAuB;AAE9B,SAASC,YAAY,QAA2B,WAAW;AAO3D,MAAMC,YAAY,GAAG,IAAID,YAAY,CAAC,CAAC;AACvC,IAAIE,WAA2C,GAAG,IAAI;AAEtD,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EACrC,IAAID,WAAW,EAAE;EAEjBA,WAAW,GAAGJ,aAAa,CAACM,OAAO,CAAEC,KAAK,IAAK;IAC7C,MAAM;MAAEC,OAAO;MAAEC;IAAa,CAAC,GAAGF,KAAK;IACvCJ,YAAY,CAACO,IAAI,CAACF,OAAO,EAAE;MAAEG,QAAQ,EAAEF;IAAa,CAAC,CAAC;EACxD,CAAC,CAAC;AACJ,CAAC;;AAED;AACA;AACA;AACA,OAAO,eAAeG,cAAcA,CAClCC,QAA4B,EACb;EACf,OAAOb,aAAa,CAACY,cAAc,CAACC,QAAQ,CAAC;AAC/C;;AAEA;AACA;AACA;AACA,OAAO,eAAeC,qBAAqBA,CAAA,EAAkB;EAC3D,OAAOd,aAAa,CAACc,qBAAqB,CAAC,CAAC;AAC9C;;AAEA;AACA;AACA;AACA,OAAO,eAAeC,uBAAuBA,CAACC,OAAgB,EAAiB;EAC7E,OAAOhB,aAAa,CAACe,uBAAuB,CAACC,OAAO,CAAC;AACvD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAACD,OAAgB,EAAQ;EAC3DhB,aAAa,CAACiB,oBAAoB,CAACD,OAAO,CAAC;AAC7C;AAEA,OAAO,SAASE,iBAAiBA,CAACC,IAAkB,EAAEH,OAAgB,EAAQ;EAC5E,IAAI,CAACf,gBAAgB,CAACmB,QAAQ,CAACD,IAAI,CAAC,EAAE;IACpC,MAAM,IAAIE,KAAK,CAAC,gCAAgCF,IAAI,EAAE,CAAC;EACzD;EACAnB,aAAa,CAACkB,iBAAiB,CAACC,IAAI,EAAEH,OAAO,CAAC;AAChD;AAEA,OAAO,SAASM,QAAQA,CAAA,EAAS;EAC/BtB,aAAa,CAACsB,QAAQ,CAAC,CAAC;AAC1B;;AAEA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC9BhB,KAAwB,EACxBiB,OAA+C,EAC5B;EACnBnB,wBAAwB,CAAC,CAAC;EAC1B,OAAOF,YAAY,CAACsB,WAAW,CAAClB,KAAK,EAAEiB,OAAO,CAAC;AACjD;;AAEA;AACA;AACA;AACA,OAAO,SAASE,kBAAkBA,CAACnB,KAAyB,EAAQ;EAClE,IAAIA,KAAK,EAAE;IACTJ,YAAY,CAACuB,kBAAkB,CAACnB,KAAK,CAAC;EACxC,CAAC,MAAM;IACLN,gBAAgB,CAAC0B,OAAO,CAAEC,CAAC,IAAKzB,YAAY,CAACuB,kBAAkB,CAACE,CAAC,CAAC,CAAC;EACrE;AACF;;AAEA","ignoreList":[]}
+{"version":3,"names":["MediaControls","ALL_MEDIA_EVENTS","EventEmitter","Image","eventEmitter","unsubscribe","setUpNativeEventListener","onEvent","event","command","seekPosition","emit","position","updateMetadata","metadata","artwork","resolveAssetSource","uri","stopMediaNotification","enableAudioInterruption","enabled","enableBackgroundMode","setControlEnabled","name","includes","Error","shutdown","addEventListener","handler","addListener","removeAllListeners","forEach","e"],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,IAClBC,gBAAgB,QAGX,0BAAuB;AAE9B,SAASC,YAAY,QAA2B,WAAW;AAC3D,SAEEC,KAAK,QACA,cAAc;AAWrB,MAAMC,YAAY,GAAG,IAAIF,YAAY,CAAC,CAAC;AACvC,IAAIG,WAA2C,GAAG,IAAI;AAEtD,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EACrC,IAAID,WAAW,EAAE;EAEjBA,WAAW,GAAGL,aAAa,CAACO,OAAO,CAAEC,KAAK,IAAK;IAC7C,MAAM;MAAEC,OAAO;MAAEC;IAAa,CAAC,GAAGF,KAAK;IACvCJ,YAAY,CAACO,IAAI,CAACF,OAAO,EAAE;MAAEG,QAAQ,EAAEF;IAAa,CAAC,CAAC;EACxD,CAAC,CAAC;AACJ,CAAC;;AAED;AACA;AACA;AACA,OAAO,eAAeG,cAAcA,CAClCC,QAA4B,EACb;EACf,IAAIA,QAAQ,CAACC,OAAO,IAAI,OAAOD,QAAQ,CAACC,OAAO,KAAK,QAAQ,EAAE;IAC5DD,QAAQ,CAACC,OAAO,GAAGZ,KAAK,CAACa,kBAAkB,CAACF,QAAQ,CAACC,OAAO,CAAC,CAACE,GAAG;EACnE;EACA,OAAOjB,aAAa,CAACa,cAAc,CAACC,QAAoC,CAAC;AAC3E;;AAEA;AACA;AACA;AACA,OAAO,eAAeI,qBAAqBA,CAAA,EAAkB;EAC3D,OAAOlB,aAAa,CAACkB,qBAAqB,CAAC,CAAC;AAC9C;;AAEA;AACA;AACA;AACA,OAAO,eAAeC,uBAAuBA,CAACC,OAAgB,EAAiB;EAC7E,OAAOpB,aAAa,CAACmB,uBAAuB,CAACC,OAAO,CAAC;AACvD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAACD,OAAgB,EAAQ;EAC3DpB,aAAa,CAACqB,oBAAoB,CAACD,OAAO,CAAC;AAC7C;AAEA,OAAO,SAASE,iBAAiBA,CAACC,IAAkB,EAAEH,OAAgB,EAAQ;EAC5E,IAAI,CAACnB,gBAAgB,CAACuB,QAAQ,CAACD,IAAI,CAAC,EAAE;IACpC,MAAM,IAAIE,KAAK,CAAC,gCAAgCF,IAAI,EAAE,CAAC;EACzD;EACAvB,aAAa,CAACsB,iBAAiB,CAACC,IAAI,EAAEH,OAAO,CAAC;AAChD;AAEA,OAAO,SAASM,QAAQA,CAAA,EAAS;EAC/B1B,aAAa,CAAC0B,QAAQ,CAAC,CAAC;AAC1B;;AAEA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC9BnB,KAAwB,EACxBoB,OAA+C,EAC5B;EACnBtB,wBAAwB,CAAC,CAAC;EAC1B,OAAOF,YAAY,CAACyB,WAAW,CAACrB,KAAK,EAAEoB,OAAO,CAAC;AACjD;;AAEA;AACA;AACA;AACA,OAAO,SAASE,kBAAkBA,CAACtB,KAAyB,EAAQ;EAClE,IAAIA,KAAK,EAAE;IACTJ,YAAY,CAAC0B,kBAAkB,CAACtB,KAAK,CAAC;EACxC,CAAC,MAAM;IACLP,gBAAgB,CAAC8B,OAAO,CAAEC,CAAC,IAAK5B,YAAY,CAAC0B,kBAAkB,CAACE,CAAC,CAAC,CAAC;EACrE;AACF;;AAEA","ignoreList":[]}

package/lib/typescript/src/NativeMediaControls.d.ts

@@ -3,7 +3,7 @@ import type { EventEmitter } from 'react-native/Libraries/Types/CodegenTypes';
 export declare const ALL_MEDIA_EVENTS: readonly ["play", "pause", "stop", "skipToNext", "skipToPrevious", "seekForward", "seekBackward", "seek", "shuffle", "repeatMode"];
 export type MediaControl = (typeof ALL_MEDIA_EVENTS)[number];
 export type MediaControlEvent = MediaControl | 'duck' | 'unDuck';
-export interface MediaTrackMetadata {
+export interface NativeMediaTrackMetadata {
     title: string;
     artist: string;
     album?: string;
@@ -20,7 +20,7 @@ export interface NativeEvent {
 }
 export interface Spec extends TurboModule {
     setControlEnabled(name: string, enabled: boolean): void;
-    updateMetadata(metadata: MediaTrackMetadata): Promise<void>;
+    updateMetadata(metadata: NativeMediaTrackMetadata): Promise<void>;
     stopMediaNotification(): Promise<void>;
     enableAudioInterruption(enabled: boolean): Promise<void>;
     enableBackgroundMode(enabled: boolean): void;

package/lib/typescript/src/NativeMediaControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeMediaControls.d.ts","sourceRoot":"","sources":["../../../src/NativeMediaControls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAG9E,eAAO,MAAM,gBAAgB,oIAWnB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxD,cAAc,CAAC,QAAQ,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAGvC,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAGzD,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7C,QAAQ,IAAI,IAAI,CAAC;IAGjB,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CAC7C;;AAED,wBAAuE"}
+{"version":3,"file":"NativeMediaControls.d.ts","sourceRoot":"","sources":["../../../src/NativeMediaControls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAG9E,eAAO,MAAM,gBAAgB,oIAWnB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxD,cAAc,CAAC,QAAQ,EAAE,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAGvC,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAGzD,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7C,QAAQ,IAAI,IAAI,CAAC;IAGjB,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CAC7C;;AAED,wBAAuE"}

package/lib/typescript/src/index.d.ts

@@ -1,6 +1,10 @@
 import { type MediaControl, type MediaControlEvent } from './NativeMediaControls';
-import type { MediaTrackMetadata } from './NativeMediaControls';
+import type { NativeMediaTrackMetadata } from './NativeMediaControls';
 import { EventSubscription } from 'fbemitter';
+import type { ImageSourcePropType } from 'react-native/Libraries/Image/Image';
+interface MediaTrackMetadata extends Omit<NativeMediaTrackMetadata, 'artwork'> {
+    artwork?: string | ImageSourcePropType;
+}
 export type MediaControlEventData = {
     position?: number;
 };

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAsB,EAEpB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAG5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAcF;;GAEG;AACH,wBAAsB,cAAc,CAClC,QAAQ,EAAE,kBAAkB,GAC3B,OAAO,CAAC,IAAI,CAAC,CAEf;AAED;;GAEG;AACH,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAE3D;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAE7E;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAE3D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAK5E;AAED,wBAAgB,QAAQ,IAAI,IAAI,CAE/B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,qBAAqB,KAAK,IAAI,GAC9C,iBAAiB,CAGnB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAMlE;AAGD,YAAY,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAsB,EAEpB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAK5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE9E,UAAU,kBAAmB,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC;IAC5E,OAAO,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;CACxC;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAcF;;GAEG;AACH,wBAAsB,cAAc,CAClC,QAAQ,EAAE,kBAAkB,GAC3B,OAAO,CAAC,IAAI,CAAC,CAKf;AAED;;GAEG;AACH,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAE3D;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAE7E;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAE3D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAK5E;AAED,wBAAgB,QAAQ,IAAI,IAAI,CAE/B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,qBAAqB,KAAK,IAAI,GAC9C,iBAAiB,CAGnB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAMlE;AAGD,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-media-notification",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Display and manage media style notifications based on react-native-music-control",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/NativeMediaControls.ts

@@ -19,7 +19,7 @@ export type MediaControl = (typeof ALL_MEDIA_EVENTS)[number];
 
 export type MediaControlEvent = MediaControl | 'duck' | 'unDuck';
 
-export interface MediaTrackMetadata {
+export interface NativeMediaTrackMetadata {
   title: string;
   artist: string;
   album?: string;
@@ -38,7 +38,7 @@ export interface NativeEvent {
 
 export interface Spec extends TurboModule {
   setControlEnabled(name: string, enabled: boolean): void;
-  updateMetadata(metadata: MediaTrackMetadata): Promise<void>;
+  updateMetadata(metadata: NativeMediaTrackMetadata): Promise<void>;
   stopMediaNotification(): Promise<void>;
 
   // Audio interruption handling

package/src/index.tsx

@@ -3,9 +3,17 @@ import MediaControls, {
   type MediaControl,
   type MediaControlEvent,
 } from './NativeMediaControls';
-import type { MediaTrackMetadata } from './NativeMediaControls';
+import type { NativeMediaTrackMetadata } from './NativeMediaControls';
 import { EventEmitter, EventSubscription } from 'fbemitter';
-import { type EventSubscription as NativeEventSubscription } from 'react-native';
+import {
+  type EventSubscription as NativeEventSubscription,
+  Image,
+} from 'react-native';
+import type { ImageSourcePropType } from 'react-native/Libraries/Image/Image';
+
+interface MediaTrackMetadata extends Omit<NativeMediaTrackMetadata, 'artwork'> {
+  artwork?: string | ImageSourcePropType;
+}
 
 export type MediaControlEventData = {
   position?: number; // für seek events
@@ -29,7 +37,10 @@ const setUpNativeEventListener = () => {
 export async function updateMetadata(
   metadata: MediaTrackMetadata
 ): Promise<void> {
-  return MediaControls.updateMetadata(metadata);
+  if (metadata.artwork && typeof metadata.artwork !== 'string') {
+    metadata.artwork = Image.resolveAssetSource(metadata.artwork).uri;
+  }
+  return MediaControls.updateMetadata(metadata as NativeMediaTrackMetadata);
 }
 
 /**