mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-08-18 09:25:14 +02:00
Gregory Schier
4a3af02eb6
A response body on one enormous line, typically base64 image data in JSON, stalls the UI. Cost tracks the longest line rather than the document size, because soft wrap has to measure a line end to end to find its break points. Read-only editors now collapse over-long lines to a placeholder that opens the full value in a paged dialog. Tokens over 5k chars collapse individually where there is a grammar, so a minified body keeps its keys visible; anything still past column 10k is collapsed too, which needs no grammar. The document is untouched, so copy, filter and save still see the full text. Also replaces the whole-document md5 behind the editor state cache with a sampled fingerprint. It ran on every editor update and again on restore. Measured in WKWebView, per render pass: 1MB single line 221ms -> 51ms 3MB single line 968ms -> 138ms 3MB switch away and back 265ms -> 37ms
32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import { md5 } from "js-md5";
|
|
|
|
/** How much of each end and the middle to hash */
|
|
const SAMPLE_CHARS = 512;
|
|
|
|
/**
|
|
* A cheap stand-in for hashing a whole document.
|
|
*
|
|
* The editor caches undo history, folds and selection in sessionStorage, keyed by a hash of
|
|
* the document so a stale entry is never restored onto different content. Hashing the whole
|
|
* document costs about 4 ms per megabyte, and it is paid on every editor update as well as on
|
|
* restore, which is a lot of work to protect a fold position.
|
|
*
|
|
* Sampling the ends and the middle alongside the exact length is enough: two different
|
|
* documents would have to agree on length and all three samples to collide, and the cost of a
|
|
* collision is a fold or cursor landing where it doesn't belong. Documents small enough to
|
|
* hash outright still are.
|
|
*/
|
|
export function docFingerprint(text: string): string {
|
|
if (text.length <= SAMPLE_CHARS * 3) {
|
|
return `${text.length}:${md5(text)}`;
|
|
}
|
|
|
|
const middle = Math.floor((text.length - SAMPLE_CHARS) / 2);
|
|
return [
|
|
text.length,
|
|
md5(text.slice(0, SAMPLE_CHARS)),
|
|
md5(text.slice(middle, middle + SAMPLE_CHARS)),
|
|
md5(text.slice(-SAMPLE_CHARS)),
|
|
].join(":");
|
|
}
|