feat: Redux-Thunk für analoge Eingänge integriert & useFetchAnalogeEingaenge entfernt

- `fetchAnalogeEingaengeThunk` in `AnalogeEingaengeTable.tsx` verwendet, um API-Daten in Redux zu speichern.
- `useFetchAnalogeEingaenge` entfernt, um doppelte API-Aufrufe zu vermeiden.
- Sicherstellung, dass Redux-Thunk nur im Client (`useEffect`) ausgeführt wird.
- Automatische Aktualisierung der API-Daten alle 10 Sekunden über Redux-Thunk.
- Code-Optimierungen für eine stabilere Client-Side-Architektur mit Next.js.

✅ Jetzt läuft Redux-Thunk stabil & effizient in der Next.js-Anwendung!

services/fetchAnalogeEingaenge.ts

@@ -0,0 +1,62 @@
+// /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
+  }
+
+  return process.env.NODE_ENV === "development"
+    ? `${window.location.origin}/CPLmockData/SERVICE/ae.js`
+    : `${window.location.origin}/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
+
+    console.log(`📡 API-Request an: ${apiUrl}`);
+
+    const response = await fetch(apiUrl);
+    if (!response.ok) {
+      throw new Error(`❌ Fehler: ${response.status} ${response.statusText}`);
+    }
+
+    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]) {
+        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,
+        };
+      }
+    }
+
+    console.log("✅ Formatierte Daten:", formattedData);
+    return formattedData;
+  } catch (error) {
+    console.error("❌ Fehler beim Laden der analogen Eingänge:", error);
+    return null;
+  }
+};

services/fetchLoopChartData.ts

@@ -0,0 +1,76 @@
+// /services/fetchLoopChartData.ts
+/**
+ * Erstellt die richtige API-URL basierend auf Umgebung, Mode, Type und Slot-Nummer.
+ */
+const getApiUrl = (
+  mode: "DIA0" | "DIA1" | "DIA2",
+  type: number,
+  slotNumber: number,
+  vonDatum: string,
+  bisDatum: string
+) => {
+  if (!slotNumber) {
+    console.error("⚠️ Slot-Nummer nicht gesetzt!");
+    return "";
+  }
+
+  const typeFolder =
+    type === 3 ? "isolationswiderstand" : "schleifenwiderstand";
+
+  return process.env.NODE_ENV === "development"
+    ? `/CPLmockData/kuesChartData/slot${slotNumber}/${typeFolder}/${mode}.json`
+    : `${window.location.origin}/CPL?seite.ACP&${mode}=${formatDate(
+        vonDatum
+      )};${formatDate(bisDatum)};${slotNumber};${type};`;
+};
+
+/**
+ * Wandelt ein Datum von "YYYY-MM-DD" zu "YYYY;MM;DD" um (für die API-URL).
+ */
+const formatDate = (dateString: string) => {
+  const dateParts = dateString.split("-");
+  return `${dateParts[0]};${dateParts[1]};${dateParts[2]}`;
+};
+
+/**
+ * Holt die Messwerte vom Embedded-System oder einer JSON-Datei.
+ */
+export const fetchLoopChartData = async (
+  mode: "DIA0" | "DIA1" | "DIA2",
+  type: number,
+  slotNumber: number,
+  vonDatum: string,
+  bisDatum: string
+) => {
+  try {
+    const apiUrl = getApiUrl(mode, type, slotNumber, vonDatum, bisDatum);
+    if (!apiUrl) {
+      throw new Error(
+        "❌ Keine gültige API-URL! in /services/fetchLoopChartdata.ts"
+      );
+    }
+
+    console.log(
+      `📡 Fetching data from in /services/fetchLoopChartdata.ts: ${apiUrl}`
+    );
+    const response = await fetch(apiUrl);
+
+    if (!response.ok) {
+      throw new Error(`❌ Fehler: ${response.status} ${response.statusText}`);
+    }
+
+    const data = await response.json();
+    console.log(
+      "✅ Daten erfolgreich geladen in /services/fetchLoopChartdata.ts:",
+      data
+    );
+
+    return data;
+  } catch (error) {
+    console.error(
+      "❌ Fehler beim Laden der Schleifenmesskurvendaten in /services/fetchLoopChartdata.ts:",
+      error
+    );
+    return null;
+  }
+};