Dart port of syntax highlighting

Author: woprandi

packages/vscode-graphql-syntax/grammars/graphql.dart.json

@@ -0,0 +1,50 @@
+{
+  "scopeName": "inline.graphql.dart",
+  "injectionSelector": "L:(meta.embedded.block.dart | source.dart -string -comment)",
+  "patterns": [
+    {
+      "begin": "(''')(#graphql)",
+      "beginCaptures": {
+        "1": {
+          "name": "string.interpolated.triple.single.dart"
+        },
+        "2": {
+          "name": "comment.line.graphql.js"
+        }
+      },
+      "end": "(''')",
+      "endCaptures": {
+        "1": {
+          "name": "string.interpolated.triple.single.dart"
+        }
+      },
+      "patterns": [
+        {
+          "include": "source.graphql"
+        }
+      ]
+    },
+    {
+      "begin": "(\"\"\")(#graphql)",
+      "beginCaptures": {
+        "1": {
+          "name": "string.interpolated.triple.double.dart"
+        },
+        "2": {
+          "name": "comment.line.graphql.js"
+        }
+      },
+      "end": "(\"\"\")",
+      "endCaptures": {
+        "1": {
+          "name": "string.interpolated.triple.double.dart"
+        }
+      },
+      "patterns": [
+        {
+          "include": "source.graphql"
+        }
+      ]
+    }
+  ]
+}

packages/vscode-graphql-syntax/grammars/test.dart

@@ -0,0 +1,6 @@
+const test = """#graphql
+
+""";
+
+const tet = '''#graphql
+''';

packages/vscode-graphql-syntax/package.json

@@ -136,6 +136,17 @@
         "embeddedLanguages": {
           "meta.embedded.block.graphql": "graphql"
         }
+      },
+      {
+        "injectTo": [
+          "source.dart",
+          "text.html.markdown"
+        ],
+        "scopeName": "inline.graphql.dart",
+        "path": "./grammars/graphql.dart.json",
+        "embeddedLanguages": {
+          "meta.embedded.block.graphql": "graphql"
+        }
       }
     ]
   },

packages/vscode-graphql-syntax/tests/__fixtures__/test.dart

@@ -0,0 +1,11 @@
+const query1 = '''#graphql
+  query {
+    id
+  }
+''';
+
+const query2 = """#graphql
+  query {
+    id
+  }
+""";

packages/vscode-graphql-syntax/tests/__fixtures__/test.py

@@ -61,3 +61,4 @@
         name
     }
 }"""
+

packages/vscode-graphql-syntax/tests/__snapshots__/dart-grammar.spec.ts.snap

@@ -0,0 +1,32 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`inline.graphql.dart grammar > should tokenize a simple dart file 1`] = `
+const query1 =  | 
+'''             | string.interpolated.triple.single.dart
+#graphql        | comment.line.graphql.js
+                | 
+query           | keyword.operation.graphql
+                | meta.selectionset.graphql
+{               | meta.selectionset.graphql punctuation.operation.graphql
+                | meta.selectionset.graphql
+id              | meta.selectionset.graphql variable.graphql
+                | meta.selectionset.graphql
+}               | meta.selectionset.graphql punctuation.operation.graphql
+'''             | string.interpolated.triple.single.dart
+;               | 
+                | 
+const query2 =  | 
+"""             | string.interpolated.triple.double.dart
+#graphql        | comment.line.graphql.js
+                | 
+query           | keyword.operation.graphql
+                | meta.selectionset.graphql
+{               | meta.selectionset.graphql punctuation.operation.graphql
+                | meta.selectionset.graphql
+id              | meta.selectionset.graphql variable.graphql
+                | meta.selectionset.graphql
+}               | meta.selectionset.graphql punctuation.operation.graphql
+"""             | string.interpolated.triple.double.dart
+;               | 
+                | 
+`;

packages/vscode-graphql-syntax/tests/dart-grammar.spec.ts

@@ -0,0 +1,10 @@
+import { tokenizeFile } from './__utilities__/utilities';
+
+describe('inline.graphql.dart grammar', () => {
+  const scope = 'inline.graphql.dart';
+
+  it('should tokenize a simple dart file', async () => {
+    const result = await tokenizeFile('__fixtures__/test.dart', scope);
+    expect(result).toMatchSnapshot();
+  });
+});