refactor: Lade alle window-basierten .js-Dateien dynamisch und umgebungsabhängig

- Alle Services (ae.js, de.js, da.js, kueData.js, Start.js, System.js, opcua.js) laden ihre Scripte abhängig von der Umgebung
- Vermeidet unnötige globale Script-Ladung über loadWindowVariables.ts
- Reduziert Netzwerklast und verbessert Modularität und Performance
This commit is contained in:
ISA
2025-03-26 14:13:18 +01:00
parent db67ba0709
commit 9e282c9ae5
12 changed files with 244 additions and 101 deletions

View File

@@ -1,59 +1,41 @@
// /services/fetchAnalogeEingaenge.ts
/**
* Bestimmt die richtige API-URL basierend auf der Umgebung.
*/
const getApiUrl = () => {
if (typeof window === "undefined") {
console.error("❌ `window` ist nicht verfügbar (Server-Side Rendering)");
return null; // Server-Side darf nicht weiter ausführen
}
// ✅ Service: /services/fetchAnalogeEingaenge.ts
return process.env.NODE_ENV === "development"
? `${window.location.origin}/CPLmockData/SERVICE/ae.js`
: `${window.location.origin}/CPL?/CPL/SERVICE/ae.js`;
};
/**
* Holt die analogen Eingänge aus der richtigen Quelle.
*/
export const fetchAnalogeEingaenge = async () => {
try {
const apiUrl = getApiUrl();
if (!apiUrl) return null; // ❌ Falls SSR aktiv ist, nicht ausführen
if (typeof window === "undefined") return null;
// console.log(`📡 API-Request an: ${apiUrl}`);
// ✅ Pfad je nach Umgebung
const scriptSrc =
process.env.NODE_ENV === "production"
? "/CPL?/CPL/SERVICE/ae.js"
: "/CPLmockData/SERVICE/ae.js";
const response = await fetch(apiUrl);
if (!response.ok) {
throw new Error(`❌ Fehler: ${response.status} ${response.statusText}`);
}
await new Promise<void>((resolve, reject) => {
const script = document.createElement("script");
script.src = scriptSrc;
script.async = true;
script.onload = () => resolve();
script.onerror = () => reject("❌ Fehler beim Laden von ae.js");
document.body.appendChild(script);
});
const rawData = await response.text();
//console.log("✅ Rohdaten erfolgreich geladen:", rawData);
// **JavaScript-Variablen als Skript einfügen**
const script = document.createElement("script");
script.innerHTML = rawData;
document.body.appendChild(script);
// **Daten umwandeln**
const formattedData: Record<string, any> = {};
for (let i = 1; i <= 8; i++) {
const varName = `win_analogeEingaenge${i}`;
if (window[varName]) {
const raw = (window as any)[varName];
if (raw && Array.isArray(raw)) {
formattedData[varName] = {
id: window[varName][0],
value: window[varName][1],
name: window[varName][2],
uW: window[varName][3] === 1,
uG: window[varName][4] === 1,
oW: window[varName][5] === 1,
oG: window[varName][6] === 1,
id: raw[0],
value: raw[1],
name: raw[2],
uW: raw[3] === 1,
uG: raw[4] === 1,
oW: raw[5] === 1,
oG: raw[6] === 1,
};
}
}
// console.log("✅ Formatierte Daten:", formattedData);
return formattedData;
} catch (error) {
console.error("❌ Fehler beim Laden der analogen Eingänge:", error);