From cb813a70506b8bb65cc468aff1fb717036df586b Mon Sep 17 00:00:00 2001
From: akanyan <alicechecker01@proton.me>
Date: Thu, 6 Mar 2025 21:40:14 +0000
Subject: [PATCH] feat: multi-profile progress

---
 rust/Cargo.toml                 |  2 +-
 rust/tauri.conf.json            |  2 +-
 src/components/App.vue          | 19 ++-----
 src/components/ModListEntry.vue | 18 ++++---
 src/components/OptionList.vue   | 13 ++++-
 src/components/ProfileList.vue  | 87 +++++++++++++++++++++------------
 6 files changed, 86 insertions(+), 55 deletions(-)

diff --git a/rust/Cargo.toml b/rust/Cargo.toml
index d727527..15ec600 100644
--- a/rust/Cargo.toml
+++ b/rust/Cargo.toml
@@ -46,4 +46,4 @@ tauri-plugin-single-instance = { version = "2", features = ["deep-link"] }
 
 [target.'cfg(target_os = "windows")'.dependencies]
 winsafe = { version = "0.0.23", features = ["user"] }
-displayz = "^0.2.0"
\ No newline at end of file
+displayz = "^0.2.0"
diff --git a/rust/tauri.conf.json b/rust/tauri.conf.json
index be47d01..3692fa9 100644
--- a/rust/tauri.conf.json
+++ b/rust/tauri.conf.json
@@ -2,7 +2,7 @@
     "$schema": "https://schema.tauri.app/config/2",
     "productName": "STARTLINER",
     "version": "0.1.0",
