color annotations like decorators in TS

Author: zth

analysis/examples/example-project/src/syntax/sample-highlighting.tsx

@@ -46,6 +46,23 @@ namespace SomeModule {
   }
 }
 
+// Decorators and classes
+function someDecorator() {
+  return function (
+    target: any,
+    propertyKey: string,
+    descriptor: PropertyDescriptor
+  ) {
+    console.log("first(): called");
+  };
+}
+
+class SomeClass {
+  @someDecorator() doStuff() {
+    return 123;
+  }
+}
+
 // Strings
 let interpolated = `${numberBinding} ${"123"}`;
 
@@ -70,3 +87,6 @@ let jsx = (
     {"Hello"}
   </div>
 );
+function Property() {
+  throw new Error("Function not implemented.");
+}

grammars/rescript.tmLanguage.json

@@ -308,7 +308,7 @@
           "match": "(%%?|@@?)([A-Za-z_][A-Za-z0-9_\\.]*)",
           "captures": {
             "1": {
-              "name": "storage.modifier punctuation.definition.annotation"
+              "name": "punctuation.decorator"
             },
             "2": {
               "patterns": [
@@ -327,13 +327,13 @@
                       "name": "invalid.deprecated"
                     },
                     "2": {
-                      "name": "variable.annotation"
+                      "name": "entity.name.function"
                     }
                   }
                 },
                 {
                   "match": "[A-Za-z_][A-Za-z0-9_\\.]*",
-                  "name": "variable.annotation"
+                  "name": "entity.name.function"
                 }
               ]
             }