mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-11 23:42:17 -05:00
29 lines
895 B
TypeScript
29 lines
895 B
TypeScript
import { ViewPlugin } from '@codemirror/view'
|
|
import { StateEffect } from '@codemirror/state'
|
|
import { updateHasEffect } from '../utils/effects'
|
|
|
|
const fontLoadEffect = StateEffect.define<readonly FontFace[]>()
|
|
export const hasFontLoadedEffect = updateHasEffect(fontLoadEffect)
|
|
|
|
export const fontLoad = ViewPlugin.define(view => {
|
|
function listener(this: FontFaceSet, event: FontFaceSetLoadEvent) {
|
|
view.dispatch({ effects: fontLoadEffect.of(event.fontfaces) })
|
|
}
|
|
|
|
const fontLoadSupport = 'fonts' in document
|
|
if (fontLoadSupport) {
|
|
// TypeScript doesn't appear to know the correct type for the listener
|
|
document.fonts.addEventListener('loadingdone', listener as EventListener)
|
|
}
|
|
|
|
return {
|
|
destroy() {
|
|
if (fontLoadSupport) {
|
|
document.fonts.removeEventListener(
|
|
'loadingdone',
|
|
listener as EventListener
|
|
)
|
|
}
|
|
},
|
|
}
|
|
})
|