When devicePixelRatio changes, a window resize event will fired, which should fix both #25 and #9. To test this, I focused the location bar and zoomed into the page. Before this PR:  After this PR:  Fixes #25 Fixes #9
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
export function lastOf<T>(ts: T[]): T | null {
|
|
return ts[ts.length - 1] || null
|
|
}
|
|
|
|
export function sortBy<T>(ts: T[], key: (t: T) => number | string): void {
|
|
function comparator(a: T, b: T) {
|
|
return key(a) < key(b) ? -1 : 1
|
|
}
|
|
ts.sort(comparator)
|
|
}
|
|
|
|
export function getOrInsert<K, V>(map: Map<K, V>, k: K, fallback: (k: K) => V): V {
|
|
if (!map.has(k)) map.set(k, fallback(k))
|
|
return map.get(k)!
|
|
}
|
|
|
|
export function getOrElse<K, V>(map: Map<K, V>, k: K, fallback: (k?: K) => V): V {
|
|
if (!map.has(k)) return fallback(k)
|
|
return map.get(k)!
|
|
}
|
|
|
|
export function* itMap<T, U>(it: Iterable<T>, f: (t: T) => U): Iterable<U> {
|
|
for (let t of it) {
|
|
yield f(t)
|
|
}
|
|
}
|
|
|
|
export function itForEach<T>(it: Iterable<T>, f: (t: T) => void): void {
|
|
for (let t of it) {
|
|
f(t)
|
|
}
|
|
}
|
|
|
|
export function itReduce<T, U>(it: Iterable<T>, f: (a: U, b: T) => U, init: U): U {
|
|
let accum: U = init
|
|
for (let t of it) {
|
|
accum = f(accum, t)
|
|
}
|
|
return accum
|
|
}
|
|
|
|
// NOTE: This blindly assumes the same result across contexts.
|
|
const measureTextCache = new Map<string, number>()
|
|
|
|
let lastDevicePixelRatio = -1
|
|
export function cachedMeasureTextWidth(ctx: CanvasRenderingContext2D, text: string): number {
|
|
if (window.devicePixelRatio !== lastDevicePixelRatio) {
|
|
// This cache is no longer valid!
|
|
measureTextCache.clear()
|
|
lastDevicePixelRatio = window.devicePixelRatio
|
|
}
|
|
if (!measureTextCache.has(text)) {
|
|
measureTextCache.set(text, ctx.measureText(text).width)
|
|
}
|
|
return measureTextCache.get(text)!
|
|
}
|