switchbladebot / invidget Goto Github PK

Throwing 521 error

This issue was generated by todo based on a TODO comment in 14debfb. It's been assigned to @pedrofracassi because they committed the code.

Your domain is offline

Discord displays a text acronym for invites without icons, and we shoud mimic that behavior.

Discord

invidget

Currently invisible portions of server icons get some strange outline around them when the normal invite widget just displays the normal background.

Invidget:

Discord widget:

Although using invites directly is usually enough, I thought it'd be cool to also be able to use a server ID instead.

My main concern is that invites are not guaranteed to last long, and to actually generate an invite that doesn't expire, the user has to do some manual configuration of it, and even then, it's easy to accidentally delete an invite without even realizing the things it could have broken.

My suggestion is to allow the server ID to also be used to generate the widget, that way it's more resilient to accidents like deleting an invite or using one that expires.

The setup would be like so:

1. Go to Server Settings⇒Widget
2. Enable Server Widget
3. Set Invite Channel to the desired channel

Once this is done, Discord will automatically generate an invite, and regenerate it once it expires or if it's deleted.

The invite on the top, created by "Information", is the automatically generated one.

To get the current invite by using the server ID, a request can be made to https://discordapp.com/api/guilds/<server-id>/widget.json with the corresponding <server-id>, and the response will look like so:

{
  "id": "<server-id>",
  "name": "My Server",
  "instant_invite": "https://discordapp.com/invite/<invite-code>",
  "channels": [...],
  "members": [...],
  "presence_count": 3
}

The key instant_invite has the full invite URL, and the invite code is the last portion of the URL.

This way, if a server has widgets enabled and an invite channel set, its server ID can be used to get the latest valid invite link.

Looks like https://invidget.switchblade.xyz/ throws an error, "Cannot GET /".

Text might go out of bounds if a server name or the number of members online/present are too big. We should handle that by adding an ellipsis (...) and shortening the text.

Discord

invidget

After Japanese support was added in #9, I've noticed that the renderer doesn't handle special characters correctly.

Example: https://invidget.switchblade.xyz/discord-developers?language=ja

Currently, when an invite is invalid, we simply don't respond to the request. Instead, we should handle invalid invites just like Discord does: by displaying an "invalid invite" with a poop icon where the invite would be:

Also maybe create a way to disable the invite background in the url.

I'm thinking about linking ~40 discord invites on my website.

I'm thinking in GitHub actions to run a script before compiling which parses all the invidget URLs hosted on your official instance, and cloning your project and generating the URLs and replacing the links by these svg files

This means I'm using your instance when developping
But when the website is live it's all hosted on my insurance, though it's static and won't update until next change which I'm fine with

what do you think / has this been done before?

I had no issues with this until today when I noticed my link now shows a 404. The invite still works.

https://invidget.switchblade.xyz/nhS4f9PJpg?2

Some Discord servers have emoji in their names, but we currently don't render them.

Discord

invidget

Guess what? yeah, axios on this too

@pedrofracassi

In the README.MD light theme preview image is showing 404 error after clicking it.

So can fix it up 👍

Servers Down I guess Widgets Not Working

Yeah... we forgot to test it on CI too

It would be cool that if someone added ?format=png to the end of the URL, the image is automatically converted to a PNG file. I might do a PR later on that if I have time
Edit: This is necessary when sending messages to discord, as discord does not allow embedded SVG for security reasons.