A super simple VSC/odium plugin to show some more detailed Hackatime stats for a user as a sidebar!
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
🔥 dhyan marked your project as well cooked! As a prize for your nicely cooked project, look out for a bonus prize in the mail :)
This is…. honestly just a really simple project 
Sure it’s got a decent amount of stuff for a beginner but I just threw it together literally last minute to submit to Codextentions because I want that sweet second monitor (and I need the extra votes to get cookies for my real project lmao)
I’ve already done one hackatime tomfoolery way back as like, my first python project back in Siege when I first joined Hack Club, and i’m quite proud of making myself go full circle. I still think the other one was way cooler because CLI and themes and stuff but honestly I’m happy to be able to revisit the hackatime API despite how godawful it is LMAO
thanks for flavouring this town with me everyone! it’s been fun 
đź’–
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
Log in to leave a comment
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 
Log in to leave a comment
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…. 
.png)
Log in to leave a comment
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)
.png)
Log in to leave a comment
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 (please be fast 
)
Log in to leave a comment
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 
Log in to leave a comment