Added option for skipping diff animation. Useful when diff animation … (RooCodeInc#1765)

* Added option for skipping diff animation. Useful when diff animation is slow.

* Update README.md

Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com>

* fixed copyright symbol and default value

* Update README.md

---------

Co-authored-by: Mandeep Kumar <[email protected]>
Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com>
Co-authored-by: Dennis Bartlett <[email protected]>

Author: 4 people

.changeset/moody-rules-repeat.md

@@ -0,0 +1,5 @@
+---
+"claude-dev": minor
+---
+
+Added option for skipping diff animation. Useful when diff animation is slow.

README.md

@@ -137,6 +137,14 @@ For example, when working with a local web server, you can use 'Restore Workspac
 
 <img width="2000" height="0" src="https://github.com/user-attachments/assets/ee14e6f7-20b8-4391-9091-8e8e25561929"><br>
 
+## Settings
+
+Cline provides several settings to customize its behavior:
+
+### Editor Settings
+
+- `cline.editor.skipDiffAnimation`: Disable the animated diff view when Cline makes changes to files. This can significantly speed up file modifications, especially when working with remote repositories. Default: `false`
+
 ## Contributing
 
 To contribute to the project, start with our [Contributing Guide](CONTRIBUTING.md) to learn the basics. You can also join our [Discord](https://discord.gg/cline) to chat with other contributors in the `#contributors` channel. If you're looking for full-time work, check out our open positions on our [careers page](https://cline.bot/join-us)!

package.json

@@ -182,6 +182,11 @@
 					"default": null,
 					"description": "Path to Chrome executable for browser use functionality. If not set, the extension will attempt to find or download it automatically."
 				},
+				"cline.editor.skipDiffAnimation": {
+					"type": "boolean",
+					"default": false,
+					"description": "Skip the animation when applying diffs in the editor. Useful for faster updates, especially with remote repositories."
+        },
 				"cline.preferredLanguage": {
 					"type": "string",
 					"enum": [

src/integrations/editor/DiffViewProvider.ts

@@ -14,6 +14,7 @@ export class DiffViewProvider {
 	editType?: "create" | "modify"
 	isEditing = false
 	originalContent: string | undefined
+	skipAnimation = false
 	private createdDirs: string[] = []
 	private documentWasOpen = false
 	private relPath?: string
@@ -24,7 +25,9 @@ export class DiffViewProvider {
 	private streamedLines: string[] = []
 	private preDiagnostics: [vscode.Uri, vscode.Diagnostic[]][] = []
 
-	constructor(private cwd: string) {}
+	constructor(private cwd: string) {
+		this.skipAnimation = vscode.workspace.getConfiguration("cline.editor").get("skipDiffAnimation", false)
+	}
 
 	async open(relPath: string): Promise<void> {
 		this.relPath = relPath
@@ -92,27 +95,37 @@ export class DiffViewProvider {
 			throw new Error("User closed text editor, unable to edit file...")
 		}
 
-		// Place cursor at the beginning of the diff editor to keep it out of the way of the stream animation
+		// Place cursor at the beginning of the diff editor
 		const beginningOfDocument = new vscode.Position(0, 0)
 		diffEditor.selection = new vscode.Selection(beginningOfDocument, beginningOfDocument)
 
-		for (let i = 0; i < diffLines.length; i++) {
-			const currentLine = this.streamedLines.length + i
-			// Replace all content up to the current line with accumulated lines
-			// This is necessary (as compared to inserting one line at a time) to handle cases where html tags on previous lines are auto closed for example
+		if (this.skipAnimation) {
+			// Apply all changes at once if animation is disabled
 			const edit = new vscode.WorkspaceEdit()
-			const rangeToReplace = new vscode.Range(0, 0, currentLine + 1, 0)
-			const contentToReplace = accumulatedLines.slice(0, currentLine + 1).join("\n") + "\n"
+			const rangeToReplace = new vscode.Range(0, 0, document.lineCount, 0)
+			const contentToReplace = accumulatedLines.join("\n") + "\n"
 			edit.replace(document.uri, rangeToReplace, contentToReplace)
 			await vscode.workspace.applyEdit(edit)
-			// Update decorations
-			this.activeLineController.setActiveLine(currentLine)
-			this.fadedOverlayController.updateOverlayAfterLine(currentLine, document.lineCount)
-			// Scroll to the current line
-			this.scrollEditorToLine(currentLine)
+			this.streamedLines = accumulatedLines
+		} else {
+			// Original animation logic
+			for (let i = 0; i < diffLines.length; i++) {
+				const currentLine = this.streamedLines.length + i
+				const edit = new vscode.WorkspaceEdit()
+				const rangeToReplace = new vscode.Range(0, 0, currentLine + 1, 0)
+				const contentToReplace = accumulatedLines.slice(0, currentLine + 1).join("\n") + "\n"
+				edit.replace(document.uri, rangeToReplace, contentToReplace)
+				await vscode.workspace.applyEdit(edit)
+				// Update decorations
+				this.activeLineController.setActiveLine(currentLine)
+				this.fadedOverlayController.updateOverlayAfterLine(currentLine, document.lineCount)
+				// Scroll to the current line
+				this.scrollEditorToLine(currentLine)
+			}
+			// Update the streamedLines with the new accumulated content
+			this.streamedLines = accumulatedLines
 		}
-		// Update the streamedLines with the new accumulated content
-		this.streamedLines = accumulatedLines
+
 		if (isFinal) {
 			// Handle any remaining lines if the new content is shorter than the original
 			if (this.streamedLines.length < document.lineCount) {

src/shared/EditorSettings.ts

@@ -0,0 +1,7 @@
+export interface EditorSettings {
+	skipDiffAnimation: boolean
+}
+
+export const DEFAULT_EDITOR_SETTINGS: EditorSettings = {
+	skipDiffAnimation: false,
+}