Browser extension view improved and some dummy implementation added
I finished making Slickify, a Slack bot that adds silly modifiers to your messages!
/slickify-ping: Simple ping command
/slickify-slickify: Adds 😎s in between words in your message
/slickify-smallify: Shrinks all the characters in your message to the best of its ability (due to Unicode limitations it's not entirely possible)
Made an extension base using WXT + Vue + Tailwind, and a logo to go along with it!
The light mode version looks kinda garbage tbh but the light mode version looks really good I think! It doesn’t have like any functionality at all, it’s mainly just supposed to serve as a basic view so the extension can be there transparently and so it can be clear what it does.
The logo was made in Photopea, it’s a roughleaf dogwood leaf with the colors of heavenly bamboo. Timelapse: https://lapse.hackclub.com/timelapse/uMRvG-kQMmep
AI was used a bit to help me configure WXT and to fix some visibility issues I had with CSS (the logo wasn’t showing up on dark mode) but everything else was made by me.
Silly Slack bot with message modifiers is done!
/slickify-slickify (would just be /slickify but I shall follow the will of the guide) just adds 😎s between each word in the message by splitting it up into an array and prepending the emoji
/slickify-smallify shrinks your message to the best of its abilities by replacing each character according to a predefined array, but due to limitations in Unicode it can’t shrink a lot of things
@Brandt
on
The Station of Appreciation for Understimulation
2 hours of coding and I’m fully done with my first browser extension! I mostly made this to teach myself how to make extensions for both Chromium and Firefox (which are actually extremely similar, good to know!)
All it does is listen for when a new YouTube tab is opened, checks how many you already have open, and closes it if there are too many. It also uses the storage API to save the user preference of how many they can have open at a time. Hopefully this helps to stop someone’s (and my) future unhealthy binging session.
Making this was basically a sequence of copying generic code from Chrome’s docs, making some slight tweaks by looking at docs, rinse and repeat. AI was occasionally used when debugging the insanely vague error messages JS gives.
@Brandt
on
The Station of Appreciation for Understimulation
2h 2m 1s logged
2 hours of coding and I’m fully done with my first browser extension!
I mostly made this to teach myself how to make extensions for both
Chromium and Firefox (which are actually extremely similar, good to
know!)
All it does is listen for when a new YouTube tab is opened, checks
how many you already have open, and closes it if there are too many. It
also uses the storage API to save the user preference of how many they
can have open at a time. Hopefully this helps to stop someone’s (and my)
future unhealthy binging session.
Making this was basically a sequence of copying generic code from
Chrome’s docs, making some slight tweaks by looking at docs, rinse and
repeat. AI was occasionally used when debugging the insanely vague error
messages JS gives.
Made a super simple dummy backend for my web filter using Fastify + SQLite. It just stores whether a site should be allowed, denied or rewritten, and can grab a site’s rewrite script (which is just hardcoded for now)