Only hide in serverless (fixes microsoft/vscode-dev#242)

Author: chrmarti

src/vs/workbench/contrib/welcome/walkThrough/browser/editor/vs_code_editor_walkthrough.ts

@@ -4,16 +4,18 @@
  *--------------------------------------------------------------------------------------------*/
 
 import * as platform from 'vs/base/common/platform';
+import { ServicesAccessor } from 'vs/platform/instantiation/common/instantiation';
+import { IWorkbenchEnvironmentService } from 'vs/workbench/services/environment/common/environmentService';
 
-const isWeb = platform.isWeb;
-
-export default () => `
+export default function content(accessor: ServicesAccessor) {
+	const isServerless = platform.isWeb && !accessor.get(IWorkbenchEnvironmentService).remoteAuthority;
+	return `
 ## Interactive Editor Playground
 The core editor in VS Code is packed with features.  This page highlights a number of them and lets you interactively try them out through the use of a number of embedded editors.  For full details on the editor features for VS Code and more head over to our [documentation](command:workbench.action.openDocumentationUrl).
 
 * [Multi-cursor Editing](#multi-cursor-editing) - block selection, select all occurrences, add additional cursors and more.
 * [IntelliSense](#intellisense) - get code assistance and parameter suggestions for your code and external modules.
-* [Line Actions](#line-actions) - quickly move lines around to re-order your code.${!isWeb ? `
+* [Line Actions](#line-actions) - quickly move lines around to re-order your code.${!isServerless ? `
 * [Rename Refactoring](#rename-refactoring) - quickly rename symbols across your code base.` : ''}
 * [Formatting](#formatting) - keep your code looking great with inbuilt document & selection formatting.
 * [Code Folding](#code-folding) - focus on the most relevant parts of your code by folding other areas.
@@ -72,7 +74,7 @@ Since it's very common to work with the entire text in a line we provide a set o
 >**Tip:** Another very common task is to comment out a block of code - you can toggle commenting by pressing kb(editor.action.commentLine).
 
 
-${!isWeb ? `
+${!isServerless ? `
 ### Rename Refactoring
 It's easy to rename a symbol such as a function name or variable name.  Hit kb(editor.action.rename) while in the symbol |Book| to rename all instances - this will occur across all files in a project. You also have |Rename Symbol| in the right-click context menu.
 
@@ -189,3 +191,4 @@ That's all for now,
 Happy Coding! 🎉
 
 `.replace(/\|/g, '`');
+}

src/vs/workbench/contrib/welcome/walkThrough/browser/walkThroughInput.ts

@@ -14,6 +14,7 @@ import { isEqual } from 'vs/base/common/resources';
 import { requireToContent } from 'vs/workbench/contrib/welcome/walkThrough/common/walkThroughContentProvider';
 import { Dimension } from 'vs/base/browser/dom';
 import { IEditorInput, IUntypedEditorInput } from 'vs/workbench/common/editor';
+import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
 
 export class WalkThroughModel extends EditorModel {
 
@@ -59,6 +60,7 @@ export class WalkThroughInput extends EditorInput {
 
 	constructor(
 		private readonly options: WalkThroughInputOptions,
+		@IInstantiationService private readonly instantiationService: IInstantiationService,
 		@ITextModelService private readonly textModelResolverService: ITextModelService
 	) {
 		super();
@@ -101,7 +103,7 @@ export class WalkThroughInput extends EditorInput {
 
 	override resolve(): Promise<WalkThroughModel> {
 		if (!this.promise) {
-			this.promise = requireToContent(this.options.resource)
+			this.promise = requireToContent(this.instantiationService, this.options.resource)
 				.then(content => {
 					if (this.resource.path.endsWith('.html')) {
 						return new WalkThroughModel(content, []);

src/vs/workbench/contrib/welcome/walkThrough/common/walkThroughContentProvider.ts

@@ -14,8 +14,9 @@ import { Schemas } from 'vs/base/common/network';
 import { Range } from 'vs/editor/common/core/range';
 import { createTextBufferFactory } from 'vs/editor/common/model/textModel';
 import { assertIsDefined } from 'vs/base/common/types';
+import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
 
-export function requireToContent(resource: URI): Promise<string> {
+export function requireToContent(instantiationService: IInstantiationService, resource: URI): Promise<string> {
 	if (!resource.query) {
 		throw new Error('Welcome: invalid resource');
 	}
@@ -28,7 +29,7 @@ export function requireToContent(resource: URI): Promise<string> {
 	const content: Promise<string> = new Promise<string>((resolve, reject) => {
 		require([query.moduleId], content => {
 			try {
-				resolve(content.default());
+				resolve(instantiationService.invokeFunction(content.default));
 			} catch (err) {
 				reject(err);
 			}
@@ -45,6 +46,7 @@ export class WalkThroughSnippetContentProvider implements ITextModelContentProvi
 		@ITextModelService private readonly textModelResolverService: ITextModelService,
 		@IModeService private readonly modeService: IModeService,
 		@IModelService private readonly modelService: IModelService,
+		@IInstantiationService private readonly instantiationService: IInstantiationService,
 	) {
 		this.textModelResolverService.registerTextModelContentProvider(Schemas.walkThroughSnippet, this);
 	}
@@ -53,7 +55,7 @@ export class WalkThroughSnippetContentProvider implements ITextModelContentProvi
 		let ongoing = this.loads.get(resource.toString());
 		if (!ongoing) {
 			ongoing = new Promise(async c => {
-				c(createTextBufferFactory(await requireToContent(resource)));
+				c(createTextBufferFactory(await requireToContent(this.instantiationService, resource)));
 				this.loads.delete(resource.toString());
 			});
 			this.loads.set(resource.toString(), ongoing);