feat: Add Quick CSS tab to Millennium Settings

Author: shdwmtr

.gitignore

@@ -11,4 +11,5 @@
 **/.DS_Store
 
 node_modules/
-.vscode/
+.vscode/
+src\include\millennium\virtfs.h

CMakeLists.txt

@@ -248,30 +248,6 @@ endif()
 # =====================================
 # Build Frontend Assets
 # =====================================
-
-file(GLOB_RECURSE SDK_SOURCE_FILES 
-    "${CMAKE_CURRENT_SOURCE_DIR}/sdk/**/*"
-    "${CMAKE_CURRENT_SOURCE_DIR}/sdk/*"
-)
-# Remove node_modules from SDK source files
-list(FILTER SDK_SOURCE_FILES EXCLUDE REGEX ".*/node_modules/.*")
-
-file(GLOB_RECURSE FRONTEND_SOURCE_FILES 
-    "${CMAKE_CURRENT_SOURCE_DIR}/src/frontend/**/*"
-    "${CMAKE_CURRENT_SOURCE_DIR}/src/frontend/*"
-)
-# Remove node_modules from frontend source files
-list(FILTER FRONTEND_SOURCE_FILES EXCLUDE REGEX ".*/node_modules/.*")
-
-# Add all source files as configure dependencies
-foreach(file ${SDK_SOURCE_FILES})
-    set_property(DIRECTORY APPEND PROPERTY CMAKE_CONFIGURE_DEPENDS "${file}")
-endforeach()
-
-foreach(file ${FRONTEND_SOURCE_FILES})
-    set_property(DIRECTORY APPEND PROPERTY CMAKE_CONFIGURE_DEPENDS "${file}")
-endforeach()
-
 # Find pnpm executable
 find_program(PNPM_EXECUTABLE pnpm)
 if(NOT PNPM_EXECUTABLE)
@@ -301,6 +277,9 @@ endif()
 # =========================
 # Build SDK
 # =========================
