GraphQL: Added support for multi-line strings and descriptions (#2406)

Author: AlexMabry

Diff for: components.js

@@ -397,6 +397,7 @@
 		},
 		"graphql": {
 			"title": "GraphQL",
+			"optional": ["markdown"],
 			"owner": "Golmote"
 		},
 		"groovy": {

Diff for: components.json

@@ -1,7 +1,19 @@
 Prism.languages.graphql = {
 	'comment': /#.*/,
+	'description': {
+		pattern: /(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,
+		greedy: true,
+		alias: 'string',
+		inside: {
+			'language-markdown': {
+				pattern: /(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,
+				lookbehind: true,
+				inside: Prism.languages.markdown
+			}
+		}
+	},
 	'string': {
-		pattern: /"(?:\\.|[^\\"\r\n])*"/,
+		pattern: /"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,
 		greedy: true
 	},
 	'number': /(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,

Diff for: components/prism-graphql.js

@@ -3,7 +3,10 @@ <h2>Comments</h2>
 
 <h2>Strings</h2>
 <pre><code>""
-"foo \"bar\" baz"</code></pre>
+"foo \"bar\" baz"
+""" "Multi-line" strings
+are supported."""
+</code></pre>
 
 <h2>Numbers</h2>
 <pre><code>0
@@ -28,4 +31,32 @@ <h2>Keywords</h2>
   id
   name
   profilePic(size: 50)
-}</code></pre>
+}</code></pre>
+
+<p>Markdown inside of descriptions require markdown to be loaded.
+On this page, checking Markdown <strong>before</strong> checking GraphQL should
+make the example below work properly.</p>
+
+<h2>Descriptions</h2>
+<pre><code>"""
+This is a multiline description
+# Heading
+[Prism](http://www.prismjs.com)
+
+It can contain **Markdown
+	on multiple lines**
+"""
+type Example {
+	id: ID!
+}
+
+type Sample {
+	"""
+	Simple multiline description
+	"""
+	name(
+		"This is a single line description"
+		first: Int
+	): String
+}
+</code></pre>

Diff for: components/prism-graphql.min.js

@@ -0,0 +1,34 @@
+"Single-line description"
+type Foo {}
+"""
+Multiline description
+"""
+type Bar {}
+
+----------------------------------------------------
+
+[
+	["description", [
+		"\"",
+		["language-markdown", "Single-line description"],
+		"\""
+	]],
+	["keyword", "type"],
+	["class-name", "Foo"],
+	["punctuation", "{"],
+	["punctuation", "}"],
+
+	["description", [
+		"\"\"\"",
+		["language-markdown", "\r\nMultiline description\r\n"],
+		"\"\"\""
+	]],
+	["keyword", "type"],
+	["class-name", "Bar"],
+	["punctuation", "{"],
+	["punctuation", "}"]
+]
+
+----------------------------------------------------
+
+Checks for descriptions.

Diff for: examples/prism-graphql.html

@@ -1,13 +1,16 @@
 ""
 "foo bar"
 "foo\"bar\\baz"
+"""multi-line
+string"""
 
 ----------------------------------------------------
 
 [
 	["string", "\"\""],
 	["string", "\"foo bar\""],
-	["string", "\"foo\\\"bar\\\\baz\""]
+	["string", "\"foo\\\"bar\\\\baz\""],
+	["string", "\"\"\"multi-line\r\nstring\"\"\""]
 ]
 
 ----------------------------------------------------

Diff for: tests/languages/graphql/description_feature.test

@@ -0,0 +1,26 @@
+"""
+Complex multiline description
+# Title
+"""
+type Baz {}
+
+----------------------------------------------------
+
+[
+	["description", [
+		"\"\"\"",
+		["language-markdown", [
+			"\r\nComplex multiline description\r\n",
+			["title", [["punctuation", "#"], " Title"]]
+		]],
+		"\"\"\""
+	]],
+	["keyword", "type"],
+	["class-name", "Baz"],
+	["punctuation", "{"],
+	["punctuation", "}"]
+]
+
+----------------------------------------------------
+
+Checks for descriptions.