Class

src/cm/indentGuides.ts:286–357

}> {
	return ViewPlugin.fromClass(
		class {
			decorations: DecorationSet;
			lineCache: IndentLineCache = new Map();
			styleCache: GuideStyleCache = new Map();
			lastCharWidth = 0;
			lastTabSize = 4;
			lastIndentUnit = 4;

			constructor(view: EditorView) {
				const { state } = view;
				this.lastCharWidth = view.defaultCharacterWidth;
				this.lastTabSize = getTabSize(state);
				this.lastIndentUnit = getIndentUnitColumns(state);

				this.decorations = buildDecorations(
					view,
					config,
					this.lineCache,
					this.styleCache,
				);
			}

			update(update: ViewUpdate): void {
				const { view, state } = update;
				let needsRebuild = false;

				if (update.docChanged) {
					this.decorations = this.decorations.map(update.changes);
					this.lineCache.clear();
					needsRebuild = true;
				}

				if (update.viewportChanged) {
					needsRebuild = true;
				}

				const currentTabSize = getTabSize(state);
				const currentIndentUnit = getIndentUnitColumns(state);
				const currentCharWidth = view.defaultCharacterWidth;

				if (
					currentTabSize !== this.lastTabSize ||
					currentIndentUnit !== this.lastIndentUnit
				) {
					this.lastTabSize = currentTabSize;
					this.lastIndentUnit = currentIndentUnit;
					this.lineCache.clear();
					this.styleCache.clear();
					needsRebuild = true;
				}

				if (currentCharWidth !== this.lastCharWidth) {
					this.lastCharWidth = currentCharWidth;
					this.styleCache.clear();
					needsRebuild = true;
				}

				if (needsRebuild) {