boringdesigners / boring-avatars-service Goto Github PK

Is it possible to disable the tooltip that displays with the name when hovering over the avatar?

Dear BoringDesigners @josepmartins ,

thanks for this awesome service, i really like it. I would like to use this service in my standalone application - however, i would like to create / generate the avatars on my own (i.e., without making an HTTP GET call to your service).

Would it be possible to have a dedicated npm library to generate the avatars myself? i.e., something like this:

const svg = generateAvatar('marble', { ... });
const avatar = svg.toString();

All the best and thanks for your help,
Johannes

The avatars which are circular are getting messed up but square avatars are fine. Trying to figure out if the issue is with the library or with flutter and if there is a way to solve this.

Is your feature request related to a problem? Please describe.

I've seen you set cache-control: s-max-age=1:
https://github.com/hihayk/boring-avatars-service/blob/1cf355b12ec0aa3b2be284641da32ec1105b55ab/api/index.js#L38

But it only lasts for a second, so I experienced a lot of cache misses.

From what I can see, the boring avatar is the same if we specify name.
So the cache-control for when the user sends name should be high.

Describe the solution you'd like

Increase the cache control to something like a day or a week.
In express, is something like:

// only cache if name is passed.
if (req.query.name || req.params.name) {
  // ref: https://vercel.com/docs/concepts/functions/serverless-functions/edge-caching#recommended-cache-control
  res.setHeader('Cache-Control', 'max-age=0, s-maxage=86400');
} else {
  res.setHeader('Cache-control', 'max-age=0, s-max-age=1');
}

The avatars generated from the react library and the service using identical arguments do not match.

Example to reproduce

React library

Input

import Avatar from "boring-avatars";

<Avatar
  size={40}
  name="Maria Mitchell"
  variant="marble"
  colors={["#264653", "#2a9d8f", "#e9c46a", "#f4a261", "#e76f51"]}
/>;

Output

Service

Input

https://source.boringavatars.com/marble/40/Maria%20Mitchell?colors=264653,2a9d8f,e9c46a,f4a261,e76f51

Output