Set `printWidth` to 100

.prettierrc

@@ -3,5 +3,6 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"semi": true,
-	"useTabs": true
+	"useTabs": true,
+	"printWidth": 100
 }

monaco.d.ts

@@ -18,11 +18,7 @@ declare namespace monaco.languages.html {
 		readonly indentHandlebars: boolean;
 		readonly endWithNewline: boolean;
 		readonly extraLiners: string;
-		readonly wrapAttributes:
-			| 'auto'
-			| 'force'
-			| 'force-aligned'
-			| 'force-expand-multiline';
+		readonly wrapAttributes: 'auto' | 'force' | 'force-aligned' | 'force-expand-multiline';
 	}
 	export interface CompletionConfiguration {
 		[provider: string]: boolean;

scripts/bundle.js

@@ -40,26 +40,17 @@ function bundleOne(moduleId, exclude) {
 			packages: [
 				{
 					name: 'vscode-html-languageservice',
-					location: path.join(
-						REPO_ROOT,
-						'node_modules/vscode-html-languageservice/lib/umd'
-					),
+					location: path.join(REPO_ROOT, 'node_modules/vscode-html-languageservice/lib/umd'),
 					main: 'htmlLanguageService'
 				},
 				{
 					name: 'vscode-languageserver-types',
-					location: path.join(
-						REPO_ROOT,
-						'node_modules/vscode-languageserver-types/lib/umd'
-					),
+					location: path.join(REPO_ROOT, 'node_modules/vscode-languageserver-types/lib/umd'),
 					main: 'main'
 				},
 				{
 					name: 'vscode-languageserver-textdocument',
-					location: path.join(
-						REPO_ROOT,
-						'node_modules/vscode-languageserver-textdocument/lib/umd'
-					),
+					location: path.join(REPO_ROOT, 'node_modules/vscode-languageserver-textdocument/lib/umd'),
 					main: 'main'
 				},
 				{
@@ -75,14 +66,8 @@ function bundleOne(moduleId, exclude) {
 			]
 		},
 		async function (buildResponse) {
-			const devFilePath = path.join(
-				REPO_ROOT,
-				'release/dev/' + moduleId + '.js'
-			);
-			const minFilePath = path.join(
-				REPO_ROOT,
-				'release/min/' + moduleId + '.js'
-			);
+			const devFilePath = path.join(REPO_ROOT, 'release/dev/' + moduleId + '.js');
+			const minFilePath = path.join(REPO_ROOT, 'release/min/' + moduleId + '.js');
 			const fileContents = fs.readFileSync(devFilePath).toString();
 			console.log();
 			console.log(`Minifying ${devFilePath}...`);

src/fillers/vscode-nls.ts

@@ -33,11 +33,7 @@ function format(message: string, args: any[]): string {
 	return result;
 }
 
-function localize(
-	key: string | LocalizeInfo,
-	message: string,
-	...args: any[]
-): string {
+function localize(key: string | LocalizeInfo, message: string, ...args: any[]): string {
 	return format(message, args);
 }
 

src/htmlMode.ts

@@ -12,9 +12,7 @@ import { Uri, IDisposable, languages } from './fillers/monaco-editor-core';
 export function setupMode1(defaults: LanguageServiceDefaults): void {
 	const client = new WorkerManager(defaults);
 
-	const worker: languageFeatures.WorkerAccessor = (
-		...uris: Uri[]
-	): Promise<HTMLWorker> => {
+	const worker: languageFeatures.WorkerAccessor = (...uris: Uri[]): Promise<HTMLWorker> => {
 		return client.getLanguageServiceWorker(...uris);
 	};
 
@@ -25,19 +23,13 @@ export function setupMode1(defaults: LanguageServiceDefaults): void {
 		languageId,
 		new languageFeatures.CompletionAdapter(worker)
 	);
-	languages.registerHoverProvider(
-		languageId,
-		new languageFeatures.HoverAdapter(worker)
-	);
+	languages.registerHoverProvider(languageId, new languageFeatures.HoverAdapter(worker));
 
 	languages.registerDocumentHighlightProvider(
 		languageId,
 		new languageFeatures.DocumentHighlightAdapter(worker)
 	);
-	languages.registerLinkProvider(
-		languageId,
-		new languageFeatures.DocumentLinkAdapter(worker)
-	);
+	languages.registerLinkProvider(languageId, new languageFeatures.DocumentLinkAdapter(worker));
 	languages.registerFoldingRangeProvider(
 		languageId,
 		new languageFeatures.FoldingRangeAdapter(worker)
@@ -50,10 +42,7 @@ export function setupMode1(defaults: LanguageServiceDefaults): void {
 		languageId,
 		new languageFeatures.SelectionRangeAdapter(worker)
 	);
-	languages.registerRenameProvider(
-		languageId,
-		new languageFeatures.RenameAdapter(worker)
-	);
+	languages.registerRenameProvider(languageId, new languageFeatures.RenameAdapter(worker));
 
 	// only html
 	if (languageId === 'html') {
@@ -76,9 +65,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 	const client = new WorkerManager(defaults);
 	disposables.push(client);
 
-	const worker: languageFeatures.WorkerAccessor = (
-		...uris: Uri[]
-	): Promise<HTMLWorker> => {
+	const worker: languageFeatures.WorkerAccessor = (...uris: Uri[]): Promise<HTMLWorker> => {
 		return client.getLanguageServiceWorker(...uris);
 	};
 
@@ -97,10 +84,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 		}
 		if (modeConfiguration.hovers) {
 			providers.push(
-				languages.registerHoverProvider(
-					languageId,
-					new languageFeatures.HoverAdapter(worker)
-				)
+				languages.registerHoverProvider(languageId, new languageFeatures.HoverAdapter(worker))
 			);
 		}
 		if (modeConfiguration.documentHighlights) {
@@ -113,10 +97,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 		}
 		if (modeConfiguration.links) {
 			providers.push(
-				languages.registerLinkProvider(
-					languageId,
-					new languageFeatures.DocumentLinkAdapter(worker)
-				)
+				languages.registerLinkProvider(languageId, new languageFeatures.DocumentLinkAdapter(worker))
 			);
 		}
 		if (modeConfiguration.documentSymbols) {
@@ -129,10 +110,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 		}
 		if (modeConfiguration.rename) {
 			providers.push(
-				languages.registerRenameProvider(
-					languageId,
-					new languageFeatures.RenameAdapter(worker)
-				)
+				languages.registerRenameProvider(languageId, new languageFeatures.RenameAdapter(worker))
 			);
 		}
 		if (modeConfiguration.foldingRanges) {
@@ -168,9 +146,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 			);
 		}
 		if (modeConfiguration.diagnostics) {
-			providers.push(
-				new languageFeatures.DiagnosticsAdapter(languageId, worker, defaults)
-			);
+			providers.push(new languageFeatures.DiagnosticsAdapter(languageId, worker, defaults));
 		}
 	}
 

src/htmlWorker.ts

@@ -52,10 +52,7 @@ export class HTMLWorker {
 		);
 		return Promise.resolve(textEdits);
 	}
-	async doHover(
-		uri: string,
-		position: htmlService.Position
-	): Promise<htmlService.Hover> {
+	async doHover(uri: string, position: htmlService.Position): Promise<htmlService.Hover> {
 		let document = this._getTextDocument(uri);
 		let htmlDocument = this._languageService.parseHTMLDocument(document);
 		let hover = this._languageService.doHover(document, position, htmlDocument);
@@ -67,11 +64,7 @@ export class HTMLWorker {
 	): Promise<htmlService.DocumentHighlight[]> {
 		let document = this._getTextDocument(uri);
 		let htmlDocument = this._languageService.parseHTMLDocument(document);
-		let highlights = this._languageService.findDocumentHighlights(
-			document,
-			position,
-			htmlDocument
-		);
+		let highlights = this._languageService.findDocumentHighlights(document, position, htmlDocument);
 		return Promise.resolve(highlights);
 	}
 	async findDocumentLinks(uri: string): Promise<htmlService.DocumentLink[]> {
@@ -79,15 +72,10 @@ export class HTMLWorker {
 		let links = this._languageService.findDocumentLinks(document, null);
 		return Promise.resolve(links);
 	}
-	async findDocumentSymbols(
-		uri: string
-	): Promise<htmlService.SymbolInformation[]> {
+	async findDocumentSymbols(uri: string): Promise<htmlService.SymbolInformation[]> {
 		let document = this._getTextDocument(uri);
 		let htmlDocument = this._languageService.parseHTMLDocument(document);
-		let symbols = this._languageService.findDocumentSymbols(
-			document,
-			htmlDocument
-		);
+		let symbols = this._languageService.findDocumentSymbols(document, htmlDocument);
 		return Promise.resolve(symbols);
 	}
 	async getFoldingRanges(
@@ -113,12 +101,7 @@ export class HTMLWorker {
 	): Promise<htmlService.WorkspaceEdit> {
 		let document = this._getTextDocument(uri);
 		let htmlDocument = this._languageService.parseHTMLDocument(document);
-		let renames = this._languageService.doRename(
-			document,
-			position,
-			newName,
-			htmlDocument
-		);
+		let renames = this._languageService.doRename(document, position, newName, htmlDocument);
 		return Promise.resolve(renames);
 	}
 	private _getTextDocument(uri: string): htmlService.TextDocument {
@@ -142,9 +125,6 @@ export interface ICreateData {
 	languageSettings: Options;
 }
 
-export function create(
-	ctx: worker.IWorkerContext,
-	createData: ICreateData
-): HTMLWorker {
+export function create(ctx: worker.IWorkerContext, createData: ICreateData): HTMLWorker {
 	return new HTMLWorker(ctx, createData);
 }

src/languageFeatures.ts

@@ -104,11 +104,7 @@ export class DiagnosticsAdapter {
 			.then((worker) => {
 				return worker.doValidation(resource.toString()).then((diagnostics) => {
 					const markers = diagnostics.map((d) => toDiagnostics(resource, d));
-					editor.setModelMarkers(
-						editor.getModel(resource),
-						languageId,
-						markers
-					);
+					editor.setModelMarkers(editor.getModel(resource), languageId, markers);
 				});
 			})
 			.then(undefined, (err) => {
@@ -132,12 +128,8 @@ function toSeverity(lsSeverity: number): MarkerSeverity {
 	}
 }
 
-function toDiagnostics(
-	resource: Uri,
-	diag: htmlService.Diagnostic
-): editor.IMarkerData {
-	const code =
-		typeof diag.code === 'number' ? String(diag.code) : <string>diag.code;
+function toDiagnostics(resource: Uri, diag: htmlService.Diagnostic): editor.IMarkerData {
+	const code = typeof diag.code === 'number' ? String(diag.code) : <string>diag.code;
 
 	return {
 		severity: toSeverity(diag.severity),
@@ -182,9 +174,7 @@ function toRange(range: htmlService.Range): Range {
 	);
 }
 
-function isInsertReplaceEdit(
-	edit: TextEdit | InsertReplaceEdit
-): edit is InsertReplaceEdit {
+function isInsertReplaceEdit(edit: TextEdit | InsertReplaceEdit): edit is InsertReplaceEdit {
 	return (
 		typeof (<InsertReplaceEdit>edit).insert !== 'undefined' &&
 		typeof (<InsertReplaceEdit>edit).replace !== 'undefined'
@@ -281,9 +271,7 @@ function fromCompletionItemKind(
 	return htmlService.CompletionItemKind.Property;
 }
 
-function toTextEdit(
-	textEdit: htmlService.TextEdit
-): editor.ISingleEditOperation {
+function toTextEdit(textEdit: htmlService.TextEdit): editor.ISingleEditOperation {
 	if (!textEdit) {
 		return void 0;
 	}
@@ -347,13 +335,10 @@ export class CompletionAdapter implements languages.CompletionItemProvider {
 						item.insertText = entry.textEdit.newText;
 					}
 					if (entry.additionalTextEdits) {
-						item.additionalTextEdits = entry.additionalTextEdits.map(
-							toTextEdit
-						);
+						item.additionalTextEdits = entry.additionalTextEdits.map(toTextEdit);
 					}
 					if (entry.insertTextFormat === htmlService.InsertTextFormat.Snippet) {
-						item.insertTextRules =
-							languages.CompletionItemInsertTextRule.InsertAsSnippet;
+						item.insertTextRules = languages.CompletionItemInsertTextRule.InsertAsSnippet;
 					}
 					return item;
 				});
@@ -399,10 +384,7 @@ function toMarkdownString(
 }
 
 function toMarkedStringArray(
-	contents:
-		| htmlService.MarkupContent
-		| htmlService.MarkedString
-		| htmlService.MarkedString[]
+	contents: htmlService.MarkupContent | htmlService.MarkedString | htmlService.MarkedString[]
 ): IMarkdownString[] {
 	if (!contents) {
 		return void 0;
@@ -441,9 +423,7 @@ export class HoverAdapter implements languages.HoverProvider {
 
 // --- document highlights ------
 
-function toHighlighKind(
-	kind: htmlService.DocumentHighlightKind
-): languages.DocumentHighlightKind {
+function toHighlighKind(kind: htmlService.DocumentHighlightKind): languages.DocumentHighlightKind {
 	const mKind = languages.DocumentHighlightKind;
 
 	switch (kind) {
@@ -457,8 +437,7 @@ function toHighlighKind(
 	return mKind.Text;
 }
 
-export class DocumentHighlightAdapter
-	implements languages.DocumentHighlightProvider {
+export class DocumentHighlightAdapter implements languages.DocumentHighlightProvider {
 	constructor(private _worker: WorkerAccessor) {}
 
 	public provideDocumentHighlights(
@@ -469,12 +448,7 @@ export class DocumentHighlightAdapter
 		const resource = model.uri;
 
 		return this._worker(resource)
-			.then((worker) =>
-				worker.findDocumentHighlights(
-					resource.toString(),
-					fromPosition(position)
-				)
-			)
+			.then((worker) => worker.findDocumentHighlights(resource.toString(), fromPosition(position)))
 			.then((items) => {
 				if (!items) {
 					return;
@@ -595,8 +569,7 @@ function fromFormattingOptions(
 	};
 }
 
-export class DocumentFormattingEditProvider
-	implements languages.DocumentFormattingEditProvider {
+export class DocumentFormattingEditProvider implements languages.DocumentFormattingEditProvider {
 	constructor(private _worker: WorkerAccessor) {}
 
 	public provideDocumentFormattingEdits(
@@ -633,11 +606,7 @@ export class DocumentRangeFormattingEditProvider
 
 		return this._worker(resource).then((worker) => {
 			return worker
-				.format(
-					resource.toString(),
-					fromRange(range),
-					fromFormattingOptions(options)
-				)
+				.format(resource.toString(), fromRange(range), fromFormattingOptions(options))
 				.then((edits) => {
 					if (!edits || edits.length === 0) {
 						return;
@@ -661,11 +630,7 @@ export class RenameAdapter implements languages.RenameProvider {
 
 		return this._worker(resource)
 			.then((worker) => {
-				return worker.doRename(
-					resource.toString(),
-					fromPosition(position),
-					newName
-				);
+				return worker.doRename(resource.toString(), fromPosition(position), newName);
 			})
 			.then((edit) => {
 				return toWorkspaceEdit(edit);
@@ -673,9 +638,7 @@ export class RenameAdapter implements languages.RenameProvider {
 	}
 }
 
-function toWorkspaceEdit(
-	edit: htmlService.WorkspaceEdit
-): languages.WorkspaceEdit {
+function toWorkspaceEdit(edit: htmlService.WorkspaceEdit): languages.WorkspaceEdit {
 	if (!edit || !edit.changes) {
 		return void 0;
 	}
@@ -719,9 +682,7 @@ export class FoldingRangeAdapter implements languages.FoldingRangeProvider {
 						end: range.endLine + 1
 					};
 					if (typeof range.kind !== 'undefined') {
-						result.kind = toFoldingRangeKind(
-							<htmlService.FoldingRangeKind>range.kind
-						);
+						result.kind = toFoldingRangeKind(<htmlService.FoldingRangeKind>range.kind);
 					}
 					return result;
 				});
@@ -729,9 +690,7 @@ export class FoldingRangeAdapter implements languages.FoldingRangeProvider {
 	}
 }
 
-function toFoldingRangeKind(
-	kind: htmlService.FoldingRangeKind
-): languages.FoldingRangeKind {
+function toFoldingRangeKind(kind: htmlService.FoldingRangeKind): languages.FoldingRangeKind {
 	switch (kind) {
 		case htmlService.FoldingRangeKind.Comment:
 			return languages.FoldingRangeKind.Comment;
@@ -753,12 +712,7 @@ export class SelectionRangeAdapter implements languages.SelectionRangeProvider {
 		const resource = model.uri;
 
 		return this._worker(resource)
-			.then((worker) =>
-				worker.getSelectionRanges(
-					resource.toString(),
-					positions.map(fromPosition)
-				)
-			)
+			.then((worker) => worker.getSelectionRanges(resource.toString(), positions.map(fromPosition)))
 			.then((selectionRanges) => {
 				if (!selectionRanges) {
 					return;

src/monaco.contribution.ts

@@ -18,11 +18,7 @@ export interface HTMLFormatConfiguration {
 	readonly indentHandlebars: boolean;
 	readonly endWithNewline: boolean;
 	readonly extraLiners: string;
-	readonly wrapAttributes:
-		| 'auto'
-		| 'force'
-		| 'force-aligned'
-		| 'force-expand-multiline';
+	readonly wrapAttributes: 'auto' | 'force' | 'force-aligned' | 'force-expand-multiline';
 }
 
 export interface CompletionConfiguration {
@@ -118,11 +114,7 @@ class LanguageServiceDefaultsImpl implements LanguageServiceDefaults {
 	private _modeConfiguration: ModeConfiguration;
 	private _languageId: string;
 
-	constructor(
-		languageId: string,
-		options: Options,
-		modeConfiguration: ModeConfiguration
-	) {
+	constructor(languageId: string, options: Options, modeConfiguration: ModeConfiguration) {
 		this._languageId = languageId;
 		this.setOptions(options);
 		this.setModeConfiguration(modeConfiguration);
@@ -186,9 +178,7 @@ const razorOptionsDefault: Required<Options> = {
 	suggest: { html5: true, razor: true }
 };
 
-function getConfigurationDefault(
-	languageId: string
-): Required<ModeConfiguration> {
+function getConfigurationDefault(languageId: string): Required<ModeConfiguration> {
 	return {
 		completionItems: true,
 		hovers: true,

src/tsconfig.esm.json

@@ -5,12 +5,6 @@
 		"outDir": "../out/esm",
 		"declaration": true,
 		"target": "es5",
-		"lib": [
-			"dom",
-			"es5",
-			"es2015.collection",
-			"es2015.promise",
-			"es2015.iterable"
-		]
+		"lib": ["dom", "es5", "es2015.collection", "es2015.promise", "es2015.iterable"]
 	}
 }

src/tsconfig.json

@@ -5,12 +5,6 @@
 		"outDir": "../out/amd",
 		"declaration": true,
 		"target": "es5",
-		"lib": [
-			"dom",
-			"es5",
-			"es2015.collection",
-			"es2015.promise",
-			"es2015.iterable"
-		]
+		"lib": ["dom", "es5", "es2015.collection", "es2015.promise", "es2015.iterable"]
 	}
 }

src/workerManager.ts

@@ -23,9 +23,7 @@ export class WorkerManager {
 		this._worker = null;
 		this._idleCheckInterval = setInterval(() => this._checkIfIdle(), 30 * 1000);
 		this._lastUsedTime = 0;
-		this._configChangeListener = this._defaults.onDidChange(() =>
-			this._stopWorker()
-		);
+		this._configChangeListener = this._defaults.onDidChange(() => this._stopWorker());
 	}
 
 	private _stopWorker(): void {

test/index.html

@@ -11,10 +11,7 @@
 	</head>
 	<body>
 		<h2>Monaco Editor HTML test page</h2>
-		<div
-			id="container"
-			style="width: 800px; height: 600px; border: 1px solid grey"
-		></div>
+		<div id="container" style="width: 800px; height: 600px; border: 1px solid grey"></div>
 
 		<script>
 			// Loading basic-languages to get the html language definition
@@ -44,37 +41,34 @@
 				'vs/basic-languages/monaco.contribution',
 				'vs/language/html/monaco.contribution'
 			], function () {
-				var editor = monaco.editor.create(
-					document.getElementById('container'),
-					{
-						value: [
-							'<!DOCTYPE HTML>',
-							'<!--',
-							'	Comments are overrated',
-							'-->',
-							'<html>',
-							'<head>',
-							'	<title>HTML Sample</title>',
-							'	<meta http-equiv="X-UA-Compatible" content="IE=edge">',
-							'	<style type="text/css">',
-							'		h1 {',
-							'			color: #CCA3A3;',
-							'		}',
-							'	</style>',
-							'	<script type="text/javascript">',
-							'		window.alert("I am a sample...");',
-							'		var x = 3;',
-							'	</' + 'script>',
-							'</head>',
-							'<body>',
-							'	<h1>Heading No.1</h1>',
-							'	<input disabled type="button" value="Click me" />',
-							'</body>',
-							'</html>'
-						].join('\n'),
-						language: 'html'
-					}
-				);
+				var editor = monaco.editor.create(document.getElementById('container'), {
+					value: [
+						'<!DOCTYPE HTML>',
+						'<!--',
+						'	Comments are overrated',
+						'-->',
+						'<html>',
+						'<head>',
+						'	<title>HTML Sample</title>',
+						'	<meta http-equiv="X-UA-Compatible" content="IE=edge">',
+						'	<style type="text/css">',
+						'		h1 {',
+						'			color: #CCA3A3;',
+						'		}',
+						'	</style>',
+						'	<script type="text/javascript">',
+						'		window.alert("I am a sample...");',
+						'		var x = 3;',
+						'	</' + 'script>',
+						'</head>',
+						'<body>',
+						'	<h1>Heading No.1</h1>',
+						'	<input disabled type="button" value="Click me" />',
+						'</body>',
+						'</html>'
+					].join('\n'),
+					language: 'html'
+				});
 			});
 		</script>
 	</body>