npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

fingo-factoring-widget

v2.1.3

Published

Fingo JS SDK

Downloads

711

Readme

Fingo SDK

License: MIT

🚀 Introducción

El SDK Fingo facilita la integración de widgets en tus aplicaciones. Con un manejo eficiente de estados, eventos y un flujo simplificado, Fingo ofrece una experiencia de desarrollo suave y eficaz.

📦 Instalación

1. Instalar el paquete

Para instalar fingo-js, simplemente utiliza el siguiente comando:

# Usando npm
npm i @fair-bank/fingo-js

# Usando yarn
yarn add @fair-bank/fingo-js

2. Configuración del Registro

Dependiendo de la configuración de tu proyecto, puedes establecer el registro a nivel de instancia o proyecto:

A nivel de instancia:

echo "@fair-bank:registry=https://gitlab.com/api/v4/packages/npm/" >> .npmrc

A nivel de proyecto:

echo "@fair-bank:registry=https://gitlab.com/api/v4/projects/49032018/packages/npm/" > .npmrc

🛠️ Uso Básico

1. Inicialización

const fingo = new Fingo(widgetId, authToken, userInfo, companyInfo);

2. Abrir el widget

fingo.open();

3. Escuchar eventos

fingo.on('SDKError', (error) => {
  console.error('Ha ocurrido un error:', error);
});

fingo.on('SDKStateChange', (state) => {
  console.log('Nuevo estado:', state);
});

🔧 Métodos

open()

Este método permite abrir el widget.

  • Uso:
fingo.open();

close()

Cierra el widget si está abierto.

  • Uso:
fingo.close();

destroy()

Destruye el widget y libera los recursos asociados. Una vez llamado este método, el widget no puede volver a usarse sin crear una nueva instancia.

  • Uso:
fingo.destroy();

retry()

Reintenta inicializar el widget en caso de un fallo anterior.

  • Uso:
fingo.retry();

on(eventName, listener)

Permite a los usuarios suscribirse a eventos específicos emitidos por el SDK.

  • Uso:
fingo.on('eventName', callbackFunction);
  • Parámetros:
    • eventName: Nombre del evento al que se desea suscribir.
    • listener: Función callback que se ejecuta cuando se emite el evento.

📢 Eventos

El SDK emite varios eventos para ayudarte a comprender y responder a lo que está sucediendo durante su ciclo de vida. Puedes escuchar estos eventos utilizando el método on().

SDKError

Se emite cuando se produce un error en el SDK.

  • Parámetros:
    • code: Código del error.
    • message: Descripción detallada del error.
instance.on('SDKError', (error) => {
  console.log(error.code, error.message);
});

SDKError

Se emite cuando se cambia el estado del widget.

  • Parámetros:
    • state: El nuevo estado del widget.
instance.on('SDKStateChange', (stateInfo) => {
  console.log(stateInfo.state);
});

🛑 Manejo de Errores

El SDK está diseñado para manejar errores internamente y proporcionar retroalimentación a través del evento SDKError. Asegúrate de agregar listeners para este evento para un manejo óptimo de los errores.

📜 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.

📞 Contacto

Si tienes preguntas, comentarios o te gustaría colaborar en el proyecto, no dudes en enviarnos un email a [email protected].