snippets / readme - updates

Author: carloluis

README.md

@@ -9,34 +9,35 @@ Extension for Visual Studio Code to add snippets for React in ECMA Script 6.
 Type the snippet prefix and press enter.
 
 ```javascript
-u-ci		// console.info
-u-ctor		// class constructor
-u-impt		// import module statement
-u-rfc		// functional component (stateless)
-u-rcc		// class component (statefull)
-u-it		// Jest test `it`
-u-desc		// Jest test `describe`
-u-suite		// Jest test suite (with imports)
-u-pt		// Generic PropType
-u-pts		// String PropType
-u-ptn		// Number PropType
-u-ptb		// Bool PropType
-u-ptf		// Func PropType
-u-pta		// Array PropType
-u-pto		// Object PropType
-u-pty		// Symbol PropType
-u-pte		// Element PropType
-u-ptd		// Node PropType
-u-ptio		// Instance Of (PropType)
-u-ptof		// One Of (PropType)
-u-ptoft		// One Of Type (PropType)
-u-ptao		// Array Of (PropType)
-u-ptoo		// Object Of (PropType)
-u-ptsh		// Shape (PropType)
-u-ptany		// Any PropType
-u-ptcustom	// Custom PropType
-u-actions	// Redux actions
-u-action	// Redux action
+u-ci				// console.info
+u-ctor				// class constructor
+u-impt				// import module statement
+u-rfc				// functional component (stateless)
+u-rcc				// class component (statefull)
+u-it				// Jest test `it`
+u-desc				// Jest test `describe`
+u-suite				// Jest test suite (with imports)
+u-pt				// Generic PropType
+u-pts				// String PropType
+u-ptn				// Number PropType
+u-ptb				// Bool PropType
+u-ptf				// Func PropType
+u-pta				// Array PropType
+u-pto				// Object PropType
+u-ptsymbol			// Symbol PropType
+u-pte				// Element PropType
+u-ptnode			// Node PropType
+u-ptinstanceof		// Instance Of (PropType)
+u-ptoneof			// One Of (PropType)
+u-ptoneoftype		// One Of Type (PropType)
+u-ptarrayof			// Array Of (PropType)
+u-ptobjectof		// Object Of (PropType)
+u-ptshape			// Shape (PropType)
+u-ptany				// Any PropType
+u-ptcustom			// Custom PropType
+u-ptcustomarrayof	// Custom ArrayOf PropType
+u-actions			// Redux actions
+u-action			// Redux action
 ```
 
 ## Installation

package.json

@@ -1,22 +1,22 @@
 {
-    "name": "uruit-react-snippets",
-    "displayName": "Uruit React Snippets",
-    "description": "",
-    "version": "0.0.1",
-    "publisher": "UruIT",
-    "icon": "./images/uruit-logo.png",
-    "engines": {
-        "vscode": "^1.13.0"
-    },
-    "categories": [
-        "Snippets"
-    ],
-    "contributes": {
-        "snippets": [
-            {
-                "language": "javascript",
-                "path": "./snippets/snippets.json"
-            }
-        ]
-    }
-}
+	"name": "uruit-react-snippets",
+	"displayName": "Uruit React Snippets",
+	"description": "",
+	"version": "0.0.1",
+	"publisher": "UruIT",
+	"icon": "./images/uruit-logo.png",
+	"engines": {
+		"vscode": "^1.13.0"
+	},
+	"categories": [
+		"Snippets"
+	],
+	"contributes": {
+		"snippets": [
+			{
+				"language": "javascript",
+				"path": "./snippets/snippets.json"
+			}
+		]
+	}
+}

snippets/snippets.json

@@ -147,7 +147,7 @@
 		"description": "React PropType Object"
 	},
 	"PropTypes.Symbol": {
-		"prefix": "u-pty",
+		"prefix": "u-ptsymbol",
 		"body": [
 			"$1: PropTypes.symbol.isRequired$2"
 		],
@@ -161,49 +161,49 @@
 		"description": "React PropType Element"
 	},
 	"PropTypes.Node": {
-		"prefix": "u-ptd",
+		"prefix": "u-ptnode",
 		"body": [
 			"$1: PropTypes.node.isRequired$2"
 		],
 		"description": "React PropType Node"
 	},
 	"PropTypes.InstanceOf": {
-		"prefix": "u-ptio",
+		"prefix": "u-ptinstanceof",
 		"body": [
 			"$1: PropTypes.instanceOf($2)$3"
 		],
 		"description": "React PropType InstanceOf"
 	},
 	"PropTypes.OneOf": {
-		"prefix": "u-ptof",
+		"prefix": "u-ptoneof",
 		"body": [
 			"$1: PropTypes.oneOf([$2])$3"
 		],
 		"description": "React PropType OneOf"
 	},
 	"PropTypes.OneOfType": {
-		"prefix": "u-ptoft",
+		"prefix": "u-ptoneoftype",
 		"body": [
 			"$1: PropTypes.oneOfType([PropTypes.$2])$3"
 		],
 		"description": "React PropType OneOfType"
 	},
 	"PropTypes.ArrayOf": {
-		"prefix": "u-ptao",
+		"prefix": "u-ptarrayof",
 		"body": [
 			"$1: PropTypes.arrayOf(PropTypes.$2).isRequired$3"
 		],
 		"description": "React PropType ArrayOf"
 	},
 	"PropTypes.ObjectOf": {
-		"prefix": "u-ptoo",
+		"prefix": "u-ptobjectof",
 		"body": [
 			"$1: PropTypes.objectOf(PropTypes.$2).isRequired$3"
 		],
 		"description": "React PropType Object"
 	},
 	"PropTypes.Shape": {
-		"prefix": "u-ptsh",
+		"prefix": "u-ptshape",
 		"body": [
 			"$1: PropTypes.shape({$2}).isRequired$3"
 		],
@@ -220,13 +220,24 @@
 		"prefix": "u-ptcustom",
 		"body": [
 			"function (props, propName, componentName) {",
-			"\tif (!/$1/.test(props[propName]) {",
+			"\tif (!/$1/.test(props[propName])) {",
 			"\t\treturn new Error(`Invalid prop '${propName}' supplied to '${componentName}'. Validation $2`);",
 			"\t}",
 			"}"
 		],
 		"description": "React PropType Any"
 	},
+	"PropTypes.CustomArrayProp": {
+		"prefix": "u-ptcustomarrayof",
+		"body": [
+			"PropTypes.arrayOf(function (propValue, key, componentName, location, propFullName) {",
+			"\tif (!/$1/.test(propValue[key])) {",
+			"\t\treturn new Error(`Invalid prop '${propFullName}' supplied to '${componentName}'. Validation $2`);",
+			"\t}",
+			"})"
+		],
+		"description": "React PropType Any"
+	},
 	"Redux actions": {
 		"prefix": "u-actions",
 		"body": [