Files
CPLv4.0/hooks/windowVariables/useLoadWindowVariables.ts

78 lines
2.2 KiB
TypeScript

// hooks/windowvariables/useLoadWindowVariables.ts
import { useEffect } from "react";
import { useDispatch } from "react-redux";
import { setInputs } from "../../redux/slices/digitalInputsSlice";
const requiredVars: string[] = [
// Liste der benötigten Variablennamen
"win_de_state",
"win_de_label",
// weitere Variablen...
];
const scripts: string[] = [
"da.js",
"de.js",
"ae.js",
"kueData.js",
"Start.js",
"System.js",
"opcua.js",
];
const loadScript = (src: string): Promise<void> => {
return new Promise((resolve, reject) => {
const script = document.createElement("script");
const environment = process.env.NEXT_PUBLIC_NODE_ENV || "production";
script.src =
environment === "production"
? `/CPL?/CPL/SERVICE/${src}`
: `/CPLmockData/SERVICE/${src}`;
script.async = true;
script.onload = () => resolve();
script.onerror = () => reject(new Error(`Script load error: ${src}`));
document.head.appendChild(script);
});
};
export const useLoadWindowVariables = () => {
const dispatch = useDispatch();
useEffect(() => {
const loadVariables = async () => {
try {
for (const script of scripts) {
await loadScript(script);
}
const variablesObj: { [key: string]: any } = requiredVars.reduce(
(acc, variable) => {
const winVar = (window as any)[variable];
if (winVar !== undefined) {
acc[variable.replace("win_", "")] = winVar;
}
return acc;
},
{}
);
// Beispiel: Aktualisieren des Redux-Stores mit geladenen Variablen
if (variablesObj.de_state && variablesObj.de_label) {
const initialInputs = variablesObj.de_state.map(
(status: number, index: number) => ({
id: index + 1,
label: variablesObj.de_label[index] || `Eingang ${index + 1}`,
status: status === 1,
})
);
dispatch(setInputs(initialInputs));
}
} catch (error) {
console.error("Fehler beim Laden der Skripte oder Variablen:", error);
}
};
loadVariables();
}, [dispatch]);
};