Just a relatively quick/small image viewer module that will display an image(url) via a full-screen overlay. Injects and cleans up after itself in the DOM.
Not quite vibe-coded, I wish I'd saved my Claude Code log... it kept trying to make things much, much, more complex with CSS transforms and was about 2x the size. Final result is under 700 lines of JS, with CSS embedded.
Mostly a quick and dirty component module I needed for work that I thought I'd share. Aside, publishing ton NPM from Github Action was kind of a pain... need to force the latest npm install and clear the auth token when running publish. Also, need to set npm to the parent task/workflow not the sub-workflow I had it defined in.
Another point of fun continues to be getting AI, Deno and Vite working together without AI trying to revert to node/npm and other issues. Mostly int he testing/demo app.
The module itself took about 90 minutes with a lot of back and forth on zoom behavior/implementation. Getting the publishing working took about as long figuring out why the OICD or whatever it's called isn't working. I wish that NPM's blog post about removing their old token style would add a link to a step by step article on setting up under Githuub/Gitlab, including the auth bug with the current actions to configure Node. I finally found an article that did outline things, and even then, my parent/sub-workflow was still kind of an issue, which feels weird... I think the deno config was much smoother... jsr publish worked second try (I had a typo in my repo name).
tracker1 7 days ago. link 1 point ▲ ▼