2.4 beta.2 with bug fixes and small additions!!!!

Author: NotValra

src/background/background.js

@@ -75,6 +75,7 @@ function getDefaultSettings() {
         EnableVideoTest: false,
         EnableGameTrailer: true,
         Enableautoplay: true,
+        alwaysShowDeveloperSettings: false
     };
 }
 

src/content/core/settings/generateSettings.js

@@ -4,6 +4,7 @@ import { getFullRegionName, REGIONS, getContinent } from '../regions.js';
 import { getCurrentTheme, THEME_CONFIG } from '../theme.js';
 import { createDropdown } from '../ui/dropdown.js';
 import { createFileUpload } from '../ui/fileupload.js';
+import { createPill } from '../ui/general/pill.js';
 import { handleSaveSettings } from './handlesettings.js';
 import { createStyledInput } from '../ui/catalog/input.js'; 
 
@@ -190,6 +191,19 @@ export function generateSingleSettingHTML(settingName, setting, REGIONS = {}) {
     const label = document.createElement('label');
     label.textContent = setting.label;
     controlsContainer.appendChild(label);
+    
+    if (setting.experimental) {
+        const experimentalPill = createPill('Experimental', setting.experimental, 'experimental');
+        controlsContainer.appendChild(experimentalPill);
+    }
+    if (setting.beta) {
+        const betaPill = createPill('Beta', setting.beta, 'beta');
+        controlsContainer.appendChild(betaPill);
+    }
+    if (setting.deprecated) {
+        const deprecatedPill = createPill('Deprecated', setting.deprecated, 'deprecated');
+        controlsContainer.appendChild(deprecatedPill);
+    }
 
     const inputElement = generateSettingInput(settingName, setting, REGIONS);
     controlsContainer.appendChild(inputElement);
@@ -252,6 +266,19 @@ export function generateSingleSettingHTML(settingName, setting, REGIONS = {}) {
             const childLabel = document.createElement('label');
             childLabel.textContent = childSetting.label;
             childControls.appendChild(childLabel);
+            
+            if (childSetting.experimental) {
+                const experimentalPill = createPill('Experimental', childSetting.experimental, 'experimental');
+                childControls.appendChild(experimentalPill);
+            }
+            if (childSetting.beta) {
+                const betaPill = createPill('Beta', childSetting.beta, 'beta');
+                childControls.appendChild(betaPill);
+            }
+            if (childSetting.deprecated) {
+                const deprecatedPill = createPill('Deprecated', childSetting.deprecated, 'deprecated');
+                childControls.appendChild(deprecatedPill);
+            }
 
             const childInput = generateSettingInput(childName, childSetting, REGIONS);
             childControls.appendChild(childInput);

src/content/core/settings/settingConfig.js

@@ -20,18 +20,21 @@ export const SETTINGS_CONFIG = {
             hiddenCatalogEnabled: {
                 label: "Hidden Catalog",
                 description: ["Shows Roblox made items before they are on the official catalog.",
-                    "{{WARNING red}} This has now been patched by Roblox, but you can still see previous hidden items.",
+                    
                 ],
+                deprecated: "Patched by Roblox",
                 type: "checkbox",
                 default: false
             },
             SaveLotsRobuxEnabled: {
                 label: "Save 10%-40% Robux on Purchases",
                 description: ["This adds a button allowing you to save 40% on items on the catalog and 10% on gamepasses",
                     "Keep in mind a group is required for this to work.",
-                    "**WARNING this currently uses a method that could have a slight risk of an account ban.** In full release it will be changed."
+                    "**WARNING this currently uses a method that could have a slight risk of an account ban.** In full release it will be changed.",
+                    "**USE AT YOUR OWN RISK**"
                 ],
                 type: "checkbox",
+                beta: "Currently in a prerelease state.",
                 default: false,
                 childSettings: {
                     RobuxPlaceId: {
@@ -344,16 +347,18 @@ export const SETTINGS_CONFIG = {
             pendingRobuxEnabled: {
                 label: "Unpending Robux",
                 description: ["Shows an estimate of how many pending Robux will stop pending within 24 hours.",],
+                experimental: "May be inaccurate",
                 type: "checkbox",
                 default: true
             },
             antibotsEnabled: {
                 label: "Anti-Bot Members",
-                description: ["{{Experimental Feature green}}",
+                description: [
                     "This adds a button that will allow you to scan all members in a community for bots.",
                     "If there is any bots it will allow you to quickly ban or kick them.",
                     "This calculates bots by similar avatars and display names, so it may not be 100% accurate."
                 ],
+                experimental: "May be buggy",
                 type: "checkbox",
                 default: true
             },
@@ -397,7 +402,17 @@ export const SETTINGS_CONFIG = {
                 description: ["This calculates the total amount of Robux and money you have spent on your account based on your transaction history."],
                 type: "checkbox",
                 default: true
-            }
+            },
+            pendingrobuxtrans: {
+
+                label: "Unpending Robux Transactions",
+                description: ["This estimates how many Robux will stop pending in 24 hours.",
+
+                ],
+                experimental: "May be inaccurate",
+                type: "checkbox",
+                default: true
+            },
         }
     },
     Miscellaneous: {
@@ -448,16 +463,7 @@ export const SETTINGS_CONFIG = {
                 type: "checkbox",
                 default: true
             },
-            pendingrobuxtrans: {
-
-                label: "Unpending Robux Transactions",
-                description: ["This estimates how many Robux will stop pending in 24 hours.",
-                    "This feature is experimental since I couldn't test it myself, but it should work fine."
-                ],
 
-                type: "checkbox",
-                default: true
-            },
             revertLogo: {
                 label: "Change the app launch icon",
                 description: ["This changes the icon that shows when you join a game.",
@@ -479,7 +485,7 @@ export const SETTINGS_CONFIG = {
                         description: [
                             "Compresses the image to reduce storage space (max 512px, JPEG 80% quality for photos, PNG for transparent images).",
                             "Disable this to keep full quality and transparency, but it may use more storage space.",
-                            "{{WARNING orange}} Uncompressed images must still be under 1MB."
+                            "Uncompressed images must still be under 1MB."
                         ],
                         type: "checkbox",
                         default: true
@@ -499,7 +505,6 @@ export const SETTINGS_CONFIG = {
                 description: [
                     "Makes you appear as offline to you and other people.",
                     "This is useful if you want to appear offline while still allowing connections to join you in experiences, since the official offline status by Roblox does not allow this.",
-                    "This may take a few minutes to update after turning on the feature.",
                     "Joining an experience will overwrite this status.",
                     "This may take a few minutes to actually change your status to offline after turning on the feature."
 

src/content/core/settings/ui/page.js

@@ -123,7 +123,7 @@ export async function checkRoValraPage() {
         };
     };
 
-    const { rovalraHeader, settingsContainer } = buildSettingsPage({
+    const { rovalraHeader, settingsContainer } = await buildSettingsPage({
         handleSearch: (event) => handleSearch(event, regionData.regions),
         debounce: debouncedSearch,
         loadTabContent,

src/content/core/settings/ui/settingsbutton.js

@@ -4,7 +4,7 @@ let rovalraButtonAdded = false;
 
 
 export function addCustomButton(debouncedAddPopoverButton) {
-    if (!window.location.href.includes('/my/account') || window.location.href.includes('?rovalra=info')) {
+    if (!window.location.href.includes('/my/account') || window.location.href.includes('?rovalra=')) {
         return;
     }
 

src/content/core/settings/ui/settingui.js

@@ -5,7 +5,19 @@ import { applyTheme } from '../../../features/settings/index.js';
 import { createDropdown } from '../../ui/dropdown.js'; 
 
 
-export function buildSettingsPage({ handleSearch, debounce, loadTabContent, buttonData, REGIONS, initSettings }) {
+function ensureDeveloperSettings() {
+    if (!SETTINGS_CONFIG.Developer) {
+        addDeveloperTab({});
+    }
+}
+
+export async function buildSettingsPage({ handleSearch, debounce, loadTabContent, buttonData, REGIONS, initSettings }) {
+    const settings = await new Promise(resolve => {
+        chrome.storage.local.get('alwaysShowDeveloperSettings', resolve);
+    });
+
+    let devTabAdded = settings.alwaysShowDeveloperSettings === true;
+    if (devTabAdded) ensureDeveloperSettings();
     const assets = getAssets();
     const containerMain = document.querySelector('main.container-main');
     if (!containerMain) {
@@ -149,14 +161,12 @@ export function buildSettingsPage({ handleSearch, debounce, loadTabContent, butt
         overflow-y: auto; 
         overflow-x: auto; 
         padding-left: 0px; 
-        z-index: 1000; 
         position: relative; 
         margin-top: 7px; 
         background-color: transparent; 
         min-width: 0;
     `;
 
-    let devTabAdded = false;
     const unifiedMenu = createUnifiedMenu({ handleSearch, debounce, buttonData, devTabAdded, loadTabContent, REGIONS, initSettings });
 
     rovalraIcon.addEventListener('click', () => {
@@ -166,6 +176,7 @@ export function buildSettingsPage({ handleSearch, debounce, loadTabContent, butt
 
         if (rovalraIconClickCount >= 10 && !devTabAdded) {
             devTabAdded = true;
+            ensureDeveloperSettings();
             addDeveloperTab({ 
                 REGIONS, 
                 initSettings, 
@@ -333,15 +344,22 @@ function createSidebarItem(sectionName, title, loadTabContent) {
     return listItem;
 }
 
-function addDeveloperTab({ REGIONS, initSettings, menuList, loadTabContent, renderMobileDropdown }) {
+function addDeveloperTab({ menuList, loadTabContent, renderMobileDropdown }) {
     SETTINGS_CONFIG.Developer = {
         title: "Developer",
         settings: {
             info: {
                 label: ["Developer Settings"],
                 description: ["These are featured used mostly to develop rovalra, if you don't know what your doing dont touch them."],
-                type: "YOUR MOM!!!!!"
+                type: "yay"
             },
+            alwaysShowDeveloperSettings: {
+                label: ["Always show developer settings tab"],
+                description: ["This will make the developer settings tab always show. So you dont have to do the easter egg every time."],
+                type: "checkbox",
+                default: false
+                    
+                },
             EnablebannerTest: {
                 label: ["Banner test"],
                 description: ["This adds a test banner to experiences"],
@@ -429,7 +447,6 @@ export function injectSettingsStyles() {
         #rovalra-mobile-menu-container {
             display: none;
             margin-bottom: 20px;
-            z-index: 2000;
             position: relative;
         }
 

src/content/core/ui/general/pill.js

@@ -0,0 +1,48 @@
+import { addTooltip } from '../tooltip.js';
+
+let isCssInjected = false;
+
+function injectPillCss() {
+    if (isCssInjected) return;
+    isCssInjected = true;
+
+    const style = document.createElement('style');
+    style.id = 'rovalra-pill-style';
+    style.textContent = `
+        .rovalra-pill {
+            display: inline-block;
+            padding: 4px 10px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: 600;
+            line-height: 1.5;
+            cursor: default;
+            align-self: flex-start; 
+        }
+
+        .rovalra-pill.experimental {
+            background-color: rgb(2, 170, 81);
+            color: var(--rovalra-main-text-color);
+        }
+
+        .rovalra-pill.beta {
+            background-color: rgb(51, 95, 255);
+            color: var(--rovalra-main-text-color);
+        }
+
+        .rovalra-pill.deprecated {
+            background-color: rgb(220, 53, 69);
+            color: #FFFFFF;
+        }
+    `;
+    document.head.appendChild(style);
+}
+
+export function createPill(text, tooltipText, type) {
+    injectPillCss();
+    const pill = document.createElement('div');
+    pill.className = `rovalra-pill ${type}`;
+    pill.textContent = text;
+    addTooltip(pill, tooltipText, { position: 'top' });
+    return pill;
+}

src/content/core/ui/overlay.js

@@ -29,7 +29,7 @@ function injectOverlayCss() {
 }
 
 
-export function createOverlay({ title, bodyContent, actions = [], maxWidth = '550px', maxHeight = 'none', showLogo = false, preventBackdropClose = false }) {
+export function createOverlay({ title, bodyContent, actions = [], maxWidth = '550px', maxHeight = 'none', showLogo = false, preventBackdropClose = false, onClose }) {
     injectOverlayCss();
 
     const overlay = document.createElement('div');
@@ -101,6 +101,9 @@ export function createOverlay({ title, bodyContent, actions = [], maxWidth = '55
     const close = () => {
         overlay.remove();
         document.body.style.overflow = '';
+        if (typeof onClose === 'function') {
+            onClose();
+        }
     };
 
     const closeButton = createCloseButton({ onClick: close });

src/content/features/games/about/botDetector.js

@@ -51,15 +51,14 @@ class BotDetector {
         if (!placeId) return;
 
         const isLightTheme = document.body.classList.contains('light-theme');
-        const tooltipTextColor = isLightTheme ? 'rgb(25, 25, 25)' : 'rgb(213, 215, 221)';
+        const tooltipTextColor = "var(--rovalra-secondary-text-color)";
 
         let statsContainer = document.querySelector('.bot-stats-container');
         if (!statsContainer) {
             statsContainer = document.createElement('div');
             statsContainer.className = 'bot-stats-container';
             statsContainer.style.cssText = `
                 display: flex;
-                margin-left: 12px;
                 font-size: 14px;
                 align-items: center;
                 width: 100%;
@@ -79,7 +78,7 @@ class BotDetector {
         if (botPercentage > 20) {
             statsContainer.innerHTML = `
                 <div style="display: flex; align-items: center; gap: 4px; color: ${tooltipTextColor};">
-                    <span style="font-weight: 500;"><span style="color: ${isLightTheme ? 'rgb(25, 25, 25)' : 'rgb(247, 247, 248)'};">${gameName}</span> has a lot of bots</span>
+                    <span style="font-weight: 500;"><span style="color: var(--rovalra-main-text-color)">${gameName}</span> has a lot of bots</span>
                     <i class="icon-moreinfo"></i>
                 </div>
             `;
@@ -88,7 +87,7 @@ class BotDetector {
         } else if (botPercentage > BOT_PERCENTAGE_THRESHOLD) {
             statsContainer.innerHTML = `
                 <div style="display: flex; align-items: center; gap: 4px; color: ${tooltipTextColor};">
-                    <span style="font-weight: 500;"><span style="color: ${isLightTheme ? 'rgb(25, 25, 25)' : 'rgb(247, 247, 248)'};">${gameName}</span> has some bots but mostly real players</span>
+                    <span style="font-weight: 500;"><span style="color: var(--rovalra-main-text-color);">${gameName}</span> has some bots but mostly real players</span>
                     <i class="icon-moreinfo"></i>
                 </div>
             `;
@@ -128,7 +127,6 @@ class BotDetector {
                 this.scanServers(placeId, servers);
             }
         } catch (error) {
-            // Error handling suppressed
         }
     }
 
@@ -228,7 +226,6 @@ class BotDetector {
                         await new Promise(resolve => setTimeout(resolve, 1000));
                     }
                 } catch (batchError) {
-                    // Error handling suppressed
                 }
             }