random-ass changes

docker-compose.yaml

@@ -1,16 +1,18 @@
-networks:
-  rush-character-net:
-
 services:
+
+  proxy:
+    image: traefik
+    command: --providers.docker
+    ports:
+      - 80:80
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+
   frontend:
     build:
       context: ./
       dockerfile: ./frontend/Dockerfile
     command: npm run dev
-    networks:
-      - rush-character-net
-    ports: 
-      - 8080:3000
     develop:
       watch:
         - action: sync
@@ -22,15 +24,14 @@ services:
           path: ./frontend/package.json
         - action: rebuild
           path: ./frontend/Dockerfile
+    labels:
+      traefik.http.routers.client.rule: "Host(`localhost`)"
+
   vault:
     build:
       context: ./
       dockerfile: ./vault/Dockerfile
     command: npm run dev
-    networks:
-      - rush-character-net
-    ports:
-      - 8081:8080
     environment:
       MONGO_URI: mongodb://rushvault:rushvault@mongo:27017/
     depends_on:
@@ -46,6 +47,10 @@ services:
           path: ./vault/package.json
         - action: rebuild
           path: ./vault/Dockerfile
+    labels:
+      traefik.http.routers.api.rule: "Host(`localhost`) && PathPrefix(`/api`)"
+      traefik.http.routers.api.middlewares: "api-stripprefix"
+      traefik.http.middlewares.api-stripprefix.stripprefix.prefixes: "/api"
   
   mongo:
     image: mongo
@@ -54,15 +59,10 @@ services:
       MONGO_INITDB_ROOT_USERNAME: rushvault
       MONGO_INITDB_ROOT_PASSWORD: rushvault
       MONGO_INITDB_DATABASE: DB
-    networks:
+
-      - rush-character-net
   mongo-express:
     image: mongo-express
     restart: always
-    networks:
-      - rush-character-net
-    ports:
-      - 8083:8081
     depends_on:
       - mongo
     environment:
@@ -70,3 +70,5 @@ services:
       ME_CONFIG_MONGODB_ADMINPASSWORD: rushvault
       ME_CONFIG_MONGODB_URL: mongodb://rushvault:rushvault@mongo:27017/
       ME_CONFIG_BASICAUTH: false
+    labels:
+      traefik.http.routers.mexp.rule: "Host(`mexp.localhost`)"

frontend/.prettierrc.json

@@ -2,5 +2,5 @@
   "$schema": "https://json.schemastore.org/prettierrc",
   "semi": false,
   "singleQuote": true,
-  "printWidth": 100
+  "printWidth": 80
 }

frontend/Dockerfile

@@ -18,6 +18,6 @@ RUN npm i -g serve
 
 RUN npm run build
 
-EXPOSE 8080
+EXPOSE 3000
 
 CMD ["serve", "-s", "dist"]

frontend/package-lock.json

