UPDATE: Add self update

2025-07-26 20:59:35 +07:00
parent 95f8ed357d
commit 461dfd93ba
28 changed files with 597 additions and 173 deletions
--- a/build/appicon.png
+++ b/build/appicon.png
--- a/build/darwin/icons.icns
+++ b/build/darwin/icons.icns
--- a/build/windows/icon.ico
+++ b/build/windows/icon.ico
--- a/build/windows/icons.ico
+++ b/build/windows/icons.ico
--- a/frontend/bindings/firefly-launcher/internal/appservice.js
+++ b/frontend/bindings/firefly-launcher/internal/appservice.js
@@ -0,0 +1,24 @@
+// @ts-check
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import {Call as $Call, Create as $Create} from "@wailsio/runtime";
+
+/**
+ * @param {number} timeout
+ * @returns {Promise<[boolean, string]> & { cancel(): void }}
+ */
+export function CloseAppAfterTimeout(timeout) {
+    let $resultPromise = /** @type {any} */($Call.ByID(982751559, timeout));
+    return $resultPromise;
+}
+
+/**
+ * @returns {Promise<[boolean, string]> & { cancel(): void }}
+ */
+export function GetCurrentLauncherVersion() {
+    let $resultPromise = /** @type {any} */($Call.ByID(2542090372));
+    return $resultPromise;
+}
--- a/frontend/bindings/firefly-launcher/internal/gitservice.js
+++ b/frontend/bindings/firefly-launcher/internal/gitservice.js
@@ -25,20 +25,26 @@ export function DownloadServerProgress(version) {
 }

 /**
- * @param {string} oldVersion
 * @returns {Promise<[boolean, string, string]> & { cancel(): void }}
 */
