Presentando keychain-helper 📦 | Introducing @keychain-helper

freepik__the-style-is-candid-image-photography-with-natural__29888.png

Saludos Hivers. No habia publicado por que el mounstruo del codigo, invadio mi cabeza y mi ser en los ultimos dias. Estoy emocionado por que acabo de publicar mi primer paquete en npm y creo que muchos desarrolladores que usan Typescript, estaran muy felices. Sobre todo para poder empezar a entrenar nuevos programadores y expandir aun mas la comunidad.

keychain-helper-logo-big.png

Les presento a keychain-helper 📦

Keychain Helper proporciona una API sencilla y segura para interactuar con las funcionalidades principales de Hive Keychain, permitiendo realizar firmas de operaciones, logins seguros y más, con una integración rápida y orientada a desarrolladores web3.

  • Ofrece tipado para interactuar de manera mas fluida con la @keychain desde entornos modernos de frontend sin necesidad de tener que instalar tantas librerias.

  • 🧩 Totalmente tipado para TypeScript y compatible con JavaScript.

  • ⚡ API moderna, sencilla y orientada a promesas y callbacks.

Nota importante para el equipo de @keychain "Cero dependencias para respetar la interacción del frontend con Hive keychain y codigo abierto". Para garantizar la seguridad de la web3, como principios que aprendi gracias a ellos.

keychain-helper.png

Si ya existía keychain-sdk para que molestarse?

Actualmente voy a empezar a trabajar en conjunto, uniendome a la iniciativa de @filoriologo y el amigo @joheredia21 para entrenar desarrolladores, estudiantes universitarios y profesores en mi amada tierra Venezuela. Ellos hacen parte, y ahora yo tambien de @hivetalkproject.

El proyecto Hivetalkproject está pensado para abordar dos sectores con la idea de beneficiar a Hive en el corto, mediano y largo plazo. Por un lado atraer de estudiantes universitarios a Hive y por otro lado gremio comercial enfocándose en la adopción del HBD como medio de pago.

Es por eso que cuando invito a un programador con poca experiencia en web3, se abruma porque no es un secreto que casi toda la documentacion esta hecha por personas con mucho conocimiento que de alguna manera, puede que asuman que todos seremos tan consistentes como para descubrir todo con ensayo y error.

Y yo en lo personal, ya luego de años de trabajo con HIVE y multiples proyectos me siento en la responsabilidad de guiar a otros y hacerles la vida de desarrollador mas facil

Documentación, ejemplo y cero dependencias

Esto es keychain-helper. Que un programador nuevo en HIVEm pueda usar Typescript con webpack y react y al colocarse encima de la keychain-helper le aparezca un hermoso y bello codigo como este:

image.png
Y si sigue mirando el JSDoc asociado a la request vera el ejemplo como:

image.png

De los "pequeños secretos de HIVE que solo se aprenden codificando"

Y añado: y se aprenden duramente as ser insistente, como lo he sido y seguire siendo, pero que no deberia ser la misma manera para todos cierto?
Es por eso que keychain-helper antes de siguiera llamar a un request, detectara si esta instalada o no y mas aun, casi que lo garantiza

Se ejecuta una funcion de retardo para darle el tiempo necesario a la hive keychain de injectarse en el navegador. Y esto para cualquier programador que este empezando en HIVE, creo que vale oro.

Tambien estas haciendo un playground?

Sip. Aca lo puedes mirar: https://keychain-helper-playground.netlify.app/ aun en desarrollo, como todo en la vida. Pero alli empezare a hacer cosas mas interesantes como:

  • Bloques o modulos comopletos con ejemplos.
  • Imagino que un programador nuevo entre a HIVE y pueda ir al sitio web y encontrar el codigo de como hacer, por ejemplo su propio backend con tokens JWT y demas...

Para probarlo, en tu ambiente TS:

npm install keychain-helper

o si usas yarn:

yarn add keychain-helper

Código fuente abierto en GitHub

Puedes ver todo el código aquí: Repositorio en GitHub

Entre codigos y entre manos

Estoy trabajando ademas en una app especial para el HSBI que le habia prometido a mi amigo @ecoinstant y pronto les traere el BETA.

¿Por qué usar keychain-helper en lugar de otros paquetes?

  • 📦 Sin dependencias extrañas: diseñado solo para navegador web.
  • 🧩 Tipado nativo para TypeScript, mejor experiencia de desarrollo.
  • 🚀 Ideal para proyectos React, Next.js, Vite, y Vanilla JS modernos.
  • 🛡️ Enfoque en la seguridad: no interfiere con la inyección segura de Hive Keychain.
  • 👨‍🏫 Pensado para enseñar: código limpio y ejemplos fáciles para estudiantes y nuevos desarrolladores.

Versiones probadas

  • React 17.x, 18.x, y 19 beta ✅
  • Webpack 5 ✅
  • Vite 5 ✅
  • Node.js 18+ ✅