-    "identifier": "moe.tendokyu.akanyan.startliner",
+    "identifier": "zip.patafour.startliner",
     "build": {
         "beforeDevCommand": "bun run dev",
         "devUrl": "http://localhost:1420",
diff --git a/src/components/App.vue b/src/components/App.vue
index 69dd8df..a4bd778 100644
--- a/src/components/App.vue
+++ b/src/components/App.vue
@@ -73,31 +73,22 @@ onMounted(async () => {
                 </TabPanel>
                 <TabPanel value="3">
                     <strong>UNDER CONSTRUCTION</strong><br />Some features are
-                    missing.<br />Existing features are expected to break any
-                    time.
+                    missing.<br />Existing features are expected to break
+                    sometimes.
                     <ProfileList />
                     <img
                         v-if="prf.current?.game === 'ongeki'"
                         src="/sticker-ongeki.svg"
-                        class="fixed bottom-0 right-0"
+                        class="fixed bottom-0 right-0 z-999"
                     />
                     <img
                         v-else-if="prf.current?.game === 'chunithm'"
                         src="/sticker-chunithm.svg"
-                        class="fixed bottom-0 right-0"
+                        class="fixed bottom-0 right-0 z-999"
                     />
                     <br /><br /><br />
-                    <footer
-                        style="
-                            position: fixed;
-                            left: 0px;
-                            bottom: 0px;
-                            height: 40px;
-                            width: 100%;
-                        "
-                    >
+                    <footer>
                         <Button
-                            style="margin-left: 6px"
                             icon="pi pi-discord"
                             as="a"
                             target="_blank"
diff --git a/src/components/ModListEntry.vue b/src/components/ModListEntry.vue
index e32718b..de3648a 100644
--- a/src/components/ModListEntry.vue
+++ b/src/components/ModListEntry.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed } from 'vue';
 import Button from 'primevue/button';
 import ToggleSwitch from 'primevue/toggleswitch';
 import { open } from '@tauri-apps/plugin-shell';
@@ -14,9 +15,14 @@ const props = defineProps({
     pkg: Object as () => Package,
 });
 
-const toggle = async (value: boolean) => {
-    await prf.togglePkg(props.pkg, value);
-};
+const model = computed({
+    get() {
+        return prf.isPkgEnabled(props.pkg).value;
+    },
+    async set(value: boolean) {
+        await prf.togglePkg(props.pkg, value);
+    },
+});
 </script>
 
 <template>
@@ -28,8 +34,7 @@ const toggle = async (value: boolean) => {
             class="scale-[1.33] shrink-0"
             inputId="switch"
             :disabled="!pkg?.loc"
-            :model-value="prf.isPkgEnabled(pkg)"
-            v-on:value-change="toggle"
+            v-model="model"
         />
         <InstallButton :pkg="pkg" />
         <Button
@@ -43,6 +48,7 @@ const toggle = async (value: boolean) => {
             v-on:click="pkg?.loc && open(pkg.loc.path ?? '')"
         />
         <Button
+            v-if="pkg?.rmt"
             rounded
             icon="pi pi-external-link"
             severity="info"
@@ -50,7 +56,7 @@ const toggle = async (value: boolean) => {
             size="small"
             class="ml-2 shrink-0"
             style="width: 2rem; height: 2rem"
-            v-on:click="pkg?.rmt && open(pkg.rmt.package_url ?? '')"
+            v-on:click="open(pkg.rmt.package_url ?? '')"
         />
     </div>
 </template>
diff --git a/src/components/OptionList.vue b/src/components/OptionList.vue
index 454cc88..fb2ec1b 100644
--- a/src/components/OptionList.vue
+++ b/src/components/OptionList.vue
@@ -71,7 +71,7 @@ const extraDisplayOptionsDisabled = computed(() => {
 
 (async () => {
     const aime_path = await path.join(await prf.configDir, 'aime.txt');
-    aimeCode.value = await readTextFile(aime_path);
+    aimeCode.value = await readTextFile(aime_path).catch(() => '');
 })();
 </script>
 
@@ -227,6 +227,15 @@ const extraDisplayOptionsDisabled = computed(() => {
                 :model-value="prf.cfgAny('subnet', '')"
             />
         </OptionRow>
+        <OptionRow title="Address suffix">
+            <InputText
+                class="shrink"
+                size="small"
+                :maxlength="3"
+                placeholder="12"
+                :model-value="prf.cfgAny('addrsuffix', '')"
+            />
+        </OptionRow>
     </OptionCategory>
     <OptionCategory title="Misc">
         <OptionRow title="OpenSSL bug workaround for Intel ≥10th gen">
@@ -250,6 +259,8 @@ const extraDisplayOptionsDisabled = computed(() => {
         <OptionRow title="More segatools options">
             <FileEditor filename="segatools-base.ini" />
         </OptionRow>
+    </OptionCategory>
+    <OptionCategory title="Extensions">
         <OptionRow title="Inohara config">
             <FileEditor
                 filename="inohara.cfg"
diff --git a/src/components/ProfileList.vue b/src/components/ProfileList.vue
index 1c7dd95..ca98fbc 100644
--- a/src/components/ProfileList.vue
+++ b/src/components/ProfileList.vue
@@ -6,58 +6,82 @@ const prf = usePrfStore();
 </script>
 
 <template>
-    <div class="mt-4 flex flex-wrap align-middle gap-4">
+    <div class="mt-4 flex flex-row flex-wrap align-middle gap-4">
         <Button
-            :disabled="prf.list.length > 0"
             label="O.N.G.E.K.I. profile"
             icon="pi pi-plus"
-            class="ongeki-button"
+            class="ongeki-button profile-button"
             @click="() => prf.create('ongeki')"
         />
         <Button
-            :disabled="prf.list.length > 0"
             label="CHUNITHM profile"
             icon="pi pi-plus"
-            class="chunithm-button"
+            class="chunithm-button profile-button"
             @click="() => prf.create('chunithm')"
         />
-
+    </div>
+    <div class="mt-12 flex flex-col flex-wrap align-middle gap-4">
         <div v-for="p in prf.list">
-            <Button
-                :disabled="
-                    prf.current?.game === p.game && prf.current?.name === p.name
-                "
-                :label="p.name"
-                :class="
-                    (p.game === 'chunithm'
-                        ? 'chunithm-button'
-                        : 'ongeki-button') +
-                    ' ' +
-                    'self-center grow'
-                "
-                @click="prf.switchTo(p.game, p.name)"
-            />
+            <div class="flex flex-row flex-wrap align-middle gap-2">
+                <Button
+                    :disabled="
+                        prf.current?.game === p.game &&
+                        prf.current?.name === p.name
+                    "
+                    :label="p.name"
+                    :class="
+                        (p.game === 'chunithm'
+                            ? 'chunithm-button'
+                            : 'ongeki-button') +
+                        ' ' +
+                        'self-center profile-button'
+                    "
+                    @click="prf.switchTo(p.game, p.name)"
+                />
+                <Button
+                    rounded
+                    icon="pi pi-trash"
+                    severity="danger"
+                    aria-label="remove"
+                    size="small"
+                    class="self-center ml-2"
+                    style="width: 2rem; height: 2rem"
+                    :disabled="true"
+                />
+                <Button
+                    rounded
+                    icon="pi pi-clone"
+                    severity="warn"
+                    aria-label="duplicate"
+                    size="small"
+                    class="self-center"
+                    style="width: 2rem; height: 2rem"
+                    :disabled="true"
+                />
+                <Button
+                    rounded
+                    icon="pi pi-pencil"
+                    severity="help"
+                    aria-label="duplicate"
+                    size="small"
+                    class="self-center"
+                    style="width: 2rem; height: 2rem"
+                    :disabled="true"
+                />
+            </div>
         </div>
     </div>
 </template>
 
 <style scoped>
-.create-button {
-    background-color: var(--p-green-400);
-    border-color: var(--p-green-400);
-    width: 10em;
-}
-
-.create-button:hover,
-.create-button:active {
-    background-color: var(--p-green-300) !important;
-    border-color: var(--p-green-300) !important;
+.profile-button {
+    width: 14em;
+    white-space: nowrap;
 }
 
 .ongeki-button {
     background-color: var(--p-pink-400);
     border-color: var(--p-pink-400);
-    width: 14em;
 }
 
 .ongeki-button:hover,
@@ -69,7 +93,6 @@ const prf = usePrfStore();
 .chunithm-button {
     background-color: var(--p-yellow-400);
     border-color: var(--p-yellow-400);
-    width: 14em;
 }
 .chunithm-button:hover,
 .chunithm-button:active {