From 43fd622322a3e1bbfdbb3e047ffb89bfb160b01c Mon Sep 17 00:00:00 2001
From: akanyan <alicechecker01@proton.me>
Date: Tue, 25 Feb 2025 02:01:24 +0100
Subject: [PATCH] feat: slightly better config

---
 rust/src/cmd.rs            |   2 +-
 rust/src/profile.rs        |   2 +-
 rust/src/start.rs          |   2 +-
 src/components/App.vue     |  48 +++++++++++----
 src/components/Options.vue | 116 +++++++++++++++++++++++++++++++++----
 src/stores.ts              |   8 +--
 src/types.ts               |   2 +-
 7 files changed, 150 insertions(+), 30 deletions(-)

diff --git a/rust/src/cmd.rs b/rust/src/cmd.rs
index 377ef2f..fc2dac1 100644
--- a/rust/src/cmd.rs
+++ b/rust/src/cmd.rs
@@ -139,7 +139,7 @@ pub async fn init_profile(
 pub async fn set_cfg(
     state: State<'_, Mutex<AppData>>,
     key: String,
-    value: String
+    value: serde_json::Value
 ) -> Result<(), ()> {
     log::debug!("invoke: sync_cfg({}, {})", key, value);
 
diff --git a/rust/src/profile.rs b/rust/src/profile.rs
index e93408d..75187fe 100644
--- a/rust/src/profile.rs
+++ b/rust/src/profile.rs
@@ -14,7 +14,7 @@ pub struct Profile {
     pub mods: HashSet<PkgKey>,
     pub wine_runtime: Option<PathBuf>,
     pub wine_prefix: Option<PathBuf>,
-    pub cfg: HashMap<String, String>
+    pub cfg: HashMap<String, serde_json::Value>
 }
 
 impl Profile {
diff --git a/rust/src/start.rs b/rust/src/start.rs
index 9e29496..e9c4b4b 100644
--- a/rust/src/start.rs
+++ b/rust/src/start.rs
@@ -57,7 +57,7 @@ pub fn start(p: &Profile, app: AppHandle) -> Result<()> {
         .stderr(Stdio::null());
 
     if let Some(v) = p.cfg.get("intel") {
-        if v == "true" {
+        if v == true {
             amd_builder.env("OPENSSL_ia32cap", ":~0x20000000");
         }
     }
diff --git a/src/components/App.vue b/src/components/App.vue
index 6a41253..13486b7 100644
--- a/src/components/App.vue
+++ b/src/components/App.vue
@@ -22,10 +22,10 @@ store.setupListeners();
 const currentTab = ref('3');
 const startEnabled = ref(false);
 
-const loadProfile = async () => {
+const loadProfile = async (openWindow: boolean) => {
     await store.reloadProfile();
 
-    if (store.profile === null) {
+    if (store.profile === null && openWindow) {
         const exePath = await open({
             multiple: false,
             directory: false,
@@ -61,7 +61,7 @@ onOpenUrl((urls) => {
 });
 
 onMounted(async () => {
-    await loadProfile();
+    await loadProfile(false);
 });
 
 listen('launch-end', () => {
@@ -109,18 +109,44 @@ listen('launch-end', () => {
                     <Options />
                 </TabPanel>
                 <TabPanel value="3">
-                    UNDER CONSTRUCTION<br /><br />
-                    <Button
-                        :disabled="!isProfileDisabled"
-                        label="Create profile"
-                        icon="pi pi-plus"
-                        aria-label="open-executable"
-                        @click="loadProfile()"
-                    />
+                    <strong>UNDER CONSTRUCTION</strong><br />Many features are
+                    missing.<br />Existing features are expected to break any
+                    time.
+                    <div v-if="isProfileDisabled">
+                        <br />Select <code>mu3.exe</code> to create a
+                        profile:<br />
+                        <Button
+                            label="Create profile"
+                            icon="pi pi-plus"
+                            aria-label="open-executable"
+                            @click="loadProfile(true)"
+                        /><br />
+                        <div
+                            style="
+                                margin-top: 5px;
+                                font-weight: bolder;
+                                font-size: 3em;
+                                color: red;
+                                line-height: 1.1em;
+                            "
+                        >
+                            segatools 2024-12-23 or later has to be installed
+                        </div>
+                        (this will change in the future)
+                    </div>
                     <img
+                        v-if="store.profile?.game === 'Ongeki'"
                         src="/sticker-ongeki.svg"
                         class="fixed bottom-0 right-0"
                     />
+                    <br /><br /><br />
+                    <Button
+                        style="position: fixed; left: 10px; bottom: 10px"
+                        icon="pi pi-discord"
+                        as="a"
+                        target="_blank"
+                        href="https://discord.gg/jxvzHjjEmc"
+                    />
                 </TabPanel>
             </TabPanels>
         </Tabs>
diff --git a/src/components/Options.vue b/src/components/Options.vue
index eec837d..ccaa0e7 100644
--- a/src/components/Options.vue
+++ b/src/components/Options.vue
@@ -1,25 +1,119 @@
 <script setup lang="ts">
-import { usePkgStore } from '../stores';
+import { computed } from 'vue';
 import Fieldset from 'primevue/fieldset';
+import InputNumber from 'primevue/inputnumber';
+import InputText from 'primevue/inputtext';
+import RadioButton from 'primevue/radiobutton';
 import Toggle from 'primevue/toggleswitch';
+import { usePkgStore } from '../stores';
 
 const store = usePkgStore();
+const _cfg = <T extends string | number | boolean>(key: string, dflt: T) =>
+    computed({
+        get() {
+            return (store.cfg(key) as T) ?? dflt;
+        },
+        async set(value) {
+            await store.set_cfg(key, value ?? dflt);
+        },
+    });
 
-const setValue = async (value: boolean) => {
-    await store.set_cfg('intel', value);
-}
+const cfgIntel = _cfg('intel', false);
+const cfgRezW = _cfg('rez-w', 1080);
+const cfgRezH = _cfg('rez-h', 1920);
+const cfgDisplayMode = _cfg('display-mode', 'borderless');
+const cfgAime = _cfg('aime', true);
+const cfgAimeCode = _cfg('aime-code', '00001111222233334444');
 </script>
 
 <template>
-    <Fieldset>
-        <div class="flex w-full flex-col">
+    <Fieldset legend="Launch options" :toggleable="true">
+        <div class="flex w-full flex-col gap-1">
             <label for="switch" class="flex flex-row w-full p-2">
-                <div class="grow">OpenSSL crash workaround for Intel ≥10th gen</div>
-                <Toggle
-                    inputId="switch"
-                    :modelValue="store.cfg('intel') === 'true'"
-                    v-on:value-change="setValue" />
+                <div class="grow">
+                    OpenSSL crash workaround for Intel ≥10th gen
+                </div>
+                <Toggle inputId="switch" v-model="cfgIntel" />
+            </label>
+            <label
+                id="resolution"
+                class="flex flex-row w-full p-2 gap-2 items-center"
+            >
+                <div class="grow">Resolution</div>
+                <InputNumber
+                    class="shrink"
+                    size="small"
+                    :min="480"
+                    :max="9999"
+                    :use-grouping="false"
+                    v-model="cfgRezW"
+                />
+                x
+                <InputNumber
+                    class="shrink"
+                    size="small"
+                    :min="640"
+                    :max="9999"
+                    :use-grouping="false"
+                    v-model="cfgRezH"
+                />
+            </label>
+            <label class="flex flex-row w-full p-2 gap-2">
+                <div class="grow">Display mode</div>
+                <div class="flex items-center gap-2">
+                    <RadioButton
+                        v-model="cfgDisplayMode"
+                        inputId="ingredient1"
+                        name="window"
+                        value="window"
+                    />
+                    <label for="ingredient1">window</label>
+                </div>
+                <div class="flex items-center gap-2">
+                    <RadioButton
+                        v-model="cfgDisplayMode"
+                        inputId="ingredient2"
+                        name="borderless"
+                        value="borderless"
+                    />
+                    <label for="ingredient2">borderless window</label>
+                </div>
+                <div class="flex items-center gap-2">
+                    <RadioButton
+                        v-model="cfgDisplayMode"
+                        inputId="ingredient3"
+                        name="fullscreen"
+                        value="fullscreen"
+                    />
+                    <label for="ingredient3">fullscreen</label>
+                </div>
+            </label>
+            <label for="switch" class="flex flex-row w-full p-2">
+                <div class="grow">Aime emulation</div>
+                <Toggle inputId="switch" v-model="cfgAime" />
+            </label>
+            <label class="flex flex-row w-full p-2 items-center">
+                <div class="grow">Aime code</div>
+                <InputText
+                    class="shrink"
+                    size="small"
+                    :disabled="store.cfg('aime') === false"
+                    :minlength="20"
+                    :maxlength="20"
+                    placeholder="00000000000000000000"
+                    v-model="cfgAimeCode"
+                />
             </label>
         </div>
     </Fieldset>
 </template>
+
+<style>
+#resolution .p-inputnumber-input {
+    width: 4rem;
+}
+
+.p-inputtext {
+    font-family: monospace;
+}
+</style>
diff --git a/src/stores.ts b/src/stores.ts
index b6f5168..39b6204 100644
--- a/src/stores.ts
+++ b/src/stores.ts
@@ -25,7 +25,7 @@ export const usePkgStore = defineStore('pkg', {
         profile: (state) => state.prf,
         isEnabled: (state) => (pkg: Package | undefined) =>
             pkg !== undefined && state.prf?.mods.includes(pkgKey(pkg)),
-        cfg: (state) => (key: string) => state.prf?.cfg[key]
+        cfg: (state) => (key: string) => state.prf?.cfg[key],
     },
     actions: {
         setupListeners() {
@@ -102,9 +102,9 @@ export const usePkgStore = defineStore('pkg', {
         },
 
         async set_cfg(key: string, value: string | boolean | number) {
-            await invoke('set_cfg', { key, value: `${value}` });
+            await invoke('set_cfg', { key, value });
             await this.reloadProfile();
             await this.saveProfile();
-        }
+        },
     },
-});
\ No newline at end of file
+});
diff --git a/src/types.ts b/src/types.ts
index 2edbd0c..d36c6f4 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -23,7 +23,7 @@ export interface Profile {
     name: string;
     game: 'Ongeki' | 'Chunithm';
     mods: string[];
-    cfg: {[key: string]: string | boolean}
+    cfg: { [key: string]: string | boolean | number };
 }
 
 export type PackageC = Map<string, Package>;