boursecu/boursecu_user
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1405/01/11-add urls config in config-loader.js

Browse Source
This commit is contained in:
MojtabaSoumi
2026-03-31 13:55:47 +03:30
parent 36db45df33
commit c2132ad528
1 changed files with 109 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/config-loader.js
+109 -84
View File
@@ -1,118 +1,145 @@
(function() { ;(function () {
'use strict'; 'use strict'
//debugger //debugger
// Store config in window object // Store config in window object
window.__APP_CONFIG__ = window.__APP_CONFIG__ || {}; window.__APP_CONFIG__ = window.__APP_CONFIG__ || {}
window.__CONFIG_READY__ = false; window.__CONFIG_READY__ = false
// Create a promise that will be resolved when config is loaded // Create a promise that will be resolved when config is loaded
let configResolve; let configResolve
let configReject; let configReject
window.__CONFIG_PROMISE__ = new Promise((resolve, reject) => { window.__CONFIG_PROMISE__ = new Promise((resolve, reject) => {
configResolve = resolve; configResolve = resolve
configReject = reject; configReject = reject
}); })
const protocol = window.location.protocol === 'https:' ? 'https:' : 'http:';
// API endpoint for config - you can change this URL const CONFIG_URLS = [
// You can also set it via a data attribute: <script src="/config-loader.js" data-config-url="https://your-api.com/config"></script> `${protocol}//nerkh.gold/get_user`,
//const scriptTag = document.currentScript || document.querySelector('script[src*="config-loader.js"]'); `${protocol}//tablo.talasevin.ir/get_user`,
//const customUrl = scriptTag ? scriptTag.getAttribute('data-config-url') : null; `${protocol}//abshode-service.montgit.ir/server/get_user`,
const CONFIG_URL = 'https://nerkh.gold/get_user' //customUrl || window.location.origin + '/api/config'; `${protocol}//212.23.201.173:8381/get_user`,
`${protocol}//91.212.174.137:4040/server/get_user`,
]
const CONFIG_Success_URL = localStorage.getItem('CONFIG_Success_URL')
const sortedConfigUrls = [...CONFIG_URLS].sort((a, b) => {
if (a === CONFIG_Success_URL) return -1
if (b === CONFIG_Success_URL) return 1
return 0
})
// Timeout to ensure main.ts loads even if config fails (5 seconds) // Timeout to ensure main.ts loads even if config fails (5 seconds)
const CONFIG_TIMEOUT = 5000; const CONFIG_TIMEOUT = 5000
let configTimeoutId; let configTimeoutId
let mainScriptLoaded = false; let mainScriptLoaded = false
async function getConfigsFromUrl(url, timeout = 8000) {
const controller = new AbortController()
const id = setTimeout(() => controller.abort(), timeout)
try {
const response = await fetch(url, {
method: 'GET',
headers: {
Accept: 'application/json',
},
cache: 'no-cache',
signal: controller.signal,
})
return response
} catch (error) {
if (error.name === 'AbortError') {
throw new Error(`Request timeout after ${timeout}ms`)
}
throw error
} finally {
clearTimeout(id)
}
}
let retryGetConfig = 3;
// Fetch config from server // Fetch config from server
async function loadConfig() { async function loadConfig() {
try { try {
const response = await fetch(CONFIG_URL, { let response = undefined
method: 'GET', for (let i = 0; i < sortedConfigUrls.length; i++) {
headers: { try {
'Accept': 'application/json', response = await getConfigsFromUrl(sortedConfigUrls[i],i<sortedConfigUrls.length-1?2000:5000)
}, if (!response.ok) {
cache: 'no-cache' } else {
}); localStorage.setItem('CONFIG_Success_URL', sortedConfigUrls[i])
break
if (!response.ok) { }
throw new Error('Failed to fetch config: ' + response.status); } catch (e) {
console.log('e ===>', e)
continue;
}
}
if (!response?.ok) {
if (retryGetConfig>0){
retryGetConfig--;
return loadConfig()
}
throw new Error('Failed to fetch config: ' + response.status)
} }
// Check if response is actually JSON // Check if response is actually JSON
const contentType = response.headers.get('content-type'); const contentType = response.headers.get('content-type')
if (!contentType || !contentType.includes('application/json')) { if (!contentType || !contentType.includes('application/json')) {
const text = await response.text(); const text = await response.text()
throw new Error('Response is not JSON. Received: ' + text.substring(0, 100)); throw new Error('Response is not JSON. Received: ' + text.substring(0, 100))
} }
const config = await response.json(); const config = await response.json()
// Store config in window object // Store config in window object
window.__APP_CONFIG__ = config; window.__APP_CONFIG__ = config
window.__CONFIG_READY__ = true; window.__CONFIG_READY__ = true
if (config?.user?.name_fa) {
document.title = config.user.name + '-'+config.user.name_fa;
}
// ---------- Dynamic Favicon ----------
if (config?.user?.avatar) {
const faviconUrl = config.user.avatar;
// remove existing favicon(s)
const existingIcons = document.querySelectorAll('link[rel*="icon"]');
existingIcons.forEach(icon => icon.remove());
// create new favicon
const link = document.createElement('link');
link.rel = 'icon';
link.type = 'image/png'; // یا image/x-icon
link.href = faviconUrl + '?v=' + Date.now();
document.head.appendChild(link);
}
// Resolve the promise // Resolve the promise
if (configResolve) { if (configResolve) {
configResolve(config); configResolve(config)
} }
// Dispatch custom event to notify that config is ready // Dispatch custom event to notify that config is ready
window.dispatchEvent(new CustomEvent('configReady', { detail: config })); window.dispatchEvent(new CustomEvent('configReady', { detail: config }))
console.log('Config loaded successfully:', config); console.log('Config loaded successfully:', config)
// Clear timeout if config loaded successfully // Clear timeout if config loaded successfully
if (configTimeoutId) { if (configTimeoutId) {
clearTimeout(configTimeoutId); clearTimeout(configTimeoutId)
configTimeoutId = null; configTimeoutId = null
} }
// Load main.ts after config is ready // Load main.ts after config is ready
loadMainScript(); loadMainScript()
} catch (error) { } catch (error) {
console.warn('Config loader: Could not fetch config from', CONFIG_URL); console.warn('Config loader: Could not fetch config from', CONFIG_URLS)
console.warn('Error details:', error.message); console.warn('Error details:', error.message)
console.warn('This is normal if the endpoint does not exist yet. App will continue with empty config.'); console.warn(
'This is normal if the endpoint does not exist yet. App will continue with empty config.'
)
// Set default empty config on error // Set default empty config on error
window.__APP_CONFIG__ = {}; window.__APP_CONFIG__ = {}
window.__CONFIG_READY__ = true; window.__CONFIG_READY__ = true
// Resolve the promise even on error (with empty config) // Resolve the promise even on error (with empty config)
if (configResolve) { if (configResolve) {
configResolve({}); configResolve({})
} }
window.dispatchEvent(new CustomEvent('configError', { detail: error })); window.dispatchEvent(new CustomEvent('configError', { detail: error }))
// Clear timeout if error occurred // Clear timeout if error occurred
if (configTimeoutId) { if (configTimeoutId) {
clearTimeout(configTimeoutId); clearTimeout(configTimeoutId)
configTimeoutId = null; configTimeoutId = null
} }
// Load main.ts even on error (with empty config) // Load main.ts even on error (with empty config)
loadMainScript(); loadMainScript()
} }
} }
@@ -121,10 +148,10 @@
//const config= window.__APP_CONFIG__ //const config= window.__APP_CONFIG__
// Check if main.ts is already loaded // Check if main.ts is already loaded
if (mainScriptLoaded || document.querySelector('script[src="/src/main.ts"]')) { if (mainScriptLoaded || document.querySelector('script[src="/src/main.ts"]')) {
return; return
} }
mainScriptLoaded = true; mainScriptLoaded = true
/*const manifestLink = document.createElement("link") /*const manifestLink = document.createElement("link")
manifestLink.rel = "manifest" manifestLink.rel = "manifest"
@@ -133,10 +160,9 @@
document.head.appendChild(manifestLink)*/ document.head.appendChild(manifestLink)*/
import('/src/main.ts').then(() => { import('/src/main.ts').then(() => {
console.log('Main script loaded and executed'); console.log('Main script loaded and executed')
}); })
/*const script = document.createElement('script'); /*const script = document.createElement('script');
script.type = 'module'; script.type = 'module';
@@ -159,23 +185,22 @@
} }
// Set timeout to ensure main.ts loads even if config fails // Set timeout to ensure main.ts loads even if config fails
configTimeoutId = setTimeout(function() { configTimeoutId = setTimeout(function () {
if (!mainScriptLoaded) { if (!mainScriptLoaded) {
console.warn('Config loader: Timeout reached. Loading main.ts with empty config.'); console.warn('Config loader: Timeout reached. Loading main.ts with empty config.')
// Set default empty config // Set default empty config
window.__APP_CONFIG__ = window.__APP_CONFIG__ || {}; window.__APP_CONFIG__ = window.__APP_CONFIG__ || {}
window.__CONFIG_READY__ = true; window.__CONFIG_READY__ = true
// Resolve promise with empty config // Resolve promise with empty config
if (configResolve) { if (configResolve) {
configResolve({}); configResolve({})
} }
loadMainScript(); loadMainScript()
} }
}, CONFIG_TIMEOUT); }, CONFIG_TIMEOUT)
// Start loading config immediately // Start loading config immediately
loadConfig(); loadConfig()
})(); })()