-
Latest Releases
- {data ? (
-
-
- {data && data.map(({tag, date, author, description}, i) => (
-
-
-
-
- ))}
-
-
- ) : (
-
Loading...
- )
- }
+
+
+
{translate({ id: 'changelog.heading', message: 'Latest Releases' })}
+ {releases === null ? (
+
{translate({ id: 'changelog.loading', message: 'Loading releases…' })}
+ ) : releases.length === 0 ? (
+
{translate({ id: 'changelog.unavailable', message: 'Release notes are currently unavailable.' })}
+ ) : (
+
+ {releases.map(({ tag, date, author, description }, index) => {
+ const isExpanded = expandedReleases.has(tag);
+ const detailsId = `release-details-${index}`;
+
+ return (
+
+ setExpandedReleases((current) => {
+ const next = new Set(current);
+ if (next.has(tag)) {
+ next.delete(tag);
+ } else {
+ next.add(tag);
+ }
+ return next;
+ })}>
+ {tag}
+ {date}
+
+
+
+
+
{translate({ id: 'changelog.byAuthor', message: 'by {author}' }, { author })}
+
+ );
+ })}
+
+ )}
);
-}
+};
-export default Changelog;
\ No newline at end of file
+export default Changelog;
diff --git a/src/pages/download/index.module.css b/src/pages/download/index.module.css
index 3f989255..19eb92f8 100644
--- a/src/pages/download/index.module.css
+++ b/src/pages/download/index.module.css
@@ -16,21 +16,30 @@
min-height: 7.9rem;
}
-.autodetect {
+.subtitle {
+ margin: 2rem 0;
opacity: 0.65;
- margin-top: 2rem;
+ text-align: center;
}
-.itemText {
- margin-left: 10px;
+.downloadGrid {
+ display: grid;
+ width: 100%;
+ max-width: 72rem;
+ grid-auto-rows: 1fr;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 1.5rem;
+ align-items: stretch;
}
-.cardTitle {
- text-align: center;
+.osColumn {
+ display: grid;
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+ gap: var(--ifm-spacing-vertical);
}
-.dlCol {
- margin: var(--ifm-spacing-vertical) 0;
+.cardTitle {
+ text-align: center;
}
.downloadOption {
@@ -38,20 +47,30 @@
border-color: transparent;
}
-.supported {
- border-color: green;
+.itemText {
+ margin-left: 10px;
}
-.disabledText {
- opacity: 0.25;
+.downloadUnavailable {
+ display: flex;
+ min-height: 3.75rem;
+ align-items: center;
+ justify-content: center;
+ margin-top: 0.5rem;
+ padding: 1rem 0;
+ color: var(--ifm-color-emphasis-600);
+ font-weight: var(--ifm-button-font-weight);
+ text-align: center;
}
-.disabled > * {
- opacity: 0.25;
+.releaseFallback {
+ margin: 0 0 1.5rem;
+ text-align: center;
}
-.comingNever {
- text-align: center;
- opacity: 0.50;
- margin-top: 10px;
-}
\ No newline at end of file
+@media (max-width: 996px) {
+ .downloadGrid {
+ max-width: 36rem;
+ grid-template-columns: minmax(0, 1fr);
+ }
+}
diff --git a/src/pages/download/index.tsx b/src/pages/download/index.tsx
index d2f38383..93b6aa8e 100644
--- a/src/pages/download/index.tsx
+++ b/src/pages/download/index.tsx
@@ -1,278 +1,191 @@
import React, { useEffect, useState } from 'react';
import clsx from 'clsx';
-import {Link } from "react-router-dom";
-
import Layout from '@theme/Layout';
+import { translate } from '@docusaurus/Translate';
import styles from './index.module.css';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faAndroid, faApple, faAppStoreIos, faGithub, faLinux, faWindows, } from '@fortawesome/free-brands-svg-icons';
-import { faCode, faDownload, faExternalLinkAlt, faExternalLinkSquareAlt, faFileArchive, faWineBottle, faWineGlass, faWineGlassAlt } from '@fortawesome/free-solid-svg-icons';
+import { faApple, faLinux, faWindows } from '@fortawesome/free-brands-svg-icons';
+import { faDownload, faFileZipper } from '@fortawesome/free-solid-svg-icons';
-const OS_SUPPORT = Object.freeze({
- undefined: {
- name: "undefined",
- supported: false,
- wine_supported: false,
- web_supported: true
- },
- macos: {
- macintosh: {
- name: "Macintosh",
- supported: false,
- wine_supported: true,
- web_supported: true
- },
- macIntel: {
- name: "MacIntel",
- supported: false,
- wine_supported: true,
- web_supported: true
- },
- macPPC: {
- name: "MacPPC",
- wine_supported: true,
- web_supported: true
- },
- mac86K: {
- name: "Mac68K",
- supported: false,
- wine_supported: true,
- web_supported: true
- }
- },
- windows: {
- win32: {
- name: "Win32",
- supported: true,
- wine_supported: false,
- web_supported: true
- },
- win64: {
- name: "Win64",
- supported: true,
- wine_supported: false,
- web_supported: true
- },
- win: {
- name: "Windows",
- supported: false,
- wine_supported: false,
- web_supported: true
- },
- winCe: {
- name: "WinCE",
- supported: false,
- wine_supported: false,
- web_supported: true
- }
- },
- ios: {
- iPhone: {
- name: "iPhone",
- supported: false,
- wine_supported: false,
- web_supported: true
- },
- iPad: {
- name: "iPad",
- supported: false,
- wine_supported: false,
- web_supported: true
- },
- iPod: {
- name: "iPod",
- supported: false,
- wine_supported: false,
- web_supported: true
- }
- },
- android: {
- name: "Android",
- supported: false,
- wine_supported: true,
- web_supported: true
- },
- linux: {
- name: "Linux",
- supported: false,
- wine_supported: true,
- web_supported: true
- },
-});
+type ReleaseAsset = {
+ name: string;
+ browser_download_url: string;
+};
-const cards = [
+const LATEST_RELEASE_API_URL = 'https://api.github.com/repos/OliBomby/Mapping_Tools/releases/latest';
+const LATEST_RELEASE_URL = 'https://github.com/OliBomby/Mapping_Tools/releases/latest';
+
+const downloadColumns = [
{
- label: 'Windows x64',
- os: OS_SUPPORT.windows.win64,
- icon: faWindows,
- items: [
+ id: 'windows',
+ label: 'Windows',
+ cards: [
{
- icon: faDownload,
- text: "Installer",
- onClick: () => window.open("https://github.com/OliBomby/Mapping_Tools/releases/latest/download/mapping_tools_installer_x64.exe"),
+ label: 'Windows x64',
+ icon: faWindows,
+ rid: 'win-x64',
+ options: [
+ { label: translate({ id: 'download.installer', message: 'Installer' }), suffix: '-Setup.exe', icon: faDownload },
+ { label: translate({ id: 'download.portable', message: 'Portable' }), suffix: '-Portable.zip', icon: faFileZipper },
+ ],
},
{
- icon: faFileArchive,
- text: "Portable",
- onClick: () => window.open("https://github.com/OliBomby/Mapping_Tools/releases/latest/download/release_x64.zip"),
- }
- ]
+ label: 'Windows x86',
+ icon: faWindows,
+ rid: 'win-x86',
+ options: [
+ { label: translate({ id: 'download.installer', message: 'Installer' }), suffix: '-Setup.exe', icon: faDownload },
+ { label: translate({ id: 'download.portable', message: 'Portable' }), suffix: '-Portable.zip', icon: faFileZipper },
+ ],
+ },
+ ],
},
{
- label: 'Windows x86',
- os: OS_SUPPORT.windows.win32,
- icon: faWindows,
- items: [
+ id: 'linux',
+ label: 'Linux',
+ cards: [
{
- icon: faDownload,
- text: "Installer",
- onClick: () => window.open("https://github.com/OliBomby/Mapping_Tools/releases/latest/download/mapping_tools_installer_x86.exe"),
+ label: 'Linux x64',
+ icon: faLinux,
+ rid: 'linux-x64',
+ options: [
+ { label: translate({ id: 'download.appImage', message: 'AppImage' }), suffix: '.appimage', icon: faDownload },
+ ],
},
{
- icon: faFileArchive,
- text: "Portable",
- onClick: () => window.open("https://github.com/OliBomby/Mapping_Tools/releases/latest/download/release.zip"),
- }
- ]
+ label: 'Linux ARM64',
+ icon: faLinux,
+ rid: 'linux-arm64',
+ options: [
+ { label: translate({ id: 'download.appImage', message: 'AppImage' }), suffix: '.appimage', icon: faDownload },
+ ],
+ },
+ ],
},
{
- label: 'Linux',
- os: OS_SUPPORT.linux,
- icon: faLinux,
- items: [
+ id: 'macos',
+ label: 'macOS',
+ cards: [
{
- icon: faDownload,
- onClick: () => { },
+ label: 'macOS ARM64',
+ icon: faApple,
+ rid: 'osx-arm64',
+ options: [
+ { label: translate({ id: 'download.installer', message: 'Installer' }), suffix: '.pkg', icon: faDownload },
+ { label: translate({ id: 'download.portable', message: 'Portable' }), suffix: '-Portable.zip', icon: faFileZipper },
+ ],
},
{
- icon: faFileArchive,
- text: "Portable",
- onClick: () => { },
- }
+ label: 'macOS x64',
+ icon: faApple,
+ rid: 'osx-x64',
+ options: [
+ { label: translate({ id: 'download.installer', message: 'Installer' }), suffix: '.pkg', icon: faDownload },
+ { label: translate({ id: 'download.portable', message: 'Portable' }), suffix: '-Portable.zip', icon: faFileZipper },
+ ],
+ },
],
- }
+ },
];
-const getOs = () => {
- const userAgent = window.navigator.userAgent;
-
- const winX64Pattern = /\b(x86_x64|x86-64|Win64|x64;|amd64|WOW64|x64_x64)\b/gi;
-
- if (winX64Pattern.test(userAgent)) {
- return OS_SUPPORT.windows.win64;
- }
+function findReleaseAsset(assets: ReleaseAsset[], rid: string, suffix: string) {
+ const target = rid.toLowerCase();
+ const fileSuffix = suffix.toLowerCase();
- const platform = window.navigator.platform;
-
- const windowsPlatforms = Object.keys(OS_SUPPORT.windows);
-
- for (let i = 0; i < windowsPlatforms.length; i++) {
- const os = OS_SUPPORT.windows[windowsPlatforms[i]];
- if (os.name === platform) return os;
- }
-
- const macPlatforms = Object.keys(OS_SUPPORT.macos);
-
- for (let i = 0; i < macPlatforms.length; i++) {
- const os = OS_SUPPORT.macos[macPlatforms[i]];
- if (os.name === platform) return os;
- }
-
- const iosPlatforms = Object.keys(OS_SUPPORT.ios);
-
- for (let i = 0; i < iosPlatforms.length; i++) {
- const os = OS_SUPPORT.ios[iosPlatforms[i]];
- if (os.name === platform) return os;
- }
-
- if (/Android/.test(userAgent)) {
- return OS_SUPPORT.android;
- }
-
- if (/Linux/.test(platform)) {
- return OS_SUPPORT.linux
- }
-
- return OS_SUPPORT.undefined;
-};
-
-function DetectOs(props) {
- if (props.os === null) {
- return
Detecting operating system ...
- }
-
- if (props.os.name === "undefined") {
- return
Cannot identify operating system!
- }
-
- return
Mapping Tools is {props.os.supported ? '' : 'not '} available for your operating system ({props.os.name}) {props.os.supported ? '' : [', but you can try ',
-}
-
-function MakeButtons(props) {
- const os = props.os;
- const items = props.items;
- if (os.supported) {
- return items.map((item, j) => (
-
- {item.text}
- ));
- }
- if (os.wine_supported || os.web_supported) {
- return [
-
-
- Wine instructions
-
- ,
-
window.open("https://potoofu.github.io/mapping-tools-web/")}>
- Mapping Tools Web
- ];
- }
-
- return
Not supported :(
;
+ return assets.find((asset) => {
+ const name = asset.name.toLowerCase();
+ return name.includes(target) && name.endsWith(fileSuffix);
+ });
}
const Download: React.FC = () => {
- const [currentOs, setOs] = useState(null);
+ const [releaseAssets, setReleaseAssets] = useState
(null);
useEffect(() => {
- setOs(getOs());
+ let isMounted = true;
+
+ fetch(LATEST_RELEASE_API_URL)
+ .then((response) => {
+ if (!response.ok) throw new Error('Could not load release assets.');
+ return response.json();
+ })
+ .then((release) => {
+ if (isMounted) setReleaseAssets(release.assets);
+ })
+ .catch(() => {
+ if (isMounted) setReleaseAssets([]);
+ });
+
+ return () => {
+ isMounted = false;
+ };
}, []);
return (
-
-
-
Download
-
-
-
- {cards.map(({ label, icon, os, items }, i) => (
-
-
+
+
+
{translate({ id: 'download.heading', message: 'Download' })}
+
{translate({ id: 'download.subtitle', message: 'Download Mapping Tools for your operating system' })}
+
+ {releaseAssets?.length === 0 && (
+
+ {translate({ id: 'download.unavailable', message: 'Download links are unavailable.' })} {translate({ id: 'download.latestReleaseLink', message: 'Browse the latest release on GitHub.' })}
+
+ )}
+
+
+ {downloadColumns.map(({ id, label, cards }) => (
+
+ {cards.map(({ label: cardLabel, icon, rid, options }) => (
+
-
+
-
+ {options.map((option) => {
+ const asset = releaseAssets
+ ? findReleaseAsset(releaseAssets, rid, option.suffix)
+ : null;
+
+ return asset ? (
+
+ {option.label}
+
+ ) : (
+
+
+ {releaseAssets === null
+ ? translate({ id: 'download.loading', message: '{option} loading…' }, { option: option.label })
+ : translate({ id: 'download.optionUnavailable', message: '{option} unavailable' }, { option: option.label })}
+
+
+ );
+ })}
-
+
+ ))}
+
+ ))}
);
-}
+};
export default Download;
diff --git a/src/pages/faq.md b/src/pages/faq.md
index 4682d69b..7b1da839 100644
--- a/src/pages/faq.md
+++ b/src/pages/faq.md
@@ -7,7 +7,7 @@ author: OliBomby, aehrea
## Why don't I see any changes in my map?
-Check the **Current Map** (blue bar at the top of the application) to make sure you have set the correct path to your beatmap.
+Check the **Selected Map** (blue bar at the top of the application) to make sure you have set the correct path to your beatmap.
Also, make sure to **reload the editor without saving** after running the tool, as saving the map in the editor reverts the changes caused by the tool, because saving overwrites the .osu with the old version of the beatmap. You can reload the map quickly by pressing `Ctrl+L` and `Enter` in the editor.
@@ -31,7 +31,7 @@ These are features that depend on reading the memory of the osu! client. Memory
- Not using the latest version of osu!: Switch off of private servers and update osu! to the latest version.
- osu! updated and changed memory offsets again: Please notify me so the issue can be fixed.
- Using Mapping Tools on Windows 7 or earlier: Make sure you have .NET framework 4.5.1 or later installed.
-- Using Mapping Tools on an OS which is not Windows: Refer to the [Wine instructions](../../docs/mapping-tools/installation#wine).
+- Using Mapping Tools on an OS which is not Windows: Refer to the [installation guide](../../docs/mapping-tools/installation).
## How to mute sliderends without copying hitsounds?
@@ -51,4 +51,4 @@ Yes, most functionality of Mapping Tools works in lazer. For more details see th
## I have a question not on this list or I found a bug.
-Ask a question in the mapping-tools-techsupport channel in the [Discord](https://discord.gg/YfjKN2yjQV), ask me directly on Discord (olibomby), or make a new issue on [GitHub](https://github.com/OliBomby/Mapping_Tools/issues).
+Ask a question in the mt-techsupport channel in the [Discord](https://discord.gg/YfjKN2yjQV), ask me directly on Discord (olibomby), or make a new issue on [GitHub](https://github.com/OliBomby/Mapping_Tools/issues).
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 00343864..b2fea471 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,12 +1,15 @@
import React, { ReactNode } from 'react';
import Layout from '@theme/Layout';
+import { translate } from '@docusaurus/Translate';
import HomepageHeader from "../components/HomepageHeader";
import HomepageFeatures from "../components/HomepageFeatures";
const Home: React.FC = () => {
return (
-
+
+ {translate(
+ {
+ id: 'announcement.join',
+ message: 'Join the Mapping Tools community on {discord} for support and discussion.',
+ },
+ {
+ discord:
Discord ,
+ },
+ )}
+
+ 
-