@@ -8,13 +8,11 @@
       "name": "frontend",
       "version": "0.0.0",
       "dependencies": {
-        "@protobuf-ts/grpcweb-transport": "^2.11.0",
-        "@protobuf-ts/plugin": "^2.11.0",
-        "google-protobuf": "^3.21.4",
-        "grpc-web": "^1.5.0",
         "vue": "^3.5.13"
       },
       "devDependencies": {
+        "@protobuf-ts/grpcweb-transport": "^2.11.0",
+        "@protobuf-ts/plugin": "^2.11.0",
         "@tsconfig/node22": "^22.0.1",
         "@types/google-protobuf": "^3.15.12",
         "@types/node": "^22.15.31",
@@ -24,6 +22,8 @@
         "@vue/tsconfig": "^0.7.0",
         "eslint": "^9.22.0",
         "eslint-plugin-vue": "~10.0.0",
+        "google-protobuf": "^3.21.4",
+        "grpc-web": "^1.5.0",
         "jiti": "^2.4.2",
         "npm-run-all2": "^7.0.2",
         "prettier": "3.5.3",
@@ -546,12 +546,14 @@
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.5.2.tgz",
       "integrity": "sha512-foZ7qr0IsUBjzWIq+SuBLfdQCpJ1j8cTuNNT4owngTHoN5KsJb8L9t65fzz7SCeSWzescoOil/0ldqiL041ABg==",
+      "dev": true,
       "license": "(Apache-2.0 AND BSD-3-Clause)"
     },
     "node_modules/@bufbuild/protoplugin": {
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/@bufbuild/protoplugin/-/protoplugin-2.5.2.tgz",
       "integrity": "sha512-7d/NUae/ugs/qgHEYOwkVWGDE3Bf/xjuGviVFs38+MLRdwiHNTiuvzPVwuIPo/1wuZCZn3Nax1cg1owLuY72xw==",
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@bufbuild/protobuf": "2.5.2",
@@ -563,6 +565,7 @@
       "version": "5.4.5",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
       "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
+      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -1353,6 +1356,7 @@
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/@protobuf-ts/grpcweb-transport/-/grpcweb-transport-2.11.0.tgz",
       "integrity": "sha512-tTra0dPTQFSwEiSkM6q5nVfW35xOOh2NfYEdLfEPoCsKLgl5q9W5dd41t0ovDeI6CTae3SFOZqAqKeKO6g/cjg==",
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@protobuf-ts/runtime": "^2.11.0",
@@ -1363,6 +1367,7 @@
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/@protobuf-ts/plugin/-/plugin-2.11.0.tgz",
       "integrity": "sha512-Y+p4Axrk3thxws4BVSIO+x4CKWH2c8k3K+QPrp6Oq8agdsXPL/uwsMTIdpTdXIzTaUEZFASJL9LU56pob5GTHg==",
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@bufbuild/protobuf": "^2.4.0",
@@ -1381,6 +1386,7 @@
       "version": "3.9.10",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.10.tgz",
       "integrity": "sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==",
+      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -1394,6 +1400,7 @@
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/@protobuf-ts/protoc/-/protoc-2.11.0.tgz",
       "integrity": "sha512-GYfmv1rjZ/7MWzUqMszhdXiuoa4Js/j6zCbcxFmeThBBUhbrXdPU42vY+QVCHL9PvAMXO+wEhUfPWYdd1YgnlA==",
+      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "protoc": "protoc.js"
@@ -1403,12 +1410,14 @@
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/@protobuf-ts/runtime/-/runtime-2.11.0.tgz",
       "integrity": "sha512-DfpRpUiNvPC3Kj48CmlU4HaIEY1Myh++PIumMmohBAk8/k0d2CkxYxJfPyUAxfuUfl97F4AvuCu1gXmfOG7OJQ==",
+      "dev": true,
       "license": "(Apache-2.0 AND BSD-3-Clause)"
     },
     "node_modules/@protobuf-ts/runtime-rpc": {
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/@protobuf-ts/runtime-rpc/-/runtime-rpc-2.11.0.tgz",
       "integrity": "sha512-g/oMPym5LjVyCc3nlQc6cHer0R3CyleBos4p7CjRNzdKuH/FlRXzfQYo6EN5uv8vLtn7zEK9Cy4YBKvHStIaag==",
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@protobuf-ts/runtime": "^2.11.0"
@@ -2036,6 +2045,7 @@
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/@typescript/vfs/-/vfs-1.6.1.tgz",
       "integrity": "sha512-JwoxboBh7Oz1v38tPbkrZ62ZXNHAk9bJ7c9x0eI5zBfBnBYGhURdbnh7Z4smN/MV48Y5OCcZb58n972UtbazsA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "debug": "^4.1.1"
@@ -2708,6 +2718,7 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
       "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -3406,6 +3417,7 @@
       "version": "3.21.4",
       "resolved": "https://registry.npmjs.org/google-protobuf/-/google-protobuf-3.21.4.tgz",
       "integrity": "sha512-MnG7N936zcKTco4Jd2PX2U96Kf9PxygAPKBug+74LHzmHXmceN16MmRcdgZv+DGef/S9YvQAfRsNCn4cjf9yyQ==",
+      "dev": true,
       "license": "(BSD-3-Clause AND Apache-2.0)"
     },
     "node_modules/graceful-fs": {
@@ -3426,6 +3438,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/grpc-web/-/grpc-web-1.5.0.tgz",
       "integrity": "sha512-y1tS3BBIoiVSzKTDF3Hm7E8hV2n7YY7pO0Uo7depfWJqKzWE+SKr0jvHNIJsJJYILQlpYShpi/DRJJMbosgDMQ==",
+      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/has-flag": {
@@ -3895,6 +3908,7 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/muggle-string": {
@@ -4739,6 +4753,7 @@
       "version": "5.8.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
       "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+      "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",

frontend/package.json

@@ -14,13 +14,11 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@protobuf-ts/grpcweb-transport": "^2.11.0",
-    "@protobuf-ts/plugin": "^2.11.0",
-    "google-protobuf": "^3.21.4",
-    "grpc-web": "^1.5.0",
     "vue": "^3.5.13"
   },
   "devDependencies": {
+    "@protobuf-ts/grpcweb-transport": "^2.11.0",
+    "@protobuf-ts/plugin": "^2.11.0",
     "@tsconfig/node22": "^22.0.1",
     "@types/google-protobuf": "^3.15.12",
     "@types/node": "^22.15.31",
@@ -30,6 +28,8 @@
     "@vue/tsconfig": "^0.7.0",
     "eslint": "^9.22.0",
     "eslint-plugin-vue": "~10.0.0",
+    "google-protobuf": "^3.21.4",
+    "grpc-web": "^1.5.0",
     "jiti": "^2.4.2",
     "npm-run-all2": "^7.0.2",
     "prettier": "3.5.3",

frontend/src/App.vue

@@ -1,19 +1,42 @@
 <script setup lang="ts">
 import HelloWorld from './components/HelloWorld.vue'
 import TheWelcome from './components/TheWelcome.vue'
+import { Character, ListCharacterRequest } from './proto/character'
+import { CharacterManagerClient } from './proto/character.client'
+import { GrpcWebFetchTransport } from '@protobuf-ts/grpcweb-transport'
+
+const client = new CharacterManagerClient(
+  new GrpcWebFetchTransport({
+    baseUrl: 'http://localhost/api',
+    format: 'binary',
+  }),
+)
+
+const butts = () => {
+  console.log('click')
+
+  let request = ListCharacterRequest.fromJson({
+    playerName: 'potato',
+    characterName: 'spud',
+  })
+  return client.listCharacters(request).then((res) => {
+    console.log(res)
+    return res
+  })
+}
 </script>
 
 <template>
   <header>
-    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
+    <!-- <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" /> -->
-
+    <button class="button" @click="butts">butts</button>
-    <div class="wrapper">
+    <!-- <div class="wrapper"> -->
-      <HelloWorld msg="You did it!" />
+    <!-- <HelloWorld msg="You did it!" /> -->
-    </div>
+    <!-- </div> -->
   </header>
 
   <main>
-    <TheWelcome />
+    <!-- <TheWelcome /> -->
   </main>
 </template>
 

frontend/src/components/TheWelcome.vue

@@ -17,7 +17,9 @@ const openReadmeInEditor = () => fetch('/__open-in-editor?file=README.md')
     <template #heading>Documentation</template>
 
     Vue’s
-    <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
+    <a href="https://vuejs.org/" target="_blank" rel="noopener"
+      >official documentation</a
+    >
     provides you with all information you need to get started.
   </WelcomeItem>
 
@@ -28,22 +30,35 @@ const openReadmeInEditor = () => fetch('/__open-in-editor?file=README.md')
     <template #heading>Tooling</template>
 
     This project is served and bundled with
-    <a href="https://vite.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
+    <a
-    recommended IDE setup is
+      href="https://vite.dev/guide/features.html"
-    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a>
+      target="_blank"
+      rel="noopener"
+      >Vite</a
+    >. The recommended IDE setup is
+    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener"
+      >VSCode</a
+    >
     +
-    <a href="https://github.com/vuejs/language-tools" target="_blank" rel="noopener">Vue - Official</a>. If
+    <a
-    you need to test your components and web pages, check out
+      href="https://github.com/vuejs/language-tools"
+      target="_blank"
+      rel="noopener"
+      >Vue - Official</a
+    >. If you need to test your components and web pages, check out
     <a href="https://vitest.dev/" target="_blank" rel="noopener">Vitest</a>
     and
     <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a>
     /
-    <a href="https://playwright.dev/" target="_blank" rel="noopener">Playwright</a>.
+    <a href="https://playwright.dev/" target="_blank" rel="noopener"
+      >Playwright</a
+    >.
 
     <br />
 
     More instructions are available in
-    <a href="javascript:void(0)" @click="openReadmeInEditor"><code>README.md</code></a
+    <a href="javascript:void(0)" @click="openReadmeInEditor"
+      ><code>README.md</code></a
     >.
   </WelcomeItem>
 
@@ -55,11 +70,21 @@ const openReadmeInEditor = () => fetch('/__open-in-editor?file=README.md')
 
     Get official tools and libraries for your project:
     <a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
-    <a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
+    <a href="https://router.vuejs.org/" target="_blank" rel="noopener"
-    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
+      >Vue Router</a
-    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
+    >,
-    you need more resources, we suggest paying
+    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener"
-    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
+      >Vue Test Utils</a
+    >, and
+    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener"
+      >Vue Dev Tools</a
+    >. If you need more resources, we suggest paying
+    <a
+      href="https://github.com/vuejs/awesome-vue"
+      target="_blank"
+      rel="noopener"
+      >Awesome Vue</a
+    >
     a visit.
   </WelcomeItem>
 
@@ -72,10 +97,15 @@ const openReadmeInEditor = () => fetch('/__open-in-editor?file=README.md')
     Got stuck? Ask your question on
     <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>
     (our official Discord server), or
-    <a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
+    <a
+      href="https://stackoverflow.com/questions/tagged/vue.js"
+      target="_blank"
+      rel="noopener"
       >StackOverflow</a
     >. You should also follow the official
-    <a href="https://bsky.app/profile/vuejs.org" target="_blank" rel="noopener">@vuejs.org</a>
+    <a href="https://bsky.app/profile/vuejs.org" target="_blank" rel="noopener"
+      >@vuejs.org</a
+    >
     Bluesky account or the
     <a href="https://x.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
     X account for latest news in the Vue world.
@@ -87,8 +117,10 @@ const openReadmeInEditor = () => fetch('/__open-in-editor?file=README.md')
     </template>
     <template #heading>Support Vue</template>
 
-    As an independent project, Vue relies on community backing for its sustainability. You can help
+    As an independent project, Vue relies on community backing for its
-    us by
+    sustainability. You can help us by
-    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
+    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener"
+      >becoming a sponsor</a
+    >.
   </WelcomeItem>
 </template>

frontend/src/components/icons/IconCommunity.vue

@@ -1,5 +1,10 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="20"
+    height="20"
+    fill="currentColor"
+  >
     <path
       d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
     />

frontend/src/components/icons/IconDocumentation.vue

@@ -1,5 +1,10 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="20"
+    height="17"
+    fill="currentColor"
+  >
     <path
       d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
     />

frontend/src/components/icons/IconEcosystem.vue

@@ -1,5 +1,10 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="18"
+    height="20"
+    fill="currentColor"
+  >
     <path
       d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
     />

frontend/src/components/icons/IconSupport.vue

@@ -1,5 +1,10 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="20"
+    height="20"
+    fill="currentColor"
+  >
     <path
       d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
     />

frontend/src/main.ts

@@ -1,8 +1,5 @@
 import './assets/main.css'
 
-// import * as grpc from 'grpc';
-import { Character } from './proto/character'
-
 import { createApp } from 'vue'
 import App from './App.vue'
 

vault/src/app.ts

@@ -19,7 +19,8 @@ const databaseService = new DatabaseService(
 const characterService = new CharacterService(databaseService)
 const app = new Server()
 
-app.bindAsync(address, ServerCredentials.createInsecure(), () => {
 characterService.addToServer(app)
+
+app.bindAsync(address, ServerCredentials.createInsecure(), () => {
   console.log(`Starting server at ${address}`)
 })

vault/src/character_service.ts

@@ -1,4 +1,4 @@
-import { Server, ServerUnaryCall, sendUnaryData } from '@grpc/grpc-js'
+import { Server, ServerUnaryCall, sendUnaryData, StatusBuilder } from '@grpc/grpc-js'
 import { ReflectionService } from '@grpc/reflection'
 import { loadSync } from '@grpc/proto-loader'
 import { MongoClient, Collection, Db } from 'mongodb'
@@ -75,13 +75,14 @@ export class CharacterService {
     call: ServerUnaryCall<ListCharacterRequest, ListCharacterResponse>,
     callback: sendUnaryData<ListCharacterResponse>,
   ) {
-    let characters = await this.databaseService.listCharacters(
+    // let characters = await this.databaseService.listCharacters(
-      call.request.playerName,
+    //   call.request.playerName,
-      call.request.characterName,
+    //   call.request.characterName,
-    )
+    // )
+    console.log("potato")
 
-    callback(null, {
+    callback(new StatusBuilder().withDetails("fek").build(), {
-      characters,
+      characters: [],
     })
   }
 }