Probado en Chrome, Brave, y Firefox (últimas versiones 2024).

🚀 ¿Te gustaría aprender más o contribuir?

Estoy comprometido en hacer de HIVE un mejor ecosistema para desarrolladores.
Si quieres ayudar, mejorar el paquete, reportar errores o simplemente charlar de programación web3, ¡déjame un comentario!

Nos vemos en la cadena 🚀👾


ENGLISH

Greetings Hivers. I haven't published because the code monster invaded my head and being in the last few days. I'm excited because I just published my first package on npm and I think many developers who use Typescript will be very happy. Especially to be able to start training new programmers and expand the community even further.

freepik__the-style-is-candid-image-photography-with-natural__29889.png

Introducing keychain-helper 📦

Keychain Helper provides a simple and secure API to interact with Hive Keychain's core functionalities, allowing operations signing, secure logins, and more, with quick integration oriented towards web3 developers.

  • Offers typing for smoother interaction with @keychain from modern frontend environments without needing to install so many libraries.

  • 🧩 Fully typed for TypeScript and compatible with JavaScript.

  • ⚡ Modern, simple API oriented towards promises and callbacks.

Important note for the @keychain team: "Zero dependencies to respect the frontend's interaction with Hive keychain and open source code". To guarantee web3 security, based on principles I learned thanks to them.

If keychain-sdk already existed, why bother?

Currently, I'm going to start working together, joining the initiative of @filoriologo and friend @joheredia21 to train developers, university students, and professors in my beloved land Venezuela. They are part of, and now I am too, @hivetalkproject.

The Hivetalkproject is designed to address two sectors with the idea of benefiting Hive in the short, medium and long term. On the one hand attracting university students to Hive and on the other hand the commercial sector focusing on the adoption of HBD as a means of payment.

That's why when I invite a programmer with little web3 experience, they get overwhelmed because it's no secret that almost all documentation is made by people with a lot of knowledge who, somehow, may assume that everyone will be consistent enough to discover everything through trial and error.

And personally, after years of working with HIVE and multiple projects, I feel the responsibility to guide others and make their developer life easier.

Documentation, example, and zero dependencies

This is keychain-helper. So that a new programmer in #HIVE can use #Typescript with #webpack and react, and when hovering over keychain-helper, a beautiful and lovely code like this appears:

image.png
And if they continue looking at the JSDoc associated with the request, they will see the example like this:

image.png

From the "little secrets of HIVE that are only learned by coding"

And I add: and they are learned the hard way by being insistent, as I have been and will continue to be, but that shouldn't be the same way for everyone, right?
That's why keychain-helper, before even calling a request, will detect if it's installed or not, and even more, it almost guarantees it.

A delay function is executed to give Hive keychain the necessary time to inject itself into the browser. And for any programmer starting in HIVE, I think this is worth gold.

Are you also making a playground?

Yep. You can check it out here: https://keychain-helper-playground.netlify.app/ still under development, like everything in life. But there I will start doing more interesting things like:

  • Complete blocks or modules with examples.
  • I imagine a new programmer entering HIVE can go to the website and find the code on how to do, for example, their own backend with JWT tokens and so on...

To test it in your TS environment:
npm install keychain-helper
or if you use yarn:
yarn add keychain-helper

Open Source Code on GitHub

You can see all the code here: GitHub Repository

Between code and hands

I am also working on a special app for HSBI that I had promised my friend @ecoinstant and I will bring you the BETA soon.

Why use keychain-helper instead of other packages?

  • 📦 No strange dependencies: designed only for the web browser.
  • 🧩 Native typing for TypeScript, better development experience.
  • 🚀 Ideal for modern React, Next.js, Vite, and Vanilla JS projects.
  • 🛡️ Security focus: does not interfere with Hive Keychain's secure injection.
  • 👨‍🏫 Designed for teaching: clean code and easy examples for students and new developers.

Tested Versions

  • React 17.x, 18.x, and 19 beta ✅
  • Webpack 5 ✅
  • Vite 5 ✅
  • Node.js 18+ ✅

Tested on Chrome, Brave, and Firefox (latest versions 2024).

🚀 Would you like to learn more or contribute?

I am committed to making HIVE a better ecosystem for developers.
If you want to help, improve the package, report errors, or just chat about web3 programming, leave me a comment!

See you on the chain 🚀👾


My other projects going on:


@theghost1980
Send me some love using the link in the image bellow:

Mándame algo de amor usando el enlace en la imagen de abajo:

support-apps-hive-tipjar-keychain.png

SBI Mini

all images from AI / or of my property!
Sort:  

Congratulations @theghost1980! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

You received more than 50000 upvotes.
Your next target is to reach 55000 upvotes.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Check out our last posts:

Hive Power Up Day - May 1st 2025