mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 23:36:00 -05:00
c07d2f3fa2
Equation Preview GitOrigin-RevId: 98e71e5d2c1a83d6c9fa685eeee1f4b93a5a3da1
163 lines
4.1 KiB
TypeScript
163 lines
4.1 KiB
TypeScript
import { createContext, FC, useContext, useMemo } from 'react'
|
|
import useProjectWideSettings from '../hooks/use-project-wide-settings'
|
|
import useUserWideSettings from '../hooks/use-user-wide-settings'
|
|
import useProjectWideSettingsSocketListener from '../hooks/use-project-wide-settings-socket-listener'
|
|
import type { ProjectSettings } from '../utils/api'
|
|
import { UserSettings } from '../../../../../types/user-settings'
|
|
|
|
type ProjectSettingsSetterContextValue = {
|
|
setCompiler: (compiler: ProjectSettings['compiler']) => void
|
|
setImageName: (imageName: ProjectSettings['imageName']) => void
|
|
setRootDocId: (rootDocId: ProjectSettings['rootDocId']) => void
|
|
setSpellCheckLanguage: (
|
|
spellCheckLanguage: ProjectSettings['spellCheckLanguage']
|
|
) => void
|
|
setAutoComplete: (autoComplete: UserSettings['autoComplete']) => void
|
|
setAutoPairDelimiters: (
|
|
autoPairDelimiters: UserSettings['autoPairDelimiters']
|
|
) => void
|
|
setSyntaxValidation: (
|
|
syntaxValidation: UserSettings['syntaxValidation']
|
|
) => void
|
|
setMode: (mode: UserSettings['mode']) => void
|
|
setEditorTheme: (editorTheme: UserSettings['editorTheme']) => void
|
|
setOverallTheme: (overallTheme: UserSettings['overallTheme']) => void
|
|
setFontSize: (fontSize: UserSettings['fontSize']) => void
|
|
setFontFamily: (fontFamily: UserSettings['fontFamily']) => void
|
|
setLineHeight: (lineHeight: UserSettings['lineHeight']) => void
|
|
setPdfViewer: (pdfViewer: UserSettings['pdfViewer']) => void
|
|
setMathPreview: (mathPreview: UserSettings['mathPreview']) => void
|
|
}
|
|
|
|
type ProjectSettingsContextValue = Partial<ProjectSettings> &
|
|
Partial<UserSettings> &
|
|
ProjectSettingsSetterContextValue
|
|
|
|
export const ProjectSettingsContext = createContext<
|
|
ProjectSettingsContextValue | undefined
|
|
>(undefined)
|
|
|
|
export const ProjectSettingsProvider: FC = ({ children }) => {
|
|
const {
|
|
compiler,
|
|
setCompiler,
|
|
imageName,
|
|
setImageName,
|
|
rootDocId,
|
|
setRootDocId,
|
|
spellCheckLanguage,
|
|
setSpellCheckLanguage,
|
|
} = useProjectWideSettings()
|
|
|
|
const {
|
|
autoComplete,
|
|
setAutoComplete,
|
|
autoPairDelimiters,
|
|
setAutoPairDelimiters,
|
|
syntaxValidation,
|
|
setSyntaxValidation,
|
|
editorTheme,
|
|
setEditorTheme,
|
|
overallTheme,
|
|
setOverallTheme,
|
|
mode,
|
|
setMode,
|
|
fontSize,
|
|
setFontSize,
|
|
fontFamily,
|
|
setFontFamily,
|
|
lineHeight,
|
|
setLineHeight,
|
|
pdfViewer,
|
|
setPdfViewer,
|
|
mathPreview,
|
|
setMathPreview,
|
|
} = useUserWideSettings()
|
|
|
|
useProjectWideSettingsSocketListener()
|
|
|
|
const value: ProjectSettingsContextValue = useMemo(
|
|
() => ({
|
|
compiler,
|
|
setCompiler,
|
|
imageName,
|
|
setImageName,
|
|
rootDocId,
|
|
setRootDocId,
|
|
spellCheckLanguage,
|
|
setSpellCheckLanguage,
|
|
autoComplete,
|
|
setAutoComplete,
|
|
autoPairDelimiters,
|
|
setAutoPairDelimiters,
|
|
syntaxValidation,
|
|
setSyntaxValidation,
|
|
editorTheme,
|
|
setEditorTheme,
|
|
overallTheme,
|
|
setOverallTheme,
|
|
mode,
|
|
setMode,
|
|
fontSize,
|
|
setFontSize,
|
|
fontFamily,
|
|
setFontFamily,
|
|
lineHeight,
|
|
setLineHeight,
|
|
pdfViewer,
|
|
setPdfViewer,
|
|
mathPreview,
|
|
setMathPreview,
|
|
}),
|
|
[
|
|
compiler,
|
|
setCompiler,
|
|
imageName,
|
|
setImageName,
|
|
rootDocId,
|
|
setRootDocId,
|
|
spellCheckLanguage,
|
|
setSpellCheckLanguage,
|
|
autoComplete,
|
|
setAutoComplete,
|
|
autoPairDelimiters,
|
|
setAutoPairDelimiters,
|
|
syntaxValidation,
|
|
setSyntaxValidation,
|
|
editorTheme,
|
|
setEditorTheme,
|
|
overallTheme,
|
|
setOverallTheme,
|
|
mode,
|
|
setMode,
|
|
fontSize,
|
|
setFontSize,
|
|
fontFamily,
|
|
setFontFamily,
|
|
lineHeight,
|
|
setLineHeight,
|
|
pdfViewer,
|
|
setPdfViewer,
|
|
mathPreview,
|
|
setMathPreview,
|
|
]
|
|
)
|
|
|
|
return (
|
|
<ProjectSettingsContext.Provider value={value}>
|
|
{children}
|
|
</ProjectSettingsContext.Provider>
|
|
)
|
|
}
|
|
|
|
export function useProjectSettingsContext() {
|
|
const context = useContext(ProjectSettingsContext)
|
|
|
|
if (!context) {
|
|
throw new Error(
|
|
'useProjectSettingsContext is only available inside ProjectSettingsProvider'
|
|
)
|
|
}
|
|
|
|
return context
|
|
}
|