-export function GetLatestProxyVersion(oldVersion) {
-    let $resultPromise = /** @type {any} */($Call.ByID(1462362449, oldVersion));
+export function GetLatestLauncherVersion() {
+    let $resultPromise = /** @type {any} */($Call.ByID(3191972855));
    return $resultPromise;
 }

 /**
- * @param {string} oldVersion
 * @returns {Promise<[boolean, string, string]> & { cancel(): void }}
 */
-export function GetLatestServerVersion(oldVersion) {
-    let $resultPromise = /** @type {any} */($Call.ByID(1447982978, oldVersion));
+export function GetLatestProxyVersion() {
+    let $resultPromise = /** @type {any} */($Call.ByID(1462362449));
+    return $resultPromise;
+}
+
+/**
+ * @returns {Promise<[boolean, string, string]> & { cancel(): void }}
+ */
+export function GetLatestServerVersion() {
+    let $resultPromise = /** @type {any} */($Call.ByID(1447982978));
    return $resultPromise;
 }

@@ -57,3 +63,12 @@ export function UnzipServer() {
    let $resultPromise = /** @type {any} */($Call.ByID(4110296071));
    return $resultPromise;
 }
+
+/**
+ * @param {string} version
+ * @returns {Promise<[boolean, string]> & { cancel(): void }}
+ */
+export function UpdateLauncherProgress(version) {
+    let $resultPromise = /** @type {any} */($Call.ByID(2648938152, version));
+    return $resultPromise;
+}
--- a/frontend/bindings/firefly-launcher/internal/index.js
+++ b/frontend/bindings/firefly-launcher/internal/index.js
@@ -2,11 +2,13 @@
 // Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
 // This file is automatically generated. DO NOT EDIT

+import * as AppService from "./appservice.js";
 import * as FSService from "./fsservice.js";
 import * as GitService from "./gitservice.js";
 import * as HdiffzService from "./hdiffzservice.js";
 import * as LanguageService from "./languageservice.js";
 export {
+    AppService,
    FSService,
    GitService,
    HdiffzService,
--- a/frontend/public/ff-launcher.png
+++ b/frontend/public/ff-launcher.png
--- a/frontend/src/helper/index.ts
+++ b/frontend/src/helper/index.ts
@@ -0,0 +1,4 @@
+export * from "./server"
+export * from "./proxy"
+export * from "./launcher"
+export * from "./sleep"
--- a/frontend/src/helper/launcher.ts
+++ b/frontend/src/helper/launcher.ts
@@ -0,0 +1,38 @@
+import useLauncherStore from "@/stores/launcherStore";
+import { AppService, GitService } from "@bindings/firefly-launcher/internal";
+import { toast } from "react-toastify";
+import { sleep } from "./sleep";
+
+export async function CheckUpdateLauncher() : Promise<{isUpdate: boolean, version: string}> {
+    let isUpdateLauncher = false
+    let version = ""
+    const [launcherCurrentOk, launcherCurrentVersion] = await AppService.GetCurrentLauncherVersion()
+    if (!launcherCurrentOk) {
+        toast.error("Launcher error: cannot get current version")
+    } else {
+        const [launcherNewOk, launcherNewVersion, launcherNewError] = await GitService.GetLatestLauncherVersion()
+        version = launcherCurrentVersion
+        if (launcherNewOk && launcherNewVersion && launcherNewVersion !== launcherCurrentVersion) {
+            isUpdateLauncher = true
+            version = launcherNewVersion
+        } else if (!launcherNewOk) {
+            toast.error("Launcher error: " + launcherNewError)
+        }
+    }
+    return { isUpdate: isUpdateLauncher, version: version }
+}
+
+export async function UpdateLauncher(launcherVersion: string) : Promise<void> {
+    const {setDownloadType } = useLauncherStore.getState()
+    setDownloadType("update:launcher:downloading")
+    const [ok, error] = await GitService.UpdateLauncherProgress(launcherVersion)
+    if (ok) {
+        setDownloadType("update:launcher:success")
+
+    } else {
+        toast.error(error)
+        setDownloadType("update:launcher:failed")
+    }
+    AppService.CloseAppAfterTimeout(5)
+    await sleep(5000)
+}
--- a/frontend/src/helper/proxy.ts
+++ b/frontend/src/helper/proxy.ts
@@ -0,0 +1,35 @@
+import useLauncherStore from "@/stores/launcherStore";
+import useSettingStore from "@/stores/settingStore";
+import { FSService, GitService } from "@bindings/firefly-launcher/internal";
+import { toast } from "react-toastify";
+
+export async function CheckUpdateProxy(proxyPath: string, proxyVersion: string) : Promise<{isUpdate: boolean, version: string}> {
+    let isUpdateProxy = false
+    let version = ""
+    const [proxyOk, proxyNewVersion, proxyError] = await GitService.GetLatestProxyVersion()
+    const proxyExists = await FSService.FileExists(proxyPath)
+    if (proxyOk && proxyNewVersion && proxyNewVersion !== proxyVersion || !proxyExists) {
+        isUpdateProxy = true
+        version = proxyNewVersion
+    } else if (!proxyOk) {
+        toast.error("Proxy error: " + proxyError)
+    }
+    return { isUpdate: isUpdateProxy, version: version }
+}
+
+export async function UpdateProxy(proxyVersion: string) : Promise<void> {
+    const {setDownloadType } = useLauncherStore.getState()
+    const {setProxyPath, setProxyVersion} = useSettingStore.getState()
+    setDownloadType("Downloading proxy...")
+    const [ok, error] = await GitService.DownloadProxyProgress(proxyVersion)
+    if (ok) {
+        setDownloadType("Unzipping proxy...")
+        GitService.UnzipProxy()
+        setDownloadType("Download proxy successfully")
+        setProxyVersion(proxyVersion)
+        setProxyPath("./proxy/FireflyProxy.exe")
+    } else {
+        toast.error(error)
+        setDownloadType("Download proxy failed")
+    }
+}
--- a/frontend/src/helper/server.ts
+++ b/frontend/src/helper/server.ts
@@ -0,0 +1,35 @@
+import useLauncherStore from '@/stores/launcherStore';
+import useSettingStore from '@/stores/settingStore';
+import { FSService, GitService } from '@bindings/firefly-launcher/internal';
+import { toast } from 'react-toastify';
+
+export async function CheckUpdateServer(serverPath: string, serverVersion: string) : Promise<{isUpdate: boolean, version: string}> {
+    let isUpdateServer = false
+    let version = ""
+    const [serverOk, serverNewVersion, serverError] = await GitService.GetLatestServerVersion()
+    const serverExists = await FSService.FileExists(serverPath)
+    if (serverOk && serverNewVersion && serverNewVersion !== serverVersion || !serverExists) {
+        isUpdateServer = true
+        version = serverNewVersion
+    } else if (!serverOk) {
+        toast.error("Server error: " + serverError)
+    }
+    return { isUpdate: isUpdateServer, version: version }
+}
+
+export async function UpdateServer(serverVersion: string) : Promise<void> {
+    const {setDownloadType } = useLauncherStore.getState()
+    const {setServerPath, setServerVersion} = useSettingStore.getState()
+    setDownloadType("Downloading server...")
+    const [ok, error] = await GitService.DownloadServerProgress(serverVersion)
+    if (ok) {
+        setDownloadType("Unzipping server...")
+        GitService.UnzipServer()
+        setDownloadType("Download server successfully")
+        setServerVersion(serverVersion)
+        setServerPath("./server/firefly-go_win.exe")
+    } else {
+        toast.error(error)
+        setDownloadType("Download server failed")
+    }
+}
--- a/frontend/src/helper/sleep.ts
+++ b/frontend/src/helper/sleep.ts
@@ -0,0 +1,3 @@
+export function sleep(ms: number) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
--- a/frontend/src/hooks/useGlobalEvents.tsx
+++ b/frontend/src/hooks/useGlobalEvents.tsx
@@ -65,6 +65,7 @@ export function useGlobalEvents({
            Events.Off("proxy:exit");
            Events.Off("hdiffz:progress");
            Events.Off("hdiffz:message");
+            Events.Off("version:check");
        };
    }, []);
 }
--- a/frontend/src/pages/about/index.tsx
+++ b/frontend/src/pages/about/index.tsx
@@ -14,7 +14,7 @@ export default function AboutPage() {
              I created a lightweight and modern <span className="font-semibold text-success">Game Launcher</span> to help users easily launch and manage their games with better performance and simplicity.
            </p>
            <p className="text-lg leading-relaxed">
-              The launcher is built using <span className="font-mono text-info">Go + Wails</span>, with a clean and responsive interface styled with <span className="text-warning">Tailwind CSS</span> and <span className="text-warning">DaisyUI</span>.
+              The launcher is built using <span className="font-mono text-info">Go + Wails3</span>, with a clean and responsive interface styled with <span className="text-warning">Tailwind CSS</span> and <span className="text-warning">DaisyUI</span>.
            </p>
            <p className="text-lg leading-relaxed">
              My goal is to make tools that are fast, efficient, and enjoyable to use — and this launcher is just the beginning.
--- a/frontend/src/pages/analysis/index.tsx
+++ b/frontend/src/pages/analysis/index.tsx
@@ -78,12 +78,12 @@ export default function AnalysisPage() {
                                    <span className="font-semibold text-blue-800">Backup Website</span>
                                </div>
                                <a
-                                    href="https://sr-analysis.vercel.app/"
+                                    href="https://firefly-sranalysis.vercel.app/"
                                    className="link link-warning font-mono text-sm break-all"
                                    target="_blank"
                                    rel="noopener noreferrer"
                                >
-                                    https://sr-analysis.vercel.app/
+                                    https://firefly-sranalysis.vercel.app/
                                </a>
                            </div>
                        </div>
--- a/frontend/src/pages/launcher/index.tsx
+++ b/frontend/src/pages/launcher/index.tsx
@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { Play, Menu, FolderOpen, MessageCircleQuestionMark } from 'lucide-react';
-import { FSService, GitService } from '@bindings/firefly-launcher/internal';
+import { FSService, AppService } from '@bindings/firefly-launcher/internal';
 import { toast } from 'react-toastify';
 import path from 'path-browserify'
 import useSettingStore from '@/stores/settingStore';
@@ -8,6 +8,7 @@ import useModalStore from '@/stores/modalStore';
 import useLauncherStore from '@/stores/launcherStore';
 import { motion } from 'motion/react';
 import { Link } from '@tanstack/react-router';
+import { CheckUpdateLauncher, CheckUpdateProxy, CheckUpdateServer, sleep, UpdateLauncher, UpdateProxy, UpdateServer } from '@/helper';

 export default function LauncherPage() {
    const { gamePath,
@@ -18,15 +19,17 @@ export default function LauncherPage() {
        gameDir,
        serverVersion,
        proxyVersion,
-        setServerVersion,
-        setProxyVersion,
-        setServerPath,
-        setProxyPath
    } = useSettingStore()
-    const { isOpenNotification, setIsOpenNotification } = useModalStore()
+    const {
+        isOpenDownloadDataModal,
+        isOpenUpdateDataModal,
+        isOpenSelfUpdateModal,
+        setIsOpenDownloadDataModal,
+        setIsOpenUpdateDataModal,
+        setIsOpenSelfUpdateModal
+    } = useModalStore()
    const {
        isLoading,
-        modelName,
        downloadType,
        serverReady,
        proxyReady,
@@ -36,8 +39,10 @@ export default function LauncherPage() {
        gameRunning,
        progressDownload,
        downloadSpeed,
+        updateData,
+        launcherVersion,
+        setLauncherVersion,
        setIsLoading,
-        setModelName,
        setDownloadType,
        setServerReady,
        setProxyReady,
@@ -45,9 +50,9 @@ export default function LauncherPage() {
        setServerRunning,
        setProxyRunning,
        setGameRunning,
+        setUpdateData,
    } = useLauncherStore()

-
    useEffect(() => {
        const check = async () => {
            if (!serverPath || !proxyPath || !serverVersion || !proxyVersion) {
@@ -67,30 +72,49 @@ export default function LauncherPage() {

    useEffect(() => {
        const checkStartUp = async (): Promise<void> => {
+            const [_, version] = await AppService.GetCurrentLauncherVersion()
+            setLauncherVersion(version)
            let isExists = false
            if (serverPath && proxyPath && serverVersion && proxyVersion) {
                isExists = true
                setServerReady(true)
                setProxyReady(true)
            }
-            const dataUpdate = await handlerCheckUpdate()
+            const launcherData = await CheckUpdateLauncher()
+            if (launcherData.isUpdate) {
+                setUpdateData({
+                    server: { isUpdate: false, version: "" },
+                    proxy: { isUpdate: false, version: "" },
+                    launcher: launcherData
+                })
+                setIsOpenSelfUpdateModal(true)
+                return
+            }
+            const serverData = await CheckUpdateServer(serverPath, serverVersion)
+            const proxyData = await CheckUpdateProxy(proxyPath, proxyVersion)
            const exitGame = await FSService.FileExists(gamePath)
            if (!exitGame) {
                setGameRunning(false)
                setGamePath("")
                setGameDir("")
            }
-            if (!dataUpdate.server.isUpdate && !dataUpdate.proxy.isUpdate) {
+            if (!serverData.isUpdate && !proxyData.isUpdate) {
                setServerReady(true)
                setProxyReady(true)
                return
            }
            if (!isExists) {
+                setUpdateData({
+                    server: serverData,
+                    proxy: proxyData,
+                    launcher: launcherData
+                })
                setServerReady(false)
                setProxyReady(false)
+                setIsOpenDownloadDataModal(true)
+                return
            }
-            setModelName(!isExists ? "Download Data" : "Update Data")
-            setIsOpenNotification(true)
+            setIsOpenUpdateDataModal(true)
        }
        checkStartUp()
    }, []);
@@ -121,9 +145,7 @@ export default function LauncherPage() {
        }
    }

-    function sleep(ms: number) {
-        return new Promise(resolve => setTimeout(resolve, ms));
-    }
+

    const handleStartGame = async () => {
        if (!gamePath) {
@@ -174,84 +196,43 @@ export default function LauncherPage() {
        }
    }

-    const handlerCheckUpdate = async (): Promise<Record<string, { isUpdate: boolean, version: string }>> => {
-        let isUpdateServer = false
-        let isUpdateProxy = false
-        const [serverOk, serverNewVersion, serverError] = await GitService.GetLatestServerVersion(serverVersion)
-        const serverExists = await FSService.FileExists(serverPath)
-        if (serverOk) {
-            if (serverNewVersion !== serverVersion || !serverExists) {
-                isUpdateServer = true
-            }
-        } else {
-            toast.error("Server error: " + serverError)
-        }
-        const [proxyOk, proxyNewVersion, proxyError] = await GitService.GetLatestProxyVersion(proxyVersion)
-        const proxyExists = await FSService.FileExists(proxyPath)
-        if (proxyOk) {
-            if (proxyNewVersion !== proxyVersion || !proxyExists) {
-                isUpdateProxy = true
-            }
-        } else {
-            toast.error("Proxy error: " + proxyError)
-        }
-        return { server: { isUpdate: isUpdateServer, version: serverNewVersion }, proxy: { isUpdate: isUpdateProxy, version: proxyNewVersion } }
-    }
-
-    const handlerUpdateServer = async (updateInfo: Record<string, { isUpdate: boolean, version: string }>) => {
+    const handlerUpdateServer = async () => {
        setIsDownloading(true)
-        for (const [key, value] of Object.entries(updateInfo)) {
-            if (value.isUpdate) {
+        for (const [key, value] of Object.entries(updateData)) {
+            if (!value.isUpdate) {
                if (key === "server") {
-                    setDownloadType("Downloading server...")
-                    const [ok, error] = await GitService.DownloadServerProgress(value.version)
-                    if (ok) {
-                        setDownloadType("Unzipping server...")
-                        GitService.UnzipServer()
-                        setDownloadType("Download server successfully")
-                        setServerVersion(value.version)
-
-                        setServerPath("./server/firefly-go_win.exe")
-                    } else {
-                        toast.error(error)
-                        setDownloadType("Download server failed")
-                    }
+                    setServerReady(true)
                } else if (key === "proxy") {
-                    setDownloadType("Downloading proxy...")
-                    const [ok, error] = await GitService.DownloadProxyProgress(value.version)
-                    if (ok) {
-                        setDownloadType("Unzipping proxy...")
-                        GitService.UnzipProxy()
-                        setDownloadType("Download proxy successfully")
-                        setProxyVersion(value.version)
-                        setProxyPath("./proxy/FireflyProxy.exe")
-
-                    } else {
-                        toast.error(error)
-                        setDownloadType("Download proxy failed")
-                    }
+                    setProxyReady(true)
                }
-
+                continue
+            }
+            if (key === "server") {
+                await UpdateServer(value.version)
+                setServerReady(true)
+            } else if (key === "proxy") {
+                await UpdateProxy(value.version)
+                setProxyReady(true)
+            } else if (key === "launcher") {
+                await UpdateLauncher(value.version)
            }
        }
        setDownloadType("")
        setIsDownloading(false)
-        setServerReady(true)
-        setProxyReady(true)
    }

    // Handle ESC key to close modal
    useEffect(() => {
        const handleEscKey = (event: KeyboardEvent) => {
            if (event.key === 'Escape') {
-                setIsOpenNotification(false);
+                setIsOpenDownloadDataModal(false);
+                setIsOpenUpdateDataModal(false);
+                setIsOpenSelfUpdateModal(false);
            }
-
        };
-
        window.addEventListener('keydown', handleEscKey);
        return () => window.removeEventListener('keydown', handleEscKey);
-    }, [isOpenNotification]);
+    }, [isOpenDownloadDataModal, isOpenUpdateDataModal, isOpenSelfUpdateModal]);


    return (
@@ -280,11 +261,10 @@ export default function LauncherPage() {
                        href="https://sranalysis.kain.id.vn/"
                    >
                        <img
-                            src="https://icons.duckduckgo.com/ip3/sranalysis.kain.id.vn.ico"
+                            src="https://sranalysis.kain.id.vn/ff-sranalysis.png"
                            alt="SRAnalysis Logo"
                            className="w-8 h-8 rounded-full"
                        />
-
                    </a>
                </div>

@@ -295,7 +275,7 @@ export default function LauncherPage() {
                        href="https://srtools.kain.id.vn/"
                    >
                        <img
-                            src="https://icons.duckduckgo.com/ip3/srtools.kain.id.vn.ico"
+                            src="https://srtools.kain.id.vn/ff-srtool.png"
                            alt="SRTools Logo"
                            className="w-8 h-8 rounded-full"
                        />
@@ -369,10 +349,16 @@ export default function LauncherPage() {
                                <li><button onClick={handlePickFile}>Change Game Path</button></li>
                                <li><button
                                    onClick={async () => {
-                                        const updateInfo = await handlerCheckUpdate()
-                                        if (updateInfo.server.isUpdate || updateInfo.proxy.isUpdate) {
-                                            setModelName("Update Data")
-                                            setIsOpenNotification(true)
+                                        const serverData = await CheckUpdateServer(serverPath, serverVersion)
+                                        const proxyData = await CheckUpdateProxy(proxyPath, proxyVersion)
+                                        const launcherData = await CheckUpdateLauncher()
+                                        if (serverData.isUpdate || proxyData.isUpdate || launcherData.isUpdate) {
+                                            setUpdateData({
+                                                server: serverData,
+                                                proxy: proxyData,
+                                                launcher: launcherData
+                                            })
+                                            setIsOpenUpdateDataModal(true)
                                        } else {
                                            toast.success("No updates available")
                                        }
@@ -402,7 +388,7 @@ export default function LauncherPage() {
            )}

            {/* Downloading */}
-            {isDownloading && (
+            {isDownloading && (updateData.proxy.isUpdate || updateData.server.isUpdate) && (
                <div className="fixed bottom-4 left-1/2  transform -translate-x-1/2 z-10 w-[60vw] bg-black/20 backdrop-blur-sm rounded-lg p-4 shadow-lg">
                    <div className="space-y-3">
                        <div className="flex justify-center items-center text-sm text-white/80">
@@ -426,64 +412,185 @@ export default function LauncherPage() {
                    </div>
                </div>
            )}
+            {isDownloading && updateData.launcher.isUpdate && (
+                <div className="fixed bottom-4 left-1/2 transform -translate-x-1/2 z-10 w-[60vw] bg-black/20 backdrop-blur-sm rounded-lg p-4 shadow-lg">
+                    <div className="space-y-3 text-sm text-white/80 text-center">
+                        {["update:launcher:downloading", "update:launcher:success", "update:launcher:failed"].includes(downloadType) && (
+                            <div className="flex justify-center items-center gap-4 ml-4">
+                                <span
+                                    className={`font-bold ${downloadType === "update:launcher:downloading"
+                                            ? "text-yellow-200 text-2xl"
+                                            : downloadType === "update:launcher:success"
+                                                ? "text-emerald-200 text-xl"
+                                                : "text-red-200 text-xl"
+                                        }`}
+                                >
+                                    {downloadType === "update:launcher:downloading" && "Updating launcher"}
+                                    {downloadType === "update:launcher:success" && "Launcher updated successfully, auto closing after 5s"}
+                                    {downloadType === "update:launcher:failed" && "Launcher update failed, auto closing after 5s"}
+                                    <span className="dot-animation ml-1"></span>
+                                </span>
+                            </div>
+                        )}
+
+                        <div className="text-xs text-white/60">
+                            {progressDownload < 100 ? "Please wait..." : "Complete!"}
+                        </div>
+                    </div>
+
+                    <style>{`
+                        .dot-animation::after {
+                            content: '';
+                            animation: dots 1.2s steps(4, end) infinite;
+                        }
+                        @keyframes dots {
+                            0% { content: ''; }
+                            25% { content: '.'; }
+                            50% { content: '..'; }
+                            75% { content: '...'; }
+                            100% { content: ''; }
+                        }
+                        `}
+                    </style>
+                </div>
+            )}

            {/* Version Info */}
            {serverReady && proxyReady && !isDownloading && (
                <div className="hidden md:block fixed bottom-4 left-4 z-10 text-sm font-bold bg-black/20 backdrop-blur-sm rounded-lg p-2 shadow">
                    <p className="text-primary">Version server: {serverVersion}</p>
                    <p className="mt-2 text-secondary">Version proxy: {proxyVersion}</p>
+                    <p className="mt-2 text-success">Version launcher: {launcherVersion}</p>
                </div>
            )}

            {/* Modal */}
-            {isOpenNotification && (
+            {isOpenUpdateDataModal && (
                <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm">
                    <div className="relative w-[90%] max-w-5xl bg-base-100 text-base-content rounded-xl border border-purple-500/50 shadow-lg shadow-purple-500/20">
-                        {modelName !== "Download Data" && (
-                            <motion.button
-                                whileHover={{ scale: 1.1, rotate: 90 }}
-                                transition={{ duration: 0.2 }}
-                                className="btn btn-circle btn-md btn-error absolute right-3 top-3"
-                                onClick={() => setIsOpenNotification(false)}
-                            >
-                                ✕
-                            </motion.button>
-                        )}
+                        <motion.button
+                            whileHover={{ scale: 1.1, rotate: 90 }}
+                            transition={{ duration: 0.2 }}
+                            className="btn btn-circle btn-md btn-error absolute right-3 top-3"
+                            onClick={() => setIsOpenUpdateDataModal(false)}
+                        >
+                            ✕
+                        </motion.button>

                        <div className="border-b border-purple-500/30 px-6 py-4 mb-4">
                            <h3 className="font-bold text-2xl text-transparent bg-clip-text bg-gradient-to-r from-pink-400 to-cyan-400">
-                                {modelName}
+                                Update Data
                            </h3>
                        </div>

                        <div className="px-6 pb-6">
                            <div className="mb-6">
                                <p className="text-warning text-lg">
-                                    {modelName === "Download Data"
-                                        ? "Download required data!"
-                                        : "Do you want to update data?"}
+                                    Do you want to update data server and proxy?
                                </p>
                            </div>

                            <div className="flex justify-end gap-3">
-                                {modelName !== "Download Data" && (
-                                    <motion.button
-                                        whileHover={{ scale: 1.05 }}
-                                        whileTap={{ scale: 0.95 }}
-                                        className="btn btn-outline btn-error"
-                                        onClick={() => setIsOpenNotification(false)}
-                                    >
-                                        Cancel
-                                    </motion.button>
-                                )}
+                                <motion.button
+                                    whileHover={{ scale: 1.05 }}
+                                    whileTap={{ scale: 0.95 }}
+                                    className="btn btn-outline btn-error"
+                                    onClick={() => setIsOpenUpdateDataModal(false)}
+                                >
+                                    No
+                                </motion.button>
                                <motion.button
                                    whileHover={{ scale: 1.05 }}
                                    whileTap={{ scale: 0.95 }}
                                    className="btn btn-primary bg-gradient-to-r from-orange-200 to-red-400 border-none"
                                    onClick={async () => {
-                                        setIsOpenNotification(false)
-                                        const dataCheck = await handlerCheckUpdate()
-                                        await handlerUpdateServer(dataCheck)
+                                        setIsOpenUpdateDataModal(false)
+                                        await handlerUpdateServer()
+                                    }}
+                                >
+                                    Yes
+                                </motion.button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            )}
+
+            {isOpenDownloadDataModal && (
+                <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm">
+                    <div className="relative w-[90%] max-w-5xl bg-base-100 text-base-content rounded-xl border border-purple-500/50 shadow-lg shadow-purple-500/20">
+                        <div className="border-b border-purple-500/30 px-6 py-4 mb-4">
+                            <h3 className="font-bold text-2xl text-transparent bg-clip-text bg-gradient-to-r from-pink-400 to-cyan-400">
+                                Download Data
+                            </h3>
+                        </div>
+
+                        <div className="px-6 pb-6">
+                            <div className="mb-6">
+                                <p className="text-warning text-lg">
+                                    Data server and proxy download required
+                                </p>
+                            </div>
+
+                            <div className="flex justify-end gap-3">
+                                <motion.button
+                                    whileHover={{ scale: 1.05 }}
+                                    whileTap={{ scale: 0.95 }}
+                                    className="btn btn-primary bg-gradient-to-r from-orange-200 to-red-400 border-none"
+                                    onClick={async () => {
+                                        setIsOpenDownloadDataModal(false)
+                                        await handlerUpdateServer()
+                                    }}
+                                >
+                                    Download
+                                </motion.button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            )}
+
+            {isOpenSelfUpdateModal && (
+                <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm">
+                    <div className="relative w-[90%] max-w-5xl bg-base-100 text-base-content rounded-xl border border-purple-500/50 shadow-lg shadow-purple-500/20">
+                        <motion.button
+                            whileHover={{ scale: 1.1, rotate: 90 }}
+                            transition={{ duration: 0.2 }}
+                            className="btn btn-circle btn-md btn-error absolute right-3 top-3"
+                            onClick={() => setIsOpenSelfUpdateModal(false)}
+                        >
+                            ✕
+                        </motion.button>
+
+                        <div className="border-b border-purple-500/30 px-6 py-4 mb-4">
+                            <h3 className="font-bold text-2xl text-transparent bg-clip-text bg-gradient-to-r from-pink-400 to-cyan-400">
+                                Update Launcher
+                            </h3>
+                        </div>
+
+                        <div className="px-6 pb-6">
+                            <div className="mb-6">
+                                <p className="text-warning text-lg">
+                                    Do you want to update launcher?
+                                </p>
+                            </div>
+
+                            <div className="flex justify-end gap-3">
+                                <motion.button
+                                    whileHover={{ scale: 1.05 }}
+                                    whileTap={{ scale: 0.95 }}
+                                    className="btn btn-outline btn-error"
+                                    onClick={() => setIsOpenSelfUpdateModal(false)}
+                                >
+                                    No
+                                </motion.button>
+                                <motion.button
+                                    whileHover={{ scale: 1.05 }}
+                                    whileTap={{ scale: 0.95 }}
+                                    className="btn btn-primary bg-gradient-to-r from-orange-200 to-red-400 border-none"
+                                    onClick={async () => {
+                                        setIsOpenSelfUpdateModal(false)
+                                        await handlerUpdateServer()
                                    }}
                                >
                                    Yes
--- a/frontend/src/pages/srtools/index.tsx
+++ b/frontend/src/pages/srtools/index.tsx
@@ -15,17 +15,44 @@ export default function SrToolsPage() {
                  <div className="space-y-3 text-blue-700">
                      <div className="flex items-start gap-3">
                          <div className="text-blue-600 text-lg">🏠</div>
-                          <p>This site uses a self-hosted version of <span className="font-semibold text-success">SR Tools</span> available at{" "}
-                              <a
-                                  href="https://srtools.kain.id.vn/"
-                                  className="link link-info"
-                                  target="_blank"
-                                  rel="noopener noreferrer"
-                              >
-                                  srtools.kain.id.vn
-                              </a>
+                          <p>
+                            This site is a another version of {" "}
+                            <span className="font-semibold text-success">SR Tools {" "}</span>
+                            developed by {" "}
+                            <span className="font-semibold text-warning">Me {"(Kain)"}</span>
                          </p>
                      </div>
+                      <div className="grid md:grid-cols-2 gap-4">
+                            <div className="bg-white border border-blue-200 rounded-lg p-4">
+                                <div className="flex items-center gap-2 mb-2">
+                                    <span className="text-blue-600 text-lg">🏆</span>
+                                    <span className="font-semibold text-blue-800">Master Website</span>
+                                </div>
+                                <a
+                                    href="https://srtools.kain.id.vn/"
+                                    className="link link-warning font-mono text-sm break-all"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                >
+                                    https://srtools.kain.id.vn/
+                                </a>
+                            </div>
+                            
+                            <div className="bg-white border border-blue-200 rounded-lg p-4">
+                                <div className="flex items-center gap-2 mb-2">
+                                    <span className="text-blue-600 text-lg">🔄</span>
+                                    <span className="font-semibold text-blue-800">Backup Website</span>
+                                </div>
+                                <a
+                                    href="https://firefly-srtools.vercel.app/"
+                                    className="link link-warning font-mono text-sm break-all"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                >
+                                    https://firefly-srtools.vercel.app/
+                                </a>
+                            </div>
+                        </div>
                      <div className="flex items-start gap-3">
                          <div className="text-blue-600 text-lg">👨‍💻</div>
                          <p>The original tool was created by a third-party developer named <span className="font-semibold text-warning">Amazing</span>. This version is directly based on that work, without modification to core logic.</p>
--- a/frontend/src/routes/__root.tsx
+++ b/frontend/src/routes/__root.tsx
@@ -22,7 +22,7 @@ function RootLayout() {
        setDownloadSpeed,
        setMessageUpdate,
    });
-    
+
    return (
        <>
            <div className="navbar bg-base-100 shadow-sm sticky top-0 z-50 px-3">
@@ -55,13 +55,18 @@ function RootLayout() {
                        </ul>
                    </div>
                    <Link to="/" className="grid grid-cols-1 items-start text-left gap-0 hover:scale-105 px-2">
-                        <h1 className="text-lg font-bold">
-                            <span className="text-emerald-500">Firefly Lauc</span>
-                            <span className="bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-orange-500 to-red-500">
-                                her
-                            </span>
-                        </h1>
-                        <p className="text-sm text-gray-500">By Kain</p>
+                        <div className="flex items-center justify-center">
+                            <img src="/ff-launcher.png" alt="Logo" className='w-13 h-13' />
+                            <div className="flex flex-col justify-center items-start">
+                                <h1 className="text-xl font-bold">
+                                    <span className="text-emerald-500">Firefly </span>
+                                    <span className="bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-orange-500 to-red-500">
+                                        Launcher
+                                    </span>
+                                </h1>
+                                <p className="text-sm text-gray-500">By Kain</p>
+                            </div>
+                        </div>
                    </Link>
                </div>
                <div className="navbar-center hidden md:flex">
--- a/frontend/src/stores/launcherStore.ts
+++ b/frontend/src/stores/launcherStore.ts
@@ -2,7 +2,6 @@
 import { create } from 'zustand'

 interface LauncherState {
-    modelName: string;
    downloadType: string;
    serverReady: boolean;
    proxyReady: boolean;
@@ -13,7 +12,8 @@ interface LauncherState {
    gameRunning: boolean;
    progressDownload: number;
    downloadSpeed: number;
-    setModelName: (value: string) => void;
+    launcherVersion: string;
+    updateData: Record<'server' | 'proxy' | 'launcher', { isUpdate: boolean, version: string }>;
    setDownloadType: (value: string) => void;
    setServerReady: (value: boolean) => void;
    setProxyReady: (value: boolean) => void;
@@ -23,12 +23,13 @@ interface LauncherState {
    setIsLoading: (value: boolean) => void;
    setGameRunning: (value: boolean) => void;
    setProgressDownload: (value: number) => void;
+    setLauncherVersion: (value: string) => void;
    setDownloadSpeed: (value: number) => void;
+    setUpdateData: (value: Record<'server' | 'proxy' | 'launcher', { isUpdate: boolean, version: string }>) => void;
 }

 const useLauncherStore = create<LauncherState>((set, get) => ({
    isLoading: false,
-    modelName: "Download Data",
    downloadType: "",
    serverReady: false,
    proxyReady: false,
@@ -38,8 +39,13 @@ const useLauncherStore = create<LauncherState>((set, get) => ({
    gameRunning: false,
    progressDownload: 0,
    downloadSpeed: 0,
+    launcherVersion: "",
+    updateData: {
+        server: { isUpdate: false, version: "" },
+        proxy: { isUpdate: false, version: "" },
+        launcher: { isUpdate: false, version: "" },
+    },
    setIsLoading: (value: boolean) => set({ isLoading: value }),
-    setModelName: (value: string) => set({ modelName: value }),
    setDownloadType: (value: string) => set({ downloadType: value }),
    setServerReady: (value: boolean) => set({ serverReady: value }),
    setProxyReady: (value: boolean) => set({ proxyReady: value }),
@@ -48,7 +54,9 @@ const useLauncherStore = create<LauncherState>((set, get) => ({
    setProxyRunning: (value: boolean) => set({ proxyRunning: value }),
    setGameRunning: (value: boolean) => set({ gameRunning: value }),
    setProgressDownload: (value: number) => set({ progressDownload: value }),
+    setLauncherVersion: (value: string) => set({ launcherVersion: value }),
    setDownloadSpeed: (value: number) => set({ downloadSpeed: value }),
+    setUpdateData: (value: Record<'server' | 'proxy' | 'launcher', { isUpdate: boolean, version: string }>) => set({ updateData: value }),
 }));

 export default useLauncherStore;
--- a/frontend/src/stores/modalStore.ts
+++ b/frontend/src/stores/modalStore.ts
@@ -2,13 +2,21 @@
 import { create } from 'zustand'

 interface ModalState {
-    isOpenNotification: boolean;
-    setIsOpenNotification: (modal: boolean) => void;
+    isOpenDownloadDataModal: boolean;
+    isOpenUpdateDataModal: boolean;
+    isOpenSelfUpdateModal: boolean;
+    setIsOpenDownloadDataModal: (modal: boolean) => void;
+    setIsOpenUpdateDataModal: (modal: boolean) => void;
+    setIsOpenSelfUpdateModal: (modal: boolean) => void;
 }

 const useModalStore = create<ModalState>((set, get) => ({
-    isOpenNotification: false,
-    setIsOpenNotification: (modal: boolean) => set({ isOpenNotification: modal }),
+    isOpenDownloadDataModal: false,
+    isOpenUpdateDataModal: false,
+    isOpenSelfUpdateModal: false,
+    setIsOpenDownloadDataModal: (modal: boolean) => set({ isOpenDownloadDataModal: modal }),
+    setIsOpenUpdateDataModal: (modal: boolean) => set({ isOpenUpdateDataModal: modal }),
+    setIsOpenSelfUpdateModal: (modal: boolean) => set({ isOpenSelfUpdateModal: modal }),
 }));

 export default useModalStore;
--- a/go.mod
+++ b/go.mod
@@ -9,6 +9,8 @@ require (
 	golang.org/x/sys v0.28.0
 )

+require aead.dev/minisign v0.2.0 // indirect
+
 require (
 	dario.cat/mergo v1.0.1 // indirect
 	github.com/Microsoft/go-winio v0.6.1 // indirect
@@ -34,6 +36,7 @@ require (
 	github.com/lmittmann/tint v1.0.4 // indirect
 	github.com/mattn/go-colorable v0.1.13 // indirect
 	github.com/mattn/go-isatty v0.0.20 // indirect
+	github.com/minio/selfupdate v0.6.0
 	github.com/pjbgf/sha1cd v0.3.0 // indirect
 	github.com/pkg/browser v0.0.0-20210911075715-681adbf594b8 // indirect
 	github.com/rivo/uniseg v0.4.7 // indirect
--- a/go.sum
+++ b/go.sum
@@ -1,3 +1,5 @@
+aead.dev/minisign v0.2.0 h1:kAWrq/hBRu4AARY6AlciO83xhNnW9UaC8YipS2uhLPk=
+aead.dev/minisign v0.2.0/go.mod h1:zdq6LdSd9TbuSxchxwhpA9zEb9YXcVGoE8JakuiGaIQ=
 dario.cat/mergo v1.0.1 h1:Ra4+bf83h2ztPIQYNP99R6m+Y7KfnARDfID+a+vLl4s=
 dario.cat/mergo v1.0.1/go.mod h1:uNxQE+84aUszobStD9th8a29P2fMDhsBdgRYvZOxGmk=
 github.com/Microsoft/go-winio v0.5.2/go.mod h1:WpS1mjBmmwHBEWmogvA2mj8546UReBk4v8QkMxJ6pZY=
@@ -74,6 +76,8 @@ github.com/mattn/go-colorable v0.1.13/go.mod h1:7S9/ev0klgBDR4GtXTXX8a3vIGJpMovk
 github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
 github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
 github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
+github.com/minio/selfupdate v0.6.0 h1:i76PgT0K5xO9+hjzKcacQtO7+MjJ4JKA8Ak8XQ9DDwU=
+github.com/minio/selfupdate v0.6.0/go.mod h1:bO02GTIPCMQFTEvE5h4DjYB58bCoZ35XLeBf0buTDdM=
 github.com/onsi/gomega v1.34.1 h1:EUMJIKUjM8sKjYbtxQI9A4z2o+rruxnzNvpknOXie6k=
 github.com/onsi/gomega v1.34.1/go.mod h1:kU1QgUvBDLXBJq618Xvm2LUX6rSAfRaFRTcdOeDLwwY=
 github.com/pjbgf/sha1cd v0.3.0 h1:4D5XXmUUBUl/xQ6IjCkEAbqXskkq/4O7LmGn0AqMDs4=
@@ -111,7 +115,9 @@ github.com/xanzy/ssh-agent v0.3.3 h1:+/15pJfg/RsTxqYcX6fHqOXZwwMP+2VyYWJeWM2qQFM
 github.com/xanzy/ssh-agent v0.3.3/go.mod h1:6dzNDKs0J9rVPHPhaGCukekBHKqfl+L3KghI1Bc68Uw=
 github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
 golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
+golang.org/x/crypto v0.0.0-20210220033148-5ea612d1eb83/go.mod h1:jdWPYTVW3xRLrWPugEBEK3UY2ZEsg3UU495nc5E+M+I=
 golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
+golang.org/x/crypto v0.0.0-20211209193657-4570a0811e8b/go.mod h1:IxCIyHEi3zRg3s0A5j5BB6A9Jmi73HwBIUl50j+osU4=
 golang.org/x/crypto v0.0.0-20220622213112-05595931fe9d/go.mod h1:IxCIyHEi3zRg3s0A5j5BB6A9Jmi73HwBIUl50j+osU4=
 golang.org/x/crypto v0.3.1-0.20221117191849-2c476679df9a/go.mod h1:hebNnKkNXi2UzZN1eVRvBB7co0a+JxK6XbPiWVs/3J4=
 golang.org/x/crypto v0.7.0/go.mod h1:pYwdfH91IfpZVANVyUOhSIPZaFoJGxTFbZhFTx+dXZU=
@@ -123,6 +129,7 @@ golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91
 golang.org/x/mod v0.8.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
 golang.org/x/mod v0.19.0 h1:fEdghXQSo20giMthA7cd28ZC+jts4amQ3YMXiP5oMQ8=
 golang.org/x/mod v0.19.0/go.mod h1:hTbmBsO62+eylJbnUtE2MGJUyE7QWk4xUqPFrRgJ+7c=
+golang.org/x/net v0.0.0-20190404232315-eb5bcb51f2a3/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=
 golang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
 golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
 golang.org/x/net v0.0.0-20210505024714-0287a6fb4125/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=
@@ -143,6 +150,7 @@ golang.org/x/sys v0.0.0-20191026070338-33540a1f6037/go.mod h1:h1NjWce9XRLGQEsW7w
 golang.org/x/sys v0.0.0-20200810151505-1b9f1253b3ed/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20210124154548-22da62e12c0c/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210228012217-479acdf4ea46/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20210423082822-04245dca01da/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.0.0-20210616045830-e2b7044e8c71/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
@@ -157,6 +165,7 @@ golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.28.0 h1:Fksou7UEQUWlKvIdsqzJmUmCX3cZuD2+P3XyyzwMhlA=
 golang.org/x/sys v0.28.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/term v0.0.0-20201117132131-f5c789dd3221/go.mod h1:Nr5EML6q2oocZ2LXRh80K7BxOlk5/8JxuGnuhpl+muw=
 golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
 golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
 golang.org/x/term v0.2.0/go.mod h1:TVmDHMZPmdnySmBfhjOoOdhjzdE1h4u1VwSiw2l1Nuc=
--- a/internal/app-serrvice.go
+++ b/internal/app-serrvice.go
@@ -0,0 +1,22 @@
+package internal
+
+import (
+	"firefly-launcher/pkg/constant"
+	"time"
+
+	"github.com/wailsapp/wails/v3/pkg/application"
+)
+
+type AppService struct{}
+
+func (a *AppService) GetCurrentLauncherVersion() (bool, string) {
+	return true, constant.CurrentLauncherVersion
+}
+
+func (a *AppService) CloseAppAfterTimeout(timeout int) (bool, string) {
+	go func() {
+		time.Sleep(time.Duration(timeout) * time.Second)
+		application.Get().Quit()
+	}()
+	return true, ""
+}
--- a/internal/fs-service.go
+++ b/internal/fs-service.go
@@ -8,7 +8,6 @@ import (
 	"path/filepath"
 	"runtime"
 	"strings"
-
 	"github.com/wailsapp/wails/v3/pkg/application"
 	"golang.org/x/sys/windows"
 )
@@ -140,3 +139,4 @@ func (f *FSService) FileExistsInZip(archivePath, fileInside string) (bool, strin
 	}
 	return exists, ""
 }
+
--- a/internal/git-service.go
+++ b/internal/git-service.go
@@ -10,12 +10,13 @@ import (
 	"os"
 	"path/filepath"

+	"github.com/minio/selfupdate"
 	"github.com/wailsapp/wails/v3/pkg/application"
 )

 type GitService struct{}

-func (g *GitService) GetLatestServerVersion(oldVersion string) (bool, string, string) {
+func (g *GitService) GetLatestServerVersion() (bool, string, string) {
 	resp, err := http.Get(constant.ServerGitUrl)
 	if err != nil {
 		return false, "", err.Error()
@@ -38,7 +39,6 @@ func (g *GitService) GetLatestServerVersion(oldVersion string) (bool, string, st
 }

 func (g *GitService) DownloadServerProgress(version string) (bool, string) {
-
 	resp, err := http.Get(constant.ServerGitUrl)
 	if err != nil {
 		panic(err)
@@ -109,7 +109,7 @@ func (g *GitService) UnzipServer() {
 	os.Remove(filepath.Join(constant.ServerStorageUrl, constant.ServerZipFile))
 }

-func (g *GitService) GetLatestProxyVersion(oldVersion string) (bool, string, string) {
+func (g *GitService) GetLatestProxyVersion() (bool, string, string) {
 	resp, err := http.Get(constant.ProxyGitUrl)
 	if err != nil {
 		return false, "", err.Error()
@@ -201,3 +201,82 @@ func (g *GitService) UnzipProxy() {
 	unzipParallel(filepath.Join(constant.ProxyStorageUrl, constant.ProxyZipFile), constant.ProxyStorageUrl)
 	os.Remove(filepath.Join(constant.ProxyStorageUrl, constant.ProxyZipFile))
 }
+
+func (g *GitService) GetLatestLauncherVersion() (bool, string, string) {
+	resp, err := http.Get(constant.LauncherGitUrl)
+	if err != nil {
+		return false, "", err.Error()
+	}
+	defer resp.Body.Close()
+
+	body, _ := io.ReadAll(resp.Body)
+
+	var releases []models.ReleaseType
+	err = json.Unmarshal(body, &releases)
+	if err != nil {
+		return false, "", err.Error()
+	}
+
+	if len(releases) == 0 {
+		return false, "", "no releases found"
+	}
+
+	return true, releases[0].TagName, ""
+}
+
+
+
+func (g *GitService) UpdateLauncherProgress(version string) (bool, string) {
+	resp, err := http.Get(constant.LauncherGitUrl)
+	if err != nil {
+		panic(err)
+	}
+	defer resp.Body.Close()
+
+	body, _ := io.ReadAll(resp.Body)
+
+	var releases []*models.ReleaseType
+	err = json.Unmarshal(body, &releases)
+	if err != nil {
+		return false, err.Error()
+	}
+
+	if len(releases) == 0 {
+		return false, "no releases found"
+	}
+
+	var releaseData *models.ReleaseType
+	for _, release := range releases {
+		if release.TagName == version {
+			releaseData = release
+			break
+		}
+	}
+
+	if releaseData == nil || releaseData.TagName == "" {
+		return false, "no release found"
+	}
+
+	var assetWin models.AssetType
+	for _, asset := range releaseData.Assets {
+		if asset.Name == constant.LauncherFile {
+			assetWin = asset
+			break
+		}
+	}
+
+	if assetWin.Name == "" {
+		return false, "no assets found"
+	}
+
+	resp, err = http.Get(assetWin.BrowserDownloadURL)
+	if err != nil {
+		return false, err.Error()
+	}
+	defer resp.Body.Close()
+	err = selfupdate.Apply(resp.Body, selfupdate.Options{})
+	if err != nil {
+		return false, err.Error()
+	}
+	return true, ""
+}
--- a/main.go
+++ b/main.go
@@ -13,11 +13,6 @@ import (
 	"github.com/wailsapp/wails/v3/pkg/application"
 )

-// Wails uses Go's `embed` package to embed the frontend files into the binary.
-// Any files in the frontend/dist folder will be embedded into the binary and
-// made available to the frontend.
-// See https://pkg.go.dev/embed for more information.
-
 //go:embed all:frontend/dist
 var assets embed.FS

@@ -42,10 +37,8 @@ func extractFile(embedPath, outPath string) error {
 	return os.WriteFile(outPath, data, 0755)
 }

-// main function serves as the application's entry point. It initializes the application, creates a window,
-// and starts a goroutine that emits a time-based event every second. It subsequently runs the application and
-// logs any error that might occur.
 func main() {
+	// Extract required files
 	for outPath, embedPath := range constant.RequiredFiles {
 		if !fileExists(outPath.String()) {
 			err := extractFile(embedPath, outPath.String())
@@ -54,11 +47,18 @@ func main() {
 			}
 		}
 	}
-	// Create a new Wails application by providing the necessary options.
-	// Variables 'Name' and 'Description' are for application metadata.
-	// 'Assets' configures the asset server with the 'FS' variable pointing to the frontend files.
-	// 'Bind' is a list of Go struct instances. The frontend has access to the methods of these instances.
-	// 'Mac' options tailor the application when running an macOS.
+
+	// Remove old executable
+	exePath, err := os.Executable()
+	if err == nil {
+		dir := filepath.Dir(exePath)
+		base := filepath.Base(exePath)
+		oldPath := filepath.Join(dir, "."+base+".old")
+
+		fmt.Println("Old executable path:", oldPath)
+		os.Remove(oldPath)
+	}
+	// Create application
 	app := application.New(application.Options{
 		Name:        "firefly-launcher",
 		Description: "Firefly Launcher - Kain",
@@ -67,31 +67,24 @@ func main() {
 			application.NewService(&internal.LanguageService{}),
 			application.NewService(&internal.GitService{}),
 			application.NewService(&internal.HdiffzService{}),
+			application.NewService(&internal.AppService{}),
 		},
 		Assets: application.AssetOptions{
 			Handler: application.AssetFileServerFS(assets),
-			
 		},
 		Mac: application.MacOptions{
 			ApplicationShouldTerminateAfterLastWindowClosed: true,
 		},
 	})

-	// Create a new window with the necessary options.
-	// 'Title' is the title of the window.
-	// 'Mac' options tailor the window when running on macOS.
-	// 'BackgroundColour' is the background colour of the window.
-	// 'URL' is the URL that will be loaded into the webview.
-
+	// Create window
 	app.NewWebviewWindowWithOptions(application.WebviewWindowOptions{
-
 		Title: "Firefly Launcher - Kain",
 		Mac: application.MacWindow{
 			InvisibleTitleBarHeight: 50,
 			Backdrop:                application.MacBackdropTranslucent,
 			TitleBar:                application.MacTitleBarHiddenInset,
 		},
-
 		BackgroundColour: application.NewRGB(27, 38, 54),
 		Width:            1200,
 		Height:           600,
@@ -99,7 +92,8 @@ func main() {
 		DevToolsEnabled:  true,
 	})

-	err := app.Run()
+
+	err = app.Run()
 	if err != nil {
 		log.Fatal(err)
 	}
--- a/pkg/constant/constant.go
+++ b/pkg/constant/constant.go
@@ -2,12 +2,17 @@ package constant

 const ProxyGitUrl = "https://git.kain.io.vn/api/v1/repos/Firefly-Shelter/Firefly_Proxy/releases"
 const ServerGitUrl = "https://git.kain.io.vn/api/v1/repos/Firefly-Shelter/FireflyGo_Local_Archive/releases"
+const LauncherGitUrl = "https://git.kain.io.vn/api/v1/repos/Firefly-Shelter/Firefly_Launcher/releases"
 const ServerStorageUrl = "./server"
 const ProxyStorageUrl = "./proxy"
 const ServerZipFile = "prebuild_win_x86.zip"
 const ProxyZipFile = "64bit.zip"
+const LauncherFile = "firefly-launcher.exe"
 const TempUrl = "./temp"

+
+const CurrentLauncherVersion = "1.2"
+
 type ToolFile string

 const (