Added "newEngine" channel

src/components/Sidebar/Versions/List.tsx

@@ -11,6 +11,7 @@ const VersionsList: React.FC = () => {
  </VersionSeparator>
  <YARGVersion channel="stable" />
  <YARGVersion channel="nightly" />
+ <YARGVersion channel="newEngine" />
  <VersionSeparator name="Songs">
  <AddIcon className={styles.add} />
  </VersionSeparator>

src/components/Sidebar/Versions/YARG.tsx

@@ -3,10 +3,11 @@ import { YARGStates, useYARGVersion } from "@app/hooks/useYARGVersion";
 import BaseVersion from "./Base";
 import NightlyYARGIcon from "@app/assets/NightlyYARGIcon.png";
 import StableYARGIcon from "@app/assets/StableYARGIcon.png";
+import DevYARGIcon from "@app/assets/DevYARGIcon.png";
 import { NavLink } from "react-router-dom";
 
 interface Props {
- channel: "stable" | "nightly";
+ channel: "stable" | "nightly" | "newEngine";
 }
 
 const YARGVersion: React.FC<Props> = ({ channel }: Props) => {
@@ -19,6 +20,8 @@ const YARGVersion: React.FC<Props> = ({ channel }: Props) => {
  return StableYARGIcon;
  case "nightly":
  return NightlyYARGIcon;
+ case "newEngine":
+ return DevYARGIcon;
  }
  }
 
@@ -28,6 +31,8 @@ const YARGVersion: React.FC<Props> = ({ channel }: Props) => {
  return "Stable";
  case "nightly":
  return "Nightly";
+ case "newEngine":
+ return "New Engine";
  }
  }
 

src/hooks/useYARGRelease.ts

@@ -2,7 +2,7 @@ import { useQuery } from "@tanstack/react-query";
 import { Endpoints } from "@octokit/types";
 import { invoke } from "@tauri-apps/api/tauri";
 
-export type YARGChannels = "stable"|"nightly";
+export type YARGChannels = "stable" | "nightly" | "newEngine";
 
 type ReleaseData = Endpoints["GET /repos/{owner}/{repo}/releases/latest"]["response"]["data"];
 export type ExtendedReleaseData = ReleaseData & {
@@ -12,15 +12,16 @@ export type ExtendedReleaseData = ReleaseData & {
 export const useYARGRelease = (channel: YARGChannels) => {
  const repositoryName = {
  "stable": "YARG",
- "nightly": "YARG-BleedingEdge"
+ "nightly": "YARG-BleedingEdge",
+ "newEngine": "YARG-NewEngine"
  };
 
  return useQuery({
  queryKey: ["YARG", channel],
  queryFn: async (): Promise<ReleaseData> => await fetch(
  `https://api.github.com/repos/YARC-Official/${repositoryName[channel]}/releases/latest`)
  .then(res => res.json()),
- select: (data): ExtendedReleaseData => ({...data, channel: channel})
+ select: (data): ExtendedReleaseData => ({ ...data, channel: channel })
  }).data as ExtendedReleaseData;
 };
 

src/routes/YARG/NewEngine.tsx

@@ -0,0 +1,22 @@
+import LaunchPage from "@app/components/Launch/LaunchPage";
+import { useYARGRelease } from "@app/hooks/useYARGRelease";
+import { useYARGVersion } from "@app/hooks/useYARGVersion";
+import DevYARGIcon from "@app/assets/DevYARGIcon.png";
+
+function StableYARGPage() {
+ const releaseData = useYARGRelease("newEngine");
+ const yargVersion = useYARGVersion(releaseData, "newEngine");
+
+ return (<>
+ <LaunchPage version={yargVersion} releaseTag={releaseData?.tag_name} playName="NEW ENGINE" description={<>
+ This is the YARG v0.12 test channel! v0.12 is a massive update that will completely revamp the hit
+ engine, add profiles, add practice mode, add replays, and a lot more!
+ <strong>
+ This version does not represent the final product of v0.12, and is incomplete. Expect lots of bugs
+ and incomplete features.
+ </strong>
+ </>} websiteUrl="https://github.com/YARC-Official/YARG-NewEngine" icon={DevYARGIcon} />
+ </>);
+}
+
+export default StableYARGPage;

src/routes/index.tsx

@@ -5,6 +5,7 @@ import Home from "@app/routes/Home";
 import Settings from "@app/routes/Settings";
 import StableYARGPage from "./YARG/Stable";
 import NightlyYARGPage from "./YARG/Nightly";
+import NewEngineYARGPage from "./YARG/NewEngine";
 import Queue from "@app/routes/Queue";
 import SetlistPage from "./Setlist";
 import NewsPage from "./NewsPage";
@@ -39,6 +40,11 @@ const Router = createBrowserRouter([
  element: <NightlyYARGPage />
  },
 
+ {
+ path: "/yarg/newEngine",
+ element: <NewEngineYARGPage />
+ },
+
  {
  path: "/setlist/official",
  element: <SetlistPage setlistId="official" />