Updated JS snippets to make use of VISUAL

Author: codeinabox

UltiSnips/javascript.snippets

@@ -34,18 +34,6 @@ ${1:class_name}.prototype.${2:method_name} = function(${3:first_argument}) {
 
 endsnippet
 
-snippet for "for (...) {...} (counting up)" b
-for (var ${1:i} = 0, ${2:len} = ${3:Things.length}; $1 < $2; $1++) {
-	${VISUAL}$0
-}
-endsnippet
-
-snippet ford "for (...) {...} (counting down, faster)" b
-for (var ${2:i} = ${1:Things.length} - 1; $2 >= 0; $2--) {
-	${VISUAL}$0
-}
-endsnippet
-
 snippet fun "function (fun)" w
 function ${1:function_name}(${2:argument}) {
 	${VISUAL}$0

snippets/javascript-mocha.snippets

@@ -1,30 +1,30 @@
 snippet des "describe('thing', () => { ... })" b
 	describe('${1:}', () => {
-		${0}
+		${0:${VISUAL}}
 	});
 snippet it "it('should do', () => { ... })" b
 	it('${1:}', () => {
-		${0}
+		${0:${VISUAL}}
 	});
 snippet xit "xit('should do', () => { ... })" b
 	xit('${1:}', () => {
-		${0}
+		${0:${VISUAL}}
 	});
 snippet bef "before(() => { ... })" b
 	before(() => {
-		${0}
+		${0:${VISUAL}}
 	});
 snippet befe "beforeEach(() => { ... })" b
 	beforeEach(() => {
-		${0}
+		${0:${VISUAL}}
 	});
 snippet aft "after(() => { ... })" b
 	after(() => {
-		${0}
+		${0:${VISUAL}}
 	});
 snippet afte "afterEach(() => { ... })" b
 	afterEach(() => {
-		${0}
+		${0:${VISUAL}}
 	});
 snippet exp "expect(...)" b
 	expect(${1:})${0};

snippets/javascript.es6.react.snippets

@@ -61,7 +61,7 @@ snippet rdp
 # Lifecycle Methods
 snippet rcdm
 	componentDidMount() {
-		${0}
+		${0:${VISUAL}}
 	}
 
 # State

snippets/javascript/javascript.es6.snippets

@@ -10,16 +10,16 @@ snippet imm "import { member } from 'xyz'"
 	import { ${1} } from '${2}';
 snippet cla
 	class ${1} {
-		${0}
+		${0:${VISUAL}}
 	}
 snippet clax
 	class ${1} extends ${2} {
-		${0}
+		${0:${VISUAL}}
 	}
 snippet clac
 	class ${1} {
 		constructor(${2}) {
-			${0}
+			${0:${VISUAL}}
 		}
 	}
 snippet foro "for (const prop of object}) { ... }"
@@ -29,23 +29,23 @@ snippet foro "for (const prop of object}) { ... }"
 # Generator
 snippet fun*
 	function* ${1:function_name}(${2}) {
-		${0}
+		${0:${VISUAL}}
 	}
 snippet c=>
 	const ${1:function_name} = (${2}) => {
-		${0}
+		${0:${VISUAL}}
 	}
 snippet caf
 	const ${1:function_name} = (${2}) => {
-		${0}
+		${0:${VISUAL}}
 	}
 snippet =>
 	(${1}) => {
-		${0}
+		${0:${VISUAL}}
 	}
 snippet af
 	(${1}) => {
-		${0}
+		${0:${VISUAL}}
 	}
 snippet sym
 	const ${1} = Symbol('${0}');

snippets/javascript/javascript.snippets

@@ -2,59 +2,59 @@
 # prototype
 snippet proto
 	${1:class_name}.prototype.${2:method_name} = function(${3}) {
-		${0}
+		${0:${VISUAL}}
 	};
 # Function
 snippet fun
 	function ${1:function_name}(${2}) {
-		${0}
+		${0:${VISUAL}}
 	}
 # Anonymous Function
 snippet f "" w
 	function(${1}) {
-		${0}
+		${0:${VISUAL}}
 	}
 # Anonymous Function assigned to variable
 snippet vaf
 	var ${1:function_name} = function(${2}) {
-		${0}
+		${0:${VISUAL}}
 	};
 # Function assigned to variable
 snippet vf
 	var ${1:function_name} = function $1(${2}) {
-		${0}
+		${0:${VISUAL}}
 	};
 # Immediate function
 snippet (f
 	(function(${1}) {
-		${0}
+		${0:${VISUAL}}
 	}(${2}));
 # Minify safe iife
 snippet ;fe
 	;(function(${1}) {
-		${0}
+		${0:${VISUAL}}
 	}(${2}))
 # self-defining function
 snippet sdf
 	var ${1:function_name} = function (${2:argument}) {
 		${3}
 
 		$1 = function ($2) {
-			${0}
+			${0:${VISUAL}}
 		};
 	};
 # Flow control
 # if
-snippet if
+snippet if "if (condition) { ... }"
 	if (${1:true}) {
-		${0}
+		${0:${VISUAL}}
 	}
 # if ... else
-snippet ife
+snippet ife "if (condition) { ... } else { ... }"
 	if (${1:true}) {
-		${2}
+		${0:${VISUAL}}
 	} else {
-		${0}
+		${2}
 	}
 # tertiary conditional
 snippet ter
@@ -69,25 +69,21 @@ snippet switch
 		default:
 			${2}
 	}
-# case
-snippet case
+snippet case "case 'xyz': ... break"
 	case '${1:case}':
-		${2}
+		${0:${VISUAL}}
 		break;
-	${0}
-# try
-snippet try
+snippet try "try { ... } catch(e) { ... }"
 	try {
-		${1}
-	} catch (${2:e}) {
-		${0:/* handle error */}
+		${0:${VISUAL}}
+	} catch (${1:e}) {
+		${2:/* handle error */}
 	}
-# try finally
-snippet tryf
+snippet tryf "try { ... } catch(e) { ... } finally { ... }"
 	try {
-		${1}
-	} catch (${2:e}) {
-		${0:/* handle error */}
+		${0:${VISUAL}}
+	} catch (${1:e}) {
+		${2:/* handle error */}
 	} finally {
 		${3:/* be executed regardless of the try / catch result*/}
 	}
@@ -97,25 +93,21 @@ snippet terr
 # return
 snippet ret
 	return ${0:result};
-# for loop
-snippet for
-	for (var ${2:i} = 0, l = ${1:arr}.length; $2 < l; $2++) {
-		var ${3:v} = $1[$2];${0:}
+snippet for "for (...) {...}"
+	for (var ${1:i} = 0, ${2:len} = ${3:Things.length}; $1 < $2; $1++) {
+		${0:${VISUAL}}
 	}
-# Reversed for loop
-snippet forr
-	for (var ${2:i} = ${1:arr}.length - 1; $2 >= 0; $2--) {
-		var ${3:v} = $1[$2];${0:}
+snippet forr "reversed for (...) {...}"
+	for (var ${2:i} = ${1:Things.length} - 1; $2 >= 0; $2--) {
+		${0:${VISUAL}}
 	}
-# While loop
-snippet wh
+snippet wh "(condition) { ... }"
 	while (${1:/* condition */}) {
-		${0}
+		${0:${VISUAL}}
 	}
-# Do while loop
-snippet do
+snippet do "do { ... } while (condition)"
 	do {
-		${0}
+		${0:${VISUAL}}
 	} while (${1:/* condition */});
 # For in loop
 snippet fori
@@ -126,7 +118,7 @@ snippet fori
 # Object Method
 snippet :f
 	${1:method_name}: function (${2:attribute}) {
-		${3}
+		${0:${VISUAL}}
 	},
 # hasOwnProperty
 snippet has