Default to randomised password and warn user about password being stored in plaintext

package.json

@@ -57,6 +57,7 @@
         "vue": "^3.5.13",
         "vue-router": "^4.5.0",
         "vue3-apexcharts": "^1.8.0",
+        "word-list": "^4.1.0",
         "xel": "^0.33.7",
         "yaml": "^2.7.1"
     }

src/renderer/lib/password.ts

@@ -0,0 +1,26 @@
+const wordList: typeof import("word-list") = require("word-list");
+
+const fs: typeof import("fs") = require("node:fs");
+const crypto: typeof import("crypto") = require("node:crypto");
+
+export function generateRandomPassword(wordList: string[], length: number, separator: string): string {
+    let result = "";
+    separator = separator || "-";
+    for (let i = 0; i < length; i++) {
+        if (i > 0 && i < length) {
+            result += separator;
+        }
+        result += getRandomWordFrom(wordList);
+    }
+    return result;
+}
+
+function getRandomWordFrom(words: string[]) {
+    let i = crypto.randomInt(0, words.length);
+    return words[i];
+}
+
+export function readWordList(): string[] {
+    const wordArray = fs.readFileSync(wordList.default, "utf8").split("\n");
+    return wordArray.filter(word => word.length >= 5);
+}

src/renderer/views/Apps.vue

@@ -5,7 +5,12 @@
             <div class="flex flex-row gap-5 mt-4 w-[35vw]">
                 <div class="flex flex-col flex-none gap-2 justify-center items-center">
                     <div class="relative">
-                        <img alt="Icon for current app" v-if="currentAppForm.Icon" :src="currentAppForm.Icon" class="size-24" />
+                        <img
+                            alt="Icon for current app"
+                            v-if="currentAppForm.Icon"
+                            :src="currentAppForm.Icon"
+                            class="size-24"
+                        />
                         <Icon v-else class="size-24 text-neutral-400" icon="mdi:image"></Icon>
                         <button
                             @click="pickCustomAppIcon"

src/renderer/views/Home.vue

@@ -51,6 +51,20 @@
 
             <!-- Buttons -->
             <div v-if="!winboat.containerActionLoading.value" class="flex flex-row items-center gap-5 text-gray-200/80">
+                <button title="Copy" class="generic-hover" skin="flat" v-on:click="passwordDialog?.showModal()">
+                    <Icon icon="icomoon-free:key" style="width: 3.6rem; height: 3.6rem"></Icon>
+                    <dialog ref="passwordDialog">
+                        <h3>Window VM Password</h3>
+                        <pre class="text-sm text-gray-400 bg-neutral-800 p-4 rounded-lg overflow-auto">{{
+                            compose?.services.windows.environment.PASSWORD
+                        }}</pre>
+                        <footer>
+                            <x-button v-on:click="passwordDialog?.close()">
+                                <x-label>Close</x-label>
+                            </x-button>
+                        </footer>
+                    </dialog>
+                </button>
                 <button
                     title="Start"
                     class="generic-hover"
@@ -180,6 +194,7 @@ import { openAnchorLink } from "../utils/openLink";
 const winboat = Winboat.getInstance();
 const compose = ref<ComposeConfig | null>(null);
 const wallpaper = ref("");
+const passwordDialog = ref<HTMLDialogElement | null>(null);
 
 onMounted(async () => {
     compose.value = winboat.parseCompose();