Merge pull request #971 from Golmote/prism-graphql

Add support for GraphQL

components.js

@@ -210,6 +210,10 @@ var components = {
 			"require": "clike",
 			"owner": "arnehormann"
 		},
+		"graphql": {
+			"title": "GraphQL",
+			"owner": "Golmote"
+		},
 		"groovy": {
 			"title": "Groovy",
 			"require": "clike",

components/prism-graphql.js

@@ -0,0 +1,24 @@
+Prism.languages.graphql = {
+	'comment': /#.*/,
+	'string': {
+		pattern: /"(?:\\.|[^\\"])*"/,
+		greedy: true
+	},
+	'number': /(?:\B-|\b)\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b/,
+	'boolean': /\b(?:true|false)\b/,
+	'variable': /\$[a-z_]\w*/i,
+	'directive': {
+		pattern: /@[a-z_]\w*/i,
+		alias: 'function'
+	},
+	'attr-name': /[a-z_]\w*(?=\s*:)/i,
+	'keyword': [
+		{
+			pattern: /(fragment\s+(?!on)[a-z_]\w*\s+|\.\.\.\s*)on\b/,
+			lookbehind: true
+		},
+		/\b(?:query|fragment|mutation)\b/
+	],
+	'operator': /!|=|\.{3}/,
+	'punctuation': /[!(){}\[\]:=,]/
+};

examples/prism-graphql.html

@@ -0,0 +1,34 @@
+<h1>GraphQL</h1>
+<p>To use this language, use the class "language-graphql".</p>
+
+<h2>Comments</h2>
+<pre><code># This is a comment</code></pre>
+
+<h2>Strings</h2>
+<pre><code>""
+"foo \"bar\" baz"</code></pre>
+
+<h2>Numbers</h2>
+<pre><code>0
+42
+3.14159
+-9e-5
+0.9E+7</code></pre>
+
+<h2>Keywords</h2>
+<pre><code>query withFragments {
+  user(id: 4) {
+    friends(first: 10) {
+      ...friendFields
+    }
+    mutualFriends(first: 10) {
+      ...friendFields
+    }
+  }
+}
+
+fragment friendFields on User {
+  id
+  name
+  profilePic(size: 50)
+}</code></pre>

plugins/show-language/prism-show-language.js

@@ -5,7 +5,7 @@ if (typeof self === 'undefined' || !self.Prism || !self.document) {
 }
 
 // The languages map is built automatically with gulp
