Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 22:12:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chromecast service started in App

Browse source
This commit is contained in:
nklhrstv 2020-05-12 15:43:17 +03:00
parent 8b40d015f5
commit 215bd79144
1 changed files with 30 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/App/App.js
View file

@ -3,7 +3,7 @@
require('spatial-navigation-polyfill');
const React = require('react');
const { Router } = require('stremio-router');
const { Core, KeyboardNavigation, ServicesProvider, Shell } = require('stremio/services');
const { Core, Shell, Chromecast, KeyboardNavigation, ServicesProvider } = require('stremio/services');
const { NotFound } = require('stremio/routes');
const { ToastProvider } = require('stremio/common');
const CoreEventsToaster = require('./CoreEventsToaster');
@ -15,47 +15,55 @@ const App = () => {
return NotFound;
}, []);
const services = React.useMemo(() => ({
keyboardNavigation: new KeyboardNavigation(),
core: new Core(),
shell: new Shell(),
core: new Core()
chromecast: new Chromecast(),
keyboardNavigation: new KeyboardNavigation()
}), []);
const [shellInitialized, setShellInitialized] = React.useState(false);
const [coreInitialized, setCoreInitialized] = React.useState(false);
const [shellInitialized, setShellInitialized] = React.useState(false);
const [chromecastInitialized, setChromecastInitialized] = React.useState(false);
React.useEffect(() => {
const onCoreStateChanged = () => {
services.core.dispatch({
action: 'Load',
args: {
model: 'Ctx'
}
});
setCoreInitialized(services.core.active);
};
const onShellStateChanged = () => {
setShellInitialized(services.shell.active || services.shell.error instanceof Error);
};
const onCoreStateChanged = () => {
if (services.core.active) {
services.core.dispatch({
action: 'Load',
args: {
model: 'Ctx'
}
});
}
setCoreInitialized(services.core.active);
const onChromecastStateChange = () => {
setChromecastInitialized(services.chromecast.active || services.chromecast.error instanceof Error);
};
services.shell.on('stateChanged', onShellStateChanged);
services.core.on('stateChanged', onCoreStateChanged);
services.keyboardNavigation.start();
services.shell.start();
services.shell.on('stateChanged', onShellStateChanged);
services.chromecast.on('stateChanged', onChromecastStateChange);
services.core.start();
window.shell = services.shell;
services.shell.start();
services.chromecast.start();
services.keyboardNavigation.start();
window.core = services.core;
window.shell = services.shell;
window.services = services;
return () => {
services.keyboardNavigation.stop();
services.shell.stop();
services.core.stop();
services.shell.off('stateChanged', onShellStateChanged);
services.shell.stop();
services.chromecast.stop();
services.keyboardNavigation.stop();
services.core.off('stateChanged', onCoreStateChanged);
services.shell.off('stateChanged', onShellStateChanged);
services.chromecast.off('stateChanged', onChromecastStateChange);
};
}, []);
return (
<React.StrictMode>
<ServicesProvider services={services}>
{
shellInitialized && coreInitialized ?
coreInitialized && shellInitialized && chromecastInitialized ?
<ToastProvider className={styles['toasts-container']}>
<CoreEventsToaster />
<Router