Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-05-14 11:10:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(app): mount FullscreenProvider at app root

Browse source 
Wrap the router with <FullscreenProvider> so a single provider instance
spans the whole app lifetime. The legacy useFullscreen hook is still
intact and continues to drive consumers; the provider is in place but
not yet consumed. Splitting this from the consumer cutover keeps each
commit independently buildable.

Made-with: Cursor
This commit is contained in:
AK 2026-04-27 01:50:51 -04:00
parent 60df6860d7
commit c97a9f1566
1 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/App/App.js
View file

@ -7,6 +7,7 @@ const { Router } = require('stremio-router');
const { Core, Shell, Chromecast, DragAndDrop, KeyboardShortcuts, ServicesProvider } = require('stremio/services'); const { Core, Shell, Chromecast, DragAndDrop, KeyboardShortcuts, ServicesProvider } = require('stremio/services');
const { NotFound } = require('stremio/routes'); const { NotFound } = require('stremio/routes');
const { FileDropProvider, PlatformProvider, ToastProvider, TooltipProvider, ShortcutsProvider, CONSTANTS, withCoreSuspender, useShell, useBinaryState } = require('stremio/common'); const { FileDropProvider, PlatformProvider, ToastProvider, TooltipProvider, ShortcutsProvider, CONSTANTS, withCoreSuspender, useShell, useBinaryState } = require('stremio/common');
const { FullscreenProvider } = require('stremio/common/Fullscreen');
const ServicesToaster = require('./ServicesToaster'); const ServicesToaster = require('./ServicesToaster');
const DeepLinkHandler = require('./DeepLinkHandler'); const DeepLinkHandler = require('./DeepLinkHandler');
const SearchParamsHandler = require('./SearchParamsHandler'); const SearchParamsHandler = require('./SearchParamsHandler');
@ -214,6 +215,7 @@ const App = () => {
<TooltipProvider className={styles['tooltip-container']}> <TooltipProvider className={styles['tooltip-container']}>
<FileDropProvider className={styles['file-drop-container']}> <FileDropProvider className={styles['file-drop-container']}>
<ShortcutsProvider onShortcut={onShortcut}> <ShortcutsProvider onShortcut={onShortcut}>
<FullscreenProvider>
{ {
shortcutModalOpen && <ShortcutsModal onClose={closeShortcutsModal}/> shortcutModalOpen && <ShortcutsModal onClose={closeShortcutsModal}/>
} }
@ -226,6 +228,7 @@ const App = () => {
viewsConfig={routerViewsConfig} viewsConfig={routerViewsConfig}
onPathNotMatch={onPathNotMatch} onPathNotMatch={onPathNotMatch}
/> />
</FullscreenProvider>
</ShortcutsProvider> </ShortcutsProvider>
</FileDropProvider> </FileDropProvider>
</TooltipProvider> </TooltipProvider>