130 lines
2.7 KiB
TypeScript
130 lines
2.7 KiB
TypeScript
import React, { useState, useEffect } from 'react';
|
|
import PropTypes, { any } from 'prop-types';
|
|
|
|
import { STATUS, fetchData, FETCH_INTERVAL, SERVER_CONFIG } from './apis';
|
|
import { ConfigDetails, UpdateArgs } from '../types/config-section';
|
|
|
|
export const initialServerConfigState: ConfigDetails = {
|
|
streamKey: '',
|
|
instanceDetails: {
|
|
extraPageContent: '',
|
|
logo: '',
|
|
name: '',
|
|
nsfw: false,
|
|
streamTitle: '',
|
|
summary: '',
|
|
tags: [],
|
|
title: '',
|
|
},
|
|
ffmpegPath: '',
|
|
rtmpServerPort: '',
|
|
webServerPort: '',
|
|
s3: {},
|
|
yp: {
|
|
enabled: false,
|
|
instanceUrl: '',
|
|
},
|
|
videoSettings: {
|
|
videoQualityVariants: [
|
|
{
|
|
audioPassthrough: false,
|
|
videoPassthrough: false,
|
|
videoBitrate: 0,
|
|
audioBitrate: 0,
|
|
framerate: 0,
|
|
},
|
|
],
|
|
}
|
|
};
|
|
|
|
const initialServerStatusState = {
|
|
broadcastActive: false,
|
|
broadcaster: null,
|
|
online: false,
|
|
viewerCount: 0,
|
|
sessionMaxViewerCount: 0,
|
|
sessionPeakViewerCount: 0,
|
|
overallPeakViewerCount: 0,
|
|
disableUpgradeChecks: true,
|
|
versionNumber: '0.0.0',
|
|
};
|
|
|
|
export const ServerStatusContext = React.createContext({
|
|
...initialServerStatusState,
|
|
serverConfig: initialServerConfigState,
|
|
|
|
setFieldInConfigState: any,
|
|
});
|
|
|
|
const ServerStatusProvider = ({ children }) => {
|
|
const [status, setStatus] = useState(initialServerStatusState);
|
|
const [config, setConfig] = useState(initialServerConfigState);
|
|
|
|
const getStatus = async () => {
|
|
try {
|
|
const result = await fetchData(STATUS);
|
|
setStatus({ ...result });
|
|
|
|
} catch (error) {
|
|
// todo
|
|
}
|
|
};
|
|
const getConfig = async () => {
|
|
try {
|
|
const result = await fetchData(SERVER_CONFIG);
|
|
setConfig(result);
|
|
} catch (error) {
|
|
// todo
|
|
}
|
|
};
|
|
|
|
const setFieldInConfigState = ({ fieldName, value, path }: UpdateArgs) => {
|
|
const updatedConfig = path ?
|
|
{
|
|
...config,
|
|
[path]: {
|
|
...config[path],
|
|
[fieldName]: value,
|
|
},
|
|
} :
|
|
{
|
|
...config,
|
|
[fieldName]: value,
|
|
};
|
|
|
|
setConfig(updatedConfig);
|
|
}
|
|
|
|
|
|
useEffect(() => {
|
|
let getStatusIntervalId = null;
|
|
|
|
getStatus();
|
|
getStatusIntervalId = setInterval(getStatus, FETCH_INTERVAL);
|
|
|
|
getConfig();
|
|
|
|
// returned function will be called on component unmount
|
|
return () => {
|
|
clearInterval(getStatusIntervalId);
|
|
}
|
|
}, [])
|
|
|
|
const providerValue = {
|
|
...status,
|
|
serverConfig: config,
|
|
|
|
setFieldInConfigState,
|
|
};
|
|
return (
|
|
<ServerStatusContext.Provider value={providerValue}>
|
|
{children}
|
|
</ServerStatusContext.Provider>
|
|
);
|
|
}
|
|
|
|
ServerStatusProvider.propTypes = {
|
|
children: PropTypes.element.isRequired,
|
|
};
|
|
|
|
export default ServerStatusProvider; |