Better information extraction from x509 command (#20)

- Fixes some issues with IPv6-only build on Forgejo
- Adds experimental Dockerfile for devemopment deployment
Co-authored-by: Ghost <>
Co-committed-by: Ghost <>

frontend/src/components/Home.vue

@@ -73,7 +73,9 @@
             rounded="lg"
             title="Internet certificate support"
             variant="text"
-          />
+          >
+            {{ loggedInUser?.name }}
+          </v-card>
         </v-col>
       </v-row>
     </v-responsive>
@@ -81,5 +83,12 @@
 </template>
 
 <script setup lang="ts">
+import {onMounted, ref} from "vue";
+
+const loggedInUser = ref<{name: string} | null>(null);
+
+onMounted(async () => {
+  loggedInUser.value = await (await fetch('http://localhost:8080/api/v1/users/self')).json();
+})
   //
 </script>

frontend/src/main.ts

@@ -1,9 +1,14 @@
 import { registerPlugins } from '@/plugins'
-
+import { setupBackendMocking } from '@/plugins/mock-service-worker';
 import App from './App.vue'
 
 import { createApp } from 'vue'
 
+
+if (import.meta.env.DEV) {
+    setupBackendMocking().then(worker => worker.start());
+}
+
 const app = createApp(App)
 
 registerPlugins(app)

frontend/src/plugins/mock-service-worker.ts

@@ -0,0 +1,19 @@
+import {http, HttpResponse} from "msw";
+import {setupWorker} from "msw/browser";
+
+export const MOCK_BASEURL = "http://localhost:8080";
+
+const setupHandlers = async () => {
+  return [
+    http.get(`${MOCK_BASEURL}/api/v1/users/self`, () => HttpResponse.json({
+      id: window.crypto.randomUUID(),
+      name: 'Max Mustermann',
+      mail: 'testmail@example.com',
+    })),
+  ]
+}
+
+export async function setupBackendMocking() {
+  const handlers = await setupHandlers();
+  return setupWorker(...handlers);
+}