Microsoft/monaco-editor

Feature request: Implement syntax highlighting support for Dart/Flutter

Open

#1,827 opened on Feb 11, 2020

View on GitHub
 (4 comments) (1 reaction) (0 assignees)JavaScript (14,836 stars) (1,283 forks)batch import
feature-requestgrammarshelp wanted

Description

Feature request

Add syntax highlighting support for the Dart (and Flutter) programming language. Official Dart VS Code extension syntax files https://github.com/Dart-Code/Dart-Code/tree/master/syntaxes Monaco language configuration for Dart

const dartConfiguration = {
    comments: {
		lineComment: "//",
		blockComment: [ "/*", "*/" ]
	},
	brackets: [
		["{", "}"],
		["[", "]"],
		["(", ")"]
	],
	autoClosingPairs: [
		{ open: "{", close: "}" },
		{ open: "[", close: "]" },
		{ open: "(", close: ")" },
		{ open: "'", close: "'", notIn: ["string", "comment"] },
		{ open: "\"", close: "\"", notIn: ["string"] },
		{ open: "`", close: "`", notIn: ["string", "comment"] },
		{ open: "/**", close: " */", notIn: ["string"] }
	],
	surroundingPairs: [
		["{", "}"],
		["[", "]"],
		["(", ")"],
		["<", ">"],
		["'", "'"],
		["\"", "\""],
		["`", "`"]
	]
};

Help Wanted

Contributor guide

Tech stack
typescript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic knowledge of Monaco editor extension APIFamiliarity with JavaScript/TypeScriptUnderstanding of syntax highlighting concepts
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
Examine the monaco editor repository, particularly the `src/basic languages` folder for examples of language definitions. Use the provided Dart syntax files from the Dart Code extension and the Monaco language configuration snippet as a template. Follow the pattern used for other languages to create a new Dart language definition file.