+
+if (CMAKE_BUILD_TYPE STREQUAL "Release")
+
 message(STATUS "[Millennium] Building SDK with ${PNPM_COMMAND}...")
 execute_process(
     COMMAND ${PNPM_COMMAND} install
@@ -365,6 +344,7 @@ if(NOT FRONTEND_BUILD_RESULT EQUAL 0)
 endif()
 
 message(STATUS "[Millennium] Frontend build completed successfully")
+endif()
 
 # =====================================
 # Platform-Specific Compiler Flags
@@ -627,9 +607,7 @@ endif()
 function(filename_to_identifier filename output_var)
     get_filename_component(name_without_ext "${filename}" NAME_WE)
     string(TOUPPER "${name_without_ext}" upper_name)
-    
     string(REGEX REPLACE "[-.]" "_" clean_name "${upper_name}")
-    
     if(filename MATCHES "\\.map$")
         set(${output_var} "MILLENNIUM_${clean_name}_MAP_" PARENT_SCOPE)
     else()
@@ -638,15 +616,17 @@ function(filename_to_identifier filename output_var)
 endfunction()
 
 file(GLOB CHUNK_FILES "${CMAKE_SOURCE_DIR}/sdk/typescript-packages/loader/build/chunks/*")
-
 set(HEADER_CONTENT "/**\n * Auto-generated by Millennium during CMake configuration - do not edit manually :)\n */\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}#define INCBIN_PREFIX\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}#include \"incbin.h\"\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}/** Millennium frontend library -- responsible for displaying Millennium UI, and loading themes */\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}INCTXT(MILLENNIUM_FRONTEND_BIN_, \"../../../build/frontend.bin\");\n\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}/** Millennium API library */\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}INCTXT(MILLENNIUM_API_BIN_, \"../../../sdk/typescript-packages/loader/build/millennium.js\");\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}/** Millennium API chunk files */\n")
+
+if(CMAKE_BUILD_TYPE STREQUAL "Release")
+    set(HEADER_CONTENT "${HEADER_CONTENT}#define INCBIN_PREFIX\n")
+    set(HEADER_CONTENT "${HEADER_CONTENT}#include \"incbin.h\"\n")
+    set(HEADER_CONTENT "${HEADER_CONTENT}/** Millennium frontend library -- responsible for displaying Millennium UI, and loading themes */\n")
+    set(HEADER_CONTENT "${HEADER_CONTENT}INCTXT(MILLENNIUM_FRONTEND_BIN_, \"../../../build/frontend.bin\");\n\n")
+    set(HEADER_CONTENT "${HEADER_CONTENT}/** Millennium API library */\n")
+    set(HEADER_CONTENT "${HEADER_CONTENT}INCTXT(MILLENNIUM_API_BIN_, \"../../../sdk/typescript-packages/loader/build/millennium.js\");\n")
+    set(HEADER_CONTENT "${HEADER_CONTENT}/** Millennium API chunk files */\n")
+endif()
 
 set(MAP_ENTRIES "")
 foreach(chunk_file ${CHUNK_FILES})
@@ -657,16 +637,26 @@ foreach(chunk_file ${CHUNK_FILES})
     file(RELATIVE_PATH rel_path "${CMAKE_SOURCE_DIR}" "${chunk_file}")
     filename_to_identifier("${filename}" var_name)
 
-    set(HEADER_CONTENT "${HEADER_CONTENT}INCTXT(${var_name}, \"../../../${rel_path}\");\n")
-    set(MAP_ENTRIES "${MAP_ENTRIES}\t{ fmt::format(\"https://millennium.ftp/{}/chunks/${filename}\", GetScrambledApiPathToken()), ${var_name}Data },\n")
+    if(CMAKE_BUILD_TYPE STREQUAL "Release")
+        set(HEADER_CONTENT "${HEADER_CONTENT}INCTXT(${var_name}, \"../../../${rel_path}\");\n")
+        set(MAP_ENTRIES "${MAP_ENTRIES}\t{ fmt::format(\"https://millennium.ftp/{}/chunks/${filename}\", GetScrambledApiPathToken()), []() { return ${var_name}Data; } },\n")
+    else()
+        set(MAP_ENTRIES "${MAP_ENTRIES}\t{ fmt::format(\"https://millennium.ftp/{}/chunks/${filename}\", GetScrambledApiPathToken()), []() { return SystemIO::ReadFileSync(MILLENNIUM_ROOT \"/${rel_path}\"); } },\n")
+    endif()
 endforeach()
 
 set(HEADER_CONTENT "${HEADER_CONTENT}\n// clang-format off\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}std::unordered_map<std::string, const char*> INTERNAL_FTP_CALL_DATA = {\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}\t{ fmt::format(\"https://millennium.ftp/{}/millennium-frontend.js\", GetScrambledApiPathToken()), MILLENNIUM_FRONTEND_BIN_Data },\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}\t{ fmt::format(\"https://millennium.ftp/{}/millennium.js\", GetScrambledApiPathToken()), MILLENNIUM_API_BIN_Data },\n")
-set(HEADER_CONTENT "${HEADER_CONTENT}${MAP_ENTRIES}")
+set(HEADER_CONTENT "${HEADER_CONTENT}std::unordered_map<std::string, std::function<const std::string()>> INTERNAL_FTP_CALL_DATA = {\n")
+
+if(CMAKE_BUILD_TYPE STREQUAL "Release")
+    set(HEADER_CONTENT "${HEADER_CONTENT}\t{ fmt::format(\"https://millennium.ftp/{}/millennium-frontend.js\", GetScrambledApiPathToken()), []() { return MILLENNIUM_FRONTEND_BIN_Data; } },\n")
+    set(HEADER_CONTENT "${HEADER_CONTENT}\t{ fmt::format(\"https://millennium.ftp/{}/millennium.js\", GetScrambledApiPathToken()), []() { return MILLENNIUM_API_BIN_Data; } },\n")
+else()
+    set(HEADER_CONTENT "${HEADER_CONTENT}\t{ fmt::format(\"https://millennium.ftp/{}/millennium-frontend.js\", GetScrambledApiPathToken()), []() { return SystemIO::ReadFileSync(MILLENNIUM_ROOT \"/build/frontend.bin\"); } },\n")
+    set(HEADER_CONTENT "${HEADER_CONTENT}\t{ fmt::format(\"https://millennium.ftp/{}/millennium.js\", GetScrambledApiPathToken()), []() { return SystemIO::ReadFileSync(MILLENNIUM_ROOT \"/sdk/typescript-packages/loader/build/millennium.js\"); } },\n")
+endif()
 
+set(HEADER_CONTENT "${HEADER_CONTENT}${MAP_ENTRIES}")
 string(REGEX REPLACE ",\n$" "\n" HEADER_CONTENT "${HEADER_CONTENT}")
 set(HEADER_CONTENT "${HEADER_CONTENT}};\n")
 set(HEADER_CONTENT "${HEADER_CONTENT}// clang-format on\n")

sdk

@@ -57,6 +57,17 @@ int GetOperatingSystemType()
 #endif
 }
 
