Disclip

Disclip

16 devlogs
50h 28m
•  Ship certified
Created by Ryan

Save precious messages and funny moments with Disclip. Turn any Discord message into a high-quality image to share across friends and social media.

Timeline

Ship 2

1 payout of shell 224.0 shells

Ryan

about 1 month ago

Ryan Covers 4 devlogs and 13h 16m

We now have custom emoji support. Next is to add mentions and a few more message formatting things.

Update attachment

Fixed font rendering. Clipped messages should now properly look like Discord screenshots now.

Update attachment

Message components are derived from files rather than hard coded. I removed the ping command which was useless (doesn't actually show ping). And there is a new fancy error stacktrace.

Update attachment

I just refinished refactoring my code to use files instead of hard coding HTML in JS.

Tech rant: Our entire stack is Cloudflare, and one of the features is called static assets but that's only for serving websites. I wasted so much time trying to either use static assets or the file system. Cloudflare Workers doesn't really have a file system and file names are changed in the bundling process. The only way to get CSS to load properly and fonts is to have them bundled but there is this really confusing mapping required since everything is compressed.

Update attachment

Ship 1

1 payout of shell 408.0 shells

Ryan

2 months ago

Ryan Covers 12 devlogs and 37h 12m
Ryan
Ryan
2h 47m 3 months ago

Images are now properly resized to the clipped message and should be a higher resolution while retaining small size.

Update attachment
Ryan
Ryan
3h 11m 3 months ago

A lot of bug fixes later and my app is still not stable. I need more time to work on handling errors.

In the meanwhile, I just finished adding CSS for markdown support and improving the Puppeteer implementation to reuse sessions instead of launching a new browser every time a message is clipped.

Update attachment
Ryan
Ryan
1h 18m 3 months ago

Split the Discord app from production and staging. Now experimenting with components v2 which will make way for settings and other features.

Update attachment
Ryan
Ryan
5h 35m 3 months ago

My app is properly deployed and works. It's now public to people to try out. I still need a lot of more work to do.

Hopefully from Converge I can get Cloudflare credits to not worry about rate limiting because the bot is very slow and inefficient now.

Got my Discord app to send a screenshot generated by Puppeteer. I need to find a way to get custom fonts and images to render

It's just polish from here on out before something usable.

Update attachment
Ryan
Ryan
4h 46m 3 months ago

Added documentation on how to self-host my Discord bot on Cloudflare workers

Update attachment
Ryan
Ryan
7h 37m 3 months ago

Spent way too long making HTML + CSS for a Discord message. I'm very happy with the results though. Highly responsive, light/dark theme support, minimal lines of code (maintainability)

Next is to add bot hosting or find a way to convert HTML into an image.

Ryan
Ryan
1h 39m 3 months ago

Finally finalized the tooling for code quality and dependency management. I can focus on writing code instead of this CI and maintainer role stuff.

ESLint > Biome
Dependabot > Renovate

Next is to get this project to host on Cloudflare Workers.

Update attachment
Ryan
Ryan
1h 50m 3 months ago

Moved from discord.js to discord-interactions with itty-router because it works on Cloudflare Workers. Tried to use Express for a bit but chose itty-router for being more lightweight.

Here's a screenshot of my project running with wrangler. I need to get Cloudflare Workers to properly deploy and fix the CI (again).

Update attachment
Ryan
Ryan
1h 12m 3 months ago

Started to work on having my Discord app hosted. I'm planning to use Cloudflare Workers, but the documentation is outdated. I'm currently toying with CommonJS and ES Modules. At least I have ESLint done.

Update attachment
Ryan
Ryan
1h 22m 3 months ago

Got commands working in DMs and was able to retrieve message information. Next is to have it save the message as an image, but I would like figure how to get my app deployed first. Likely I'll use Cloudflare Workers.

Update attachment
Ryan
Ryan
1h 49m 3 months ago

I made the Discord app and started to create the general structure for my project. I got one command working and started to tinker with context menu ones.

Update attachment