qVStime banner

qVStime

6 devlogs
3h 48m 32s

A super simple VSC/odium plugin to show some more detailed Hackatime stats for a user as a sidebar!

This project uses AI

does the google search overview ai count? because i stole a bunch of info about vscode’s weird api from there, it’s still my code though

Demo Repository

Loading README...

qwik

Finished off the CSS, it looks Standard™️, dont want to put too much effort into styling it (and it won’t fit other people’s themes to be honest), and wrote a really quick readme + published a demo. Ready to ship, an hour ahead of time :3

Attachment
0
qwik

Wrote the render loop to actually spit this data into HTML! and there’s no styling yet, but it all shows :) this is… honestly all I really wanted out of this! Just going to pretty it up and ship in the now 90 minutes remaining lmfao

CSS TIME YAYYYYYY yippeee yayayayayay fish-magic_wand

0
qwik

spent a stupid amount of time figuring out the hackatime API, but that’s the backend done and being sent properly to the frontend, now I just need to render the information :) should be super simple to just render a few lists, unfortunately i won’t be able to get very creative with the CSS because… you know… two hours left in flavourtown…. fear

Attachment
0
qwik

Okay the image is NOT all that I did, slowly piecing things together from google searches, looks like this project is pretty doable! this is before I went through and made some scaffolding for the API and config that i’ll need later, but this shows the proof of concept of it sending a message between the “backend” (js) and the “frontend” (the html webview, it’s basically just an iframe)

Attachment
0
qwik

aaaalright that was surprisingly easy! I sorted package.json out with the metadata it wanted, set up the interactions, and set up a webview (which is literally just html in a multi line string lmao agh i hate vscode) now i can actually start building the project hopefully
Also I tested vsce package and it builds the extension properly so when it’s time to ship then yippeee (please be fast 3c )

Attachment
0
qwik

Okay so this extension is mostly gonna be low effort; i’m tired and haven’t used vscode in a while I just want a monitor grant lmao

Anyways, i got it to set up a template project, got it to load, and got the first interaction to render (it’s just hello world by default but hey it works) and it Runs™️ so hopefully this should be relatively painless… but i still have to use javascript, so……. we will see pf

0