add safe destructuring constant

Author: equiman

CHANGELOG.md

@@ -9,6 +9,12 @@ Fixed       for any bug fixes.
 Security    to invite users to upgrade in case of vulnerabilities.
 -->
 
+## [1.6.0] - 2022/07/27
+
+### Added
+
+- Const destructuring in a safe way to avoid the `Cannot destructure Property of Undefined Error` when the variable is `undefined`.
+
 ## [1.5.4] - 2022/07/08
 
 ### Fixed

README.md

@@ -95,14 +95,16 @@ Below is a list of all available snippets and the triggers of each one. The **
 
 ### Destructuring
 
-|  Trigger | Description                     | Result JS/TS                          |
-| -------: | ------------------------------- | ------------------------------------- |
-|   `cod→` | const object dest               | `const {prop, prop} = name█`          |
-|  `codr→` | const object dest with rest     | `const {prop, prop, ...rest} = name█` |
-|   `cad→` | const array dest                | `const [prop, prop] = name█`          |
-|  `cadr→` | const array dest with rest      | `const [prop, prop, ...rest] = name█` |
-|    `pd→` | parameter object dest           | `{prop, prop}█`                       |
-|   `pdr→` | parameter object dest with rest | `{prop, prop, ...rest}█`              |
+|  Trigger | Description                     | Result JS/TS                             |
+| -------: | ------------------------------- | ---------------------------------------- |
+|   `cod→` | const object dest               | `const {prop, prop} = name█`             |
+|  `cods→` | const object dest safe          | `const {prop, prop} = name || {}█`       |
+|  `codr→` | const object dest with rest     | `const {prop, prop, ...rest} = name█`    |
+|   `cad→` | const array dest                | `const [prop, prop] = name█`             |
+|  `cads→` | const array dest safe           | `const [prop, prop] = name || []█`       |
+|  `cadr→` | const array dest with rest      | `const [prop, prop, ...rest] = name█`    |
+|    `pd→` | parameter object dest           | `{prop, prop}█`                          |
+|   `pdr→` | parameter object dest with rest | `{prop, prop, ...rest}█`                 |
 
 ### Object Elements
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "const-props-snippets",
   "description": "VS Code Const & Props snippets for JS and TS",
-  "version": "1.5.4",
+  "version": "1.6.0",
   "displayName": "Const & Props Snippets",
   "publisher": "deinsoftware",
   "icon": "images/light-icon.png",

snippets/destructuring.json

@@ -4,6 +4,11 @@
     "body": "const {${2:prop}, ${3:prop}} = ${1:name}$0",
     "description": "Constant Object Destructuring"
   },
+  "constantObjectDestructuringSafe": {
+    "prefix": "cods",
+    "body": "const {${2:prop}, ${3:prop}} = ${1:name} || {}$0",
+    "description": "Constant Object Destructuring Safe"
+  },
   "constantObjectDestructuringWithRest": {
     "prefix": "codr",
     "body": "const {${2:prop}, ${3:prop}, ...rest} = ${1:name}$0",
@@ -14,6 +19,11 @@
     "body": "const [${2:prop}, ${3:prop}] = ${1:name}$0",
     "description": "Constant Array Destructuring"
   },
+  "constantArrayDestructuringSafe": {
+    "prefix": "cad",
+    "body": "const [${2:prop}, ${3:prop}] = ${1:name} || []$0",
+    "description": "Constant Array Destructuring Safe"
+  },
   "constantArrayDestructuringWithRest": {
     "prefix": "cadr",
     "body": "const [${2:prop}, ${3:prop}, ...rest] = ${1:name}$0",