Use explicit JSON grammar.

Author: rodrigogiraoserrao

.gitmodules

@@ -1,3 +0,0 @@
-[submodule "syntaxes"]
-	path = syntaxes
-	url = https://github.com/textualize/tcss-textmate-grammar

.vscode/settings.json

@@ -7,5 +7,6 @@
         "out": true // set this to false to include "out" folder in search results
     },
     // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
-    "typescript.tsc.autoDetect": "off"
-}
+    "typescript.tsc.autoDetect": "off",
+    "editor.fontLigatures": false
+}

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
-## [0.1.0]
+
+## 0.2.0
+
+- Add highlighting for all types of values
+- Add highlighting for variable use and assignment
+
+## 0.1.0
 
 - Initial release

README.md

@@ -5,9 +5,16 @@
 Does syntax highlighting for Textual CSS files (files with the extension `.tcss`).
 
 ![A view of a highlighted file.](./tcss.png)
-## Known Issues
 
-This extension does not support highlighting variables or selectors.
+
+## Grammar dependency
+
+This extension uses the grammar `tcss.tmGrammar.json` that is converted from the YAML grammar in the [TCSS TextMate grammar repository](https://github.com/Textualize/tcss-textmate-grammar).
+To convert the YAML grammar into this JSON grammar, use
+
+```bash
+npx js-yaml ../tcss-textmate-grammar/grammar.yaml > syntaxes/tcss.tmGrammar.json
+```
 
 ## Release Notes
 

package-lock.json

@@ -17,7 +17,9 @@
     "languages": [
       {
         "id": "Textual CSS",
-        "extensions": [".tcss"]
+        "extensions": [
+          ".tcss"
+        ]
       }
     ],
     "grammars": [
@@ -38,16 +40,17 @@
     "test": "node ./out/test/runTest.js"
   },
   "devDependencies": {
-    "@types/vscode": "^1.79.0",
     "@types/glob": "^8.1.0",
     "@types/mocha": "^10.0.1",
     "@types/node": "20.2.5",
+    "@types/vscode": "^1.79.0",
     "@typescript-eslint/eslint-plugin": "^5.59.8",
     "@typescript-eslint/parser": "^5.59.8",
+    "@vscode/test-electron": "^2.3.2",
     "eslint": "^8.41.0",
     "glob": "^8.1.0",
+    "js-yaml": "^4.1.0",
     "mocha": "^10.2.0",
-    "typescript": "^5.1.3",
-    "@vscode/test-electron": "^2.3.2"
+    "typescript": "^5.1.3"
   }
 }