Christopher Serr
759910fcd5
The `react-color-picker` library has been unmaintained for quite a while and it (among other libraries) has been holding us back from upgrading React properly. I have written a color picker for our Druid based desktop version before and if we are going to use Dioxus for the desktop version, I would want to port the Druid version over anyway. And considering Dioxus is so close to React, I did just that. I ported it to Dioxus and then let Copilot port it to React, which worked on the very first try.
LiveSplit One
LiveSplit One is a version of LiveSplit that uses the multiplatform livesplit-core library and web technologies like React to create a new LiveSplit experience that works on a lot of different platforms.
The web version of LiveSplit One is available here.
The latest desktop version of LiveSplit One, with support for global hotkeys, can be downloaded here.
Note
This is not yet optimized for desktop usage. It's mostly the same as the web version and there is no update mechanism.
Build Instructions
In order to build LiveSplit One, you need to install npm and the Rust compiler. Make sure to recursively clone the repository so that all git submodules are cloned as well:
git clone --recursive
Once you have cloned the repository and set up both npm and the Rust compiler, you need to install the WebAssembly target:
rustup target add wasm32-unknown-unknown
You also need to build wasm-bindgen:
cargo install wasm-bindgen-cli
You need to set up some npm modules before compiling the project:
npm install -f
You are now ready to build livesplit-core, which powers LiveSplit One:
npm run build:core
Now you can build and host LiveSplit One:
npm run serve
Browser Support
| Browser | Compatibility | Known Issues |
|---|---|---|
| Chrome | ≥112 |  |
| Firefox | ≥121 |  |
| Edge | ≥112 | |
| Safari | ≥18.2 | |
| Opera | ≥98 | |
| iOS | ≥18.2 |  |
| Android WebView | ≥112 |  |
| Chrome Android | ≥112 | |
| Firefox Android | ≥121 | |
| Internet Explorer | Unsupported | |
| Opera Mini | Unsupported |