/
assetUrls.ts
41 lines (36 loc) · 1.13 KB
/
assetUrls.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import { RecursivePartial } from '@tldraw/editor'
import { useMemo } from 'react'
import { version } from '../../ui/version'
/** @public */
export type TLEditorAssetUrls = {
fonts: {
monospace: string
serif: string
sansSerif: string
draw: string
}
}
/** @public */
export let defaultEditorAssetUrls: TLEditorAssetUrls = {
fonts: {
draw: `https://unpkg.com/@tldraw/assets@${version}/fonts/Shantell_Sans-Tldrawish.woff2`,
serif: `https://unpkg.com/@tldraw/assets@${version}/fonts/IBMPlexSerif-Medium.woff2`,
sansSerif: `https://unpkg.com/@tldraw/assets@${version}/fonts/IBMPlexSans-Medium.woff2`,
monospace: `https://unpkg.com/@tldraw/assets@${version}/fonts/IBMPlexMono-Medium.woff2`,
},
}
/** @internal */
export function setDefaultEditorAssetUrls(assetUrls: TLEditorAssetUrls) {
defaultEditorAssetUrls = assetUrls
}
/** @internal */
export function useDefaultEditorAssetsWithOverrides(
overrides?: RecursivePartial<TLEditorAssetUrls>
): TLEditorAssetUrls {
return useMemo(() => {
if (!overrides) return defaultEditorAssetUrls
return {
fonts: { ...defaultEditorAssetUrls.fonts, ...overrides?.fonts },
}
}, [overrides])
}