How to extend a native plugin with JavaScript only methods?

[tafelnl]

We are developing plugin with several native methods. See the docs here.

Example of using the plugin in JS:

  const boundingRect = element.getBoundingClientRect();

  const result = await CapacitorGoogleMaps.createMap({
    boundingRect: {
      width: Math.round(boundingRect.width),
      height: Math.round(boundingRect.height),
      x: Math.round(boundingRect.x),
      y: Math.round(boundingRect.y),
    },
  });

So far so good.

I want to prevent the users of my plugin to write the same boilerplate code everytime they use the plugin. I am specifically talking about the const boundingRect = element.getBoundingClientRect(); part. That could easily be abstracted away in a method in the plugin itself. That way users do not have to worry about that anymore.

I could simply do something like this for example:

export const createMapWithElement = async (options) => {
  const element = options.element;
  const boundingRect = element.getBoundingClientRect();

  const width = Math.round(boundingRect.width);
  const height = Math.round(boundingRect.height);
  const x = Math.round(boundingRect.x);
  const y = Math.round(boundingRect.y);

  const result = await CapacitorGoogleMaps.createMap({
    ...options,
    boundingRect: {
      width,
      height,
      x,
      y,
    },
  });

  return result;
};

But that means a user has to import the method like so:

import {
  CapacitorGoogleMaps,
  createMapWithElement,
} from '@capacitor-community/capacitor-googlemaps-native';

I would be nice if we could extend an existing native method, so that a user can just import and use it like this instead:

import { CapacitorGoogleMaps } from '@capacitor-community/capacitor-googlemaps-native';

CapacitorGoogleMaps.createMap({ element });

Is that possible?