26 |
27 |
30 | setFormOpen(false)}/>
31 |
;
32 |
33 | }
34 |
--------------------------------------------------------------------------------
/src/renderer/components/display/Alert.tsx:
--------------------------------------------------------------------------------
1 | import { Alert as RawAlert } from "@heroui/react";
2 | import { useEffect, useRef } from "react";
3 |
4 | type AlertProps = Parameters
39 |
;
43 | }
44 |
--------------------------------------------------------------------------------
/src/renderer/components/display/SkinAvatar.tsx:
--------------------------------------------------------------------------------
1 | import { getEmptyImage } from "@/renderer/util/misc";
2 | import { cn } from "@heroui/react";
3 | import React from "react";
4 |
5 | interface SkinAvatarProps extends React.HTMLProps
40 | 
41 |
42 |
21 | 
27 |
28 | 
34 |
;
35 | }
36 |
--------------------------------------------------------------------------------
/src/renderer/components/display/TipPicker.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from "react";
2 | import { useTranslation } from "react-i18next";
3 |
4 | export function TipPicker({ tipKey }: { tipKey: string }) {
5 | const { t } = useTranslation("common", { keyPrefix: "tips" });
6 | const values = t(tipKey, { returnObjects: true }) as string[];
7 | const [index, _] = useState(Math.floor(Math.random() * values.length));
8 |
9 | return values[index];
10 | }
11 |
--------------------------------------------------------------------------------
/src/renderer/components/display/WizardCard.tsx:
--------------------------------------------------------------------------------
1 | import React, { type PropsWithChildren } from "react";
2 |
3 | interface WizardCardProps {
4 | title: string;
5 | sub: string;
6 | content?: React.ReactNode;
7 | }
8 |
9 |
10 | export function WizardCard({ title, sub, content, children }: PropsWithChildren
12 |
;
23 | }
24 |
--------------------------------------------------------------------------------
/src/renderer/components/input/AccountPicker.tsx:
--------------------------------------------------------------------------------
1 | import { useAccounts } from "@/renderer/services/accounts";
2 | import { SkinAvatar } from "@components/display/SkinAvatar";
3 | import { CardRadio } from "@components/input/CardRadio";
4 | import { RadioGroup } from "@heroui/radio";
5 | import { Skeleton } from "@heroui/react";
6 | import { UserPlus2Icon } from "lucide-react";
7 | import React, { useEffect, useState } from "react";
8 | import { useTranslation } from "react-i18next";
9 |
10 | interface AccountSelectorProps {
11 | accountId: string | null;
12 | allowCreation?: boolean;
13 | onChange: (accountId: string) => void;
14 | }
15 |
16 | export function AccountPicker({ accountId, allowCreation, onChange }: AccountSelectorProps) {
17 | const { t } = useTranslation("common", { keyPrefix: "account-picker" });
18 | const accounts = useAccounts();
19 |
20 | return
13 |
22 |
14 |
18 | {title}
15 |{sub}
16 | {content} 17 |
19 | {children}
20 |
21 |
55 |
64 |
56 | {icon}
57 |
58 |
59 |
60 |
63 | {title}
61 | {sub}
62 |
27 | onChange(internalValue)}/>
28 |
31 |
;
32 | }
33 |
--------------------------------------------------------------------------------
/src/renderer/components/input/PlayerNameInput.tsx:
--------------------------------------------------------------------------------
1 | import { Input } from "@heroui/react";
2 | import { useState } from "react";
3 | import { useTranslation } from "react-i18next";
4 |
5 | interface PlayerNameInputProps {
6 | onChange: (value: string) => void;
7 | }
8 |
9 | export function PlayerNameInput({ onChange }: PlayerNameInputProps) {
10 | const { t } = useTranslation("common", { keyPrefix: "input.player-name" });
11 | const [internalValue, setInternalValue] = useState("");
12 |
13 | function validate(s: string) {
14 | return /[0-9A-Z_]{3,16}/i.test(s);
15 | }
16 |
17 | const isValid = validate(internalValue);
18 |
19 | function handleValueChange(s: string) {
20 | setInternalValue(s);
21 | if (!s) {
22 | onChange("Player");
23 | } else {
24 | if (validate(s)) {
25 | onChange(s);
26 | } else {
27 | onChange("");
28 | }
29 | }
30 | }
31 |
32 | return 0} // Do not let the box become red by default
36 | value={internalValue}
37 | onValueChange={handleValueChange}
38 | label={t("label")}
39 | />;
40 | }
41 |
--------------------------------------------------------------------------------
/src/renderer/components/input/StringArrayInput.tsx:
--------------------------------------------------------------------------------
1 | import { Button, Input } from "@heroui/react";
2 | import { PlusIcon, XIcon } from "lucide-react";
3 | import React, { useState } from "react";
4 | import { useTranslation } from "react-i18next";
5 |
6 | interface StringArrayInputProps {
7 | value: string[];
8 | onChange: (value: string[]) => void;
9 | }
10 |
11 | export function StringArrayInput({ value, onChange }: StringArrayInputProps) {
12 | const { t } = useTranslation("common", { keyPrefix: "input.string-array" });
13 | const [str, setStr] = useState("");
14 |
15 | function addItem() {
16 | const s = str.trim();
17 | if (s) {
18 | const d = [...value, s];
19 | onChange(d);
20 | setStr("");
21 | }
22 | }
23 |
24 | function removeItem(i: number) {
25 | const d = value.slice(0, i).concat(value.slice(i + 1));
26 | onChange(d);
27 | }
28 |
29 | return
30 | {
31 | value.map((s, i) =>
32 |
;
59 | }
60 |
--------------------------------------------------------------------------------
/src/renderer/components/misc/AnimatedRoute.tsx:
--------------------------------------------------------------------------------
1 | import { AnimatePresence, motion } from "framer-motion";
2 | import React from "react";
3 | import { useRoute } from "wouter";
4 |
5 | interface AnimatedRouteProps {
6 | path: string;
7 | component: React.ComponentType<{ params: any }>;
8 | }
9 |
10 | export type PropsWithParams
33 |
44 | )
45 | }
46 |
47 | removeItem(i)}
36 | >
37 |
39 |
40 |
41 | {s}
42 |
43 |
48 |
49 |
52 |
53 |
54 | {
55 | str &&
56 | {t("blur-to-add")}
57 | }
58 |
40 |
52 | {title}
41 |
42 | {sub}
43 |
51 |
29 |
37 |
30 | {icon}
31 |
32 |
33 |
34 | {children}
35 |
36 |
22 |
;
36 | }
37 |
--------------------------------------------------------------------------------
/src/renderer/pages/about/PackagesInfo.tsx:
--------------------------------------------------------------------------------
1 | import { Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/react";
2 | import { useTranslation } from "react-i18next";
3 | import pkg from "~/package.json";
4 |
5 | export function PackagesInfo() {
6 | const { t } = useTranslation("pages", { keyPrefix: "about.subtitles" });
7 |
8 | return <>
9 |
23 |
27 |
24 |
26 | {t("packages-info")}
10 |
44 |
52 |
53 |
60 |
61 |
62 | }
63 | >
64 |
65 |
66 | {tc("default-name")} / {ctx.value.gameVersion}
67 |
68 |
36 |
39 | }
40 | {
41 | (["vanilla", "fabric", "quilt", "neoforged", "forge", "rift", "liteloader", "optifine"] as const)
42 | .map(lv => {
43 | // Allow mod loaders to be chosen before availability check in case the network is slow
44 | if (availableModLoaders !== null && !loaders.includes(lv)) return null;
45 |
46 | const iconType: GameCoreType = lv === "vanilla" ? "vanilla-release" : lv;
47 |
48 | return
50 |
51 |
52 |
57 |
53 |
56 | {t(`${lv}.label`)}
54 | {t(`${lv}.sub`)}
55 | {t("missing")}
63 | ;
64 |
65 |
66 | }
67 |
--------------------------------------------------------------------------------
/src/renderer/pages/create-game/ModLoaderVersionSelector.tsx:
--------------------------------------------------------------------------------
1 | import { Alert } from "@components/display/Alert";
2 | import { Radio, RadioGroup } from "@heroui/radio";
3 | import { Input } from "@heroui/react";
4 | import React, { useState } from "react";
5 | import { useTranslation } from "react-i18next";
6 |
7 | interface ModLoaderVersionSelectorProps {
8 | value: string;
9 | onChange: (v: string) => void;
10 | }
11 |
12 | export function ModLoaderVersionSelector({ value, onChange }: ModLoaderVersionSelectorProps) {
13 | const { t } = useTranslation("pages", { keyPrefix: `create-game.loader-version` });
14 | const [isAuto, setIsAuto] = useState(true);
15 |
16 | function handleSelectionChange(v: string) {
17 | if (v === "auto") {
18 | onChange("");
19 | }
20 | setIsAuto(v !== "manual");
21 | }
22 |
23 | return
24 |
31 | {
32 | ["auto", "manual"].map(lv =>
33 | {t(lv)}
34 | )
35 | }
36 |
37 |
38 | {
39 | !isAuto &&
40 | <>
41 |
;
46 | }
47 |
--------------------------------------------------------------------------------
/src/renderer/pages/game-detail/AccountPanel.tsx:
--------------------------------------------------------------------------------
1 | import { alter } from "@/main/util/misc";
2 | import { ExtendedAccountPicker } from "@components/compound/ExtendedAccountPicker";
3 | import { useCurrentGameProfile } from "@pages/game-detail/GameProfileProvider";
4 |
5 | export function AccountPanel() {
6 | const game = useCurrentGameProfile();
7 |
8 | function handleAccountChange(id: string) {
9 | void native.game.update(alter(game, g => g.launchHint.accountId = id));
10 | }
11 |
12 | return {t("title")}
25 |
26 |
13 |
;
17 | }
18 |
--------------------------------------------------------------------------------
/src/renderer/pages/game-detail/AddonsPanel.tsx:
--------------------------------------------------------------------------------
1 | import { AddonSearchList } from "@components/compound/AddonSearchList";
2 | import { useCurrentGameProfile } from "@pages/game-detail/GameProfileProvider";
3 |
4 | export function AddonsPanel() {
5 | const game = useCurrentGameProfile();
6 |
7 | return
14 |
15 |
16 |
8 |
9 |
;
10 | }
11 |
--------------------------------------------------------------------------------
/src/renderer/pages/game-detail/GameProfileProvider.tsx:
--------------------------------------------------------------------------------
1 | import type { GameProfile } from "@/main/game/spec";
2 | import React, { type PropsWithChildren, useContext } from "react";
3 |
4 | const GameProfileContext = React.createContext
15 | {
16 | manifest.resolved.length === 0 ?
17 |
22 | {
23 | manifest.resolved.map(p => )
24 | }
25 |
26 |
27 | }
28 |
;
29 | }
30 |
--------------------------------------------------------------------------------
/src/renderer/pages/import-game/ImportGameWarningDialog.tsx:
--------------------------------------------------------------------------------
1 | import { useNav } from "@/renderer/util/nav";
2 | import { MessageBox } from "@components/modal/MessageBox";
3 | import { Button } from "@heroui/react";
4 | import { GitPullRequestClosed } from "lucide-react";
5 | import { useState } from "react";
6 | import { Trans, useTranslation } from "react-i18next";
7 |
8 | export function ImportGameWarningDialog() {
9 | const { t } = useTranslation("pages", { keyPrefix: "import-game.warning" });
10 | const nav = useNav();
11 | const [isOpen, setOpen] = useState(true);
12 |
13 | function onUserClose() {
14 | setOpen(false);
15 | nav("/games");
16 | }
17 |
18 | return
18 | {t("empty")}
19 |
20 | :
21 |
31 |
12 |
;
18 | }
19 |
20 | const statusColors = {
21 | running: "success",
22 | crashed: "danger",
23 | exited: "default"
24 | } as const;
25 |
26 | function StatusChip({ status }: { status: RemoteGameStatus }) {
27 | const { t } = useTranslation("pages", { keyPrefix: "monitor.status" });
28 |
29 | return
13 | {
14 | procs.map(p => )
15 | }
16 |
17 |
49 |
50 |
51 |
70 | {name}
52 |
53 |
54 |
55 |
56 |
57 |
58 |
61 |
62 | {
63 | status !== "running" &&
64 |
67 | }
68 |
69 |
26 |
27 | {({ height, width }) =>
28 |
29 |
38 |
41 | }
42 |
43 |
44 |
;
45 | }
46 |
--------------------------------------------------------------------------------
/src/renderer/pages/monitor/MonitorActions.tsx:
--------------------------------------------------------------------------------
1 | import type { RemoteGameStatus } from "@/renderer/services/proc";
2 | import { useNav } from "@/renderer/util/nav";
3 | import { ConfirmPopup } from "@components/modal/ConfirmPopup";
4 | import { Button } from "@heroui/react";
5 | import { ArrowLeftIcon, FolderArchiveIcon, FolderIcon, OctagonXIcon, ScrollTextIcon } from "lucide-react";
6 | import React from "react";
7 | import { useTranslation } from "react-i18next";
8 |
9 | interface MonitorActionsProps {
10 | procId: string;
11 | gameId: string;
12 | status: RemoteGameStatus;
13 | }
14 |
15 | export const MonitorActionsMemo = React.memo(MonitorActions);
16 |
17 | function MonitorActions({ procId, gameId, status }: MonitorActionsProps) {
18 | const { t } = useTranslation("pages", { keyPrefix: "monitor.actions" });
19 | const nav = useNav();
20 |
21 | function handleStopAction() {
22 | native.launcher.stop(procId);
23 | }
24 |
25 | const stopDisabled = status !== "running";
26 |
27 | return
28 |
31 |
34 |
37 |
40 |
48 |
55 |
56 |
;
57 | }
58 |
--------------------------------------------------------------------------------
/src/renderer/pages/monitor/PerformanceDisplay.tsx:
--------------------------------------------------------------------------------
1 | import { Link } from "@heroui/react";
2 | import { useCurrentProc } from "@pages/monitor/GameProcessProvider";
3 | import { MemoryUsageChart } from "@pages/monitor/MemoryUsageChart";
4 | import React from "react";
5 | import { useTranslation } from "react-i18next";
6 |
7 | const EXPLAIN_MEMORY_URL = "https://stackoverflow.com/a/5406063";
8 |
9 | export function PerformanceDisplay() {
10 | const { memUsage } = useCurrentProc();
11 | const { t } = useTranslation("pages", { keyPrefix: "monitor" });
12 |
13 | function handleExplainMemory() {
14 | native.ext.openURL(EXPLAIN_MEMORY_URL);
15 | }
16 |
17 | return
18 |
;
27 | }
28 |
--------------------------------------------------------------------------------
/src/renderer/pages/monitor/use-color.ts:
--------------------------------------------------------------------------------
1 | import { hslToHex } from "@/renderer/util/misc";
2 | import { useEffect, useState } from "react";
3 |
4 | /**
5 | * Gets computed color values for HeroUI theme tokens.
6 | *
7 | * This is applied to recharts as it does not support TailwindCSS classes.
8 | */
9 | export function useThemeColorValues(): { primary: string, background: string } {
10 | const [primary, setPrimary] = useState("#ffffff");
11 | const [background, setBackground] = useState("#333");
12 |
13 | useEffect(() => {
14 | const style = getComputedStyle(document.documentElement);
15 |
16 | setPrimary(
17 | hslToHex(style.getPropertyValue("--heroui-primary"))
18 | );
19 |
20 | setBackground(
21 | hslToHex(style.getPropertyValue("--heroui-foreground-400"))
22 | );
23 | }, []);
24 |
25 | return { primary, background };
26 | }
27 |
--------------------------------------------------------------------------------
/src/renderer/pages/pages.ts:
--------------------------------------------------------------------------------
1 | import { BoxIcon, CogIcon, InfoIcon, SquareActivityIcon } from "lucide-react";
2 | import React from "react";
3 |
4 | /**
5 | * Describes a page in the app.
6 | */
7 | export interface PageInfo {
8 | /**
9 | * Page ID used when rendering.
10 | */
11 | id: string;
12 |
13 | /**
14 | * Page icon class.
15 | */
16 | icon: React.ComponentType;
17 | }
18 |
19 | export const pages: PageInfo[] = [
20 | {
21 | id: "games",
22 | icon: BoxIcon
23 | },
24 | {
25 | id: "monitor",
26 | icon: SquareActivityIcon
27 | },
28 | {
29 | id: "settings",
30 | icon: CogIcon
31 | },
32 | {
33 | id: "about",
34 | icon: InfoIcon
35 | }
36 | ];
37 |
--------------------------------------------------------------------------------
/src/renderer/pages/settings/DevTab.tsx:
--------------------------------------------------------------------------------
1 | import { useConfig } from "@/renderer/services/conf";
2 | import { Alert } from "@components/display/Alert";
3 | import { Divider } from "@heroui/react";
4 | import { OnOffEntry } from "@pages/settings/SettingsEntry";
5 | import { AppWindowIcon, SearchCodeIcon } from "lucide-react";
6 | import React from "react";
7 | import { useTranslation } from "react-i18next";
8 |
9 | export function DevTab() {
10 | const { t } = useTranslation("pages", { keyPrefix: "settings" });
11 |
12 | const { config, alterConfig } = useConfig();
13 |
14 | if (!config) return null;
15 |
16 | return <>
17 |
19 |
25 |
26 | {t("memory.title")}
20 |
21 | {t("memory.sub")}
22 | {t("memory.sub-link")}
23 |
24 |
17 |
;
39 | }
40 |
--------------------------------------------------------------------------------
/src/renderer/pages/setup/GamePathSetupView.tsx:
--------------------------------------------------------------------------------
1 | import { useConfig } from "@/renderer/services/conf";
2 |
3 | import { FileSelectInput } from "@components/input/FileSelectInput";
4 | import { Button } from "@heroui/react";
5 | import { useSetupNextPage } from "@pages/setup/SetupView";
6 | import { CheckIcon, PackageIcon } from "lucide-react";
7 | import { useTranslation } from "react-i18next";
8 |
9 | export function GamePathSetupView() {
10 | const { t } = useTranslation("setup", { keyPrefix: "game-path" });
11 | const { config, alterConfig } = useConfig();
12 | const next = useSetupNextPage();
13 |
14 | if (!config) return null;
15 |
16 | return
18 |
29 |
30 |
38 |
19 |
20 |
21 |
22 | 23 | {t("title")} 24 |
25 |26 | {t("sub")} 27 |
28 |
17 |
;
35 | }
36 |
--------------------------------------------------------------------------------
/src/renderer/pages/setup/LanguageView.tsx:
--------------------------------------------------------------------------------
1 | import { i18n } from "@/renderer/i18n/i18n";
2 | import logo from "@assets/logo.png";
3 | import { Button, Divider } from "@heroui/react";
4 | import { useSetupNextPage } from "@pages/setup/SetupView";
5 | import { useTranslation } from "react-i18next";
6 |
7 | export function LanguageView() {
8 | const { t } = useTranslation("setup", { keyPrefix: "lang" });
9 | const next = useSetupNextPage();
10 |
11 | function setLang(lang: string) {
12 | void i18n.alterLanguage(lang);
13 | next();
14 | }
15 |
16 | return
18 |
28 |
29 |
19 |
20 |
21 | 22 | {t("title")} 23 |
24 |25 | {t("sub")} 26 |
27 |
30 | alterConfig(c => c.paths.game = v)}/>
31 |
32 |
33 |
34 |
17 |
;
36 | }
37 |
--------------------------------------------------------------------------------
/src/renderer/pages/setup/LicenseView.tsx:
--------------------------------------------------------------------------------
1 | import { ConfirmPopup } from "@components/modal/ConfirmPopup";
2 | import { Button, Card, CardBody } from "@heroui/react";
3 | import { useSetupNextPage } from "@pages/setup/SetupView";
4 | import { CircleCheckIcon, FileBadgeIcon } from "lucide-react";
5 | import { useTranslation } from "react-i18next";
6 | import license from "~/LICENSE?raw";
7 |
8 | export function LicenseView() {
9 | const { t } = useTranslation("setup", { keyPrefix: "license" });
10 | const next = useSetupNextPage();
11 |
12 | return
18 | 
19 |
21 |
22 | Alicorn
20 |
25 | {
26 | i18n.getAvailableLanguages().map(lang =>
27 |
32 | )
33 | }
34 |
35 |
13 |
;
45 | }
46 |
--------------------------------------------------------------------------------
/src/renderer/pages/setup/MirrorView.tsx:
--------------------------------------------------------------------------------
1 | import { useConfig } from "@/renderer/services/conf";
2 | import { Radio, RadioGroup } from "@heroui/radio";
3 | import { Button, Link } from "@heroui/react";
4 | import { useSetupNextPage } from "@pages/setup/SetupView";
5 | import { ArrowRightIcon, GaugeIcon } from "lucide-react";
6 | import React, { useEffect } from "react";
7 | import { Trans, useTranslation } from "react-i18next";
8 |
9 | export function MirrorView() {
10 | const { t } = useTranslation("setup", { keyPrefix: "mirror" });
11 | const { config, alterConfig } = useConfig();
12 | const next = useSetupNextPage();
13 |
14 | function showLink() {
15 | native.ext.openURL("https://bmclapidoc.bangbang93.com");
16 | }
17 |
18 | useEffect(() => {
19 | if (!import.meta.env.AL_ENABLE_BMCLAPI) {
20 | next();
21 | }
22 | }, []);
23 |
24 | if (!config) return null;
25 |
26 | return
14 |
24 |
25 |
29 |
30 |
31 |
44 |
15 |
16 |
17 |
18 | {t("title")}
19 |20 | {t("sub")} 21 |
22 | 23 |
26 | {license}
27 |
28 |
32 |
40 |
41 |
42 |
43 | {t("btn-hint")}
33 |
27 |
;
62 | }
63 |
--------------------------------------------------------------------------------
/src/renderer/pages/setup/SetupView.tsx:
--------------------------------------------------------------------------------
1 | import { useNav } from "@/renderer/util/nav";
2 | import { AnimatedRoute } from "@components/misc/AnimatedRoute";
3 | import { AccountInitView } from "@pages/setup/AccountInitView";
4 | import { AnalyticsView } from "@pages/setup/AnalyticsView";
5 | import { FinishView } from "@pages/setup/FinishView";
6 | import { GamePathSetupView } from "@pages/setup/GamePathSetupView";
7 | import { LanguageView } from "@pages/setup/LanguageView";
8 | import { LicenseView } from "@pages/setup/LicenseView";
9 | import { MirrorView } from "@pages/setup/MirrorView";
10 | import { WelcomeView } from "@pages/setup/WelcomeView";
11 | import { ZoomFactorView } from "@pages/setup/ZoomFactorView";
12 | import React, { useContext, useState } from "react";
13 | import { Redirect } from "wouter";
14 |
15 | interface PagesContextContent {
16 | currentPage: number;
17 | setCurrentPage: (p: number) => void;
18 | pages: string[];
19 | }
20 |
21 | const PagesContext = React.createContext
28 |
49 |
50 |
29 |
38 |
39 |
30 |
31 |
32 |
33 | {t("title")}
34 |35 | {t("sub")} 36 |
37 |
40 | alterConfig(c => c.net.mirror.enable = v === "allow")}
43 | >
44 | {t("allow.label")}
45 | {t("disallow.label")}
46 |
47 |
48 |
51 |
59 |
60 |
61 |
41 |
42 | {
43 | setupPages.map(([name, comp]) =>
44 |
45 | )
46 | }
47 |
48 |
49 |
50 |
;
51 | }
52 |
53 | export function useSetupNextPage() {
54 | const ctx = useContext(PagesContext);
55 | if (!ctx) throw "Should not try to use next-page navigation hook outside its provider";
56 |
57 | const nav = useNav();
58 |
59 | return () => {
60 | const pt = ctx.pages[ctx.currentPage + 1];
61 | ctx.setCurrentPage(ctx.currentPage + 1);
62 | nav(`/setup/${pt}`);
63 | };
64 | }
65 |
66 | function DefaultPageRedirect() {
67 | return
12 |
;
32 | }
33 |
--------------------------------------------------------------------------------
/src/renderer/services/accounts.ts:
--------------------------------------------------------------------------------
1 | import type { DetailedAccountProps } from "@/main/auth/types";
2 | import { accountsSlice } from "@/renderer/store/accounts";
3 | import { globalStore, useAppSelector } from "@/renderer/store/store";
4 |
5 | native.auth.onAccountChange(load);
6 | void load();
7 |
8 | async function load() {
9 | const accounts = await native.auth.getAccounts();
10 | globalStore.dispatch(accountsSlice.actions.replace({ accounts }));
11 | }
12 |
13 | export function useAccounts(): DetailedAccountProps[] {
14 | return useAppSelector(s => s.accounts.accounts);
15 | }
16 |
--------------------------------------------------------------------------------
/src/renderer/services/conf.ts:
--------------------------------------------------------------------------------
1 | import type { UserConfig } from "@/main/conf/conf";
2 | import { alter } from "@/main/util/misc";
3 | import { confSlice } from "@/renderer/store/conf";
4 | import { globalStore, useAppSelector } from "@/renderer/store/store";
5 |
6 | native.conf.onChange(handleChange);
7 | native.conf.get().then(handleChange);
8 |
9 | function handleChange(c: UserConfig) {
10 | globalStore.dispatch(
11 | confSlice.actions.replace({ config: c })
12 | );
13 | }
14 |
15 | export function useConfig() {
16 | const config = useAppSelector(s => s.conf.config);
17 |
18 | function alterConfig(update: (c: UserConfig) => void) {
19 | if (!config) return;
20 |
21 | native.conf.update(alter(config, update));
22 | }
23 |
24 | return { config, alterConfig };
25 | }
26 |
--------------------------------------------------------------------------------
/src/renderer/services/games.ts:
--------------------------------------------------------------------------------
1 | import type { GameProfile } from "@/main/game/spec";
2 | import { gamesSlice } from "@/renderer/store/games";
3 | import { type AppState, globalStore, useAppSelector } from "@/renderer/store/store";
4 | import { createSelector } from "@reduxjs/toolkit";
5 |
6 | native.game.onChange(load);
7 | void load();
8 |
9 | async function load() {
10 | const games = await native.game.list();
11 | globalStore.dispatch(
12 | gamesSlice.actions.replace({ games })
13 | );
14 | }
15 |
16 | const selectGameList = createSelector(
17 | [
18 | (s: AppState) => s.games.games
19 | ],
20 | (games) => {
21 | return Object.values(games);
22 | }
23 | );
24 |
25 | export function useGameList(): GameProfile[] {
26 | return useAppSelector(selectGameList);
27 | }
28 |
29 | export function useGameProfile(id: string): GameProfile | null {
30 | const g = useAppSelector(s => s.games.games[id]);
31 | return g ?? null;
32 | }
33 |
--------------------------------------------------------------------------------
/src/renderer/services/sources.ts:
--------------------------------------------------------------------------------
1 | import type { VersionManifest } from "@/main/install/vanilla";
2 | import { useEffect, useState } from "react";
3 |
4 | export function useVersionManifest(): VersionManifest | null {
5 | const [versionManifest, setVersionManifest] = useState
13 |
28 |
29 | {import.meta.env.AL_DEV &&
14 | 
15 |
19 |
20 |
21 |
16 |
17 |
18 |
22 |
27 | {t("title")}
23 |24 | {t("sub")} 25 |
26 |{t("is-dev")}
}
30 | {t("continue")}
31 |