feat: add debug code with json stringify for react

Author: equiman

.github/workflows/publish.yml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
       - run: npm ci
       - run: npm run test
 
@@ -26,7 +26,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
           registry-url: https://registry.npmjs.org/
       - run: npm i -g vsce
       - run: vsce publish -p ${{ secrets.VSCE_PAT }}

.nvmrc

@@ -0,0 +1 @@
+v20.16.0

CHANGELOG.md

@@ -9,11 +9,18 @@ Fixed       for any bug fixes.
 Security    to invite users to upgrade in case of vulnerabilities.
 -->
 
+## 1.5.1 - 2024/08/16
+
+### Fixed
+
+- React snippets documentation and typescript support
+
 ## 1.5.0 - 2024/08/16
 
 ### Added
 
 - snippet for debug values inside a react component with json stringify
+- `nvm` default version support
 
 ## 1.4.2 - 2023/04/17
 

README.md

@@ -117,7 +117,7 @@ Below is a list of all available snippets and the triggers of each one. The `░
 
 | Trigger | Description                     | Result JSX/TSX                                              |
 | ------: | ------------------------------- | ----------------------------------------------------------- |
-|  `csd→` | console code with destructuring | `<pre><code>JSON.stringify({░name}, null, 2)</code></pre>█` |
+|  `ccd→` | console code with destructuring | `<pre><code>JSON.stringify({░name}, null, 2)</code></pre>█` |
 
 ### Styles
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "debug-snippets",
   "description": "VS Code Debug snippets for JS, TS and CSS",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "displayName": "Debug Snippets",
   "publisher": "deinsoftware",
   "icon": "images/light-icon.png",
@@ -67,10 +67,18 @@
         "language": "tsx-attr",
         "path": "./snippets/code.json"
       },
+      {
+        "language": "tsx-attr",
+        "path": "./snippets/react.json"
+      },
       {
         "language": "typescriptreact",
         "path": "./snippets/code.json"
       },
+      {
+        "language": "typescriptreact",
+        "path": "./snippets/react.json"
+      },
       {
         "language": "vue",
         "path": "./snippets/code.json"
@@ -91,8 +99,8 @@
     "test:ui": "vitest --ui"
   },
   "volta": {
-    "node": "18.14.2",
-    "npm": "9.5.0"
+    "node": "20.16.0",
+    "npm": "10.8.1"
   },
   "devDependencies": {
     "vitest": "0.29.1"