stream-monaco 0.0.44 → 0.0.45

package/dist/index.cjs

@@ -1,4 +1,4 @@
-const require_preloadMonacoWorkers_shared = require('./preloadMonacoWorkers.shared-DpwiD-Ro.cjs');
+const require_preloadMonacoWorkers_shared = require('./preloadMonacoWorkers.shared-BNjiPbqr.cjs');
 
 //#region src/ensureMonacoWorkers.ts
 function ensureMonacoWorkers() {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { RevealStrategy, clearHighlighterCache, defaultRevealDebounceMs, detectLanguage, editorWorkerPath, getOrCreateHighlighter, registerMonacoThemes, uniqueWorkerPaths, useMonaco, workerPathByLabel } from "./preloadMonacoWorkers.shared-vZJruB3t.js";
+import { RevealStrategy, clearHighlighterCache, defaultRevealDebounceMs, detectLanguage, editorWorkerPath, getOrCreateHighlighter, registerMonacoThemes, uniqueWorkerPaths, useMonaco, workerPathByLabel } from "./preloadMonacoWorkers.shared-B5jjaMkr.js";
 
 //#region src/ensureMonacoWorkers.ts
 function ensureMonacoWorkers() {

package/dist/index.legacy.cjs

@@ -1,4 +1,4 @@
-const require_preloadMonacoWorkers_shared = require('./preloadMonacoWorkers.shared-DpwiD-Ro.cjs');
+const require_preloadMonacoWorkers_shared = require('./preloadMonacoWorkers.shared-BNjiPbqr.cjs');
 const monaco_editor_esm_vs_basic_languages_cpp_cpp = require_preloadMonacoWorkers_shared.__toESM(require("monaco-editor/esm/vs/basic-languages/cpp/cpp"));
 const monaco_editor_esm_vs_basic_languages_javascript_javascript = require_preloadMonacoWorkers_shared.__toESM(require("monaco-editor/esm/vs/basic-languages/javascript/javascript"));
 const monaco_editor_esm_vs_basic_languages_powershell_powershell = require_preloadMonacoWorkers_shared.__toESM(require("monaco-editor/esm/vs/basic-languages/powershell/powershell"));

package/dist/index.legacy.js

@@ -1,4 +1,4 @@
-import { RevealStrategy, clearHighlighterCache, defaultRevealDebounceMs, detectLanguage, getOrCreateHighlighter, monaco_shim_exports, processedLanguage, registerMonacoThemes, useMonaco, workerPathByLabel } from "./preloadMonacoWorkers.shared-vZJruB3t.js";
+import { RevealStrategy, clearHighlighterCache, defaultRevealDebounceMs, detectLanguage, getOrCreateHighlighter, monaco_shim_exports, processedLanguage, registerMonacoThemes, useMonaco, workerPathByLabel } from "./preloadMonacoWorkers.shared-B5jjaMkr.js";
 import { conf, language } from "monaco-editor/esm/vs/basic-languages/cpp/cpp";
 import { conf as conf$1, language as language$1 } from "monaco-editor/esm/vs/basic-languages/javascript/javascript";
 import { conf as conf$2, language as language$2 } from "monaco-editor/esm/vs/basic-languages/powershell/powershell";

package/dist/{preloadMonacoWorkers.shared-vZJruB3t.js → preloadMonacoWorkers.shared-B5jjaMkr.js}

@@ -1756,6 +1756,23 @@ var DiffEditorManager = class DiffEditorManager {
 		if (typeof direct === "function") return direct.call(model, lineNumber);
 		return model.getValue().split(/\r?\n/)[lineNumber - 1] ?? "";
 	}
+	colorizeFallbackInlineDeletedLine(lineNode, model, lineText, tabSize) {
+		var _model$getLanguageId;
+		const language = (_model$getLanguageId = model.getLanguageId) === null || _model$getLanguageId === void 0 ? void 0 : _model$getLanguageId.call(model);
+		const colorize = monaco_shim_exports.editor.colorize;
+		if (!language || typeof colorize !== "function") return;
+		const signature = `${language}:${lineText}`;
+		lineNode.dataset.streamMonacoColorizeSignature = signature;
+		colorize(lineText, language, { tabSize }).then((html) => {
+			if (lineNode.dataset.streamMonacoColorizeSignature !== signature) return;
+			lineNode.innerHTML = html;
+		}).catch(() => {});
+	}
+	getModelTabSize(model) {
+		var _model$getOptions;
+		const tabSize = (_model$getOptions = model.getOptions) === null || _model$getOptions === void 0 ? void 0 : _model$getOptions.call(model).tabSize;
+		return typeof tabSize === "number" && Number.isFinite(tabSize) ? tabSize : void 0;
+	}
 	hasVisibleNativeInlineDeleteNodes() {
 		if (!this.lastContainer) return false;
 		const querySelectorAll = typeof this.lastContainer.querySelectorAll === "function" ? this.lastContainer.querySelectorAll.bind(this.lastContainer) : null;
@@ -1794,6 +1811,7 @@ var DiffEditorManager = class DiffEditorManager {
 		}
 		const lineHeightOption = (_EditorOption = monaco_shim_exports.editor.EditorOption) === null || _EditorOption === void 0 ? void 0 : _EditorOption.lineHeight;
 		const lineHeight = ((_modifiedEditor$getOp = modifiedEditor.getOption) === null || _modifiedEditor$getOp === void 0 ? void 0 : _modifiedEditor$getOp.call(modifiedEditor, lineHeightOption)) ?? 20;
+		const originalTabSize = this.getModelTabSize(originalModel);
 		const relevantChanges = lineChanges.filter((change) => hasOriginalLines(change));
 		const nativeViewWrappers = Array.from(((_this$lastContainer3 = this.lastContainer) === null || _this$lastContainer3 === void 0 || (_this$lastContainer3$ = _this$lastContainer3.querySelectorAll) === null || _this$lastContainer3$ === void 0 ? void 0 : _this$lastContainer3$.call(_this$lastContainer3, ".editor.modified .view-zones [monaco-view-zone]")) ?? []).filter((node) => {
 			return node instanceof HTMLElement && !!node.querySelector(".view-lines.line-delete");
@@ -1838,12 +1856,14 @@ var DiffEditorManager = class DiffEditorManager {
 				domNode.setAttribute("data-stream-monaco-native-wrapper", "true");
 				(_modifiedEditor$apply = modifiedEditor.applyFontInfo) === null || _modifiedEditor$apply === void 0 || _modifiedEditor$apply.call(modifiedEditor, domNode);
 				for (let line = change.originalStartLineNumber; line <= change.originalEndLineNumber; line++) {
+					const lineText = this.readModelLineContent(originalModel, line);
 					const lineNode = document.createElement("div");
 					lineNode.className = "stream-monaco-fallback-inline-delete-line";
-					lineNode.textContent = this.readModelLineContent(originalModel, line);
+					lineNode.textContent = lineText;
 					lineNode.style.height = `${lineHeight}px`;
 					lineNode.style.lineHeight = `${lineHeight}px`;
 					domNode.append(lineNode);
+					this.colorizeFallbackInlineDeletedLine(lineNode, originalModel, lineText, originalTabSize);
 				}
 				pair.viewWrapper.append(domNode);
 				if (pair.marginWrapper) {
@@ -1870,12 +1890,14 @@ var DiffEditorManager = class DiffEditorManager {
 			domNode.setAttribute("aria-hidden", "true");
 			(_modifiedEditor$apply3 = modifiedEditor.applyFontInfo) === null || _modifiedEditor$apply3 === void 0 || _modifiedEditor$apply3.call(modifiedEditor, domNode);
 			for (let line = change.originalStartLineNumber; line <= change.originalEndLineNumber; line++) {
+				const lineText = this.readModelLineContent(originalModel, line);
 				const lineNode = document.createElement("div");
 				lineNode.className = "stream-monaco-fallback-inline-delete-line";
-				lineNode.textContent = this.readModelLineContent(originalModel, line);
+				lineNode.textContent = lineText;
 				lineNode.style.height = `${lineHeight}px`;
 				lineNode.style.lineHeight = `${lineHeight}px`;
 				domNode.append(lineNode);
+				this.colorizeFallbackInlineDeletedLine(lineNode, originalModel, lineText, originalTabSize);
 			}
 			const marginDomNode = document.createElement("div");
 			marginDomNode.className = "stream-monaco-fallback-inline-delete-margin";

package/dist/{preloadMonacoWorkers.shared-DpwiD-Ro.cjs → preloadMonacoWorkers.shared-BNjiPbqr.cjs}

@@ -1761,6 +1761,23 @@ var DiffEditorManager = class DiffEditorManager {
 		if (typeof direct === "function") return direct.call(model, lineNumber);
 		return model.getValue().split(/\r?\n/)[lineNumber - 1] ?? "";
 	}
+	colorizeFallbackInlineDeletedLine(lineNode, model, lineText, tabSize) {
+		var _model$getLanguageId;
+		const language = (_model$getLanguageId = model.getLanguageId) === null || _model$getLanguageId === void 0 ? void 0 : _model$getLanguageId.call(model);
+		const colorize = monaco_shim_exports.editor.colorize;
+		if (!language || typeof colorize !== "function") return;
+		const signature = `${language}:${lineText}`;
+		lineNode.dataset.streamMonacoColorizeSignature = signature;
+		colorize(lineText, language, { tabSize }).then((html) => {
+			if (lineNode.dataset.streamMonacoColorizeSignature !== signature) return;
+			lineNode.innerHTML = html;
+		}).catch(() => {});
+	}
+	getModelTabSize(model) {
+		var _model$getOptions;
+		const tabSize = (_model$getOptions = model.getOptions) === null || _model$getOptions === void 0 ? void 0 : _model$getOptions.call(model).tabSize;
+		return typeof tabSize === "number" && Number.isFinite(tabSize) ? tabSize : void 0;
+	}
 	hasVisibleNativeInlineDeleteNodes() {
 		if (!this.lastContainer) return false;
 		const querySelectorAll = typeof this.lastContainer.querySelectorAll === "function" ? this.lastContainer.querySelectorAll.bind(this.lastContainer) : null;
@@ -1799,6 +1816,7 @@ var DiffEditorManager = class DiffEditorManager {
 		}
 		const lineHeightOption = (_EditorOption = monaco_shim_exports.editor.EditorOption) === null || _EditorOption === void 0 ? void 0 : _EditorOption.lineHeight;
 		const lineHeight = ((_modifiedEditor$getOp = modifiedEditor.getOption) === null || _modifiedEditor$getOp === void 0 ? void 0 : _modifiedEditor$getOp.call(modifiedEditor, lineHeightOption)) ?? 20;
+		const originalTabSize = this.getModelTabSize(originalModel);
 		const relevantChanges = lineChanges.filter((change) => hasOriginalLines(change));
 		const nativeViewWrappers = Array.from(((_this$lastContainer3 = this.lastContainer) === null || _this$lastContainer3 === void 0 || (_this$lastContainer3$ = _this$lastContainer3.querySelectorAll) === null || _this$lastContainer3$ === void 0 ? void 0 : _this$lastContainer3$.call(_this$lastContainer3, ".editor.modified .view-zones [monaco-view-zone]")) ?? []).filter((node) => {
 			return node instanceof HTMLElement && !!node.querySelector(".view-lines.line-delete");
@@ -1843,12 +1861,14 @@ var DiffEditorManager = class DiffEditorManager {
 				domNode.setAttribute("data-stream-monaco-native-wrapper", "true");
 				(_modifiedEditor$apply = modifiedEditor.applyFontInfo) === null || _modifiedEditor$apply === void 0 || _modifiedEditor$apply.call(modifiedEditor, domNode);
 				for (let line = change.originalStartLineNumber; line <= change.originalEndLineNumber; line++) {
+					const lineText = this.readModelLineContent(originalModel, line);
 					const lineNode = document.createElement("div");
 					lineNode.className = "stream-monaco-fallback-inline-delete-line";
-					lineNode.textContent = this.readModelLineContent(originalModel, line);
+					lineNode.textContent = lineText;
 					lineNode.style.height = `${lineHeight}px`;
 					lineNode.style.lineHeight = `${lineHeight}px`;
 					domNode.append(lineNode);
+					this.colorizeFallbackInlineDeletedLine(lineNode, originalModel, lineText, originalTabSize);
 				}
 				pair.viewWrapper.append(domNode);
 				if (pair.marginWrapper) {
@@ -1875,12 +1895,14 @@ var DiffEditorManager = class DiffEditorManager {
 			domNode.setAttribute("aria-hidden", "true");
 			(_modifiedEditor$apply3 = modifiedEditor.applyFontInfo) === null || _modifiedEditor$apply3 === void 0 || _modifiedEditor$apply3.call(modifiedEditor, domNode);
 			for (let line = change.originalStartLineNumber; line <= change.originalEndLineNumber; line++) {
+				const lineText = this.readModelLineContent(originalModel, line);
 				const lineNode = document.createElement("div");
 				lineNode.className = "stream-monaco-fallback-inline-delete-line";
-				lineNode.textContent = this.readModelLineContent(originalModel, line);
+				lineNode.textContent = lineText;
 				lineNode.style.height = `${lineHeight}px`;
 				lineNode.style.lineHeight = `${lineHeight}px`;
 				domNode.append(lineNode);
+				this.colorizeFallbackInlineDeletedLine(lineNode, originalModel, lineText, originalTabSize);
 			}
 			const marginDomNode = document.createElement("div");
 			marginDomNode.className = "stream-monaco-fallback-inline-delete-margin";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-monaco",
   "type": "module",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "packageManager": "pnpm@10.33.4",
   "description": "A framework-agnostic Monaco Editor integration with Shiki syntax highlighting, built for real-time streaming updates and efficient diff editing.",
   "author": "Simon He",