Added some comments

build/cssMangler.js

@@ -37,7 +37,14 @@ import fs from 'fs';
 /** Mangles the CSS selectors in a JS and CSS file.
  * Both the JS and CSS file are needed to ensure the names are synced.
  * A prefix is needed on all selectors to ensure the proper matching.
- * The prefix is case-sensitive.
+ * The input prefix is case-sensitive, and can match inside words.
+ * Assume the input prefix matching is as greedy as possible. Make sure your input prefix is unique!
+ * 
+ * For example:
+ *  - `bm` is a bad prefix because it will match `Submit Form` (Not unique enough)
+ *  - `b-` is a bad prefix because it will match `This is my b-day!` (Not long enough)
+ *  - `bm-` is a good prefix because no words end with or contain `bm-`
+ * 
  * The default mangling is all valid single byte characters for CSS selectors (which is, ironically, 64 characters).
  * You can optionally return the key-value mapping of all selector names.
  * @param {string} inputPrefix - The prefix to search for.

docs/README.md

@@ -35,7 +35,7 @@
 <a href="https://github.com/SwingTheVine/Wplace-BlueMarble/blob/main/LICENSE.txt" target="_blank"><img alt="Software License: MPL-2.0" src="https://img.shields.io/badge/Software_License-MPL--2.0-brightgreen?style=flat"></a>
 <a href="https://discord.gg/tpeBPy46hf" target="_blank"><img alt="Contact Me" src="https://img.shields.io/badge/Contact_Me-gray?style=flat&logo=Discord&logoColor=white&logoSize=auto&labelColor=cornflowerblue"></a>
 <a href="" target="_blank"><img alt="WakaTime" src="https://img.shields.io/badge/Coding_Time-35hrs_30mins-blue?style=flat&logo=wakatime&logoColor=black&logoSize=auto&labelColor=white"></a>
-<a href="" target="_blank"><img alt="Total Patches" src="https://img.shields.io/badge/Total_Patches-227-black?style=flat"></a>
+<a href="" target="_blank"><img alt="Total Patches" src="https://img.shields.io/badge/Total_Patches-229-black?style=flat"></a>
 <a href="" target="_blank"><img alt="Total Lines of Code" src="https://tokei.rs/b1/github/SwingTheVine/Wplace-BlueMarble?category=code"></a>
 <a href="" target="_blank"><img alt="Total Comments" src="https://tokei.rs/b1/github/SwingTheVine/Wplace-BlueMarble?category=comments"></a>
 <a href="" target="_blank"><img alt="Compression" src="https://img.shields.io/badge/Compression-70.56%25-blue"></a>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "wplace-bluemarble",
-  "version": "0.56.16",
+  "version": "0.58.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "wplace-bluemarble",
-      "version": "0.56.16",
+      "version": "0.58.2",
       "devDependencies": {
         "esbuild": "^0.25.0",
         "terser": "^5.43.1"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wplace-bluemarble",
-  "version": "0.58.0",
+  "version": "0.58.2",
   "type": "module",
   "scripts": {
     "build": "node build/build.js",

src/BlueMarble.meta.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         Blue Marble
 // @namespace    https://github.com/SwingTheVine/
-// @version      0.58.0
+// @version      0.58.2
 // @description  A userscript to automate and/or enhance the user experience on Wplace.live. Make sure to comply with the site's Terms of Service, and rules! This script is not affiliated with Wplace.live in any way, use at your own risk. This script is not affiliated with TamperMonkey. The author of this userscript is not responsible for any damages, issues, loss of data, or punishment that may occur as a result of using this script. This script is provided "as is" under the MPL-2.0 license. The "Blue Marble" icon is licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. The image is owned by NASA.
 // @author       SwingTheVine
 // @license      MPL-2.0

src/overlay.css

@@ -94,7 +94,7 @@ div#bm-overlay {
 }
 
 /* Container for action buttons, that is inside the action button container */
-div#bm-button-teleport {
+div > #bm-button-teleport {
   display: flex;
   gap: 0.5ch;
 }