1405/01/11-add urls config in config-loader.js
This commit is contained in:
+109
-84
@@ -1,118 +1,145 @@
|
||||
(function() {
|
||||
'use strict';
|
||||
;(function () {
|
||||
'use strict'
|
||||
//debugger
|
||||
|
||||
|
||||
// Store config in window object
|
||||
window.__APP_CONFIG__ = window.__APP_CONFIG__ || {};
|
||||
window.__CONFIG_READY__ = false;
|
||||
window.__APP_CONFIG__ = window.__APP_CONFIG__ || {}
|
||||
window.__CONFIG_READY__ = false
|
||||
|
||||
// Create a promise that will be resolved when config is loaded
|
||||
let configResolve;
|
||||
let configReject;
|
||||
let configResolve
|
||||
let configReject
|
||||
window.__CONFIG_PROMISE__ = new Promise((resolve, reject) => {
|
||||
configResolve = resolve;
|
||||
configReject = reject;
|
||||
});
|
||||
configResolve = resolve
|
||||
configReject = reject
|
||||
})
|
||||
const protocol = window.location.protocol === 'https:' ? 'https:' : 'http:';
|
||||
|
||||
// API endpoint for config - you can change this URL
|
||||
// You can also set it via a data attribute: <script src="/config-loader.js" data-config-url="https://your-api.com/config"></script>
|
||||
//const scriptTag = document.currentScript || document.querySelector('script[src*="config-loader.js"]');
|
||||
//const customUrl = scriptTag ? scriptTag.getAttribute('data-config-url') : null;
|
||||
const CONFIG_URL = 'https://nerkh.gold/get_user' //customUrl || window.location.origin + '/api/config';
|
||||
const CONFIG_URLS = [
|
||||
`${protocol}//nerkh.gold/get_user`,
|
||||
`${protocol}//tablo.talasevin.ir/get_user`,
|
||||
`${protocol}//abshode-service.montgit.ir/server/get_user`,
|
||||
`${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)
|
||||
const CONFIG_TIMEOUT = 5000;
|
||||
let configTimeoutId;
|
||||
let mainScriptLoaded = false;
|
||||
const CONFIG_TIMEOUT = 5000
|
||||
let configTimeoutId
|
||||
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
|
||||
async function loadConfig() {
|
||||
try {
|
||||
const response = await fetch(CONFIG_URL, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Accept': 'application/json',
|
||||
},
|
||||
cache: 'no-cache'
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to fetch config: ' + response.status);
|
||||
let response = undefined
|
||||
for (let i = 0; i < sortedConfigUrls.length; i++) {
|
||||
try {
|
||||
response = await getConfigsFromUrl(sortedConfigUrls[i],i<sortedConfigUrls.length-1?2000:5000)
|
||||
if (!response.ok) {
|
||||
} else {
|
||||
localStorage.setItem('CONFIG_Success_URL', sortedConfigUrls[i])
|
||||
break
|
||||
}
|
||||
} 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
|
||||
const contentType = response.headers.get('content-type');
|
||||
const contentType = response.headers.get('content-type')
|
||||
if (!contentType || !contentType.includes('application/json')) {
|
||||
const text = await response.text();
|
||||
throw new Error('Response is not JSON. Received: ' + text.substring(0, 100));
|
||||
const text = await response.text()
|
||||
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
|
||||
window.__APP_CONFIG__ = config;
|
||||
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;
|
||||
window.__APP_CONFIG__ = config
|
||||
window.__CONFIG_READY__ = true
|
||||
|
||||
// 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
|
||||
if (configResolve) {
|
||||
configResolve(config);
|
||||
configResolve(config)
|
||||
}
|
||||
|
||||
// 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
|
||||
if (configTimeoutId) {
|
||||
clearTimeout(configTimeoutId);
|
||||
configTimeoutId = null;
|
||||
clearTimeout(configTimeoutId)
|
||||
configTimeoutId = null
|
||||
}
|
||||
|
||||
// Load main.ts after config is ready
|
||||
loadMainScript();
|
||||
loadMainScript()
|
||||
} catch (error) {
|
||||
console.warn('Config loader: Could not fetch config from', CONFIG_URL);
|
||||
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('Config loader: Could not fetch config from', CONFIG_URLS)
|
||||
console.warn('Error details:', error.message)
|
||||
console.warn(
|
||||
'This is normal if the endpoint does not exist yet. App will continue with empty config.'
|
||||
)
|
||||
// Set default empty config on error
|
||||
window.__APP_CONFIG__ = {};
|
||||
window.__CONFIG_READY__ = true;
|
||||
window.__APP_CONFIG__ = {}
|
||||
window.__CONFIG_READY__ = true
|
||||
|
||||
// Resolve the promise even on error (with empty config)
|
||||
if (configResolve) {
|
||||
configResolve({});
|
||||
configResolve({})
|
||||
}
|
||||
|
||||
window.dispatchEvent(new CustomEvent('configError', { detail: error }));
|
||||
window.dispatchEvent(new CustomEvent('configError', { detail: error }))
|
||||
|
||||
// Clear timeout if error occurred
|
||||
if (configTimeoutId) {
|
||||
clearTimeout(configTimeoutId);
|
||||
configTimeoutId = null;
|
||||
clearTimeout(configTimeoutId)
|
||||
configTimeoutId = null
|
||||
}
|
||||
|
||||
// Load main.ts even on error (with empty config)
|
||||
loadMainScript();
|
||||
loadMainScript()
|
||||
}
|
||||
}
|
||||
|
||||
@@ -121,10 +148,10 @@
|
||||
//const config= window.__APP_CONFIG__
|
||||
// Check if main.ts is already loaded
|
||||
if (mainScriptLoaded || document.querySelector('script[src="/src/main.ts"]')) {
|
||||
return;
|
||||
return
|
||||
}
|
||||
|
||||
mainScriptLoaded = true;
|
||||
mainScriptLoaded = true
|
||||
|
||||
/*const manifestLink = document.createElement("link")
|
||||
manifestLink.rel = "manifest"
|
||||
@@ -133,10 +160,9 @@
|
||||
|
||||
document.head.appendChild(manifestLink)*/
|
||||
|
||||
|
||||
import('/src/main.ts').then(() => {
|
||||
console.log('Main script loaded and executed');
|
||||
});
|
||||
console.log('Main script loaded and executed')
|
||||
})
|
||||
|
||||
/*const script = document.createElement('script');
|
||||
script.type = 'module';
|
||||
@@ -159,23 +185,22 @@
|
||||
}
|
||||
|
||||
// Set timeout to ensure main.ts loads even if config fails
|
||||
configTimeoutId = setTimeout(function() {
|
||||
configTimeoutId = setTimeout(function () {
|
||||
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
|
||||
window.__APP_CONFIG__ = window.__APP_CONFIG__ || {};
|
||||
window.__CONFIG_READY__ = true;
|
||||
window.__APP_CONFIG__ = window.__APP_CONFIG__ || {}
|
||||
window.__CONFIG_READY__ = true
|
||||
|
||||
// Resolve promise with empty config
|
||||
if (configResolve) {
|
||||
configResolve({});
|
||||
configResolve({})
|
||||
}
|
||||
|
||||
loadMainScript();
|
||||
loadMainScript()
|
||||
}
|
||||
}, CONFIG_TIMEOUT);
|
||||
}, CONFIG_TIMEOUT)
|
||||
|
||||
// Start loading config immediately
|
||||
loadConfig();
|
||||
})();
|
||||
|
||||
loadConfig()
|
||||
})()
|
||||
|
||||
Reference in New Issue
Block a user