feat: add VS Code extension for @renders JSDoc syntax highlighting

vscode-extension/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "renders-jsdoc-syntax",
+  "displayName": "Renders JSDoc Syntax",
+  "description": "Syntax highlighting for @renders and @transparent JSDoc annotations used by eslint-plugin-react-render-types",
+  "version": "0.1.0",
+  "publisher": "horusgoul",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/HorusGoul/eslint-plugin-react-render-types.git",
+    "directory": "vscode-extension"
+  },
+  "engines": {
+    "vscode": "^1.60.0"
+  },
+  "categories": ["Programming Languages"],
+  "contributes": {
+    "grammars": [
+      {
+        "scopeName": "renders.jsdoc.injection",
+        "path": "./syntaxes/renders-jsdoc.injection.tmLanguage.json",
+        "injectTo": ["source.ts", "source.tsx", "source.js", "source.jsx"]
+      }
+    ]
+  }
+}

vscode-extension/syntaxes/renders-jsdoc.injection.tmLanguage.json

@@ -0,0 +1,35 @@
+{
+  "scopeName": "renders.jsdoc.injection",
+  "injectionSelector": "L:comment.block.documentation",
+  "patterns": [
+    { "include": "#renders-with-type" },
+    { "include": "#renders-without-type" },
+    { "include": "#transparent-tag" }
+  ],
+  "repository": {
+    "renders-with-type": {
+      "match": "((@)renders[?*]?!?)\\s*(\\{)([^}]*)(\\})",
+      "captures": {
+        "1": { "name": "storage.type.class.jsdoc" },
+        "2": { "name": "punctuation.definition.block.tag.jsdoc" },
+        "3": { "name": "punctuation.definition.bracket.curly.begin.jsdoc" },
+        "4": { "name": "entity.name.type.instance.jsdoc" },
+        "5": { "name": "punctuation.definition.bracket.curly.end.jsdoc" }
+      }
+    },
+    "renders-without-type": {
+      "match": "((@)renders[?*]?!?)(?=\\s|\\*/|$)",
+      "captures": {
+        "1": { "name": "storage.type.class.jsdoc" },
+        "2": { "name": "punctuation.definition.block.tag.jsdoc" }
+      }
+    },
+    "transparent-tag": {
+      "match": "((@)transparent)(?=\\s|\\*/|$)",
+      "captures": {
+        "1": { "name": "storage.type.class.jsdoc" },
+        "2": { "name": "punctuation.definition.block.tag.jsdoc" }
+      }
+    }
+  }
+}