feat: add debug code with json stringify for react

Author: equiman

CHANGELOG.md

@@ -9,6 +9,8 @@ Fixed       for any bug fixes.
 Security    to invite users to upgrade in case of vulnerabilities.
 -->
 
+## 1.5.0 - 2024/
+
 ## 1.4.2 - 2023/04/17
 
 ### Fixed

README.md

@@ -113,6 +113,12 @@ Below is a list of all available snippets and the triggers of each one. The `░
 |  `cgw→` | group wrapper                                                                                      | <code>console.group(░label)<br/>█<br/>console.groupEnd(░label)</code> |
 |  `clr→` | [clear](https://developer.mozilla.org/en-US/docs/Web/API/Console/clear)                            | `console.clear()█`                                                    |
 
+### React
+
+| Trigger | Description                     | Result JSX/TSX                                              |
+| ------: | ------------------------------- | ----------------------------------------------------------- |
+|  `csd→` | console code with destructuring | `<pre><code>JSON.stringify({░name}, null, 2)</code></pre>█` |
+
 ### Styles
 
 | Trigger | Description                     | Result CSS                                                                             |

package.json

@@ -1,7 +1,7 @@
 {
   "name": "debug-snippets",
   "description": "VS Code Debug snippets for JS, TS and CSS",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "displayName": "Debug Snippets",
   "publisher": "deinsoftware",
   "icon": "images/light-icon.png",
@@ -47,10 +47,18 @@
         "language": "jsx-attr",
         "path": "./snippets/code.json"
       },
+      {
+        "language": "jsx-attr",
+        "path": "./snippets/react.json"
+      },
       {
         "language": "javascriptreact",
         "path": "./snippets/code.json"
       },
+      {
+        "language": "javascriptreact",
+        "path": "./snippets/react.json"
+      },
       {
         "language": "typescript",
         "path": "./snippets/code.json"

snippets/react.json

@@ -0,0 +1,7 @@
+{
+  "consoleCodeDestructuring": {
+    "prefix": "ccd",
+    "body": "<pre><code>JSON.stringify({${1:name}}, null, 2)</code></pre>$0",
+    "description": "Console Code with Destructuring"
+  }
+}

test/snippets.test.js

@@ -1,10 +1,12 @@
 import { it, expect, describe } from 'vitest'
 
 const codeSnippets = require("../snippets/code.json")
+const reactSnippets = require("../snippets/react.json")
 const stylesSnippets = require("../snippets/styles.json")
 
 const snippets = {
   ...codeSnippets,
+  ...reactSnippets,
   ...stylesSnippets,
 }