Package Exports

custom-cards
custom-cards/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (custom-cards) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Custom Cards

Un simple módulo de manipulación de imágenes con Canvas, escrito en TypeScript.

Instalación

npm install custom-cards

Uso

Importar módulo

A partir de la versión 1.6.0 el módulo pasó a ser un ESM, por lo que usarlo con CommonJs puede llegar a dar problemas inesperados.

import * as CustomCards from "custom-cards";

Uso básico

import { readFileSync } from "node:fs";

// Leemos una imágen local
const wpBuf = readFileSync("./wallpaper.jpg");

// Inicializamos el cliente (reemplazamos TOKEN por nuestro token)
const client = new CustomCards.Setup("TOKEN");

// Creamos el modelo de nuestra tarjeta
const card = new CustomCards.WelcomeCard({
  variant: "Classic",
  avatar: {
    // usamos "imageUrlAdapter" para usar imágenes desde una URL
    source: await CustomCards.imageUrlAdapter(
      "https://yumikodev.vercel.app/avatar.webp"
    ),
    frameColor: "#ff7eae",
    frameType: CustomCards.FrameType.Square,
  },
  background: await CustomCards.imageBufferAdapter(wpBuf),
  font: CustomCards.Fonts.Fredoka,
  text: [
    {
      content: "Bienvenid@ usuario",
      color: "#fff",
    },
    {
      content: "Descripción aquí.",
      color: "#eee",
    },
  ],
});

const data = await client.cards.createWelcomeCard(card);
console.log(data);
/*
{
  "mimetype": "image/webp",
  "card": Buffer<...>
}
*/

JSPM

custom-cards