devadri

I created my first open source npm package: @devadri/create-sticker

Mon, 12 Aug 2024 12:00:00 +0100

A few days ago I created my first open source npm package. I was building a simple concept app that erases the background of images using AI (just keeping the main object/person) and thought it would be nice to make them have a sticker border effect. I found out that there were no libraries yet that solves this task. However, I found a Stack Overflow answer that had the code I needed. The code just worked the way I wanted but it was not easy to use it like ‘plug-and-play’. So I reorganized it, adapted it to TypeScript and publish it as a npm package to make it super simple to be used by anyone. Now you only have to install the package (npm install @devadri/create-sticker) and call the function: createSticker(img.src, { strokeWidth, strokeColor, padding, fillHoles }).

Build the Ionic Native wrapper for a Cordova plugin

Mon, 18 Apr 2022 12:04:00 +0100

In this post we will learn how to create the @awesome-cordova-plugins wrapper to make using Cordova plugins easier. This simplification is achieved by mapping Cordova plugin’s callback funtions to Promises and Observables.

@awesome-cordova-plugins was previously known as @ionic-native.
The project only changed its name, the functionality continues the same.

This post is the continuation of the following Cordova plugin tutorial:

Build a multiplatform Cordova plugin for Android, iOS and Electron April 18, 2022 (Last update: August 1, 2024)

So we will build the wrapper for the plugin of that tutorial.

Build a Cordova plugin for Electron

Mon, 18 Apr 2022 12:03:00 +0100

Main post

This post forms part of this tutorial:

Build a multiplatform Cordova plugin for Android, iOS and Electron April 18, 2022 (Last update: August 1, 2024)

You might want to check that post first before continuing with this one. You will learn how to:

You could find the source code of this tutorial on GitHub:
https://github.com/adrian-bueno/multiplatform-cordova-plugin-example.

Build a Cordova plugin for iOS

Mon, 18 Apr 2022 12:02:00 +0100

Main post

This post forms part of this tutorial:

Build a multiplatform Cordova plugin for Android, iOS and Electron April 18, 2022 (Last update: August 1, 2024)

You might want to check that post first before continuing with this one. You will learn how to:

You could find the source code of this tutorial on GitHub:
https://github.com/adrian-bueno/multiplatform-cordova-plugin-example.

Build a Cordova plugin for Android

Mon, 18 Apr 2022 12:01:00 +0100

Main post

This post forms part of this tutorial:

Build a multiplatform Cordova plugin for Android, iOS and Electron April 18, 2022 (Last update: August 1, 2024)

You might want to check that post first before continuing with this one. You will learn how to:

You could find the source code of this tutorial on GitHub:
https://github.com/adrian-bueno/multiplatform-cordova-plugin-example

Build a multiplatform Cordova plugin for Android, iOS and Electron

Mon, 18 Apr 2022 12:00:00 +0100

Introduction

In this tutorial I’m going to show you how to setup a plugin, use native dependencies, return one or multiple responses for each request and add settings to native configuration files like AndroidManifest.xml. I learned to develop Cordova plugins by looking to the source code of other plugins. If you don’t find the solution you need here, I encourage you to do the same (or leave a comment 🙂). I will assume you already have some experience building Cordova apps and using Cordova plugins.