Fix the async arrow function that spans multiline

Fixes #558

Author: sheetalkamat

TypeScript.YAML-tmLanguage

@@ -166,10 +166,10 @@ repository:
     - include: '#new-expr'
     - include: '#object-literal'
     - include: '#expression-operators'
+    - include: '#paren-expression-possibly-arrow'
     - include: '#function-call'
     - include: '#literal'
     - include: '#support-objects'
-    - include: '#paren-expression-possibly-arrow'
     - include: '#paren-expression'
 
   expressionPunctuations:
@@ -1145,12 +1145,13 @@ repository:
   # but do this only from expression and as last resort
   paren-expression-possibly-arrow:
     patterns:
-    - begin: (\()(?=\s*$)
+    - begin: (?:{{startOfIdentifier}}(\basync)\s*)?(\()(?=\s*$)
       beginCaptures:
-        '1': {name: meta.brace.round.ts }
+        '1': { name: storage.modifier.async.ts }
+        '2': { name: meta.brace.round.ts }
       end: \)
       endCaptures:
-        '0': {name: meta.brace.round.ts }
+        '0': { name: meta.brace.round.ts }
       patterns:
       - include: '#expressionWithoutIdentifiers'
       - include: '#function-parameters-body'

TypeScript.tmLanguage

@@ -265,19 +265,19 @@
           </dict>
           <dict>
             <key>include</key>
-            <string>#function-call</string>
+            <string>#paren-expression-possibly-arrow</string>
           </dict>
           <dict>
             <key>include</key>
-            <string>#literal</string>
+            <string>#function-call</string>
           </dict>
           <dict>
             <key>include</key>
-            <string>#support-objects</string>
+            <string>#literal</string>
           </dict>
           <dict>
             <key>include</key>
-            <string>#paren-expression-possibly-arrow</string>
+            <string>#support-objects</string>
           </dict>
           <dict>
             <key>include</key>
@@ -3576,10 +3576,15 @@
         <array>
           <dict>
             <key>begin</key>
-            <string>(\()(?=\s*$)</string>
+            <string>(?:(?&lt;![_$[:alnum:]])(?:(?&lt;=\.\.\.)|(?&lt;!\.))(\basync)\s*)?(\()(?=\s*$)</string>
             <key>beginCaptures</key>
             <dict>
               <key>1</key>
+              <dict>
+                <key>name</key>
+                <string>storage.modifier.async.ts</string>
+              </dict>
+              <key>2</key>
               <dict>
                 <key>name</key>
                 <string>meta.brace.round.ts</string>

TypeScriptReact.tmLanguage

@@ -269,19 +269,19 @@
           </dict>
           <dict>
             <key>include</key>
-            <string>#function-call</string>
+            <string>#paren-expression-possibly-arrow</string>
           </dict>
           <dict>
             <key>include</key>
-            <string>#literal</string>
+            <string>#function-call</string>
           </dict>
           <dict>
             <key>include</key>
-            <string>#support-objects</string>
+            <string>#literal</string>
           </dict>
           <dict>
             <key>include</key>
-            <string>#paren-expression-possibly-arrow</string>
+            <string>#support-objects</string>
           </dict>
           <dict>
             <key>include</key>
@@ -3580,10 +3580,15 @@
         <array>
           <dict>
             <key>begin</key>
-            <string>(\()(?=\s*$)</string>
+            <string>(?:(?&lt;![_$[:alnum:]])(?:(?&lt;=\.\.\.)|(?&lt;!\.))(\basync)\s*)?(\()(?=\s*$)</string>
             <key>beginCaptures</key>
             <dict>
               <key>1</key>
+              <dict>
+                <key>name</key>
+                <string>storage.modifier.async.tsx</string>
+              </dict>
+              <key>2</key>
               <dict>
                 <key>name</key>
                 <string>meta.brace.round.tsx</string>