github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Add socket listener for compiler, imageName, and spellCheckLanguage

Browse source 
GitOrigin-RevId: b12644152387e479e433a014e1a1041ebae36f12
This commit is contained in:
M Fahru 2022-12-27 13:36:08 -07:00 committed by Copybot
parent b6b6b9c4b1
commit 98fbd330b2
2 changed files with 45 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
View file

@ -12,6 +12,7 @@ import type {
} from '../../../../../types/project-settings'
import useSetProjectWideSettings from '../hooks/use-set-project-wide-settings'
import useUserWideSettings from '../hooks/use-user-wide-settings'
import useProjectWideSettingsSocketListener from '../hooks/use-project-wide-settings-socket-listener'
type ProjectSettingsContextValue = {
compiler?: ProjectCompiler
@ -85,6 +86,8 @@ export function ProjectSettingsProvider({
setPdfViewer,
} = useUserWideSettings()
useProjectWideSettingsSocketListener()
const value: ProjectSettingsContextValue = useMemo(
() => ({
compiler,

42
services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings-socket-listener.tsx Normal file
View file

@ -0,0 +1,42 @@
import { useEffect } from 'react'
import { ProjectCompiler } from '../../../../../types/project-settings'
import { useIdeContext } from '../../../shared/context/ide-context'
import useScopeValue from '../../../shared/hooks/use-scope-value'
export default function useProjectWideSettingsSocketListener() {
const ide = useIdeContext()
const [compiler, setCompiler] =
useScopeValue<ProjectCompiler>('project.compiler')
const [imageName, setImageName] = useScopeValue<string>('project.imageName')
const [spellCheckLanguage, setSpellCheckLanguage] = useScopeValue<string>(
'project.spellCheckLanguage'
)
useEffect(() => {
// data is not available on initial mounting
const dataAvailable = compiler && imageName && spellCheckLanguage
if (dataAvailable && ide?.socket) {
ide.socket.on('compilerUpdated', setCompiler)
ide.socket.on('imageNameUpdated', setImageName)
ide.socket.on('spellCheckLanguageUpdated', setSpellCheckLanguage)
return () => {
ide.socket.removeListener('compilerUpdated', setCompiler)
ide.socket.removeListener('imageNameUpdated', setImageName)
ide.socket.removeListener(
'spellCheckLanguageUpdated',
setSpellCheckLanguage
)
}
}
}, [
ide?.socket,
compiler,
setCompiler,
imageName,
setImageName,
spellCheckLanguage,
setSpellCheckLanguage,
])
}