@pierre/diffs 1.3.0-beta.9 → 1.3.0-rc.2

package/dist/editor/textMeasure.js

@@ -1,6 +1,7 @@
 import { getGraphemeSegmenter, h, round } from "./utils.js";
 //#region src/editor/textMeasure.ts
 const TEXT_WIDTH_CACHE_LIMIT = 4096;
+const COMBINING_MARK_PATTERN = /\p{Mark}/u;
 var Metrics = class {
 	#root;
 	#canvasCtx;
@@ -40,29 +41,52 @@ var Metrics = class {
 	}
 	/**
 	* Re-measure the '0' character width against the font that is loaded right
-	* now, returning true when it changed.
+	* now, returning true when measurement-dependent UI should refresh.
 	*
 	* A custom web font can finish loading after the editor first renders.
 	* Until then canvas measureText reports the fallback font's width, and
 	* getComputedStyle returns the same font-family string before and after the
 	* file arrives, so init()'s font guard never re-measures on its own. Call
 	* this once fonts have settled (e.g. on document.fonts.ready) to replace a
-	* width measured against the fallback font with the real glyph width. The
-	* boolean return lets the caller skip re-rendering when nothing changed.
+	* width measured against the fallback font with the real glyph width. Font
+	* completion can also change DOM-measured emoji/ZWJ widths while leaving the
+	* ASCII width unchanged, and the computed font string stays the same in both
+	* cases. The boolean return lets the caller skip re-rendering when there is no
+	* measured state to refresh.
 	*/
 	remeasureCharacterWidth() {
 		if (this.#canvasCtx === void 0 || this.#font === void 0) return false;
 		this.#canvasCtx.font = this.#font;
 		const ch = this.canvasMeasureTextWidth("0");
-		if (ch === this.ch) return false;
-		this.ch = ch;
-		return true;
+		const characterWidthChanged = ch !== this.ch;
+		if (characterWidthChanged) this.ch = ch;
+		const textWidthCacheCleared = this.#clearTextWidthCache();
+		return characterWidthChanged || textWidthCacheCleared;
 	}
 	/** measure the width of the text */
 	measureTextWidth(text) {
-		const textWithExpandedTabs = expandTabsToSpaces(text, this.tabSize);
-		if (needsDomTextMeasurement(textWithExpandedTabs)) return this.domMeasureTextWidth(textWithExpandedTabs);
-		return this.canvasMeasureTextWidth(textWithExpandedTabs);
+		if (!text.includes("	")) return this.#measureTextWidthWithoutTabs(text);
+		if (this.#canvasCtx === void 0) throw new Error("Metrics not initialized");
+		const asciiColumns = getExpandedAsciiTextColumns(text, this.tabSize);
+		if (asciiColumns !== -1) return asciiColumns * this.ch;
+		let width = 0;
+		let runStart = 0;
+		const tabStopWidth = this.tabSize * this.ch;
+		for (let i = 0; i < text.length; i++) {
+			if (text.charCodeAt(i) !== 9) continue;
+			if (i > runStart) width += this.#measureTextWidthWithoutTabs(text.slice(runStart, i));
+			if (tabStopWidth > 0) {
+				const remainder = width % tabStopWidth;
+				width += remainder === 0 ? tabStopWidth : tabStopWidth - remainder;
+			}
+			runStart = i + 1;
+		}
+		if (runStart < text.length) width += this.#measureTextWidthWithoutTabs(text.slice(runStart));
+		return round(width);
+	}
+	#measureTextWidthWithoutTabs(text) {
+		if (needsDomTextMeasurement(text)) return this.domMeasureTextWidth(text);
+		return this.canvasMeasureTextWidth(text);
 	}
 	/** measure the width of the text using the canvas measureText API */
 	canvasMeasureTextWidth(text) {
@@ -110,14 +134,19 @@ var Metrics = class {
 	* init(), e.g. on a layout reflow, so stale widths are not reused
 	*/
 	clearTextWidthCache() {
+		this.#clearTextWidthCache();
+	}
+	#clearTextWidthCache() {
+		const hadCachedTextWidths = this.#textWidthCache.size > 0;
 		this.#textWidthCache.clear();
+		return hadCachedTextWidths;
 	}
 };
 /** Check if the text needs DOM text measurement. */
 function needsDomTextMeasurement(text) {
 	for (let i = 0; i < text.length; i++) {
 		const code = text.charCodeAt(i);
-		if (code >= 55296 && code <= 57343 || code === 8205 || code === 65038 || code === 65039) return true;
+		if (code >= 55296 && code <= 57343 || code === 8205 || code === 65038 || code === 65039 || code > 127 && COMBINING_MARK_PATTERN.test(text.charAt(i))) return true;
 	}
 	return false;
 }
@@ -161,27 +190,6 @@ function getUnicodeMeasurementOffsets(text) {
 	return offsets;
 }
 /**
-* Expand tab characters to spaces using fixed tab stops: each tab advances to
-* the next multiple of tabSize from its running column, matching how the
-* rendered text expands tabs via CSS `tab-size`. Expanding every tab to a flat
-* tabSize would mis-measure tabs that follow other characters on the same line
-* (e.g. an alignment tab in `foo\tbar`).
-*/
-function expandTabsToSpaces(text, tabSize) {
-	if (!text.includes("	")) return text;
-	let result = "";
-	let column = 0;
-	for (let i = 0; i < text.length; i++) if (text.charCodeAt(i) === 9) {
-		const advance = tabSize - column % tabSize;
-		result += " ".repeat(advance);
-		column += advance;
-	} else {
-		result += text[i];
-		column += 1;
-	}
-	return result;
-}
-/**
 * Count the rendered columns of ASCII text, advancing each tab to the next
 * fixed tab stop (a multiple of tabSize) to match CSS `tab-size`. Returns -1
 * for non-ASCII text, which must be measured glyph-by-glyph instead.
@@ -196,6 +204,6 @@ function getExpandedAsciiTextColumns(text, tabSize) {
 	return columns;
 }
 //#endregion
-export { Metrics, expandTabsToSpaces, getExpandedAsciiTextColumns, getUnicodeMeasurementOffsets, needsDomTextMeasurement, snapTextOffsetToUnicodeBoundary };
+export { Metrics, getExpandedAsciiTextColumns, getUnicodeMeasurementOffsets, needsDomTextMeasurement, snapTextOffsetToUnicodeBoundary };
 
 //# sourceMappingURL=textMeasure.js.map

package/dist/editor/textMeasure.js.map

@@ -1 +1 @@
-{"version":3,"file":"textMeasure.js","names":["#root","#canvasCtx","#font","#textWidthCache"],"sources":["../../src/editor/textMeasure.ts"],"sourcesContent":["import { getGraphemeSegmenter, h, round } from './utils';\n\n// Upper bound on cached DOM text-width measurements. The cache only holds\n// non-ASCII runs (emoji, ZWJ sequences, variation selectors), so it stays\n// small for ordinary code, but capping it prevents unbounded growth on\n// emoji-heavy documents. Past the cap the oldest entry is evicted.\nconst TEXT_WIDTH_CACHE_LIMIT = 4096;\n\nexport class Metrics {\n  #root?: HTMLElement;\n  #canvasCtx?: CanvasRenderingContext2D;\n  #font?: string;\n\n  // Memoizes domMeasureTextWidth() results\n  #textWidthCache = new Map<string, number>();\n\n  /** Width of the '0' character. */\n  ch: number = -1;\n  /** Size of a tab(\\t) character. */\n  tabSize: number = 2;\n  /** Height of the code line. */\n  lineHeight: number = 20;\n  /** Padding top of the root element. */\n  paddingTop: number = 0;\n\n  /** initialize the metrics */\n  init(root: HTMLElement): void {\n    if (\n      this.#root === root &&\n      this.#canvasCtx !== undefined &&\n      this.ch !== -1\n    ) {\n      // already initialized\n      return;\n    }\n\n    this.#root = root;\n    this.#canvasCtx ??=\n      document.createElement('canvas').getContext('2d') ?? undefined;\n    if (this.#canvasCtx === undefined) {\n      throw new Error('Could not get canvas context');\n    }\n\n    const parent = root.parentElement;\n    if (parent !== null) {\n      const { paddingTop } = getComputedStyle(parent);\n      if (paddingTop.endsWith('px')) {\n        this.paddingTop = parseFloat(paddingTop.slice(0, -2));\n      }\n    }\n\n    const { fontSize, fontFamily, tabSize, lineHeight } =\n      getComputedStyle(root);\n    if (lineHeight.endsWith('px')) {\n      this.lineHeight = parseFloat(lineHeight.slice(0, -2));\n    } else if (fontSize.endsWith('px')) {\n      this.lineHeight = round(\n        parseFloat(fontSize.slice(0, -2)) * parseFloat(lineHeight)\n      );\n    }\n    const font = fontSize + ' ' + fontFamily;\n    if (this.#font !== font || this.ch === -1) {\n      this.#font = font;\n      this.#canvasCtx.font = font;\n      this.ch = this.canvasMeasureTextWidth('0');\n      // Cached DOM widths were measured against the previous font.\n      this.clearTextWidthCache();\n    }\n    const nextTabSize = parseInt(tabSize, 10);\n    if (!Number.isNaN(nextTabSize)) {\n      this.tabSize = nextTabSize;\n    }\n  }\n\n  /**\n   * Re-measure the '0' character width against the font that is loaded right\n   * now, returning true when it changed.\n   *\n   * A custom web font can finish loading after the editor first renders.\n   * Until then canvas measureText reports the fallback font's width, and\n   * getComputedStyle returns the same font-family string before and after the\n   * file arrives, so init()'s font guard never re-measures on its own. Call\n   * this once fonts have settled (e.g. on document.fonts.ready) to replace a\n   * width measured against the fallback font with the real glyph width. The\n   * boolean return lets the caller skip re-rendering when nothing changed.\n   */\n  remeasureCharacterWidth(): boolean {\n    if (this.#canvasCtx === undefined || this.#font === undefined) {\n      return false;\n    }\n    this.#canvasCtx.font = this.#font;\n    const ch = this.canvasMeasureTextWidth('0');\n    if (ch === this.ch) {\n      return false;\n    }\n    this.ch = ch;\n    return true;\n  }\n\n  /** measure the width of the text */\n  measureTextWidth(text: string): number {\n    const textWithExpandedTabs = expandTabsToSpaces(text, this.tabSize);\n    if (needsDomTextMeasurement(textWithExpandedTabs)) {\n      return this.domMeasureTextWidth(textWithExpandedTabs);\n    }\n    return this.canvasMeasureTextWidth(textWithExpandedTabs);\n  }\n\n  /** measure the width of the text using the canvas measureText API */\n  canvasMeasureTextWidth(text: string): number {\n    if (this.#canvasCtx === undefined) {\n      throw new Error('Metrics not initialized');\n    }\n    return round(this.#canvasCtx.measureText(text).width);\n  }\n\n  /**\n   * measure the width of the text using the DOM\n   * this is slow because it cause a reflow, use it for non-ascii text;\n   * results are memoized per text so repeated measurements skip the reflow\n   */\n  domMeasureTextWidth(text: string): number {\n    if (this.#root === undefined) {\n      throw new Error('Metrics not initialized');\n    }\n    const cacheKey = text + '|' + this.#font;\n    const cached = this.#textWidthCache.get(cacheKey);\n    if (cached !== undefined) {\n      return cached;\n    }\n    const measureEl = h(\n      'span',\n      {\n        style: {\n          position: 'absolute',\n          top: '0',\n          left: '0',\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          whiteSpace: 'pre',\n          font: 'inherit',\n        },\n        textContent: text,\n      },\n      this.#root\n    );\n    let width: number;\n    try {\n      // round() to match canvasMeasureTextWidth and ch; otherwise the DOM path\n      // returns raw sub-pixel widths and caret/selection offsets drift between\n      // ASCII and non-ASCII runs on the same line.\n      width = round(measureEl.getBoundingClientRect().width);\n    } finally {\n      measureEl.remove();\n    }\n    if (this.#textWidthCache.size >= TEXT_WIDTH_CACHE_LIMIT) {\n      const oldestKey = this.#textWidthCache.keys().next().value;\n      if (oldestKey !== undefined) {\n        this.#textWidthCache.delete(oldestKey);\n      }\n    }\n    this.#textWidthCache.set(cacheKey, width);\n    return width;\n  }\n\n  /**\n   * discard memoized DOM text widths\n   * call this when the inherited font may have changed without re-running\n   * init(), e.g. on a layout reflow, so stale widths are not reused\n   */\n  clearTextWidthCache(): void {\n    this.#textWidthCache.clear();\n  }\n}\n\n/** Check if the text needs DOM text measurement. */\nexport function needsDomTextMeasurement(text: string): boolean {\n  for (let i = 0; i < text.length; i++) {\n    const code = text.charCodeAt(i);\n    if (\n      (code >= 0xd800 && code <= 0xdfff) ||\n      code === 0x200d ||\n      code === 0xfe0e ||\n      code === 0xfe0f\n    ) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/** snap the text offset to the Unicode boundary */\nexport function snapTextOffsetToUnicodeBoundary(\n  text: string,\n  offset: number\n): number {\n  const boundedOffset = Math.max(0, Math.min(offset, text.length));\n  if (\n    boundedOffset === 0 ||\n    boundedOffset === text.length ||\n    !needsDomTextMeasurement(text)\n  ) {\n    return boundedOffset;\n  }\n  // Avoid measuring a caret position inside one visual emoji/grapheme.\n  // Browser caret movement can report offsets around UTF-16 surrogate\n  // pairs and emoji joiners; measuring a partial sequence gives a\n  // replacement-glyph width.\n  const segmenter = getGraphemeSegmenter();\n  if (segmenter !== undefined) {\n    for (const segment of segmenter.segment(text)) {\n      const segmentStart = segment.index;\n      const segmentEnd = segmentStart + segment.segment.length;\n      if (boundedOffset > segmentStart && boundedOffset < segmentEnd) {\n        return segmentEnd;\n      }\n      if (boundedOffset <= segmentStart) {\n        break;\n      }\n    }\n    return boundedOffset;\n  }\n  // Degraded path for engines lacking Intl.Segmenter: snap out of a\n  // surrogate pair by stepping over code points.\n  let segmentStart = 0;\n  for (const codePoint of text) {\n    const segmentEnd = segmentStart + codePoint.length;\n    if (boundedOffset > segmentStart && boundedOffset < segmentEnd) {\n      return segmentEnd;\n    }\n    if (boundedOffset <= segmentStart) {\n      break;\n    }\n    segmentStart = segmentEnd;\n  }\n  return boundedOffset;\n}\n\n/** get the offsets of the Unicode grapheme clusters in the text */\nexport function getUnicodeMeasurementOffsets(\n  text: string\n): number[] | undefined {\n  if (!needsDomTextMeasurement(text)) {\n    return undefined;\n  }\n  const offsets = [0];\n  const segmenter = getGraphemeSegmenter();\n  if (segmenter !== undefined) {\n    for (const segment of segmenter.segment(text)) {\n      offsets.push(segment.index + segment.segment.length);\n    }\n    return offsets;\n  }\n  // Degraded path for engines lacking Intl.Segmenter: step by code point.\n  let offset = 0;\n  for (const codePoint of text) {\n    offset += codePoint.length;\n    offsets.push(offset);\n  }\n  return offsets;\n}\n\n/**\n * Expand tab characters to spaces using fixed tab stops: each tab advances to\n * the next multiple of tabSize from its running column, matching how the\n * rendered text expands tabs via CSS `tab-size`. Expanding every tab to a flat\n * tabSize would mis-measure tabs that follow other characters on the same line\n * (e.g. an alignment tab in `foo\\tbar`).\n */\nexport function expandTabsToSpaces(text: string, tabSize: number): string {\n  if (!text.includes('\\t')) {\n    return text;\n  }\n  let result = '';\n  let column = 0;\n  for (let i = 0; i < text.length; i++) {\n    if (text.charCodeAt(i) === /* '\\t' */ 9) {\n      const advance = tabSize - (column % tabSize);\n      result += ' '.repeat(advance);\n      column += advance;\n    } else {\n      result += text[i];\n      column += 1;\n    }\n  }\n  return result;\n}\n\n/**\n * Count the rendered columns of ASCII text, advancing each tab to the next\n * fixed tab stop (a multiple of tabSize) to match CSS `tab-size`. Returns -1\n * for non-ASCII text, which must be measured glyph-by-glyph instead.\n */\nexport function getExpandedAsciiTextColumns(\n  text: string,\n  tabSize: number\n): number {\n  let columns = 0;\n  for (let i = 0; i < text.length; i++) {\n    const code = text.charCodeAt(i);\n    if (code > 127) {\n      return -1;\n    }\n    columns += code === /* '\\t' */ 9 ? tabSize - (columns % tabSize) : 1;\n  }\n  return columns;\n}\n"],"mappings":"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"}
+{"version":3,"file":"textMeasure.js","names":["#root","#canvasCtx","#font","#clearTextWidthCache","#measureTextWidthWithoutTabs","#textWidthCache"],"sources":["../../src/editor/textMeasure.ts"],"sourcesContent":["import { getGraphemeSegmenter, h, round } from './utils';\n\n// Upper bound on cached DOM text-width measurements. The cache only holds\n// non-ASCII runs (emoji, ZWJ sequences, variation selectors, combining marks),\n// so it stays small for ordinary code, but capping it prevents unbounded growth\n// on emoji-heavy documents. Past the cap the oldest entry is evicted.\nconst TEXT_WIDTH_CACHE_LIMIT = 4096;\n\nconst COMBINING_MARK_PATTERN = /\\p{Mark}/u;\n\nexport class Metrics {\n  #root?: HTMLElement;\n  #canvasCtx?: CanvasRenderingContext2D;\n  #font?: string;\n\n  // Memoizes domMeasureTextWidth() results\n  #textWidthCache = new Map<string, number>();\n\n  /** Width of the '0' character. */\n  ch: number = -1;\n  /** Size of a tab(\\t) character. */\n  tabSize: number = 2;\n  /** Height of the code line. */\n  lineHeight: number = 20;\n  /** Padding top of the root element. */\n  paddingTop: number = 0;\n\n  /** initialize the metrics */\n  init(root: HTMLElement): void {\n    if (\n      this.#root === root &&\n      this.#canvasCtx !== undefined &&\n      this.ch !== -1\n    ) {\n      // already initialized\n      return;\n    }\n\n    this.#root = root;\n    this.#canvasCtx ??=\n      document.createElement('canvas').getContext('2d') ?? undefined;\n    if (this.#canvasCtx === undefined) {\n      throw new Error('Could not get canvas context');\n    }\n\n    const parent = root.parentElement;\n    if (parent !== null) {\n      const { paddingTop } = getComputedStyle(parent);\n      if (paddingTop.endsWith('px')) {\n        this.paddingTop = parseFloat(paddingTop.slice(0, -2));\n      }\n    }\n\n    const { fontSize, fontFamily, tabSize, lineHeight } =\n      getComputedStyle(root);\n    if (lineHeight.endsWith('px')) {\n      this.lineHeight = parseFloat(lineHeight.slice(0, -2));\n    } else if (fontSize.endsWith('px')) {\n      this.lineHeight = round(\n        parseFloat(fontSize.slice(0, -2)) * parseFloat(lineHeight)\n      );\n    }\n    const font = fontSize + ' ' + fontFamily;\n    if (this.#font !== font || this.ch === -1) {\n      this.#font = font;\n      this.#canvasCtx.font = font;\n      this.ch = this.canvasMeasureTextWidth('0');\n      // Cached DOM widths were measured against the previous font.\n      this.clearTextWidthCache();\n    }\n    const nextTabSize = parseInt(tabSize, 10);\n    if (!Number.isNaN(nextTabSize)) {\n      this.tabSize = nextTabSize;\n    }\n  }\n\n  /**\n   * Re-measure the '0' character width against the font that is loaded right\n   * now, returning true when measurement-dependent UI should refresh.\n   *\n   * A custom web font can finish loading after the editor first renders.\n   * Until then canvas measureText reports the fallback font's width, and\n   * getComputedStyle returns the same font-family string before and after the\n   * file arrives, so init()'s font guard never re-measures on its own. Call\n   * this once fonts have settled (e.g. on document.fonts.ready) to replace a\n   * width measured against the fallback font with the real glyph width. Font\n   * completion can also change DOM-measured emoji/ZWJ widths while leaving the\n   * ASCII width unchanged, and the computed font string stays the same in both\n   * cases. The boolean return lets the caller skip re-rendering when there is no\n   * measured state to refresh.\n   */\n  remeasureCharacterWidth(): boolean {\n    if (this.#canvasCtx === undefined || this.#font === undefined) {\n      return false;\n    }\n    this.#canvasCtx.font = this.#font;\n    const ch = this.canvasMeasureTextWidth('0');\n    const characterWidthChanged = ch !== this.ch;\n    if (characterWidthChanged) {\n      this.ch = ch;\n    }\n    const textWidthCacheCleared = this.#clearTextWidthCache();\n    return characterWidthChanged || textWidthCacheCleared;\n  }\n\n  /** measure the width of the text */\n  measureTextWidth(text: string): number {\n    if (!text.includes('\\t')) {\n      return this.#measureTextWidthWithoutTabs(text);\n    }\n    if (this.#canvasCtx === undefined) {\n      throw new Error('Metrics not initialized');\n    }\n    const asciiColumns = getExpandedAsciiTextColumns(text, this.tabSize);\n    if (asciiColumns !== -1) {\n      return asciiColumns * this.ch;\n    }\n\n    let width = 0;\n    let runStart = 0;\n    const tabStopWidth = this.tabSize * this.ch;\n    for (let i = 0; i < text.length; i++) {\n      if (text.charCodeAt(i) !== /* '\\t' */ 9) {\n        continue;\n      }\n\n      if (i > runStart) {\n        width += this.#measureTextWidthWithoutTabs(text.slice(runStart, i));\n      }\n      // CSS tab stops are pixel positions, so wide glyphs before a tab must\n      // contribute their measured width rather than one logical column.\n      if (tabStopWidth > 0) {\n        const remainder = width % tabStopWidth;\n        width += remainder === 0 ? tabStopWidth : tabStopWidth - remainder;\n      }\n      runStart = i + 1;\n    }\n\n    if (runStart < text.length) {\n      width += this.#measureTextWidthWithoutTabs(text.slice(runStart));\n    }\n    return round(width);\n  }\n\n  #measureTextWidthWithoutTabs(text: string): number {\n    if (needsDomTextMeasurement(text)) {\n      return this.domMeasureTextWidth(text);\n    }\n    return this.canvasMeasureTextWidth(text);\n  }\n\n  /** measure the width of the text using the canvas measureText API */\n  canvasMeasureTextWidth(text: string): number {\n    if (this.#canvasCtx === undefined) {\n      throw new Error('Metrics not initialized');\n    }\n    return round(this.#canvasCtx.measureText(text).width);\n  }\n\n  /**\n   * measure the width of the text using the DOM\n   * this is slow because it cause a reflow, use it for non-ascii text;\n   * results are memoized per text so repeated measurements skip the reflow\n   */\n  domMeasureTextWidth(text: string): number {\n    if (this.#root === undefined) {\n      throw new Error('Metrics not initialized');\n    }\n    const cacheKey = text + '|' + this.#font;\n    const cached = this.#textWidthCache.get(cacheKey);\n    if (cached !== undefined) {\n      return cached;\n    }\n    const measureEl = h(\n      'span',\n      {\n        style: {\n          position: 'absolute',\n          top: '0',\n          left: '0',\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          whiteSpace: 'pre',\n          font: 'inherit',\n        },\n        textContent: text,\n      },\n      this.#root\n    );\n    let width: number;\n    try {\n      // round() to match canvasMeasureTextWidth and ch; otherwise the DOM path\n      // returns raw sub-pixel widths and caret/selection offsets drift between\n      // ASCII and non-ASCII runs on the same line.\n      width = round(measureEl.getBoundingClientRect().width);\n    } finally {\n      measureEl.remove();\n    }\n    if (this.#textWidthCache.size >= TEXT_WIDTH_CACHE_LIMIT) {\n      const oldestKey = this.#textWidthCache.keys().next().value;\n      if (oldestKey !== undefined) {\n        this.#textWidthCache.delete(oldestKey);\n      }\n    }\n    this.#textWidthCache.set(cacheKey, width);\n    return width;\n  }\n\n  /**\n   * discard memoized DOM text widths\n   * call this when the inherited font may have changed without re-running\n   * init(), e.g. on a layout reflow, so stale widths are not reused\n   */\n  clearTextWidthCache(): void {\n    this.#clearTextWidthCache();\n  }\n\n  #clearTextWidthCache(): boolean {\n    const hadCachedTextWidths = this.#textWidthCache.size > 0;\n    this.#textWidthCache.clear();\n    return hadCachedTextWidths;\n  }\n}\n\n/** Check if the text needs DOM text measurement. */\nexport function needsDomTextMeasurement(text: string): boolean {\n  for (let i = 0; i < text.length; i++) {\n    const code = text.charCodeAt(i);\n    if (\n      (code >= 0xd800 && code <= 0xdfff) ||\n      code === 0x200d ||\n      code === 0xfe0e ||\n      code === 0xfe0f ||\n      (code > 0x7f && COMBINING_MARK_PATTERN.test(text.charAt(i)))\n    ) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/** snap the text offset to the Unicode boundary */\nexport function snapTextOffsetToUnicodeBoundary(\n  text: string,\n  offset: number\n): number {\n  const boundedOffset = Math.max(0, Math.min(offset, text.length));\n  if (\n    boundedOffset === 0 ||\n    boundedOffset === text.length ||\n    !needsDomTextMeasurement(text)\n  ) {\n    return boundedOffset;\n  }\n  // Avoid measuring a caret position inside one visual emoji/grapheme.\n  // Browser caret movement can report offsets around UTF-16 surrogate\n  // pairs and emoji joiners; measuring a partial sequence gives a\n  // replacement-glyph width.\n  const segmenter = getGraphemeSegmenter();\n  if (segmenter !== undefined) {\n    for (const segment of segmenter.segment(text)) {\n      const segmentStart = segment.index;\n      const segmentEnd = segmentStart + segment.segment.length;\n      if (boundedOffset > segmentStart && boundedOffset < segmentEnd) {\n        return segmentEnd;\n      }\n      if (boundedOffset <= segmentStart) {\n        break;\n      }\n    }\n    return boundedOffset;\n  }\n  // Degraded path for engines lacking Intl.Segmenter: snap out of a\n  // surrogate pair by stepping over code points.\n  let segmentStart = 0;\n  for (const codePoint of text) {\n    const segmentEnd = segmentStart + codePoint.length;\n    if (boundedOffset > segmentStart && boundedOffset < segmentEnd) {\n      return segmentEnd;\n    }\n    if (boundedOffset <= segmentStart) {\n      break;\n    }\n    segmentStart = segmentEnd;\n  }\n  return boundedOffset;\n}\n\n/** get the offsets of the Unicode grapheme clusters in the text */\nexport function getUnicodeMeasurementOffsets(\n  text: string\n): number[] | undefined {\n  if (!needsDomTextMeasurement(text)) {\n    return undefined;\n  }\n  const offsets = [0];\n  const segmenter = getGraphemeSegmenter();\n  if (segmenter !== undefined) {\n    for (const segment of segmenter.segment(text)) {\n      offsets.push(segment.index + segment.segment.length);\n    }\n    return offsets;\n  }\n  // Degraded path for engines lacking Intl.Segmenter: step by code point.\n  let offset = 0;\n  for (const codePoint of text) {\n    offset += codePoint.length;\n    offsets.push(offset);\n  }\n  return offsets;\n}\n\n/**\n * Count the rendered columns of ASCII text, advancing each tab to the next\n * fixed tab stop (a multiple of tabSize) to match CSS `tab-size`. Returns -1\n * for non-ASCII text, which must be measured glyph-by-glyph instead.\n */\nexport function getExpandedAsciiTextColumns(\n  text: string,\n  tabSize: number\n): number {\n  let columns = 0;\n  for (let i = 0; i < text.length; i++) {\n    const code = text.charCodeAt(i);\n    if (code > 127) {\n      return -1;\n    }\n    columns += code === /* '\\t' */ 9 ? tabSize - (columns % tabSize) : 1;\n  }\n  return columns;\n}\n"],"mappings":"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"}

package/dist/editor/{tokenzier.d.ts → tokenizer.d.ts}

@@ -1,7 +1,7 @@
 import { BaseCodeOptions, DiffsHighlighter, HighlightedToken, RenderRange } from "../types.js";
 import { TextDocument, TextDocumentChange } from "./textDocument.js";
 
-//#region src/editor/tokenzier.d.ts
+//#region src/editor/tokenizer.d.ts
 interface EditorTokenizerProps {
   highlighter: DiffsHighlighter;
   textDocument: TextDocument<unknown>;
@@ -35,7 +35,7 @@ declare class EditorTokenizer {
   pauseBackgroundTokenize(): void;
   resumeBackgroundTokenize(): void;
 }
-declare function renderLineTokens(tokens: Array<HighlightedToken>, themeType: 'light' | 'dark'): (HTMLElement | string)[];
+declare function renderLineTokens(tokens: Array<HighlightedToken>): (HTMLElement | string)[];
 //#endregion
 export { EditorTokenizer, EditorTokenizerProps, renderLineTokens };
-//# sourceMappingURL=tokenzier.d.ts.map
+//# sourceMappingURL=tokenizer.d.ts.map

package/dist/editor/tokenizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenizer.d.ts","names":[],"sources":["../../src/editor/tokenizer.ts"],"mappings":";;;;UAqBiB,oBAAA;EACf,WAAA,EAAa,gBAAA;EACb,YAAA,EAAc,YAAA;EACd,WAAA,EAAa,eAAA;EACb,aAAA;EACA,QAAA,GAAW,KAAA;EACX,eAAA,GACE,KAAA,EAAO,GAAA,SAAY,KAAA,CAAM,gBAAA,IACzB,SAAA;EAKF,aAAA;EACA,OAAA;AAAA;;cAIW,eAAA;EAAA;MAyFP,SAAA;EAIJ,kCAAA,CACE,SAAA;EAsBF,WAAA;IACE,WAAA;IACA,WAAA;IACA,YAAA;IACA,aAAA;IACA,QAAA;IACA,eAAA;IACA,aAAA;IACA;EAAA,GACC,oBAAA;EAsHH,SAAA,CAAU,WAAA,EAAa,eAAA;EAgFvB,OAAA;EAUA,QAAA,CACE,MAAA,EAAQ,kBAAA,EACR,WAAA,GAAc,WAAA,GACb,GAAA,SAAY,KAAA,CAAM,gBAAA;EAmMrB,kBAAA,CAAmB,WAAA,GAAc,WAAA;EAKjC,sBAAA;EAiBA,uBAAA;EAYA,wBAAA;AAAA;AAAA,iBAocc,gBAAA,CACd,MAAA,EAAQ,KAAA,CAAM,gBAAA,KACZ,WAAA"}