Make a configuration file to have the site URL

Author: Sploder-Saptarshi

addurl.js

@@ -0,0 +1,31 @@
+/**
+ * Centralized configuration for Sploder-Launcher
+ * This file is used by both the main process and the build script
+ */
+
+// Default configuration
+const config = {
+  // Base URL for the application
+  baseUrl: "https://www.sploder.net",
+  
+  // Specific endpoints
+  endpoints: {
+    update: "/update",
+    ping: "/php/ping.php"
+  },
+  
+  // Generate a full URL for an endpoint
+  getUrl: function(endpoint) {
+    return this.baseUrl + (this.endpoints[endpoint] || endpoint);
+  }
+};
+
+// Allow overriding the base URL if needed
+function setBaseUrl(url) {
+  config.baseUrl = url;
+}
+
+module.exports = {
+  config,
+  setBaseUrl
+};

src/config.js

@@ -8,7 +8,7 @@
         <style>*{margin:0;padding:0}html,body{width:100%;height:100%}body{margin:0;background-color:#32103C;font-family:"Helvetica Neue",Helvetica,Arial,Sans-serif;color:#fff}img{display:block}img.icon{z-index:-1;margin:-40px 0}img.logo{position:relative;z-index:1000}a{color:#ea0}h1,h2{color:#fff;margin-bottom:.25em}p{color:#ccc}table{height:100%;padding:20px}td.announce{margin-top:25%}div.cloudflare_logo{margin:10px 20px}ul{margin-top:20px;width:75%;background-color:#000;padding:20px;border-radius:10px}ul li{font-size:.8em;text-align:left;list-style-type:none}ul li p{color:#666}p.cferror_msg{padding-left:10%;padding-right:10%}</style>
         <script type="text/javascript">
 // All hail GitHub Copilot!!
-function getRetryParameter() {
+async function getRetryParameter() {
   // Get the current URL
   var currentUrl = window.location.href;
 
@@ -18,8 +18,19 @@
   // Get the value of the 'retry' parameter
   var retryParameterValue = url.searchParams.get('retry');
 
-  // Provide a default value if the 'retry' parameter is not present
-    return retryParameterValue !== null ? retryParameterValue : '_[[URL]]_/update';
+  // If the retry parameter is provided, use it, otherwise get the update URL from the config
+  if (retryParameterValue !== null) {
+    return retryParameterValue;
+  } else {
+    try {
+      // Get the update URL from the main process
+      return await window.electronAPI.getUrl('update');
+    } catch (error) {
+      console.error('Error getting update URL:', error);
+      // Fallback to hardcoded URL in case of error
+      return 'https://sploder.com/update';
+    }
+  }
 }
 
 
@@ -45,9 +56,13 @@
     function retry(){
         retried = true;
     }
-    const btn = document.getElementById('retrybtn');
-btn.setAttribute('href', getRetryParameter());
-
+    
+    // Set up the retry button href when the document is loaded
+    document.addEventListener('DOMContentLoaded', async function() {
+        const btn = document.getElementById('retrybtn');
+        const retryUrl = await getRetryParameter();
+        btn.setAttribute('href', retryUrl);
+    });
 </script>
 
 </div>

src/local/offline.html

@@ -10,15 +10,22 @@
     // Wait for DOM to be fully loaded before initializing
     document.addEventListener('DOMContentLoaded', initializeApp);
 
-    function initializeApp() {
+    async function initializeApp() {
         // Check get parameter to get URL
         const queryString = window.location.search;
         const urlParams = new URLSearchParams(queryString);
         const url = urlParams.get('url');
 
         // If the URL is not provided, redirect to the update page
         if (url == null) {
-            window.location.href = "_[[URL]]_/update";
+            try {
+                const updateUrl = await window.electronAPI.getUrl('update');
+                window.location.href = updateUrl;
+            } catch (error) {
+                console.error('Error getting update URL:', error);
+                // Fallback to hardcoded URL in case of error
+                window.location.href = "https://sploder.com/update";
+            }
         }
 
         // Store URL in a global variable for other functions to access
@@ -124,7 +131,7 @@
     setInterval(discordrpc, 15000);
 // Custom built code to check if user is online.
 // I have no idea how or why this works.
-  function online() {
+  async function online() {
     if(document.getElementById("content-frame").contentWindow.location.href != "chrome-error://chromewebdata/"){
     page = document.getElementById("content-frame").contentWindow.location.href;
     } else if(page == undefined) {
@@ -136,9 +143,10 @@
 
 
     const frame = document.getElementById('content-frame');
-      var pingUrl = "_[[URL]]_/php/ping.php";
-    var xhttp = new XMLHttpRequest();
-    xhttp.onreadystatechange = function() {
+    try {
+      var pingUrl = await window.electronAPI.getUrl('ping');
+      var xhttp = new XMLHttpRequest();
+      xhttp.onreadystatechange = function() {
 
         if (this.readyState == 4 && this.status != 200 && frame.getAttribute('src') != "offline.html?retry="+page) {
           if(page != "test") {
@@ -160,7 +168,9 @@
     };
     xhttp.open("GET", pingUrl, true);
     xhttp.send();
-
+    } catch (error) {
+      console.error('Error getting ping URL:', error);
+    }
   }
   }
   // Add window focus and blur listeners to check window state

src/local/start.html

@@ -2,6 +2,9 @@ const { app, BrowserWindow, shell, ipcMain } = require("electron");
 const path = require("path");
 const url = require("url");
 
+// Import centralized configuration
+const { config } = require("../config");
+
 // Helper function to create proper file URLs
 function pathToFileURL(filePath) {
   const formattedPath = path.resolve(filePath).replace(/\\/g, '/');
@@ -140,8 +143,8 @@ function createWindow() {
     startHtmlPath = path.resolve(path.join(app.getAppPath(), 'resources', 'src', 'local', 'start.html'));
   }
 
-  // Load the URL with proper file protocol
-  const startUrl = `${pathToFileURL(startHtmlPath)}?url=_[[URL]]_/update`;
+  // Load the URL with proper file protocol and use the config for the initial URL
+  const startUrl = `${pathToFileURL(startHtmlPath)}?url=${config.getUrl('update')}`;
   win.loadURL(startUrl);
 
   win.webContents.on('did-finish-load', () => {
@@ -305,3 +308,13 @@ ipcMain.handle('get-rpc-info', async (event) => {
     return '';
   }
 });
+
+// Handler to provide application configuration to the renderer
+ipcMain.handle('get-config', (event) => {
+  return config;
+});
+
+// Handler to get a specific URL
+ipcMain.handle('get-url', (event, endpoint) => {
+  return config.getUrl(endpoint);
+});

src/main/index.js

@@ -11,5 +11,8 @@ contextBridge.exposeInMainWorld('electronAPI', {
     ipcRenderer.on('window-state-change', (_, isMaximized) => {
       callback(isMaximized);
     });
-  }
+  },
+  // Configuration API
+  getConfig: () => ipcRenderer.invoke('get-config'),
+  getUrl: (endpoint) => ipcRenderer.invoke('get-url', endpoint)
 });