Add editor gpu rendering fallback

src/vs/editor/browser/gpu/gpuDisposable.ts

@@ -7,15 +7,22 @@ import type { IReference } from '../../../base/common/lifecycle.js';
 import { isFunction } from '../../../base/common/types.js';
 
 export namespace GPULifecycle {
-	export async function requestDevice(): Promise<IReference<GPUDevice>> {
-		if (!navigator.gpu) {
-			throw new Error('This browser does not support WebGPU');
+	export async function requestDevice(fallback?: (message: string) => void): Promise<IReference<GPUDevice>> {
+		try {
+			if (!navigator.gpu) {
+				throw new Error('This browser does not support WebGPU');
+			}
+			const adapter = (await navigator.gpu.requestAdapter())!;
+			if (!adapter) {
+				throw new Error('This browser supports WebGPU but it appears to be disabled');
+			}
+			return wrapDestroyableInDisposable(await adapter.requestDevice());
+		} catch (e) {
+			if (fallback) {
+				fallback(e.message);
+			}
+			throw e;
 		}
-		const adapter = (await navigator.gpu.requestAdapter())!;
-		if (!adapter) {
-			throw new Error('This browser supports WebGPU but it appears to be disabled');
-		}
-		return wrapDestroyableInDisposable(await adapter.requestDevice());
 	}
 
 	export function createBuffer(device: GPUDevice, descriptor: GPUBufferDescriptor, initialValues?: Float32Array | (() => Float32Array)): IReference<GPUBuffer> {

src/vs/editor/browser/gpu/viewGpuContext.ts

@@ -3,6 +3,7 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+import * as nls from '../../../nls.js';
 import { addDisposableListener, getActiveWindow } from '../../../base/browser/dom.js';
 import { createFastDomNode, type FastDomNode } from '../../../base/browser/fastDomNode.js';
 import { Disposable } from '../../../base/common/lifecycle.js';
@@ -12,6 +13,8 @@ import { observableValue, runOnChange, type IObservable } from '../../../base/co
 import { IInstantiationService } from '../../../platform/instantiation/common/instantiation.js';
 import { ViewLinesGpu } from '../viewParts/viewLinesGpu/viewLinesGpu.js';
 import { TextureAtlas } from './atlas/textureAtlas.js';
+import { IConfigurationService } from '../../../platform/configuration/common/configuration.js';
+import { INotificationService, IPromptChoice, Severity } from '../../../platform/notification/common/notification.js';
 import { GPULifecycle } from './gpuDisposable.js';
 import { ensureNonNullable, observeDevicePixelDimensions } from './gpuUtils.js';
 
@@ -26,7 +29,9 @@ export class ViewGpuContext extends Disposable {
 	readonly devicePixelRatio: IObservable<number>;
 
 	constructor(
-		@IInstantiationService private readonly _instantiationService: IInstantiationService
+		@IInstantiationService private readonly _instantiationService: IInstantiationService,
+		@INotificationService private readonly _notificationService: INotificationService,
+		@IConfigurationService private readonly configurationService: IConfigurationService,
 	) {
 		super();
 
@@ -35,7 +40,13 @@ export class ViewGpuContext extends Disposable {
 
 		this.ctx = ensureNonNullable(this.canvas.domNode.getContext('webgpu'));
 
-		this.device = GPULifecycle.requestDevice().then(ref => this._register(ref).object);
+		this.device = GPULifecycle.requestDevice((message) => {
+			const choices: IPromptChoice[] = [{
+				label: nls.localize('editor.dom.render', "Use DOM-based rendering"),
+				run: () => this.configurationService.updateValue('editor.experimentalGpuAcceleration', 'off'),
+			}];
+			this._notificationService.prompt(Severity.Warning, message, choices);
+		}).then(ref => this._register(ref).object);
 		this.device.then(device => {
 			if (!ViewLinesGpu.atlas) {
 				ViewLinesGpu.atlas = this._instantiationService.createInstance(TextureAtlas, device.limits.maxTextureDimension2D, undefined);

src/vs/editor/browser/viewParts/viewLinesGpu/viewLinesGpu.ts

@@ -73,12 +73,14 @@ export class ViewLinesGpu extends ViewPart {
 		}));
 
 		// Rerender when the texture atlas deletes glyphs
-		this._register(ViewLinesGpu.atlas.onDidDeleteGlyphs(() => {
-			this._atlasGpuTextureVersions.length = 0;
-			this._atlasGpuTextureVersions[0] = 0;
-			this._atlasGpuTextureVersions[1] = 0;
-			this._renderStrategy.reset();
-		}));
+		if (ViewLinesGpu.atlas) {
+			this._register(ViewLinesGpu.atlas.onDidDeleteGlyphs(() => {
+				this._atlasGpuTextureVersions.length = 0;
+				this._atlasGpuTextureVersions[0] = 0;
+				this._atlasGpuTextureVersions[1] = 0;
+				this._renderStrategy.reset();
+			}));
+		}
 
 		this.initWebgpu();
 	}