+ + ); +} diff --git a/src/components/splash/Splash.tsx b/src/components/splash/Splash.tsx new file mode 100644 index 0000000..03032b2 --- /dev/null +++ b/src/components/splash/Splash.tsx @@ -0,0 +1,73 @@ +import { useEffect, useState } from "react"; + +const VERSION = "0.1.0"; + +export default function Splash() { + const [phase, setPhase] = useState<"enter" | "visible" | "exit">("enter"); + + useEffect(() => { + const t1 = setTimeout(() => setPhase("visible"), 50); + const t2 = setTimeout(() => setPhase("exit"), 7500); + return () => { clearTimeout(t1); clearTimeout(t2); }; + }, []); + + return ( +

+ {/* Main content area */} +

+ + {/* Bottom bar */} +

+ Provided by Lingke Koring Studio + v{VERSION} +

+ + +

+ ); +} diff --git a/src/components/system/SystemLayer.tsx b/src/components/system/SystemLayer.tsx new file mode 100644 index 0000000..45def70 --- /dev/null +++ b/src/components/system/SystemLayer.tsx @@ -0,0 +1,25 @@ +import { TitleBar } from "./TitleBar"; + +interface SystemLayerProps { + showMinimize?: boolean; + showMaximize?: boolean; + showClose?: boolean; +} + +export function SystemLayer({ + showMinimize = true, + showMaximize = true, + showClose = true, +}: SystemLayerProps) { + return ( +

+ +

+ ); +} diff --git a/src/components/system/TitleBar.tsx b/src/components/system/TitleBar.tsx new file mode 100644 index 0000000..c42bae4 --- /dev/null +++ b/src/components/system/TitleBar.tsx @@ -0,0 +1,43 @@ +import { getCurrentWindow } from "@tauri-apps/api/window"; +import { WindowControls } from "./WindowControls"; + +interface TitleBarProps { + showMinimize?: boolean; + showMaximize?: boolean; + showClose?: boolean; +} + +export function TitleBar({ + showMinimize = true, + showMaximize = true, + showClose = true, +}: TitleBarProps) { + const appWindow = getCurrentWindow(); + + const handleMouseDown = (e: React.MouseEvent) => { + const target = e.target as HTMLElement; + if (target.closest("[data-no-drag]")) return; + appWindow.startDragging(); + }; + + return ( +

+ +

+ ); +} diff --git a/src/components/system/WindowControls.tsx b/src/components/system/WindowControls.tsx new file mode 100644 index 0000000..3bbcdff --- /dev/null +++ b/src/components/system/WindowControls.tsx @@ -0,0 +1,67 @@ +import { useState, useEffect } from "react"; +import { getCurrentWindow } from "@tauri-apps/api/window"; + +interface WindowControlsProps { + showMinimize?: boolean; + showMaximize?: boolean; + showClose?: boolean; +} + +export function WindowControls({ + showMinimize = true, + showMaximize = true, + showClose = true, +}: WindowControlsProps) { + const [isMaximized, setIsMaximized] = useState(false); + const appWindow = getCurrentWindow(); + + useEffect(() => { + appWindow.isMaximized().then(setIsMaximized); + const unlisten = appWindow.onResized(() => { + appWindow.isMaximized().then(setIsMaximized); + }); + return () => { unlisten.then(fn => fn()); }; + }, [appWindow]); + + const handleMinimize = () => appWindow.minimize(); + const handleMaximize = () => appWindow.toggleMaximize(); + const handleClose = () => appWindow.close(); + + const btnClass = "flex items-center justify-center w-[25px] h-[25px] rounded transition-colors cursor-default hover:bg-black/10 dark:hover:bg-white/15 text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white"; + const closeBtnClass = "flex items-center justify-center w-[25px] h-[25px] rounded transition-colors cursor-default hover:bg-red-500 text-black/70 dark:text-white/70 hover:text-white"; + + return ( +

+ {showMinimize && ( +

+ +

+ )} + {showMaximize && ( +

+ {isMaximized ? ( + + ) : ( + + )} +

+ )} + {showClose && ( +

+ +

+ )} +

+ ); +} diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx new file mode 100644 index 0000000..b033601 --- /dev/null +++ b/src/components/ui/button.tsx @@ -0,0 +1,58 @@ +import { Button as ButtonPrimitive } from "@base-ui/react/button" +import { cva, type VariantProps } from "class-variance-authority" + +import { cn } from "@/lib/utils" + +const buttonVariants = cva( + "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", + { + variants: { + variant: { + default: "bg-primary text-primary-foreground hover:bg-primary/80", + outline: + "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50", + secondary: + "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground", + ghost: + "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50", + destructive: + "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40", + link: "text-primary underline-offset-4 hover:underline", + }, + size: { + default: + "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2", + xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3", + sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5", + lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2", + icon: "size-8", + "icon-xs": + "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3", + "icon-sm": + "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg", + "icon-lg": "size-9", + }, + }, + defaultVariants: { + variant: "default", + size: "default", + }, + } +) + +function Button({ + className, + variant = "default", + size = "default", + ...props +}: ButtonPrimitive.Props & VariantProps) { + return ( + + ) +} + +export { Button, buttonVariants } diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..aa78d65 --- /dev/null +++ b/src/index.css @@ -0,0 +1,139 @@ +@import "tailwindcss"; +@import "tw-animate-css"; +@import "shadcn/tailwind.css"; +@import "@fontsource-variable/geist"; +@import "@fontsource-variable/inter"; + +@custom-variant dark (&:is(.dark *)); + +@font-face { + font-family: 'Alimama'; + src: url('/alimama.ttf') format('truetype'); + font-weight: 600; + font-stretch: condensed; + font-display: swap; +} + +@theme inline { + --font-heading: var(--font-sans); + --font-sans: 'Alimama', 'Inter Variable', sans-serif; + --color-sidebar-ring: var(--sidebar-ring); + --color-sidebar-border: var(--sidebar-border); + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); + --color-sidebar-accent: var(--sidebar-accent); + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); + --color-sidebar-primary: var(--sidebar-primary); + --color-sidebar-foreground: var(--sidebar-foreground); + --color-sidebar: var(--sidebar); + --color-chart-5: var(--chart-5); + --color-chart-4: var(--chart-4); + --color-chart-3: var(--chart-3); + --color-chart-2: var(--chart-2); + --color-chart-1: var(--chart-1); + --color-ring: var(--ring); + --color-input: var(--input); + --color-border: var(--border); + --color-destructive: var(--destructive); + --color-accent-foreground: var(--accent-foreground); + --color-accent: var(--accent); + --color-muted-foreground: var(--muted-foreground); + --color-muted: var(--muted); + --color-secondary-foreground: var(--secondary-foreground); + --color-secondary: var(--secondary); + --color-primary-foreground: var(--primary-foreground); + --color-primary: var(--primary); + --color-popover-foreground: var(--popover-foreground); + --color-popover: var(--popover); + --color-card-foreground: var(--card-foreground); + --color-card: var(--card); + --color-foreground: var(--foreground); + --color-background: var(--background); + --radius-sm: calc(var(--radius) * 0.6); + --radius-md: calc(var(--radius) * 0.8); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) * 1.4); + --radius-2xl: calc(var(--radius) * 1.8); + --radius-3xl: calc(var(--radius) * 2.2); + --radius-4xl: calc(var(--radius) * 2.6); +} + +:root { + --background: oklch(1 0 0); + --foreground: oklch(0.145 0 0); + --card: oklch(1 0 0); + --card-foreground: oklch(0.145 0 0); + --popover: oklch(1 0 0); + --popover-foreground: oklch(0.145 0 0); + --primary: oklch(0.205 0 0); + --primary-foreground: oklch(0.985 0 0); + --secondary: oklch(0.97 0 0); + --secondary-foreground: oklch(0.205 0 0); + --muted: oklch(0.97 0 0); + --muted-foreground: oklch(0.556 0 0); + --accent: oklch(0.97 0 0); + --accent-foreground: oklch(0.205 0 0); + --destructive: oklch(0.577 0.245 27.325); + --border: oklch(0.922 0 0); + --input: oklch(0.922 0 0); + --ring: oklch(0.708 0 0); + --chart-1: oklch(0.87 0 0); + --chart-2: oklch(0.556 0 0); + --chart-3: oklch(0.439 0 0); + --chart-4: oklch(0.371 0 0); + --chart-5: oklch(0.269 0 0); + --radius: 0.625rem; + --sidebar: oklch(0.985 0 0); + --sidebar-foreground: oklch(0.145 0 0); + --sidebar-primary: oklch(0.205 0 0); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.97 0 0); + --sidebar-accent-foreground: oklch(0.205 0 0); + --sidebar-border: oklch(0.922 0 0); + --sidebar-ring: oklch(0.708 0 0); +} + +.dark { + --background: oklch(0.145 0 0); + --foreground: oklch(0.985 0 0); + --card: oklch(0.205 0 0); + --card-foreground: oklch(0.985 0 0); + --popover: oklch(0.205 0 0); + --popover-foreground: oklch(0.985 0 0); + --primary: oklch(0.922 0 0); + --primary-foreground: oklch(0.205 0 0); + --secondary: oklch(0.269 0 0); + --secondary-foreground: oklch(0.985 0 0); + --muted: oklch(0.269 0 0); + --muted-foreground: oklch(0.708 0 0); + --accent: oklch(0.269 0 0); + --accent-foreground: oklch(0.985 0 0); + --destructive: oklch(0.704 0.191 22.216); + --border: oklch(1 0 0 / 10%); + --input: oklch(1 0 0 / 15%); + --ring: oklch(0.556 0 0); + --chart-1: oklch(0.87 0 0); + --chart-2: oklch(0.556 0 0); + --chart-3: oklch(0.439 0 0); + --chart-4: oklch(0.371 0 0); + --chart-5: oklch(0.269 0 0); + --sidebar: oklch(0.205 0 0); + --sidebar-foreground: oklch(0.985 0 0); + --sidebar-primary: oklch(0.488 0.243 264.376); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.269 0 0); + --sidebar-accent-foreground: oklch(0.985 0 0); + --sidebar-border: oklch(1 0 0 / 10%); + --sidebar-ring: oklch(0.556 0 0); +} + +@layer base { + * { + @apply border-border outline-ring/50; + } + body { + @apply bg-background text-foreground; + } + html { + @apply font-sans; + } +} \ No newline at end of file diff --git a/src/layouts/RootLayout.tsx b/src/layouts/RootLayout.tsx new file mode 100644 index 0000000..bbbaa72 --- /dev/null +++ b/src/layouts/RootLayout.tsx @@ -0,0 +1,36 @@ +import { type ReactNode } from "react"; +import { BackgroundLayer } from "@/components/background/BackgroundLayer"; +import { SystemLayer } from "@/components/system/SystemLayer"; + +interface RootLayoutProps { + children: ReactNode; + showMinimize?: boolean; + showMaximize?: boolean; + showClose?: boolean; +} + +export function RootLayout({ + children, + showMinimize = true, + showMaximize = true, + showClose = true, +}: RootLayoutProps) { + return ( +

+ {/* Layer 0: Background */} + + + {/* Layer 1: Content */} +

+ {children} +

+ + {/* Layer 100: System (titlebar + window controls) */} + +

+ ); +} diff --git a/src/lib/utils.ts b/src/lib/utils.ts new file mode 100644 index 0000000..bd0c391 --- /dev/null +++ b/src/lib/utils.ts @@ -0,0 +1,6 @@ +import { clsx, type ClassValue } from "clsx" +import { twMerge } from "tailwind-merge" + +export function cn(...inputs: ClassValue[]) { + return twMerge(clsx(inputs)) +} diff --git a/src/main.tsx b/src/main.tsx new file mode 100644 index 0000000..8b1ddb9 --- /dev/null +++ b/src/main.tsx @@ -0,0 +1,10 @@ +import React from "react"; +import ReactDOM from "react-dom/client"; +import App from "./App"; +import "./index.css"; + +ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( + + + , +); diff --git a/src/pages/Debug.tsx b/src/pages/Debug.tsx new file mode 100644 index 0000000..f699921 --- /dev/null +++ b/src/pages/Debug.tsx @@ -0,0 +1,49 @@ +import { Button } from "@/components/ui/button"; +import { WebviewWindow } from "@tauri-apps/api/webviewWindow"; + +interface DebugProps { + onNavigate: (page: "home") => void; +} + +export function Debug({ onNavigate }: DebugProps) { + const openSplash = async () => { + const existing = await WebviewWindow.getByLabel("splashscreen"); + if (existing) { + existing.show(); + return; + } + + new WebviewWindow("splashscreen", { + url: "/splash.html", + width: 480, + height: 320, + decorations: false, + transparent: true, + center: true, + }); + }; + + const closeSplash = async () => { + const splash = await WebviewWindow.getByLabel("splashscreen"); + if (splash) { + splash.close(); + } + }; + + return ( +

Debug

+ + +

+ +

+ ); +} diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx new file mode 100644 index 0000000..948cec7 --- /dev/null +++ b/src/pages/Home.tsx @@ -0,0 +1,19 @@ +import { Button } from "@/components/ui/button"; + +interface HomeProps { + onNavigate: (page: "debug") => void; +} + +export function Home({ onNavigate }: HomeProps) { + return ( +

Koring Launcher

Core 调试模式

+ +

+ ); +} diff --git a/src/splash.tsx b/src/splash.tsx new file mode 100644 index 0000000..cd1defa --- /dev/null +++ b/src/splash.tsx @@ -0,0 +1,10 @@ +import { StrictMode } from "react"; +import { createRoot } from "react-dom/client"; +import "./index.css"; +import Splash from "./components/splash/Splash"; + +createRoot(document.getElementById("root")!).render( + + + +); diff --git a/src/stores/authStore.ts b/src/stores/authStore.ts new file mode 100644 index 0000000..9c166c7 --- /dev/null +++ b/src/stores/authStore.ts @@ -0,0 +1,65 @@ +import { create } from "zustand"; +import { offlineLogin, microsoftLoginStart, microsoftLoginCallback } from "../api/auth"; +import type { AuthResult } from "../api/auth"; + +interface AuthState { + user: AuthResult | null; + loading: boolean; + error: string | null; + msAuthUrl: string | null; + msAuthState: string | null; + + loginOffline: (username: string) => Promise; + startMicrosoftLogin: (clientId: string) => Promise; + completeMicrosoftLogin: (code: string, clientId: string) => Promise; + logout: () => void; + clearError: () => void; +} + +export const useAuthStore = create((set) => ({ + user: null, + loading: false, + error: null, + msAuthUrl: null, + msAuthState: null, + + loginOffline: async (username: string) => { + set({ loading: true, error: null }); + try { + const user = await offlineLogin(username); + set({ user, loading: false }); + localStorage.setItem("koring-user", JSON.stringify(user)); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + startMicrosoftLogin: async (clientId: string) => { + set({ loading: true, error: null }); + try { + const { state, authUrl } = await microsoftLoginStart(clientId); + set({ msAuthUrl: authUrl, msAuthState: state, loading: false }); + window.open(authUrl, "_blank"); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + completeMicrosoftLogin: async (code: string, clientId: string) => { + set({ loading: true, error: null }); + try { + const user = await microsoftLoginCallback(code, clientId); + set({ user, loading: false, msAuthUrl: null, msAuthState: null }); + localStorage.setItem("koring-user", JSON.stringify(user)); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + logout: () => { + set({ user: null, msAuthUrl: null, msAuthState: null }); + localStorage.removeItem("koring-user"); + }, + + clearError: () => set({ error: null }), +})); diff --git a/src/stores/backgroundStore.ts b/src/stores/backgroundStore.ts new file mode 100644 index 0000000..c145543 --- /dev/null +++ b/src/stores/backgroundStore.ts @@ -0,0 +1,133 @@ +import { create } from "zustand"; +import { + setImageBackground, + setColorBackground, + setBackgroundBlur, + setBackgroundOpacity, + setBackgroundAnimation, + getBackgroundConfig, + setTheme, + resetBackground, +} from "../api/background"; +import type { AnimationType, Theme, BackgroundConfig } from "../api/background"; + +interface BackgroundState { + type: "image" | "color" | "gradient" | "particles"; + image?: string; + color?: string; + blur: number; + opacity: number; + animation: AnimationType; + animationSpeed: number; + theme: Theme; + loading: boolean; + error: string | null; + + setImage: (url: string, blur?: number, opacity?: number) => Promise; + setColor: (color: string) => Promise; + setBlur: (blur: number) => Promise; + setOpacity: (opacity: number) => Promise; + setAnimation: (type: AnimationType, speed?: number) => Promise; + setTheme: (theme: Theme) => Promise; + fetchConfig: () => Promise; + reset: () => Promise; + clearError: () => void; +} + +const defaultConfig: BackgroundConfig = { + type: "color", + color: "#1a1a2e", + blur: 0, + opacity: 1, + animation: "none", + animationSpeed: 1, + theme: "dark", +}; + +export const useBackgroundStore = create((set) => ({ + ...defaultConfig, + loading: false, + error: null, + + setImage: async (url, blur, opacity) => { + set({ loading: true, error: null }); + try { + const config = await setImageBackground(url, blur, opacity); + set({ ...config, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + setColor: async (color) => { + set({ loading: true, error: null }); + try { + const config = await setColorBackground(color); + set({ ...config, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + setBlur: async (blur) => { + set({ loading: true, error: null }); + try { + const config = await setBackgroundBlur(blur); + set({ ...config, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + setOpacity: async (opacity) => { + set({ loading: true, error: null }); + try { + const config = await setBackgroundOpacity(opacity); + set({ ...config, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + setAnimation: async (type, speed) => { + set({ loading: true, error: null }); + try { + const config = await setBackgroundAnimation(type, speed); + set({ ...config, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + setTheme: async (theme) => { + set({ loading: true, error: null }); + try { + const config = await setTheme(theme); + set({ ...config, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + fetchConfig: async () => { + set({ loading: true, error: null }); + try { + const config = await getBackgroundConfig(); + set({ ...config, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + reset: async () => { + set({ loading: true, error: null }); + try { + const config = await resetBackground(); + set({ ...config, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + clearError: () => set({ error: null }), +})); diff --git a/src/stores/index.ts b/src/stores/index.ts new file mode 100644 index 0000000..a12b3cd --- /dev/null +++ b/src/stores/index.ts @@ -0,0 +1,5 @@ +export { useInstallStore } from "./installStore"; +export { useAuthStore } from "./authStore"; +export { useInstanceStore } from "./instanceStore"; +export { useLaunchStore } from "./launchStore"; +export { useModsStore } from "./modsStore"; diff --git a/src/stores/installStore.ts b/src/stores/installStore.ts new file mode 100644 index 0000000..fee3f7b --- /dev/null +++ b/src/stores/installStore.ts @@ -0,0 +1,69 @@ +import { create } from "zustand"; +import { getVersionList, installMinecraft, installModLoader } from "../api/install"; +import type { VersionManifest } from "../api/install"; + +interface ProgressInfo { + stage: string; + current: number; + total: number; + message?: string; +} + +interface InstallState { + versions: VersionManifest | null; + loading: boolean; + error: string | null; + progress: ProgressInfo | null; + installing: boolean; + + fetchVersions: (type?: string) => Promise; + install: (version: string, gamePath: string, javaPath?: string) => Promise; + installLoader: ( + mcVersion: string, + gamePath: string, + loaderType: "forge" | "fabric" | "quilt" | "neoforge", + loaderVersion?: string, + javaPath?: string + ) => Promise; + clearError: () => void; +} + +export const useInstallStore = create((set) => ({ + versions: null, + loading: false, + error: null, + progress: null, + installing: false, + + fetchVersions: async (type?: string) => { + set({ loading: true, error: null }); + try { + const versions = await getVersionList(type); + set({ versions, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + install: async (version, gamePath, javaPath?) => { + set({ installing: true, error: null, progress: null }); + try { + await installMinecraft(version, gamePath, javaPath); + set({ installing: false }); + } catch (e: any) { + set({ error: e.message, installing: false }); + } + }, + + installLoader: async (mcVersion, gamePath, loaderType, loaderVersion?, javaPath?) => { + set({ installing: true, error: null, progress: null }); + try { + await installModLoader(mcVersion, gamePath, loaderType, loaderVersion, javaPath); + set({ installing: false }); + } catch (e: any) { + set({ error: e.message, installing: false }); + } + }, + + clearError: () => set({ error: null }), +})); diff --git a/src/stores/instanceStore.ts b/src/stores/instanceStore.ts new file mode 100644 index 0000000..1832745 --- /dev/null +++ b/src/stores/instanceStore.ts @@ -0,0 +1,102 @@ +import { create } from "zustand"; +import { + createInstance, + listInstances, + deleteInstance, + getInstanceInfo, +} from "../api/instance"; +import type { InstanceInfo } from "../api/instance"; + +interface InstanceState { + instances: InstanceInfo[]; + currentInstance: InstanceInfo | null; + loading: boolean; + error: string | null; + + fetchInstances: (instancesPath: string) => Promise; + create: ( + name: string, + gamePath: string, + mcVersion: string, + loaderType?: string, + loaderVersion?: string, + javaPath?: string, + memory?: { min?: string; max?: string } + ) => Promise; + remove: (name: string, instancesPath: string) => Promise; + select: (name: string, instancesPath: string) => Promise; + clearError: () => void; +} + +export const useInstanceStore = create((set) => ({ + instances: [], + currentInstance: null, + loading: false, + error: null, + + fetchInstances: async (instancesPath: string) => { + set({ loading: true, error: null }); + try { + const instances = await listInstances(instancesPath); + set({ instances, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + create: async ( + name, + gamePath, + mcVersion, + loaderType?, + loaderVersion?, + javaPath?, + memory? + ) => { + set({ loading: true, error: null }); + try { + const instance = await createInstance( + name, + gamePath, + mcVersion, + loaderType, + loaderVersion, + javaPath, + memory + ); + set((state) => ({ + instances: [...state.instances, instance], + loading: false, + })); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + remove: async (name: string, instancesPath: string) => { + set({ loading: true, error: null }); + try { + await deleteInstance(name, instancesPath); + set((state) => ({ + instances: state.instances.filter((i) => i.name !== name), + currentInstance: + state.currentInstance?.name === name ? null : state.currentInstance, + loading: false, + })); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + select: async (name: string, instancesPath: string) => { + set({ loading: true, error: null }); + try { + const instance = await getInstanceInfo(name, instancesPath); + set({ currentInstance: instance, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + clearError: () => set({ error: null }), +})); diff --git a/src/stores/launchStore.ts b/src/stores/launchStore.ts new file mode 100644 index 0000000..f113088 --- /dev/null +++ b/src/stores/launchStore.ts @@ -0,0 +1,65 @@ +import { create } from "zustand"; +import { launchGame, onGameEvent, diagnoseVersion } from "../api/launch"; +import type { LaunchOptions, LaunchResult } from "../api/launch"; + +interface GameEvent { + event: string; + [key: string]: unknown; +} + +interface LaunchState { + launching: boolean; + launched: boolean; + gameResult: LaunchResult | null; + events: GameEvent[]; + error: string | null; + + launch: (options: LaunchOptions) => Promise; + diagnose: (gamePath: string, version: string) => Promise; + reset: () => void; + clearError: () => void; +} + +export const useLaunchStore = create((set) => ({ + launching: false, + launched: false, + gameResult: null, + events: [], + error: null, + + launch: async (options: LaunchOptions) => { + set({ launching: true, error: null, events: [] }); + try { + const result = await launchGame(options); + set({ gameResult: result, launching: false, launched: true }); + + // Listen for game events + const unlisten = await onGameEvent(result.requestId, (event) => { + set((state) => ({ + events: [...state.events, event], + })); + + if (event.event === "exit") { + set({ launched: false }); + unlisten(); + } + }); + } catch (e: any) { + set({ error: e.message, launching: false }); + } + }, + + diagnose: async (gamePath: string, version: string) => { + try { + await diagnoseVersion(gamePath, version); + } catch (e: any) { + set({ error: e.message }); + } + }, + + reset: () => { + set({ launching: false, launched: false, gameResult: null, events: [] }); + }, + + clearError: () => set({ error: null }), +})); diff --git a/src/stores/modsStore.ts b/src/stores/modsStore.ts new file mode 100644 index 0000000..6811a0a --- /dev/null +++ b/src/stores/modsStore.ts @@ -0,0 +1,90 @@ +import { create } from "zustand"; +import { searchMods, getModDetail, getModVersions, installMod } from "../api/mods"; +import type { ModSearchResult, ModVersionResult } from "../api/mods"; + +interface ModsState { + searchResults: ModSearchResult[]; + currentMod: ModSearchResult | null; + modVersions: ModVersionResult[]; + loading: boolean; + error: string | null; + + search: ( + query?: string, + gameVersion?: string, + loader?: string, + source?: "modrinth" | "curseforge" + ) => Promise; + getDetail: (projectId: string, source: "modrinth" | "curseforge") => Promise; + getVersions: ( + projectId: string, + gameVersion?: string, + loader?: string, + source?: "modrinth" | "curseforge" + ) => Promise; + install: ( + projectId: string, + versionId: string | undefined, + gamePath: string, + source?: "modrinth" | "curseforge" + ) => Promise; + clearError: () => void; + clear: () => void; +} + +export const useModsStore = create((set) => ({ + searchResults: [], + currentMod: null, + modVersions: [], + loading: false, + error: null, + + search: async (query?, gameVersion?, loader?, source = "modrinth") => { + set({ loading: true, error: null }); + try { + const results = await searchMods(query, gameVersion, loader, 20, 0, source); + set({ searchResults: results, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + getDetail: async (projectId, source) => { + set({ loading: true, error: null }); + try { + const detail = await getModDetail(projectId, source); + set({ currentMod: detail, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + getVersions: async (projectId, gameVersion?, loader?, source = "modrinth") => { + set({ loading: true, error: null }); + try { + const versions = await getModVersions(projectId, gameVersion, loader, source); + set({ modVersions: versions, loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + install: async (projectId, versionId, gamePath, source = "modrinth") => { + set({ loading: true, error: null }); + try { + await installMod(projectId, versionId, gamePath, source); + set({ loading: false }); + } catch (e: any) { + set({ error: e.message, loading: false }); + } + }, + + clearError: () => set({ error: null }), + + clear: () => + set({ + searchResults: [], + currentMod: null, + modVersions: [], + }), +})); diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..04eb548 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,29 @@ +{ + "compilerOptions": { + "target": "ES2020", + "useDefineForClassFields": true, + "lib": ["ES2020", "DOM", "DOM.Iterable"], + "module": "ESNext", + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "resolveJsonModule": true, + "isolatedModules": true, + "noEmit": true, + "jsx": "react-jsx", + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true, + "baseUrl": ".", + "paths": { + "@/*": ["./src/*"] + } + }, + "include": ["src"], + "references": [{ "path": "./tsconfig.node.json" }] +} diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..c27e738 --- /dev/null +++ b/tsconfig.node.json @@ -0,0 +1,14 @@ +{ + "compilerOptions": { + "composite": true, + "skipLibCheck": true, + "module": "ESNext", + "moduleResolution": "bundler", + "allowSyntheticDefaultImports": true, + "baseUrl": ".", + "paths": { + "@/*": ["./src/*"] + } + }, + "include": ["vite.config.ts"] +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..c9fd2e2 --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,47 @@ +import path from "path"; +import { defineConfig } from "vite"; +import react from "@vitejs/plugin-react"; +import tailwindcss from "@tailwindcss/vite"; + +// @ts-expect-error process is a nodejs global +const host = process.env.TAURI_DEV_HOST; + +// https://vite.dev/config/ +export default defineConfig(async () => ({ + plugins: [react(), tailwindcss()], + resolve: { + alias: { + "@": path.resolve(__dirname, "./src"), + }, + }, + build: { + rollupOptions: { + input: { + main: path.resolve(__dirname, "index.html"), + splash: path.resolve(__dirname, "splash.html"), + }, + }, + }, + + // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build` + // + // 1. prevent Vite from obscuring rust errors + clearScreen: false, + // 2. tauri expects a fixed port, fail if that port is not available + server: { + port: 1420, + strictPort: true, + host: host || false, + hmr: host + ? { + protocol: "ws", + host, + port: 1421, + } + : undefined, + watch: { + // 3. tell Vite to ignore watching `src-tauri` + ignored: ["**/src-tauri/**"], + }, + }, +}));