Updates to Spaces

PR link: https://github.com/hackclub/spaces/pull/37

Users can now upload/download files they created in the Blender and KiCad docker containers

I tried converting everything to use the new Svelte 5 runes, but I think the entire frontend needs to be scrapped and rebuilt from scratch. The architecture is not good.

There were a ton of bugs and issues with customElements and $state runes and oh my god
I got Uncaught TypeError: can't access property "dispatchEvent", $$props.$$host is undefined and Using a rest element or a non-destructured declaration with $props() means that Svelte can't infer what properties to expose when creating a custom element. Consider destructuring all the props or explicitly specifying the customElement.props option. https://svelte.dev/e/custom_element_props_identifiersveltecustom_element_props_identifier and many more that I didn’t document

I think I’m just going to take a break. Rewrite the UI some other time. sigh

On the bright side, everything uses the user store now

This banner shows up if you have VSCode selected and you haven’t set your Hackatime API key to remind you to set it to track time

PR: https://github.com/hackclub/spaces/pull/38

Alright! I fixed it aaaaaugh
Turns out, I just had to add --extensions-dir /config/extensions to the command to install the extension lol

PR: https://github.com/hackclub/spaces/pull/36

Alright. So I spent the whole day scratching my head

everything I’m doing relies on something else

I’m trying to fix hackatime rn, but I need to have a user account to test it
so I write a script to make a user account and then I put the auth token in the browser manually

and then I find out that the frontend actually doesn’t respect that because it never asks the backend
Normally, when you login, the frontend keeps a local record of who you are and it trusts that

so I want to fix this properly, so I have to write code where the frontend queries the backend to make sure that the auth token is valid on each page load

But multiple pages and components rely on user data
So I have to make a store for it now

But the new way of making stores is by using $state
But using $state requires that I update to Svelte 5

So I updated to Svelte 5
And then I made a store for user data
and then now I’m working on getting Hackatime working again
Installing wakatime isn’t working. It says its installed but it’s installed but it doesn’t show up even if I restart the docker container. It works if I install it manually tho. I have no clue.