mirror of
https://github.com/emuplace/sudachi.emuplace.app.git
synced 2025-05-10 02:36:27 +02:00
Updated website
This commit is contained in:
Jarrod Norwell
parent
f948baa5d9
commit
777a49771a
1 changed files with 117 additions and 155 deletions
266
src/App.tsx
266
src/App.tsx
|
|
@ -1,152 +1,124 @@
|
||||||
import "@mantine/core/styles.css";
|
import "@mantine/core/styles.css";
|
||||||
import {
|
import {
|
||||||
Accordion, Anchor, Badge, Button, Container,
|
Accordion, Anchor, Badge, Button, Container,
|
||||||
Flex, Group, List, MantineProvider,
|
Flex,
|
||||||
Space, Stack, Text, Title,
|
Group,
|
||||||
VisuallyHidden
|
List,
|
||||||
|
MantineProvider,
|
||||||
|
Space,
|
||||||
|
Stack, Text, Title
|
||||||
} from "@mantine/core";
|
} from "@mantine/core";
|
||||||
import { theme } from "./theme";
|
import { theme } from "./theme";
|
||||||
|
|
||||||
export default function App() {
|
export default function App() {
|
||||||
const changes = [
|
const changes = [
|
||||||
{
|
{
|
||||||
text: 'v1.0.14',
|
version: 'v1.0.14',
|
||||||
sha: '...',
|
sha: '...',
|
||||||
isLatest: false,
|
isLatest: false,
|
||||||
isUpcoming: true,
|
isUpcoming: true,
|
||||||
details: [
|
details: [
|
||||||
{
|
{
|
||||||
system: "All Platforms",
|
title: 'Added support for booting the initial setup screen via -setup',
|
||||||
download: '',
|
subtitles: [
|
||||||
last: true,
|
'Only available on Linux, macOS and Windows via Terminal or Tools > Open Initial Setup',
|
||||||
items: [
|
'Only partial support for now, will be improved in the future'
|
||||||
{
|
|
||||||
primaryText: 'Added support for booting the initial setup screen via -setup (on Linux, macOS, Windows)',
|
|
||||||
secondaryText: 'Only partial support for now, will be improved in the future'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
primaryText: 'Added several missing functions to allow the initial setup screen to be launched',
|
|
||||||
secondaryText: null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
primaryText: 'Fixed an issue with mm:u where Get and GetOld would not return after pushing a found session\'s minimum value',
|
|
||||||
secondaryText: null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
primaryText: 'Started rewrite of caps, caps:a and caps:su to improve accuracy',
|
|
||||||
secondaryText: null
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Added several missing functions to allow the initial setup screen to be launched',
|
||||||
|
subtitles: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Fixed an issue with mm:u where Get and GetOld would not return after pushing a found session\'s minimum value',
|
||||||
|
subtitles: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Started rewrite of caps, caps:a and caps:su to improve accuracy',
|
||||||
|
subtitles: []
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
downloads: [
|
||||||
|
{
|
||||||
|
color: 'green',
|
||||||
|
platform: 'Android',
|
||||||
url: ''
|
url: ''
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: 'v1.0.13',
|
color: 'orange',
|
||||||
|
platform: 'Linux',
|
||||||
|
url: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
color: 'violet',
|
||||||
|
platform: 'macOS',
|
||||||
|
url: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
color: 'blue',
|
||||||
|
platform: 'Windows',
|
||||||
|
url: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
color: 'gray',
|
||||||
|
platform: 'Source Code',
|
||||||
|
url: ''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
version: 'v1.0.13',
|
||||||
sha: 'c5aff15',
|
sha: 'c5aff15',
|
||||||
isLatest: true,
|
isLatest: true,
|
||||||
isUpcoming: false,
|
isUpcoming: false,
|
||||||
details: [
|
details: [
|
||||||
{
|
{
|
||||||
system: "Android",
|
title: 'Changed mm:u to be more accurate to documentation',
|
||||||
download: 'https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.13/app-mainline-release.apk',
|
subtitles: []
|
||||||
last: false,
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
primaryText: 'Changed mm:u to be more accurate to documentation',
|
|
||||||
secondaryText: null
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
primaryText: 'Removed ability to install games to the NAND',
|
title: 'Removed ability to install games to the NAND',
|
||||||
secondaryText: null
|
subtitles: []
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
system: "Windows",
|
|
||||||
download: 'https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.13/sudachi-windows-v1.0.13.7z',
|
|
||||||
last: true,
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
primaryText: 'Added support for booting to QLaunch via -qlaunch',
|
|
||||||
secondaryText: null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
primaryText: 'Changed mm:u to be more accurate to documentation',
|
|
||||||
secondaryText: null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
primaryText: 'Removed ability to install games to the NAND',
|
|
||||||
secondaryText: null
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
downloads: [
|
||||||
|
{
|
||||||
|
color: 'green',
|
||||||
|
platform: 'Android',
|
||||||
|
url: 'https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.13/app-mainline-release.apk'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
color: 'orange',
|
||||||
|
platform: 'Linux',
|
||||||
|
url: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
color: 'violet',
|
||||||
|
platform: 'macOS',
|
||||||
|
url: 'https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.13/sudachi-macos-v1.0.13.7z'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
color: 'blue',
|
||||||
|
platform: 'Windows',
|
||||||
|
url: 'https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.13/sudachi-windows-v1.0.13.7z'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
color: 'gray',
|
||||||
|
platform: 'Source Code',
|
||||||
url: 'https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.13/latest.zip'
|
url: 'https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.13/latest.zip'
|
||||||
}
|
}
|
||||||
];
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
const items = changes.map((item) => {
|
const items = changes.map((item) => {
|
||||||
const listItems = item.details.map((detail) => {
|
|
||||||
const detailItems = detail.items.map((item) => (
|
|
||||||
<>
|
|
||||||
<List.Item>
|
|
||||||
<Text>{item.primaryText}</Text>
|
|
||||||
<Text c={'dimmed'} size="sm" hidden={item.secondaryText == '' || item.secondaryText == null}>
|
|
||||||
{item.secondaryText}
|
|
||||||
</Text>
|
|
||||||
</List.Item>
|
|
||||||
</>
|
|
||||||
));
|
|
||||||
|
|
||||||
const button = function () {
|
|
||||||
if (!detail.last) {
|
|
||||||
return (
|
return (
|
||||||
<VisuallyHidden>
|
<Accordion.Item key={item.version} value={item.version}>
|
||||||
<Flex justify={'flex-end'}>
|
|
||||||
<Button color="gray" component="a" disabled={item.url == '' || item.url == null} href={item.url} radius={'md'} size="sm">
|
|
||||||
Source Code
|
|
||||||
</Button>
|
|
||||||
</Flex>
|
|
||||||
</VisuallyHidden>
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
return (
|
|
||||||
<Flex justify={'flex-end'}>
|
|
||||||
<Button color="gray" component="a" disabled={item.url == '' || item.url == null} href={item.url} radius={'md'} size="sm">
|
|
||||||
Source Code
|
|
||||||
</Button>
|
|
||||||
</Flex>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Title order={3}>
|
|
||||||
{detail.system}
|
|
||||||
</Title>
|
|
||||||
<List>
|
|
||||||
{detailItems}
|
|
||||||
</List>
|
|
||||||
<Space h={'md'} />
|
|
||||||
<Button component="a" disabled={detail.download == '' || detail.download == null} href={detail.download} radius={'md'} size="sm">
|
|
||||||
Download
|
|
||||||
</Button>
|
|
||||||
<Space h={item.url == '' || item.url == null ? 0 : 'md'} />
|
|
||||||
{button()}
|
|
||||||
<Space h={detail.last ? 0 : 'md'} />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Accordion.Item key={item.text} value={item.text}>
|
|
||||||
<Accordion.Control>
|
<Accordion.Control>
|
||||||
<Group justify='space-between' pr={'md'}>
|
<Group justify='space-between' pr={'md'}>
|
||||||
<Group gap={'sm'}>
|
<Group gap={'sm'}>
|
||||||
<Text>
|
<Text>
|
||||||
{item.text}
|
{item.version}
|
||||||
</Text>
|
</Text>
|
||||||
<Text c={'dimmed'}>
|
<Text c={'dimmed'}>
|
||||||
{`(${item.sha})`}
|
{`(${item.sha})`}
|
||||||
|
|
@ -158,13 +130,39 @@ export default function App() {
|
||||||
</Group>
|
</Group>
|
||||||
</Accordion.Control>
|
</Accordion.Control>
|
||||||
<Accordion.Panel>
|
<Accordion.Panel>
|
||||||
{...listItems}
|
<List>
|
||||||
|
{item.details.map((detail) => (
|
||||||
|
<List.Item>
|
||||||
|
<Text>
|
||||||
|
{detail.title}
|
||||||
|
</Text>
|
||||||
|
<List>
|
||||||
|
{detail.subtitles.map((subtitle) => (
|
||||||
|
<List.Item>
|
||||||
|
<Text c={'dimmed'} size="sm">
|
||||||
|
{subtitle}
|
||||||
|
</Text>
|
||||||
|
</List.Item>
|
||||||
|
))}
|
||||||
|
</List>
|
||||||
|
</List.Item>
|
||||||
|
))}
|
||||||
|
</List>
|
||||||
|
<Space h={'md'} />
|
||||||
|
<Flex gap={'md'} wrap={'wrap'} justify="flex-start"
|
||||||
|
align="flex-start">
|
||||||
|
{item.downloads.map((download) => (
|
||||||
|
<Button color={download.color} radius={'md'} component="a" disabled={download.url == '' || download.url == null} href={download.url}>
|
||||||
|
{download.platform}
|
||||||
|
</Button>
|
||||||
|
))}
|
||||||
|
</Flex>
|
||||||
</Accordion.Panel>
|
</Accordion.Panel>
|
||||||
</Accordion.Item>
|
</Accordion.Item>
|
||||||
);
|
)
|
||||||
});
|
})
|
||||||
|
|
||||||
const date = new Date();
|
const date = new Date()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<MantineProvider theme={theme} forceColorScheme={date.getHours() >= 7 && date.getHours() <= 19 ? "light" : "dark"}>
|
<MantineProvider theme={theme} forceColorScheme={date.getHours() >= 7 && date.getHours() <= 19 ? "light" : "dark"}>
|
||||||
|
|
@ -179,42 +177,6 @@ export default function App() {
|
||||||
<Text c={'dimmed'} ta={'center'}>
|
<Text c={'dimmed'} ta={'center'}>
|
||||||
Nintendo Switch emulation without the iffy bits and support for more games
|
Nintendo Switch emulation without the iffy bits and support for more games
|
||||||
</Text>
|
</Text>
|
||||||
{/*<Flex align={'center'} justify={'center'}>
|
|
||||||
<Group ta={'center'}>
|
|
||||||
<Button component="a" href="https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.9/app-mainline-release.apk" color="green" radius={'xl'} variant="filled">Android</Button>
|
|
||||||
<Menu opened={opened} onChange={setOpened}>
|
|
||||||
<Menu.Target>
|
|
||||||
<Button radius={'xl'} variant="filled" disabled>Apple</Button>
|
|
||||||
</Menu.Target>
|
|
||||||
|
|
||||||
<Menu.Dropdown>
|
|
||||||
<Menu.Label>iOS, iPadOS</Menu.Label>
|
|
||||||
<Menu.Item leftSection={<IconDeviceTablet style={{ width: rem(14), height: rem(14) }} />}>
|
|
||||||
iPad
|
|
||||||
</Menu.Item>
|
|
||||||
<Menu.Item leftSection={<IconDeviceMobile style={{ width: rem(14), height: rem(14) }} />}>
|
|
||||||
iPhone
|
|
||||||
</Menu.Item>
|
|
||||||
<Menu.Divider />
|
|
||||||
<Menu.Label>macOS</Menu.Label>
|
|
||||||
<Menu.Item leftSection={<IconDeviceLaptop style={{ width: rem(14), height: rem(14) }} />} disabled>
|
|
||||||
Apple Silicon
|
|
||||||
</Menu.Item>
|
|
||||||
<Menu.Item leftSection={<IconDeviceLaptop style={{ width: rem(14), height: rem(14) }} />} disabled>
|
|
||||||
Intel
|
|
||||||
</Menu.Item>
|
|
||||||
<Menu.Divider />
|
|
||||||
<Menu.Label>visionOS</Menu.Label>
|
|
||||||
<Menu.Item leftSection={<IconCardboards style={{ width: rem(14), height: rem(14) }} />} disabled>
|
|
||||||
Apple Vision Pro
|
|
||||||
</Menu.Item>
|
|
||||||
</Menu.Dropdown>
|
|
||||||
</Menu>
|
|
||||||
<Button color="orange" radius={'xl'} variant="filled" disabled>Linux</Button>
|
|
||||||
<Button color="blue" component="a" href="https://github.com/emuplace/sudachi.emuplace.app/releases/download/v1.0.8/sudachi-windows-v1.0.8.7z" radius={'xl'} variant="filled">Windows</Button>
|
|
||||||
<Button color="gray" component="a" href="https://drive.google.com/file/d/149zdnytWES7-2f8SpXuceVBz--xKgp2c/view?usp=sharing" radius={'xl'} variant="filled">Source Code</Button>
|
|
||||||
</Group>
|
|
||||||
</Flex>*/}
|
|
||||||
<Title order={2}>
|
<Title order={2}>
|
||||||
Changes
|
Changes
|
||||||
</Title>
|
</Title>
|
||||||
|
|
@ -224,5 +186,5 @@ export default function App() {
|
||||||
</Stack>
|
</Stack>
|
||||||
</Container>
|
</Container>
|
||||||
</MantineProvider>
|
</MantineProvider>
|
||||||
);
|
)
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue