Merge pull request #1971 from TurtleAI/vscode-elixir-support

Add vscode support for Elixir

Author: James Baxley

CHANGELOG.md

@@ -3,13 +3,13 @@
 ## Upcoming
 
 - `apollo`
-  - Fix CLI crashing when trying to open a directory that is named like a file [#1948](https://github.com/apollographql/apollo-tooling/pull/1948).
+  - <First `apollo` related entry goes here>
 - `apollo-codegen-flow`
   - <First `apollo-codegen-flow` related entry goes here>
 - `apollo-codegen-scala`
   - <First `apollo-codegen-scala` related entry goes here>
 - `apollo-codegen-swift`
-  - Change selection sets to computed vars to remove unnecessary  memory use [#1950](https://github.com/apollographql/apollo-tooling/pull/1950)
+  - <First `apollo-codegen-swift` related entry goes here>
 - `apollo-codegen-typescript`
   - <First `apollo-codegen-typescript` related entry goes here>
 - `apollo-codegen-core`
@@ -19,11 +19,11 @@
 - `apollo-graphql`
   - <First `apollo-graphql` related entry goes here>
 - `apollo-language-server`
-  - <First `apollo-language-server` related entry goes here>
+  - Add Elixir support for vscode [#1971](https://github.com/apollographql/apollo-tooling/pull/1971)
 - `apollo-tools`
   - <First `apollo-tools` related entry goes here>
 - `vscode-apollo`
-  - <First `vscode-apollo` related entry goes here>
+  - Add Elixir support for vscode [#1971](https://github.com/apollographql/apollo-tooling/pull/1971)
 
 ## `apollo@2.27.3`
 

packages/apollo-language-server/src/document.ts

@@ -74,6 +74,8 @@ export function extractGraphQLDocuments(
       return extractGraphQLDocumentsFromDartStrings(document, tagName);
     case "reason":
       return extractGraphQLDocumentsFromReasonStrings(document, tagName);
+    case "elixir":
+      return extractGraphQLDocumentsFromElixirStrings(document, tagName);
     default:
       return null;
   }
@@ -228,6 +230,35 @@ function extractGraphQLDocumentsFromReasonStrings(
   return documents;
 }
 
+function extractGraphQLDocumentsFromElixirStrings(
+  document: TextDocument,
+  tagName: string
+): GraphQLDocument[] | null {
+  const text = document.getText();
+  const documents: GraphQLDocument[] = [];
+
+  const regExp = new RegExp(
+    `\\b(${tagName}\\(\\s*r?("""))([\\s\\S]+?)\\2\\s*\\)`,
+    "gm"
+  );
+
+  let result;
+  while ((result = regExp.exec(text)) !== null) {
+    const contents = replacePlaceholdersWithWhiteSpace(result[3]);
+    const position = document.positionAt(result.index + result[1].length);
+    const locationOffset: SourceLocation = {
+      line: position.line + 1,
+      column: position.character + 1
+    };
+    const source = new Source(contents, document.uri, locationOffset);
+    documents.push(new GraphQLDocument(source));
+  }
+
+  if (documents.length < 1) return null;
+
+  return documents;
+}
+
 function replacePlaceholdersWithWhiteSpace(content: string) {
   return content.replace(/\$\{([\s\S]+?)\}/gm, match => {
     return Array(match.length).join(" ");

packages/apollo-language-server/src/project/base.ts

@@ -44,7 +44,9 @@ const fileAssociations: { [extension: string]: string } = {
   ".py": "python",
   ".rb": "ruby",
   ".dart": "dart",
-  ".re": "reason"
+  ".re": "reason",
+  ".ex": "elixir",
+  ".exs": "elixir"
 };
 
 export interface GraphQLProjectConfig {

packages/vscode-apollo/package.json

@@ -133,6 +133,16 @@
         "embeddedLanguages": {
           "meta.embedded.block.graphql": "graphql"
         }
+      },
+      {
+        "injectTo": [
+          "source.elixir"
+        ],
+        "scopeName": "inline.graphql.elixir",
+        "path": "./syntaxes/graphql.ex.json",
+        "embeddedLanguages": {
+          "meta.embedded.block.graphql": "graphql"
+        }
       }
     ],
     "commands": [

packages/vscode-apollo/src/languageServerClient.ts

@@ -50,13 +50,14 @@ export function getLanguageServerClient(
       "python",
       "ruby",
       "dart",
-      "reason"
+      "reason",
+      "elixir"
     ],
     synchronize: {
       fileEvents: [
         workspace.createFileSystemWatcher("**/.env?(.local)"),
         workspace.createFileSystemWatcher(
-          "**/*.{graphql,js,ts,jsx,tsx,vue,py,rb,dart,re}"
+          "**/*.{graphql,js,ts,jsx,tsx,vue,py,rb,dart,re,ex,exs}"
         )
       ]
     },

packages/vscode-apollo/syntaxes/graphql.ex.json

@@ -0,0 +1,41 @@
+{
+  "fileTypes": [
+    "ex",
+    "exs"
+  ],
+  "injectionSelector": "L:source -string -comment",
+  "patterns": [
+    {
+      "name": "meta.function-call.elixir",
+      "begin": "\\b(gql)(\\()",
+      "beginCaptures": {
+        "1": {
+          "name": "entity.name.function.elixir"
+        },
+        "2": {
+          "name": "punctuation.definition.arguments.begin.elixir"
+        }
+      },
+      "end": "(\\))",
+      "endCaptures": {
+        "1": {
+          "name": "punctuation.definition.arguments.end.elixir"
+        }
+      },
+      "patterns": [
+        {
+          "name": "taggedTemplates",
+          "contentName": "meta.embedded.block.graphql",
+          "begin": "r?(\"\"\")",
+          "end": "((\\1))",
+          "patterns": [
+            {
+              "include": "source.graphql"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "scopeName": "inline.graphql.elixir"
+}