-var Languages = /*languages_placeholder[*/{"html":"HTML","xml":"XML","svg":"SVG","mathml":"MathML","css":"CSS","clike":"C-like","javascript":"JavaScript","abap":"ABAP","actionscript":"ActionScript","apacheconf":"Apache Configuration","apl":"APL","applescript":"AppleScript","asciidoc":"AsciiDoc","aspnet":"ASP.NET (C#)","autoit":"AutoIt","autohotkey":"AutoHotkey","basic":"BASIC","csharp":"C#","cpp":"C++","coffeescript":"CoffeeScript","css-extras":"CSS Extras","fsharp":"F#","glsl":"GLSL","http":"HTTP","inform7":"Inform 7","json":"JSON","latex":"LaTeX","lolcode":"LOLCODE","matlab":"MATLAB","mel":"MEL","nasm":"NASM","nginx":"nginx","nsis":"NSIS","objectivec":"Objective-C","ocaml":"OCaml","parigp":"PARI/GP","php":"PHP","php-extras":"PHP Extras","powershell":"PowerShell","protobuf":"Protocol Buffers","jsx":"React JSX","rest":"reST (reStructuredText)","sas":"SAS","sass":"Sass (Sass)","scss":"Sass (Scss)","sql":"SQL","typescript":"TypeScript","vhdl":"VHDL","vim":"vim","wiki":"Wiki markup","yaml":"YAML"}/*]*/;
+var Languages = /*languages_placeholder[*/{"html":"HTML","xml":"XML","svg":"SVG","mathml":"MathML","css":"CSS","clike":"C-like","javascript":"JavaScript","abap":"ABAP","actionscript":"ActionScript","apacheconf":"Apache Configuration","apl":"APL","applescript":"AppleScript","asciidoc":"AsciiDoc","aspnet":"ASP.NET (C#)","autoit":"AutoIt","autohotkey":"AutoHotkey","basic":"BASIC","csharp":"C#","cpp":"C++","coffeescript":"CoffeeScript","css-extras":"CSS Extras","fsharp":"F#","glsl":"GLSL","graphql":"GraphQL","http":"HTTP","inform7":"Inform 7","json":"JSON","latex":"LaTeX","lolcode":"LOLCODE","matlab":"MATLAB","mel":"MEL","nasm":"NASM","nginx":"nginx","nsis":"NSIS","objectivec":"Objective-C","ocaml":"OCaml","parigp":"PARI/GP","php":"PHP","php-extras":"PHP Extras","powershell":"PowerShell","protobuf":"Protocol Buffers","jsx":"React JSX","rest":"reST (reStructuredText)","sas":"SAS","sass":"Sass (Sass)","scss":"Sass (Scss)","sql":"SQL","typescript":"TypeScript","vhdl":"VHDL","vim":"vim","wiki":"Wiki markup","yaml":"YAML"}/*]*/;
 Prism.hooks.add('before-highlight', function(env) {
 	var pre = env.element.parentNode;
 	if (!pre || !/pre/i.test(pre.nodeName)) {

tests/languages/graphql/attr-name_feature.test

@@ -0,0 +1,27 @@
+{
+	zuck: user(id: 4) {
+		name
+	}
+}
+
+----------------------------------------------------
+
+[
+	["punctuation", "{"],
+	["attr-name", "zuck"],
+	["punctuation", ":"],
+	" user",
+	["punctuation", "("],
+	["attr-name", "id"],
+	["punctuation", ":"],
+	["number", "4"],
+	["punctuation", ")"],
+	["punctuation", "{"],
+	"\r\n\t\tname\r\n\t",
+	["punctuation", "}"],
+	["punctuation", "}"]
+]
+
+----------------------------------------------------
+
+Checks for aliases, parameter names, etc.

tests/languages/graphql/boolean_feature.test

@@ -0,0 +1,13 @@
+true
+false
+
+----------------------------------------------------
+
+[
+	["boolean", "true"],
+	["boolean", "false"]
+]
+
+----------------------------------------------------
+
+Checks for booleans.

tests/languages/graphql/comment_feature.test

@@ -0,0 +1,13 @@
+#
+# foobar
+
+----------------------------------------------------
+
+[
+	["comment", "#"],
+	["comment", "# foobar"]
+]
+
+----------------------------------------------------
+
+Checks for comments.

tests/languages/graphql/directive_feature.test

@@ -0,0 +1,13 @@
+@skip
+@include
+
+----------------------------------------------------
+
+[
+	["directive", "@skip"],
+	["directive", "@include"]
+]
+
+----------------------------------------------------
+
+Checks for directives

tests/languages/graphql/keyword_feature.test

@@ -0,0 +1,24 @@
+query
+fragment
+mutation
+fragment foo on Bar
+... on Foo
+
+----------------------------------------------------
+
+[
+	["keyword", "query"],
+	["keyword", "fragment"],
+	["keyword", "mutation"],
+	["keyword", "fragment"],
+	" foo ",
+	["keyword", "on"],
+	" Bar\r\n",
+	["operator", "..."],
+	["keyword", "on"],
+	" Foo"
+]
+
+----------------------------------------------------
+
+Checks for keywords.

tests/languages/graphql/number_feature.test

@@ -0,0 +1,23 @@
+0
+42
+-5
+3.14159
+5e4
+6E-78
+0.3e+1
+
+----------------------------------------------------
+
+[
+	["number", "0"],
+	["number", "42"],
+	["number", "-5"],
+	["number", "3.14159"],
+	["number", "5e4"],
+	["number", "6E-78"],
+	["number", "0.3e+1"]
+]
+
+----------------------------------------------------
+
+Checks for numbers.

tests/languages/graphql/string_feature.test

@@ -0,0 +1,15 @@
+""
+"foo bar"
+"foo\"bar\\baz"
+
+----------------------------------------------------
+
+[
+	["string", "\"\""],
+	["string", "\"foo bar\""],
+	["string", "\"foo\\\"bar\\\\baz\""]
+]
+
+----------------------------------------------------
+
+Checks for strings.

tests/languages/graphql/variable_feature.test

@@ -0,0 +1,13 @@
+$foo
+$Foo_bar42
+
+----------------------------------------------------
+
+[
+	["variable", "$foo"],
+	["variable", "$Foo_bar42"]
+]
+
+----------------------------------------------------
+
+Checks for variables.