Add devcontainers configuration

[ggvbo]

Allows the quick creation of GitHub Codespaces & others that support devcontainers by adding an .devcontainers/devcontainer.json file containing port labelling, VSCode extensions, and the required features to get an bare-bones Hangar application working (database and email Docker containers, Maven dependencies for the backend application and PNPM dependencies for the frontend), which are setup by an post-create.sh Shell script. This allows developers to get coding faster, rather than spend time setting up their development environments.

[MiniDigger]

tried it out locally, seems like we need to add .pnpm-store to the gitignore, lol

I also dont see that it did stuff with ports, but that could also be a me issue, literally first time playing with this, but I was expecting them to show up here?

[ggvbo]

I also dont see that it did stuff with ports, but that could also be a me issue, literally first time playing with this, but I was expecting them to show up here?

The port needs to be "active" for it to appear there,

[ggvbo]

Also, I'm not facing the .pnpm-store issue myself, but I can add it to the .gitignore if you agree.

[MiniDigger]

how do you test? using vscode locally or using something like codespaces?
and yeah, please add it to the gitignore as part of the PR

[ggvbo]

how do you test? using vscode locally or using something like codespaces? and yeah, please add it to the gitignore as part of the PR

Currently, I'm testing using codespaces.

I'm facing an issue where the frontend crashes right after startup, I've tried to change the logging level to verbose with no luck.

  Plugin: vite:dynamic-import-vars
  File: /workspaces/Hangar/frontend/src/store/prism.ts


 WARN  Sourcemap for "/workspaces/Hangar/frontend/src/pages/api-docs.vue" points to missing source files      9:24:08 PM

@GNosii ➜ /workspaces/Hangar/frontend (feature/devcontainers) $ 

[ggvbo]

got it working without crashing, only thing left is fix the CORS & WSS issues:

Mixed Content: The page at 'https://codespace-3333.preview.app.github.dev/' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint 'ws://codespace-3333.preview.app.github.dev:24678/_nuxt/'. This request has been blocked; this endpoint must be available over WSS.

[MiniDigger]

nuxt has an https/ssl mode somewhere iirc

[ggvbo]

Not working because of the way Codespaces exposes ports (in the hostname, not as an "real" port), I had to change this in frontend/node_modules/vite/dist/client/client.mjs

-- const socketHost = `${__HMR_HOSTNAME__ || importMetaUrl.hostname}:${hmrPort || importMetaUrl.port}${__HMR_BASE__}`;
++ const socketHost = `${__HMR_HOSTNAME__ || importMetaUrl}${__HMR_BASE__}`;

This could be fixed by forking the module, or by applying an patch. Even if we set server.hmr is set to false, this issue still happens.