cattn

Quick devlog, small change
Setup a demo page & automatic deployments: https://hdr.cattn.dev/

Exposed a ton of color utilities for usage. (universal color converter to hex, rgb to hex, etc.)
Added 2 props to the HDRRouter: delay{}, amplification{},
Delay will delay the application of HDR styles (could be useful for large apps)
Amplification allows you to configure the amplification of the HDR values (1 being no HDR, 3-4x being the max before it's just white)

I also published v0.2.6

I've published v0.1.0 to npm!

What did I change?

• Added more helper functions for converting color types
• Fixed hdrifyBackground()
• Made color conversion more consistent
• Improved the demo/test page a bit more.

I've spent an unfortunate amount of time fixing the transition from HDR to SDR via turning on low power mode on iOS. (Still working on android, took 2hr for iOS... 💀

To be fair! This has literally never been done properly (if at all) in the web before.

Added all the functions/methods, finished router, did readme, and published the npm package!

https://www.npmjs.com/package/@cattn/hdr?activeTab=readme

I got a POC working, with HDR support across all major devices and browsers (that support HDR!) and then a proper fallback color for those that do not.

I worked on adding: Artists, Albums, Playlists pages

I still need to work on a lot of the functions behind those, but the pages & support for them has been added

I updated the blog UI, and wrote a new blog!

https://cattn.dev/blog/article/obsessively-iterating

I worked on important stuff

I worked on filters, sitemap, adding routes, and improving the Track component.

I also added filters, and a global system for managing & displaying a user's library.

Also, I spent an unfortunate amount of time working around a vite HMR bug (no it was not user error, yes it was a bug with vite & vite-pwa)

I've started work on the rewrite/redesign. Creating the things from my figma sketches.

This means I had to scrap a lot of my migration in favor of this.

I spent an unfortunate amount of time working on migrating my codebase to svelte 5.

I went through a very long (and tedious) process of migrating svelte 4-5 syntax, migrating shadcn-svelte, tailwind4, and other deps.

I got the app to a working state again, post-migration.

Still a lot of work to be done in code-cleanup, fixing small bugs, and working on the redesign. Nothing visual to show.

Added filters!
Also added more shop items & multipliers
Also, got the public instance running at https://doit.maple.music/

Added a full settings system, cleaned up the styling of things, added a nice readme, describing the aim & setup for the project

I added the task system, and multipliers to it's own shop tab. This is the culmination & incentive to complete your set tasks.

Added the shop, papers/s feature, animations
Points/Tasks feature.
Fixed some CSS issues
Don't show edit popup when you mark a task as done

I worked on my game-page design in figma, actually started the page in code, created some basic animations for the main object to be clicked & outlined the shop/multiplier sections.

Essentially fully compelted my original design.
Also, added proper stores & idb management for game/tasks

Established the store, built an idb wrapper, outlined my intentions even further
Created the basis of the UI
Top bar
etc

Worked on the figma design for the main page (todo side, still have to do game side)

As well as setup the project

Worked on the homepage, completed it relatively quickly after clearing up my Material 3 issues.

https://maple.music/

Worked on Figma designs, learning the basics of Kotlin, started on the new Homepage ui.

Unfortunately the package for material-3 usage in Svelte is bugged, so I've struggled with progress there.

Otherwise, I've made good work with designing & Learning