Update for macOS support

This commit is contained in:
Mary 2022-11-26 11:36:53 +01:00
parent da495247e0
commit e0e205cee9
4 changed files with 33 additions and 7 deletions

View file

@ -6,6 +6,7 @@ VITE_COMPATIBILITY_URL=https://github.com/Ryujinx/Ryujinx-Games-List/issues
VITE_GUIDE_URL=https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide
VITE_DISCORD_URL=https://discord.gg/VkQYXAZ
VITE_RELEASE_URL=https://api.github.com/repos/Ryujinx/release-channel-master/releases/latest
VITE_RELEASE_MACOS_URL=https://api.github.com/repos/Ryujinx/release-channel-macos/releases/latest
VITE_OLDER_BUILDS_URL=https://github.com/Ryujinx/release-channel-master/releases
VITE_LDN_BUILD_URL=https://www.patreon.com/posts/ldn-2-5-vulkan-70757628
VITE_PATREON_URL=https://patreon.com/Ryujinx

View file

@ -6,6 +6,7 @@ VITE_COMPATIBILITY_URL=https://github.com/Ryujinx/Ryujinx-Games-List/issues
VITE_GUIDE_URL=https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide
VITE_DISCORD_URL=https://discord.gg/VkQYXAZ
VITE_RELEASE_URL=https://api.github.com/repos/Ryujinx/release-channel-master/releases/latest
VITE_RELEASE_MACOS_URL=https://api.github.com/repos/Ryujinx/release-channel-macos/releases/latest
VITE_OLDER_BUILDS_URL=https://github.com/Ryujinx/release-channel-master/releases
VITE_LDN_BUILD_URL=https://www.patreon.com/posts/introducing-ldn3-74910544
VITE_PATREON_URL=https://patreon.com/Ryujinx

View file

@ -8,6 +8,7 @@
"supportPlanned": "Support planned",
"supportWindows": "For Windows 10 & 11",
"supportLinux": "For the most common Linux distros",
"supportMacOS": "For macOS 11 and later (Intel and Apple Silicon)",
"buildInformation": "Build information",
"buildRelease": "This build was released on {0}",
"assets": "assets",

View file

@ -17,6 +17,8 @@ const OLDER_BUILD_URL = import.meta.env.VITE_OLDER_BUILDS_URL as string;
const { t } = useI18n();
const isLoading = ref(true);
const downloadRelease = ref<DownloadRelease>({} as DownloadRelease);
const downloadMacOSRelease = ref<DownloadRelease>({} as DownloadRelease);
const macosBuildUrl = ref("");
const linuxBuildUrl = ref("");
const windowBuildUrl = ref("");
@ -37,6 +39,7 @@ const fetchBuilds = async () => {
const result = await axios.get<DownloadRelease>(
import.meta.env.VITE_RELEASE_URL
);
downloadRelease.value = result.data;
downloadRelease.value?.assets.forEach((asset) => {
@ -51,6 +54,22 @@ const fetchBuilds = async () => {
} catch (err) {
console.error(err);
}
try {
const result = await axios.get<DownloadRelease>(
import.meta.env.VITE_RELEASE_MACOS_URL
);
downloadMacOSRelease.value = result.data;
downloadMacOSRelease.value?.assets.forEach((asset) => {
if (asset.name.toLowerCase().startsWith("ryujinx")) {
if (asset.name.endsWith(".app.tar.gz")) {
macosBuildUrl.value = asset.browser_download_url;
}
}
});
} catch (err) {}
isLoading.value = false;
};
</script>
@ -153,29 +172,33 @@ const fetchBuilds = async () => {
</a>
<!-- Mac OS -->
<div
class="group relative p-4 lg:p-6 bg-white rounded-xl transition duration-150 shadow-md shadow-gray-100 opacity-60"
<a
:href="macosBuildUrl"
class="group relative p-4 lg:p-6 bg-white rounded-xl transition duration-150 shadow-md shadow-gray-100"
>
<div
class="absolute inset-0 bg-white rounded-xl shadow-md shadow-gray-200 transition duration-100 scale-100 opacity-0"
class="absolute inset-0 bg-white rounded-xl shadow-md shadow-gray-200 transition duration-100 scale-100 opacity-0 group-hover:opacity-100 group-hover:scale-105 group-active:scale-100 group-active:opacity-0"
></div>
<div class="relative text-center">
<div
class="text-xs uppercase text-gray-400 font-semibold tracking-wider mb-4"
>
{{ t("views.download.supportPlanned") }}
{{ downloadMacOSRelease.tag_name }}
</div>
<div class="relative w-12 mb-8 text-indigo-500 mx-auto">
<img alt="macos logo" src="/assets/images/icons/macos.png" />
</div>
<h4 class="text-lg font-semibold mb-1 text-gray-900">macOS</h4>
<p class="leading-relaxed text-gray-500 text-sm font-medium">
{{ t("views.download.supportMacOS") }}
</p>
<div
class="flex justify-center items-center space-x-1 mt-4 pt-4 text-sm font-medium text-gray-500 border-t border-gray-100"
class="flex justify-center items-center space-x-1 mt-4 pt-4 text-sm font-medium text-gray-500 border-t border-gray-100 group-hover:text-sky-500"
>
<span>{{ t("views.download.notSupported") }}</span>
</div>
<span>{{ t("views.download.download") }}</span>
</div>
</div>
</a>
</div>
<!-- LDN Build -->