+std::string Millennium_GetQuickCss()
+{
+    const std::string quickCssPath = fmt::format("{}/quickcss.css", GetEnv("MILLENNIUM__CONFIG_PATH"));
+
+    if (!std::filesystem::exists(quickCssPath)) {
+        SystemIO::WriteFileSync(quickCssPath, "/* Quick CSS file created by Millennium */\n");
+    }
+
+    return SystemIO::ReadFileSync(quickCssPath);
+}
+
 /**
  * Enable/disable plugins
  */
@@ -96,10 +107,15 @@ MILLENNIUM_IPC_DECL(Core_GetStartConfig)
         { "buildDate", GetBuildTimestamp() },
         { "millenniumUpdates", nlohmann::json::object() },
         { "platformType", GetOperatingSystemType() },
-        { "millenniumLinuxUpdateScript", GetEnv("MILLENNIUM_UPDATE_SCRIPT_PROMPT") }
+        { "millenniumLinuxUpdateScript", GetEnv("MILLENNIUM_UPDATE_SCRIPT_PROMPT") },
+        { "quickCss", Millennium_GetQuickCss() }
     };
 }
 
+/** Quick CSS utilities */
+IPC_RET(Core_LoadQuickCss, Millennium_GetQuickCss());
+IPC_NIL(Core_SaveQuickCss, SystemIO::WriteFileSync(fmt::format("{}/quickcss.css", GetEnv("MILLENNIUM__CONFIG_PATH")), ARGS["css"].get<std::string>()));
+
 /** General utilities */
 IPC_RET(Core_GetSteamPath, SystemIO::GetSteamPath())
 IPC_RET(Core_FindAllThemes, Millennium::Themes::FindAllThemes())

src/backend/entry_point.cc

@@ -320,7 +320,7 @@ void HttpHookManager::RetrieveRequestFromDisk(const nlohmann::basic_json<>& mess
     auto it = INTERNAL_FTP_CALL_DATA.find(strRequestFile);
     if (it != INTERNAL_FTP_CALL_DATA.end()) {
         fileType = eFileType::js;
-        fileContent = Base64Encode(it->second);
+        fileContent = Base64Encode(it->second());
 
     }
     /** Handle normal disk request */

src/core/http_hook.cc

@@ -227,6 +227,17 @@ void MillenniumUpdater::DeleteOldMillenniumVersion()
 #endif
 }
 
