add support for stock Typescript syntax

ap · ap · commit d2ccb376ebfe · 2020-08-15T19:39:25.000+02:00
diff --git a/after/syntax/typescript.vim b/after/syntax/typescript.vim
@@ -1,6 +1,6 @@
+" https://github.com/HerringtonDarkholme/yats.vim (stock Vim syntax)
 " https://github.com/leafgarland/typescript-vim
-" should already be including the xml syntax
-call css_color#init('hex', 'extended'
- \, 'typescriptComment,typescriptLineComment,typescriptStringS,typescriptStringD,'
- \. 'typescriptStringB,typescriptCommentSkip,typescriptDocComment'
+call css_color#init('css', 'extended'
+ \, 'typescriptString,typescriptStringProperty,typescriptStringS,typescriptStringD,typescriptStringB,'
+ \. 'typescriptComment,typescriptLineComment,typescriptCommentSkip,typescriptDocComment'
  \)
diff --git a/after/syntax/typescriptreact.vim b/after/syntax/typescriptreact.vim
@@ -0,0 +1 @@
+runtime after/syntax/typescript.vim
diff --git a/tests/example.ts b/tests/example.ts
@@ -0,0 +1,21 @@
+import { DefaultTheme } from 'styled-components';
+
+const MyTheme = {
+	green2: '#2f7a5c',
+	green3: '#35b281',
+	green4: '#26805c',
+	green5: '#28664D',
+};
+
+/* green darker variations
+'#3fa27b'
+'#378e6c'
+'#2f7a5c'
+'#28664D'
+'#20513e'
+*/
+
+let x = '#20513e';
+let y = foo('#20513e');
+
+export default myTheme;
diff --git a/tests/example.tsx b/tests/example.tsx
@@ -0,0 +1,53 @@
+export class ResultRow extends b.Component<IFood> {
+  static id: string = "search-result-row";
+
+  render(): b.INode {
+    return (
+      <Tr style={this.rowColorStyle(this.data.pH)}>
+        <Td>{this.data.name}</Td>
+        <Td>{this.data.pH}</Td>
+      </Tr>
+    );
+  }
+
+  private rowColorStyle(ph: number): b.IStyle {
+    let backgroundColor = "#00000000";
+    let color = "whitesmoke";
+    if (ph >= 9) {
+      backgroundColor = "#ac39ac";
+    } else if (ph >= 8.5) {
+      backgroundColor = "#d279d2";
+    } else if (ph >= 8.25) {
+      backgroundColor = "#e6b3e6";
+    } else if (ph >= 8) {
+      backgroundColor = "#80bfff";
+    } else if (ph >= 7.75) {
+      backgroundColor = "#77b300";
+    } else if (ph >= 7.5) {
+      backgroundColor = "#5cd65c";
+    } else if (ph >= 7.25) {
+      backgroundColor = "#00e600";
+    } else if (ph >= 7) {
+      backgroundColor = "#ffff33";
+    } else if (ph >= 6.5) {
+      backgroundColor = "#ffcc00";
+    } else if (ph >= 6.25) {
+      backgroundColor = "#ff8000";
+    } else if (ph >= 6) {
+      backgroundColor = "#ff6600";
+    } else if (ph >= 5.5) {
+      backgroundColor = "#ff1a1a";
+    } else if (ph >= 5) {
+      backgroundColor = "#cc0000";
+      color = "#ffffff";
+    } else if (ph >= 4.5) {
+      backgroundColor = "#990000";
+      color = "#ffffff";
+    } else {
+      backgroundColor = "#660000";
+      color = "#ffffff";
+    }
+
+    return { backgroundColor, color };
+  }
+}
