A specialized wrapper for push notifications in Cordova that utilizes observables for streamlined

Question

A specialized wrapper for push notifications in Cordova that utilizes observables for streamlined

When working with the phonegap-plugin-push for cordova, you will come across various functions that use the following syntax:

function name(successCallback(),errorCallback(),options)

I am interested in creating a wrapper function that returns an Observable, but I'm facing some challenges when it comes to implementing it using typescript for angular2.

So, ideally, the code should resemble something like this:

name.subscribe((data)=>{...},(err)=>{})

Up until now, my experience has mostly involved subscribing to existing observables like http.

Therefore, the implementation should be similar to:

public unregister(options):Observable<any>{
  if(window.PushNotification){
    window.PushNotification.unregister(...)
  }
}

Any help in advance would be greatly appreciated!

angular typescript callback rxjs observable

Answer 1

Answer №1

To generate a fresh Observable, you have the option of using either create or constructing it directly.

//Function to link a cordova style method with a function that returns Observables
function bindCordovaCallback(fn) {
  //Creates and returns a new function 
  return (...opts) => 
    Rx.Observable.create(observer => {
      //Assuming only one call to success will be triggered
      const nextCallback = (v) => { observer.next(v); observer.complete(); }

      const errCallback = (e) => observer.error(e);

      //Calls the provided method.
      fn(nextCallback, errCallback, ...opts);

      //If needed, insert cancellation logic here
      return Subscription.EMPTY;
    });
}

const nameObservable = bindCordovaCallback(name)(opts);

//Every subscription triggers the underlying method just like $http in angular2
nameObservable.subscribe(data => {...}, err => {...}

Answer 2

To generate a fresh Observable, you have the option of using either create or constructing it directly.

//Function to link a cordova style method with a function that returns Observables
function bindCordovaCallback(fn) {
  //Creates and returns a new function 
  return (...opts) => 
    Rx.Observable.create(observer => {
      //Assuming only one call to success will be triggered
      const nextCallback = (v) => { observer.next(v); observer.complete(); }

      const errCallback = (e) => observer.error(e);

      //Calls the provided method.
      fn(nextCallback, errCallback, ...opts);

      //If needed, insert cancellation logic here
      return Subscription.EMPTY;
    });
}

const nameObservable = bindCordovaCallback(name)(opts);

//Every subscription triggers the underlying method just like $http in angular2
nameObservable.subscribe(data => {...}, err => {...}

A specialized wrapper for push notifications in Cordova that utilizes observables for streamlined

Answer №1

Similar questions

I am attempting to store the primary array in local storage, but unfortunately, the value is not being saved within the React context API

Retrieve the information from the router link

Creating a JSON object from two arrays is a simple process

The error message "TypeError [ERR_UNKNOWN_FILE_EXTENSION]: The file extension ".ts" is not recognized for the file located at /Project/src/index

Can a TypeScript interface inherit from multiple other interfaces simultaneously?

Tips for handling mismatched function parameters in TypeScript when using an unspecified data type

The angular component cannot be bound as it is not recognized as a valid property

Extend the row of the table according to the drop-down menu choice

Lazy loading a child component in Angular 8: A step-by-step guide

Common Errors in Angular 2 due to TSLint

Choosing Between Absolute and Relative Paths for Angular Component's 'templateUrls'

What steps can be taken to safeguard data while navigating within the Angular framework?

My function won't get called when utilizing Angular

Tips for displaying field options after typing parentheses in TypeScript in Visual Studio Code

How to implement a timeout feature in JavaScript/TypeScript for cloud functions

Ways to generate an Angular 7 component

Converting the 'require' call to an import may be a more efficient method when importing package.json in a typescript file

Utilizing the date pipe in Angular2 to format multiple dates in an array

Ensuring the accurate usage of key-value pairs in a returned object through type-checking

Angular 10: Display a notification when all checkboxes have been ticked