From 25da6600576005bde5cbe15e7e4a8c4443a086d1 Mon Sep 17 00:00:00 2001
From: Nilsen84 <56961087+Nilsen84@users.noreply.github.com>
Date: Thu, 3 Aug 2023 00:05:41 +0200
Subject: [PATCH] new gui

---
 gui/inject/main-inject.cjs       |   8 +-
 gui/src/App.svelte               | 121 ++++++++++++-------------------
 gui/src/app.css                  |  12 ---
 gui/src/assets/circle-left.png   | Bin 0 -> 8992 bytes
 gui/src/components/Module.svelte |  64 ----------------
 gui/src/components/Switch.svelte |  23 ++----
 gui/src/config.ts                |  16 ++++
 gui/src/pages/Modules.svelte     | 107 +++++++++++++++++++++++++++
 gui/src/pages/Settings.svelte    |  40 ++++++++++
 9 files changed, 220 insertions(+), 171 deletions(-)
 create mode 100644 gui/src/assets/circle-left.png
 delete mode 100644 gui/src/components/Module.svelte
 create mode 100644 gui/src/config.ts
 create mode 100644 gui/src/pages/Modules.svelte
 create mode 100644 gui/src/pages/Settings.svelte

diff --git a/gui/inject/main-inject.cjs b/gui/inject/main-inject.cjs
index 30f063a..68a7208 100644
--- a/gui/inject/main-inject.cjs
+++ b/gui/inject/main-inject.cjs
@@ -67,8 +67,8 @@ module.exports = function() {
             parent: mainWin,
             modal: true,
             center: true,
-            width: 650,
-            height: 500,
+            width: 900,
+            height: 600,
             resizable: true,
             webPreferences: {
                 nodeIntegration: true,
@@ -88,10 +88,10 @@ module.exports = function() {
         let config = readConfigSync()
 
         event.returnValue = {
-            customJvm: config.jvmEnabled && config.customJvm && config.customJvmPath,
+            customJvm: config.customJvmEnabled && config.customJvm,
             jvmArgs: [
                 `-javaagent:${path.join(installDir, 'agent.jar')}=${configPath}`,
-                ...config.jvmEnabled ? parse(config.jvmArgs) : []
+                ...config.jvmArgsEnabled ? parse(config.jvmArgs) : []
             ],
             minecraftArgs: config.crackedEnabled && config.crackedUsername ? [
                 '--username', config.crackedUsername
diff --git a/gui/src/App.svelte b/gui/src/App.svelte
index 92100da..554d5ac 100644
--- a/gui/src/App.svelte
+++ b/gui/src/App.svelte
@@ -1,25 +1,24 @@
 <script lang="ts">
-    import Module from "./components/Module.svelte";
-    import Switch from "./components/Switch.svelte";
+    import Modules from "./pages/Modules.svelte";
+    import Settings from "./pages/Settings.svelte";
     import github from "./assets/github.svg"
     import discord from "./assets/discord.svg"
-    const dev: boolean = import.meta.env.DEV
-
-    type Config = {
-        cosmeticsEnabled: boolean,
+    import type { Config } from "./config";
 
-        crackedEnabled: boolean,
-        crackedUsername: string,
+    const dev: boolean = import.meta.env.DEV
 
-        freelookEnabled: boolean,
+    let pages = [
+        {
+            name: 'Modules',
+            component: Modules
+        },
+        {
+            name: 'Settings',
+            component: Settings
+        }
+    ]
 
-        noHitDelayEnabled: boolean,
-
-        jvmEnabled: boolean,
-        customJvm: boolean,
-        customJvmPath: string,
-        jvmArgs: string
-    }
+    let selected = pages[0]
 
     let config: Config = {
         cosmeticsEnabled: false,
@@ -31,13 +30,13 @@
 
         noHitDelayEnabled: false,
 
-        jvmEnabled: true,
-        customJvm: false,
-        customJvmPath: '',
+        customJvmEnabled: false,
+        customJvm: '',
+
+        jvmArgsEnabled: true,
         jvmArgs: '',
     }
 
-
     if(!dev) {
         const configPath: string = window.process.argv.pop()
         const fs = require('fs')
@@ -48,6 +47,10 @@
             console.error(e)
         }
 
+        if(typeof(config.customJvm) == 'boolean') {
+            config.customJvm = ''
+        }
+
         window.onchange = () => {
             fs.writeFileSync(
                 configPath,
@@ -67,62 +70,34 @@
 </script>
 
 <svelte:head>
-    <title>Lunar Client Qt {__APP_VERSION__}</title>
+    <title>Lunar Client Qt v2.0.0</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap" rel="stylesheet">
 </svelte:head>
 
-<main
-        class="flex flex-col gap-4 p-5 bg-[#f8f9fa] items-stretch fixed w-full h-full overflow-y-scroll"
-        class:max-w-[650px]={dev}
-        class:max-h-[500px]={dev}
->
-
-    <div class="flex flex-row text-2xl font-normal items-center gap-2 justify-center">
-        Lunar Client Qt {__APP_VERSION__.slice(1)}
-        <button on:click={() => openUrl('https://github.com/Nilsen84/lcqt2')}>
-            <img src="{github}" width="24" alt="github">
-        </button>
-        <button on:click={() => openUrl('https://discord.gg/mjvm8PzB2u')}>
-            <img src="{discord}" width="24" alt="discord">
-        </button>
-    </div>
-
-    <Module name="Cosmetics Unlocker" bind:enabled={config.cosmeticsEnabled}></Module>
-
-    <Module name="Cracked Account" bind:enabled={config.crackedEnabled}>
-        <div class="flex flex-row w-full justify-between items-center">
-            Username:
-            <input type="text" class="p-1 outline-none rounded-lg" spellcheck="false" placeholder="Player999" bind:value={config.crackedUsername}/>
-        </div>
-    </Module>
-
-    <Module name="Freelook Enable" bind:enabled={config.freelookEnabled}></Module>
-
-    <Module name="NoHitDelay" bind:enabled={config.noHitDelayEnabled}></Module>
-
-    <Module name="JVM" bind:enabled={config.jvmEnabled}>
-        <div class="flex flex-row items-center gap-4">
-            <Switch bind:enabled={config.customJvm}></Switch>
-            <nobr>Custom JVM</nobr>
-            <input
-                    type="text"
-                    class="p-1 outline-none w-96 flex-grow text-base rounded-lg"
-                    placeholder="C:\Path\To\Java Installation\bin\javaw.exe"
-                    spellcheck="false"
-                    disabled="{!config.customJvm}"
-                    bind:value={config.customJvmPath}
-            >
+<main class="{dev ? 'w-[900px] h-[600px]' : 'w-screen h-screen'} bg-black flex">
+    <div class="h-full w-36 bg-white flex flex-col items-stretch text-center">
+        <div class="flex p-3 gap-1 justify-center text-lg">
+            LCQT
+            <button on:click={() => openUrl('https://github.com/Nilsen84/lcqt2')}>
+                <img src="{github}" width="20" alt="github">
+            </button>
+            <button on:click={() => openUrl('https://discord.gg/mjvm8PzB2u')}>
+                <img src="{discord}" width="20" alt="discord">
+            </button>
         </div>
-
-        <div class="text-center mt-4">JVM Args</div>
-
-        <textarea
-                class="resize-none outline-none p-2 w-full break-all mt-2 rounded-lg"
-                spellcheck="false"
-                rows="5"
-                bind:value={config.jvmArgs}
-        />
-    </Module>
-</main>
+        <hr>
+        {#each pages as page}
+            <label class="cursor-pointer">
+                <input type="radio" class="peer hidden" value={page} bind:group={selected}>
+                <div class="py-3 peer-checked:bg-blue-500">
+                    {page.name}
+                </div>
+            </label>
+        {/each}
+    </div>
+    <div class="bg-gray-200 flex-grow">
+        <svelte:component this={selected.component} config={config}></svelte:component>
+    </div>
+</main>
\ No newline at end of file
diff --git a/gui/src/app.css b/gui/src/app.css
index 5112ca8..3e2623f 100644
--- a/gui/src/app.css
+++ b/gui/src/app.css
@@ -5,16 +5,4 @@
 body * {
     font-family: Inter, sans-serif;
     user-select: none;
-}
-
-input[type=text], textarea, .button {
-    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15);
-}
-
-*:disabled {
-    background-color: #f1f1f1;
-}
-
-*::-webkit-scrollbar {
-    display: none;
 }
\ No newline at end of file
diff --git a/gui/src/assets/circle-left.png b/gui/src/assets/circle-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..ebac81f734736c35fb19f78f2b069ffd2d7cb50f
GIT binary patch
literal 8992
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

literal 0
HcmV?d00001

diff --git a/gui/src/components/Module.svelte b/gui/src/components/Module.svelte
deleted file mode 100644
index 87f7b94..0000000
--- a/gui/src/components/Module.svelte
+++ /dev/null
@@ -1,64 +0,0 @@
-<script lang="ts">
-    import cogwheel from '../assets/cogwheel.svg'
-
-    export let name: string
-    export let enabled: boolean = false
-
-    let drawer: HTMLDivElement
-    let drawerContent: HTMLDivElement
-    function toggleDrawer() {
-        if(drawer.clientHeight) {
-            drawer.style.height = '0'
-        }else {
-            drawer.style.height = drawerContent.clientHeight + 'px'
-        }
-    }
-</script>
-
-<div class="flex flex-col rounded-xl overflow-hidden flex-shrink-0" id="container">
-    <div class="flex h-16 overflow-hidden relative">
-        <label class="h-full aspect-square cursor-pointer">
-            <input type="checkbox" bind:checked={enabled} class="hidden">
-            <div class="h-full w-full bg-red-400 {enabled ? 'checked' : 'unchecked'}"></div>
-        </label>
-
-        <div
-            class="w-full h-full bg-[#f8f9fa] flex items-center justify-center font-semibold text-[#343a40]"
-             class:cursor-pointer={$$slots.default}
-             on:click={toggleDrawer}
-        >
-            {name}
-            {#if $$slots.default}
-                <img src="{cogwheel}" width="30" class="absolute right-4"/>
-            {/if}
-        </div>
-    </div>
-
-
-
-    {#if $$slots.default}
-        <div
-                class="bg-[#f8f9fa] overflow-hidden transition-all ease-out duration-75"
-                bind:this={drawer}
-                style="height: 0"
-        >
-            <div class="p-3" bind:this={drawerContent}>
-                <slot></slot>
-            </div>
-        </div>
-    {/if}
-</div>
-
-<style>
-    .checked {
-        background: linear-gradient(to top left, #11998e, #38ef7d);
-    }
-
-    .unchecked {
-        background: linear-gradient(to right, #cb2d3e, #ef473a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-    }
-
-    #container {
-        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-    }
-</style>
\ No newline at end of file
diff --git a/gui/src/components/Switch.svelte b/gui/src/components/Switch.svelte
index 6db1df7..1627785 100644
--- a/gui/src/components/Switch.svelte
+++ b/gui/src/components/Switch.svelte
@@ -1,24 +1,15 @@
 <script lang="ts">
-    export let enabled: boolean = false
+    export let toggled: boolean = false
 </script>
 
-<!--<label>
-    <input type="checkbox" class="hidden" bind:checked={enabled}>
-    <div class="h-10 w-16 bg-red-400"></div>
-</label>-->
-
 <label class="">
-    <input type="checkbox" class="hidden" bind:checked={enabled}>
-    <div class="w-16 h-8 rounded-full cursor-pointer relative" id="bg"/>
+    <input type="checkbox" class="hidden" bind:checked={toggled}>
+    <div class="w-[3.75rem] h-8 rounded-full cursor-pointer relative bg-gray-400" id="bg"/>
 </label>
 
 <style>
-    #bg {
-        background: linear-gradient(to right, #cb2d3e, #ef473a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-    }
-
     input:checked + #bg {
-        background: linear-gradient(to top left, #11998e, #38ef7d);
+        @apply bg-blue-500;
     }
 
     #bg::before {
@@ -26,11 +17,7 @@
         @apply absolute bg-white w-6 h-6 rounded-full m-1 duration-100;
     }
 
-    #bg::before {
-        @apply absolute bg-white w-6 h-6 rounded-full m-1 duration-100;
-    }
-
     input:checked + #bg::before {
-        @apply translate-x-8;
+        @apply translate-x-7;
     }
 </style>
\ No newline at end of file
diff --git a/gui/src/config.ts b/gui/src/config.ts
new file mode 100644
index 0000000..c91cc24
--- /dev/null
+++ b/gui/src/config.ts
@@ -0,0 +1,16 @@
+export type Config = {
+    cosmeticsEnabled: boolean,
+
+    crackedEnabled: boolean,
+    crackedUsername: string,
+
+    freelookEnabled: boolean,
+
+    noHitDelayEnabled: boolean,
+
+    customJvmEnabled: boolean,
+    customJvm: string,
+
+    jvmArgsEnabled: boolean,
+    jvmArgs: string
+}
\ No newline at end of file
diff --git a/gui/src/pages/Modules.svelte b/gui/src/pages/Modules.svelte
new file mode 100644
index 0000000..0c738ba
--- /dev/null
+++ b/gui/src/pages/Modules.svelte
@@ -0,0 +1,107 @@
+<script lang="ts">
+    import circleLeft from "../assets/circle-left.png"
+    import {onMount} from "svelte";
+    import type {Config} from "../config";
+
+    export let config: Config
+
+    const modules = [
+        {
+            name: 'Cosmetics Unlocker',
+            key: 'cosmeticsEnabled',
+        },
+        {
+            name: 'Cracked Account',
+            key: 'crackedEnabled',
+            settings: [
+                {
+                    name: 'Username',
+                    type: 'text',
+                    placeholder: 'Player999',
+                    key: 'crackedUsername',
+                }
+            ],
+        },
+        {
+            name: 'Freelook Enable',
+            key: 'freelookEnabled',
+        },
+        {
+            name: 'NoHitDelay',
+            key: 'noHitDelayEnabled',
+        }
+    ]
+
+    let selectedModule = null
+
+    onMount(() => {
+        const controller = new AbortController()
+
+        document.addEventListener('keydown', k => {
+            if (k.key === 'Escape') selectedModule = null
+        }, { signal: controller.signal })
+
+        return () => controller.abort()
+    })
+</script>
+
+{#if selectedModule}
+    <div class="bg-white h-[53px] flex items-center text-lg">
+        <div class="flex-1">
+            <button class="p-2" on:click={() => selectedModule = null}>
+                <img class="opacity-70" src={circleLeft} width="30"/>
+            </button>
+        </div>
+        {selectedModule.name}
+        <div class="flex-1"></div>
+    </div>
+    <div class="flex flex-col p-5">
+        {#each selectedModule.settings as setting}
+            {#if setting.type === 'text'}
+                <div class="flex justify-between items-center gap-5 text-lg">
+                    {setting.name}:
+                    <input
+                            type="text"
+                            class="outline-none p-1 rounded"
+                            spellcheck="false"
+                            placeholder={setting.placeholder}
+                            bind:value={config[setting.key]}
+                    >
+                </div>
+            {/if}
+        {/each}
+    </div>
+{:else}
+    <div id="container" class="h-full overflow-y-scroll gap-5 p-5">
+        {#each modules as module}
+            <span class="bg-white rounded-xl flex flex-col justify-end overflow-hidden module relative">
+                <div class="flex-grow flex items-center justify-center font-normal tracking-wide">
+                    <span>{module.name}</span>
+                </div>
+                {#if module.settings}
+                   <button
+                           class="absolute bottom-8 h-8 w-full bg-gray-200 text-gray-950 tracking-wide text-[15px]"
+                           on:click={() => selectedModule = module}>
+                        SETTINGS
+                    </button>
+                {/if}
+                <label class="cursor-pointer">
+                    <input type="checkbox" class="hidden peer" bind:checked={config[module.key]}>
+                    <div class="bg-gray-300 peer-checked:bg-blue-500 h-8"></div>
+                </label>
+            </span>
+        {/each}
+    </div>
+
+    <style>
+        #container {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            grid-auto-rows: 200px;
+        }
+
+        .module {
+            box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
+        }
+    </style>
+{/if}
diff --git a/gui/src/pages/Settings.svelte b/gui/src/pages/Settings.svelte
new file mode 100644
index 0000000..60d77d2
--- /dev/null
+++ b/gui/src/pages/Settings.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+    import Switch from "../components/Switch.svelte";
+    import type {Config} from "../config";
+
+    export let config: Config
+</script>
+
+<div class="p-5 flex flex-col justify-start h-full">
+    <div class="flex gap-4 items-center">
+        <Switch bind:toggled={config.customJvmEnabled}></Switch>
+        Custom JVM
+        <div class="flex flex-grow gap-2">
+            <input
+                    type="text"
+                    spellcheck="false"
+                    placeholder="C:\Path\To\Java\bin\javaw.exe"
+                    bind:value={config.customJvm}
+                    class="ml-4 p-1 outline-none flex-grow rounded"
+            >
+            <label class="bg-white h-8 px-2 cursor-pointer flex items-center rounded">
+                <input type="file" class="hidden" on:change={function() {
+                    config.customJvm = this.files[0].path ?? this.files[0].name
+                }}>
+                Choose...
+            </label>
+        </div>
+    </div>
+    <div class="flex flex-col mt-auto gap-2">
+        <div class="flex gap-4 items-center">
+            <Switch bind:toggled={config.jvmArgsEnabled}></Switch>
+            JVM Args
+        </div>
+        <textarea
+                class="resize-none outline-none p-2 break-all mt-2 rounded-lg"
+                spellcheck="false"
+                bind:value={config.jvmArgs}
+                rows="8"
+        />
+    </div>
+</div>
\ No newline at end of file