overleaf/services/web/frontend/js/features/source-editor/extensions/font-load.ts
Alf Eaton 60370d5227 [cm6] Consolidate loose extensions (#13086)
GitOrigin-RevId: ff937418be5092b2b5197435e9cd60bc61f41b2c
2023-05-17 08:04:40 +00:00

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
)
}
},
}
})