+void RateLimitedLogger(const std::string& message, const double& progress)
+{
+    static auto last_call = std::chrono::steady_clock::now() - std::chrono::seconds(2);
+    auto now = std::chrono::steady_clock::now();
+
+    if (std::chrono::duration_cast<std::chrono::seconds>(now - last_call).count() > 1) {
+        IpcForwardInstallLog({ message, progress, false });
+        last_call = now;
+    }
+}
+
 void MillenniumUpdater::Co_BeginUpdate(const std::string& downloadUrl, const size_t downloadSize)
 {
     try {
@@ -238,25 +249,13 @@ void MillenniumUpdater::Co_BeginUpdate(const std::string& downloadUrl, const siz
         Http::DownloadWithProgress({ downloadUrl, downloadSize }, tempFilePath, [](size_t downloaded, size_t total)
         {
             const double progress = (static_cast<double>(downloaded) / total) * 50.0;
-            static auto last_call = std::chrono::steady_clock::now() - std::chrono::seconds(2);
-            auto now = std::chrono::steady_clock::now();
-
-            if (std::chrono::duration_cast<std::chrono::seconds>(now - last_call).count() > 1) {
-                IpcForwardInstallLog({ "Downloading update assets...", progress, false });
-                last_call = now;
-            }
+            RateLimitedLogger("Downloading update assets...", progress);
         });
 
         Util::ExtractZipArchive(tempFilePath.string(), SystemIO::GetInstallPath().generic_string(), [](int current, int total, const char* file)
         {
             const double progress = 50.0 + (static_cast<double>(current) / total) * 50.0;
-            static auto last_call = std::chrono::steady_clock::now() - std::chrono::seconds(2);
-            auto now = std::chrono::steady_clock::now();
-
-            if (std::chrono::duration_cast<std::chrono::seconds>(now - last_call).count() > 1) {
-                IpcForwardInstallLog({ fmt::format("Processing update file {}/{}", current, total), progress, false });
-                last_call = now;
-            }
+            RateLimitedLogger(fmt::format("Processing update file {}/{}", current, total), progress);
         });
 
         /** Remove the temporary file after installation */

src/core/millennium_updater.cc

@@ -55,6 +55,11 @@ const MillenniumIcons = {
 			</g>
 		</svg>
 	),
+	RabbitRunning: () => (
+		<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+			<path d="M 409.77777777777777 63.111111111111114 L 408 61.333333333333336 L 409.77777777777777 63.111111111111114 L 408 61.333333333333336 Q 400.8888888888889 55.111111111111114 392 57.77777777777778 Q 383.1111111111111 59.55555555555556 380.44444444444446 69.33333333333333 L 379.55555555555554 71.11111111111111 L 379.55555555555554 71.11111111111111 Q 375.1111111111111 87.11111111111111 374.22222222222223 103.11111111111111 Q 407.1111111111111 131.55555555555554 422.22222222222223 173.33333333333334 Q 410.6666666666667 170.66666666666666 400 170.66666666666666 Q 399.1111111111111 170.66666666666666 398.22222222222223 170.66666666666666 Q 385.77777777777777 141.33333333333334 361.77777777777777 120 Q 337.77777777777777 99.55555555555556 305.77777777777777 91.55555555555556 L 303.1111111111111 90.66666666666667 L 303.1111111111111 90.66666666666667 Q 294.22222222222223 88 286.22222222222223 92.44444444444444 Q 271.1111111111111 103.11111111111111 276.44444444444446 120 Q 297.77777777777777 174.22222222222223 348.44444444444446 200 Q 344 208.88888888888889 342.22222222222223 219.55555555555554 L 248.88888888888889 166.22222222222223 L 248.88888888888889 166.22222222222223 Q 206.22222222222223 142.22222222222223 158.22222222222223 142.22222222222223 Q 112.88888888888889 144 88 181.33333333333334 Q 73.77777777777777 164.44444444444446 49.77777777777778 163.55555555555554 Q 28.444444444444443 164.44444444444446 14.222222222222221 177.77777777777777 Q 0.8888888888888888 192 0 213.33333333333334 Q 0.8888888888888888 234.66666666666666 14.222222222222221 248.88888888888889 Q 28.444444444444443 262.22222222222223 49.77777777777778 263.1111111111111 Q 64.88888888888889 263.1111111111111 77.33333333333333 255.11111111111111 Q 83.55555555555556 278.22222222222223 102.22222222222223 296 L 228.44444444444446 411.55555555555554 L 228.44444444444446 411.55555555555554 Q 245.33333333333334 426.6666666666667 266.6666666666667 426.6666666666667 L 369.77777777777777 426.6666666666667 L 369.77777777777777 426.6666666666667 Q 382.22222222222223 426.6666666666667 390.22222222222223 418.6666666666667 Q 398.22222222222223 410.6666666666667 398.22222222222223 398.22222222222223 Q 398.22222222222223 385.77777777777777 390.22222222222223 377.77777777777777 Q 382.22222222222223 369.77777777777777 369.77777777777777 369.77777777777777 L 312.8888888888889 369.77777777777777 L 284.44444444444446 369.77777777777777 L 284.44444444444446 331.55555555555554 L 284.44444444444446 331.55555555555554 Q 284.44444444444446 302.22222222222223 267.55555555555554 280 Q 250.66666666666666 257.77777777777777 222.22222222222223 248.88888888888889 L 195.55555555555554 240.88888888888889 L 195.55555555555554 240.88888888888889 Q 183.11111111111111 236.44444444444446 185.77777777777777 224 Q 190.22222222222223 211.55555555555554 202.66666666666666 214.22222222222223 L 230.22222222222223 221.33333333333334 L 230.22222222222223 221.33333333333334 Q 267.55555555555554 232.88888888888889 289.77777777777777 262.22222222222223 Q 312 292.44444444444446 312.8888888888889 331.55555555555554 L 312.8888888888889 344.8888888888889 L 312.8888888888889 344.8888888888889 L 362.6666666666667 316.44444444444446 L 362.6666666666667 316.44444444444446 L 368 312.8888888888889 L 368 312.8888888888889 L 458.6666666666667 312.8888888888889 L 458.6666666666667 312.8888888888889 Q 480.8888888888889 312 496 296.8888888888889 Q 511.1111111111111 281.77777777777777 512 259.55555555555554 Q 511.1111111111111 233.77777777777777 492.44444444444446 217.77777777777777 L 461.3333333333333 192.88888888888889 L 461.3333333333333 192.88888888888889 Q 455.1111111111111 187.55555555555554 448.8888888888889 184 Q 454.22222222222223 150.22222222222223 443.55555555555554 119.11111111111111 Q 433.77777777777777 88 409.77777777777777 63.111111111111114 L 409.77777777777777 63.111111111111114 Z M 126.22222222222223 402.6666666666667 Q 116.44444444444444 409.77777777777777 114.66666666666667 421.3333333333333 L 114.66666666666667 421.3333333333333 L 114.66666666666667 421.3333333333333 Q 112 432 118.22222222222223 442.6666666666667 Q 125.33333333333333 452.44444444444446 136.88888888888889 454.22222222222223 Q 147.55555555555554 456.8888888888889 158.22222222222223 450.6666666666667 L 199.11111111111111 423.1111111111111 L 199.11111111111111 423.1111111111111 L 155.55555555555554 383.1111111111111 L 155.55555555555554 383.1111111111111 L 126.22222222222223 402.6666666666667 L 126.22222222222223 402.6666666666667 Z M 426.6666666666667 241.77777777777777 Q 427.55555555555554 228.44444444444446 440.8888888888889 227.55555555555554 Q 454.22222222222223 228.44444444444446 455.1111111111111 241.77777777777777 Q 454.22222222222223 255.11111111111111 440.8888888888889 256 Q 427.55555555555554 255.11111111111111 426.6666666666667 241.77777777777777 L 426.6666666666667 241.77777777777777 Z" />
+		</svg>
+	),
 };
 
 export { MillenniumIcons };

src/frontend/components/Icons.tsx

@@ -54,8 +54,58 @@ export const SettingsDialogSubHeader: React.FC<SettingsDialogSubHeaderProps> = (
 export const Separator: React.FC = () => <div className={fieldClasses.StandaloneFieldSeparator} />;
 
 export const DesktopTooltip = findModuleDetailsByExport(
-	(m) => m.toString().includes(`divProps`) && m.toString().includes(`tooltipProps`) && m.toString().includes(`toolTipContent`) && m.toString().includes(`tool-tip-source`),
-)[1];
+	(m) =>
+		m?.toString()?.includes(`divProps`) &&
+		m?.toString()?.includes(`tooltipProps`) &&
+		m?.toString()?.includes(`toolTipContent`) &&
+		m?.toString()?.includes(`tool-tip-source`),
+)?.[1];
+
+export const createWindowContext = findModuleDetailsByExport(
+	(m) =>
+		m?.toString()?.includes('current?.params.bNoInitialShow') &&
+		m?.toString()?.includes('current?.params.bNoFocusOnShow') &&
+		m?.toString()?.includes('current.m_callbacks'),
+)?.[1];
+
+export const ModalManagerInstance = findModuleDetailsByExport((m) => {
+	return m?.hasOwnProperty('m_mapModalManager');
+})?.[1];
+
+export const windowHandler = findModuleDetailsByExport(
+	(m) => m?.toString()?.includes('SetCurrentLoggedInAccountID') && m?.toString()?.includes('bIgnoreSavedDimensions') && m?.toString()?.includes('updateParamsBeforeShow'),
+)?.[1];
+
+export const RenderWindowTitle = findModuleDetailsByExport((m) => m?.toString()?.includes('title-bar-actions window-controls'))?.[1];
+
+export const g_ModalManager = findModuleDetailsByExport((m) => {
+	return m?.toString()?.includes('useContext') && m?.toString()?.includes('ModalManager') && m?.length === 0;
+})?.[1];
+
+export const OwnerWindowRef = findModuleDetailsByExport(
+	(m) =>
+		m?.toString()?.includes('ownerWindow') &&
+		m?.toString()?.includes('children') &&
+		m?.toString()?.includes('useMemo') &&
+		m?.toString()?.includes('Provider') &&
+		!m?.toString()?.includes('refFocusNavContext'),
+)?.[1];
+
+export const popupModalManager: any = Object.values(findModuleDetailsByExport((m) => m?.toString()?.includes('GetContextMenuManagerFromWindow'))?.[0] || {})?.find(
+	(obj) => obj && obj?.hasOwnProperty('m_mapManagers'),
+);
+
+export const contextMenuManager = findModuleDetailsByExport(
+	(m) =>
+		m?.toString()?.includes('CreateContextMenuInstance') &&
+		m?.prototype?.hasOwnProperty('GetVisibleMenus') &&
+		m?.prototype?.hasOwnProperty('GetAllMenus') &&
+		m?.prototype?.hasOwnProperty('ShowMenu'),
+)?.[1];
+
+export const PopupModalHandler: any = Object.values(
+	findModuleDetailsByExport((m) => m?.toString()?.includes('this.context.callbacks?.onDisabledItemSelected'))?.[0] || {},
+)?.find((m) => m?.toString()?.includes('useId'));
 
 interface GenericConfirmDialogProps {
 	children: ReactNode;