Bump version to 2.1.1

* Redesign Quick Settings bar

* Move stream stats settings to quick settings bar

* Add "for" attributes to labels

* Minor optimization

* Stop rendering Toast

* Don't render UI elements when not playing

README.md

@@ -1,9 +1,10 @@
 # Better xCloud
-Improve Xbox Cloud Gaming (xCloud) experience on [xbox.com/play](https://www.xbox.com/play).  
+Improve Xbox Cloud Gaming (xCloud) experience on [xbox.com/play](https://www.xbox.com/play). It also allows you to use Remote Play on the xCloud website.  
-The main target of this script is mobile users, but it should work great on desktop too.  
 
-Supported platforms:  
+**Supported platforms:**  
-- Windows, macOS, Linux
+- Windows
+- macOS
+- Linux, SteamOS (Steam Deck)
 - Android, Android TV
 - iOS, iPadOS
 
@@ -35,8 +36,8 @@ If you like this project please give it a 🌟. Thank you 🙏.
     - [Stable version](https://github.com/redphx/better-xcloud/releases/latest/download/better-xcloud.user.js)
     <!-- - [Dev version](https://github.com/redphx/better-xcloud/raw/main/better-xcloud.user.js)-->  
     I only distribute **Better xCloud** on GitHub, *DO NOT* download it on other websites or from unknown sources.
-4. Refresh [xCloud web page](https://www.xbox.com/play/).
+4. Refresh the [xCloud web page](https://www.xbox.com/play/).
-5. Click on the new "SERVER NAME" button next to your profile picture to adjust settings.
+5. Click on the new *\<SERVER NAME\>* button next to your profile picture to adjust settings.
 
 To update manually, just install the script again (you won't lose your settings).
 
@@ -49,12 +50,12 @@ To update manually, just install the script again (you won't lose your settings)
 - ➖ = unavailable
 - 🗒️ = see custom notes
 
-|                                         | Windows/Linux    | macOS            | Android/Android TV | iOS              |
+|                                         | Windows/Linux/SteamOS | macOS            | Android/Android TV | iOS              |
-|-----------------------------------------|:-----------------|:-----------------|:-------------------|:-----------------|
+|-----------------------------------------|:----------------------|:-----------------|:-------------------|:-----------------|
-| Chrome/Edge/Chromium variants           | 👍               | 👍               | ❌                  | ❌               |
+| Chrome/Edge/Chromium...                 | 👍                    | 👍               | ❌                  | ❌               |
-| Firefox                                 | ✅               | ✅               | 🗒️<sup>(1)</sup>    | ❌               |
+| Firefox                                 | ✅                    | ✅               | 🗒️<sup>(1)</sup>    | ❌               |
-| Safari                                  | ➖               | ✅<sup>(2)</sup> | ➖                  | ✅<sup>(3)</sup> |
+| Safari                                  | ➖                    | ✅<sup>(2)</sup> | ➖                  | ✅<sup>(3)</sup> |
-| [Kiwi Browser](https://kiwibrowser.com) | ➖               | ➖               | 👍                  | ➖               |
+| [Kiwi Browser](https://kiwibrowser.com) | ➖                    | ➖               | 👍                  | ➖               |
 
 Don't see your browser in the table? If it supports Tampermonkey/Userscript then the answer is likely **"YES"**.
 
@@ -73,7 +74,7 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 <br>
 <img width="600" alt="Stream HUD" src="https://github.com/redphx/better-xcloud/assets/96280/51bdb96c-79ab-402f-902a-a9e6229973b2">
 <br>
-<img width="600" alt="Stream settings" src="https://github.com/redphx/better-xcloud/assets/96280/18ed4598-4eca-4626-9434-5f74266b00e7">
+<img width="600" alt="Stream settings" src="https://github.com/redphx/better-xcloud/assets/96280/ed513cb3-6e6c-4e8e-9e06-c62e71e41c90">
 
 &nbsp;  
   
@@ -87,7 +88,7 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 - **🔥 Capture screenshot**
   > Exclusive to **Better xCloud**. Check the [**Capture screenshot** section](#capture-screenshot) for more info.
 - **🔥 Hold the "Quit game" button for one second to refresh the stream**
-  > Sometimes you can fix the bad connection to the stream simply by refreshing the page.  
+  > Sometimes you can fix the bad connection to the stream or low FPS simply by refreshing the page.  
   > Useful on mobile where the pull-to-refresh feature doesn't work while playing.  
 - **🔥 Touch controller**
   > Enable touch controller support for all games.
@@ -179,6 +180,9 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
   > The analytics contains statistics of your streaming session, so I'd recommend allowing analytics to help Xbox improve xCloud's experience in the future.
 
 ### In-game settings
+- **🔥 Controller & device vibrations**
+  > Control vibration settings  
+  > Adjust vibration intensity  
 - **Volume control**
   > Increase stream's volume up to 600%  
   > Can be disabled in the Main Settings  
@@ -213,13 +217,12 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 <sup>(\*)</sup> By default (for compatibility reasons) xCloud only uses high quality codec profile when you use Tizen TV or Chrome/Edge/Chromium browser on Chrome/MacOS. Enable this setting will give you the best experience no matter what platform & browser you're on.
 
 ## Stream stats  
+<img alt="Stream stats" src="https://github.com/redphx/better-xcloud/assets/96280/9fb51941-85a9-47c4-8d48-331456b9ce73">  
+  
+<img width="418" alt="Stream stats settings" src="https://github.com/redphx/better-xcloud/assets/96280/6313a0c6-03bf-4325-b60d-18a23c681933">  
 
-![stats](https://github.com/redphx/better-xcloud/assets/96280/736548db-316d-4bb3-a0f8-467766ae810b)
+- While playing > `...` > `Stream Stats`.  
-
+- Change settings by opening `Stream settings` while playing.  
-<img width="500" alt="Stream stats" src="https://github.com/redphx/better-xcloud/assets/96280/142625ea-20ab-4392-a111-0c5bc08bae09">
-
-- While playing > `...` > `Stream Stats`.
-- Double-click on the stats bar to show the Settings dialog.
 - This bar is updated every second.  
 - **Quick glance** feature: only show the stats bar when the System menu is expanded. The 👀 emoji at the beginning indicates that the stats bar is in the quick glance mode.  
 - ⚠️ Using **Better xCloud** or showing the stats bar also affects the performance of the stream.  
@@ -298,7 +301,7 @@ It's a reference to an Userscript called "better360" that I created many years a
   - **Korean**: [@rightones](https://github.com/rightones)
   - **Italian**: Greenylie, Rakan129, Carza-104, graziequalcuno, DioCannabinoide
   - **Japanese**: Tak_attack, udonshi
-  - **Portuguese (Brazilian)**: [@ricardo404](https://github.com/ricardo404), [@Haisom](https://github.com/Haisom), italorafael22062009, PotatoPTT, guilhermecursi
+  - **Portuguese (Brazilian)**: [@ricardo404](https://github.com/ricardo404), [@Haisom](https://github.com/Haisom), italorafael22062009, PotatoPTT, guilhermecursi, renatomaster01
   - **Polish**: [@aleksishere](https://github.com/aleksishere)
   - **Russian**: anpom6, soophik
   - **Spanish**: [@PabloSebas](https://github.com/PabloSebas), csvnchzn

better-xcloud.meta.js

@@ -1,5 +1,5 @@
 // ==UserScript==
 // @name         Better xCloud
 // @namespace    https://github.com/redphx
-// @version      2.0.4
+// @version      2.1.1
 // ==/UserScript==