devadri

He creado mi primer paquete de NPM de software libre: @devadri/create-sticker

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

Hace unos días creé mi primer paquete de npm de software libre. Estaba construyendo una app sencilla como concepto, para borrar el fondo a las imagenes usando IA (manteniendo en la imagen el objeto o persona principal) y se me ocurrió la idea de añadirle un borde al resultado para darle un aspecto de sticker. Estuve buscando por Internet y no encontré nada fácil que estuviese ya hecho. Pero ví esta respuesta de Stack Overflow que justo solucionaba lo que quería. El único problema es que el código había que adaptarlo un poco para que fuese tan fácil de usar como llamar a una función. Así que reorganicé el código, lo adapté a TypeScript y creé un paquete para que fuese fácil de usar por cualquiera. Ahora solo es necesario instalar el paquete (npm install @devadri/create-sticker) y llamar a la función: createSticker(img.src, { strokeWidth, strokeColor, padding, fillHoles }).

Crea la capa de Ionic Native para un plugin de Cordova

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

En este post aprenderemos como crear la capa de @awesome-cordova-plugins para hacer más sencillo el uso de nuestro plugin de Cordova. Esta simplificación se consigue mapeando las funciones de callback del plugin de Cordova a Promesas y Observables.

@awesome-cordova-plugins se llamaba antes @ionic-native.
El proyecto ha cambiado solo el nombre, la funcionalidad continua igual.

Este post es la continuación del siguiente tutorial:

Crea un plugin de Cordova multiplataforma para Android, iOS y Electron 18 de abril de 2022 (Última actualización: 1 de agosto de 2024)

Por lo que la creación de esta capa se basará en el plugin que construimos en ese tutorial.

Crea un plugin de Cordova para Electron

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

Post principal

Este post forma parte de este tutorial:

Crea un plugin de Cordova multiplataforma para Android, iOS y Electron 18 de abril de 2022 (Última actualización: 1 de agosto de 2024)

Si no has leido ese otro post, es posible que necesites leerlo antes de continuar con este. Aprenderás a:

Puedes ver el código fuente de este tutorial en GitHub:
https://github.com/adrian-bueno/multiplatform-cordova-plugin-example

Crea un plugin de Cordova para iOS

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

Post principal

Este post forma parte de este tutorial:

Crea un plugin de Cordova multiplataforma para Android, iOS y Electron 18 de abril de 2022 (Última actualización: 1 de agosto de 2024)

Si no has leido ese otro post, es posible que necesites leerlo antes de continuar con este. Aprenderás a:

Puedes ver el código fuente de este tutorial en GitHub:
https://github.com/adrian-bueno/multiplatform-cordova-plugin-example

Crea un plugin de Cordova para Android

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

Post principal

Este post forma parte de este tutorial:

Crea un plugin de Cordova multiplataforma para Android, iOS y Electron 18 de abril de 2022 (Última actualización: 1 de agosto de 2024)

Si no has leido ese otro post, es posible que necesites leerlo antes de continuar con este. Aprenderás a:

Puedes ver el código fuente de este tutorial en GitHub:
https://github.com/adrian-bueno/multiplatform-cordova-plugin-example

Crea un plugin de Cordova multiplataforma para Android, iOS y Electron

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

Introducción

En este tutorial os voy a mostrar como crear un plugin de Cordova, como configurarlo, como usar dependencias nativas, como devolver uno o más valores por cada petición (como un Observable) y como editar los ficheros de configuración nativos como el AndroidManifest.xml. Como más aprendí a crear plugins de Cordova, fue mirando el código fuente de otros plugins que ya estaba usando. Si no encuentras lo que buscas en esta guía, te animo a que hagas lo mismo (o deja un comentario 🙂). Voy a asumir que ya tienes algo de experiencia desarrollando aplicaciones y usando plugins de Cordova.