CITKParus/P8-Panels
2
0
Fork 2
Code Issues Pull Requests 1 Projects Releases Wiki Activity

WEB APP: BackEndContext отвязан от использования глобальных объектов

Browse Source
This commit is contained in:
Mikhail Chechnev 2023-09-25 13:39:24 +03:00
parent 085364f4e8
commit 8592c870d8
2 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/context/backend.js
View File

@ -9,9 +9,25 @@
import React, { createContext, useContext, useCallback } from "react"; //ReactJS
import PropTypes from "prop-types"; //Контроль свойств компонента
import client from "../core/client"; //Клиент для взаимодействия с сервером
import { MessagingСtx } from "./messaging"; //Контекст сообщений
//---------
//Константы
//---------
//Структура объекта клиента
const P8P_CLIENT_SHAPE = PropTypes.shape({
SERV_DATA_TYPE_STR: PropTypes.string.isRequired,
SERV_DATA_TYPE_NUMB: PropTypes.string.isRequired,
SERV_DATA_TYPE_DATE: PropTypes.string.isRequired,
SERV_DATA_TYPE_CLOB: PropTypes.string.isRequired,
isRespErr: PropTypes.func.isRequired,
getRespErrMessage: PropTypes.func.isRequired,
getRespPayload: PropTypes.func.isRequired,
executeStored: PropTypes.func.isRequired,
getConfig: PropTypes.func.isRequired
});
//----------------
//Интерфейс модуля
//----------------
@ -20,18 +36,18 @@ import { MessagingСtx } from "./messaging"; //Контекст сообщени
export const BackEndСtx = createContext();
//Провайдер контекста взаимодействия с серверным API
export const BackEndContext = ({ children }) => {
export const BackEndContext = ({ client, children }) => {
//Подключение к контексту сообщений
const { showLoader, hideLoader, showMsgErr } = useContext(MessagingСtx);
//Проверка ответа на наличие ошибки
const isRespErr = useCallback(resp => client.isRespErr(resp), []);
const isRespErr = useCallback(resp => client.isRespErr(resp), [client]);
//Извлечение ошибки из ответа
const getRespErrMessage = useCallback(resp => client.getRespErrMessage(resp), []);
const getRespErrMessage = useCallback(resp => client.getRespErrMessage(resp), [client]);
//Извлечение полезного содержимого из ответа
const getRespPayload = useCallback(resp => client.getRespPayload(resp), []);
const getRespPayload = useCallback(resp => client.getRespPayload(resp), [client]);
//Запуск хранимой процедуры
const executeStored = useCallback(
@ -58,7 +74,7 @@ export const BackEndContext = ({ children }) => {
if (loader !== false) hideLoader();
}
},
[showLoader, hideLoader, isRespErr, showMsgErr]
[showLoader, hideLoader, isRespErr, showMsgErr, client]
);
//Загрузка настроек панелей
@ -75,7 +91,7 @@ export const BackEndContext = ({ children }) => {
if (loader !== false) hideLoader();
}
},
[showLoader, hideLoader, showMsgErr]
[showLoader, hideLoader, showMsgErr, client]
);
//Вернём компонент провайдера
@ -100,5 +116,6 @@ export const BackEndContext = ({ children }) => {
//Контроль свойств - Провайдер контекста взаимодействия с серверным API
BackEndContext.propTypes = {
client: P8P_CLIENT_SHAPE.isRequired,
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
};

3
app/root.js
View File

@ -13,6 +13,7 @@ import { BackEndContext } from "./context/backend"; //Контекст взаи
import { ApplicationContext } from "./context/application"; //Контекст приложения
import { App } from "./app"; //Приложение
import { genGUID } from "./core/utils"; //Вспомогательные функции
import client from "./core/client"; //Клиент для взаимодействия с сервером
//-----------
//Тело модуля
@ -22,7 +23,7 @@ import { genGUID } from "./core/utils"; //Вспомогательные фун
const Root = () => {
return (
<MessagingContext>
<BackEndContext>
<BackEndContext client={client}>
<ApplicationContext guidGenerator={genGUID}>
<App />
</ApplicationContext>