Define clearer name for each snippet

Author: matijaoe

src/app.ts

@@ -26,5 +26,3 @@ if (!flags.table && !flags.snippets) {
     }
   });
 }
-
-

src/snippets/js/array-methods.ts

@@ -44,7 +44,7 @@ export const arrayMethods = {
     body: "$1.map(Number)$0",
   },
   "filter-true": {
-    name: "Array.filter() for truthy values",
+    name: "Array.filter() truthy",
     body: "$1.filter(Boolean)$0",
   },
 };

src/snippets/js/classes.ts

@@ -8,7 +8,7 @@ export const classes = {
     body: "class $1 extends ${2:Base} {\n\t$0\n}",
   },
   csc: {
-    name: "class with constructior",
+    name: "class with constructor",
     body: [
       "class $1 {",
       "\tconstructor($2) {",
@@ -49,7 +49,7 @@ export const classes = {
     body: "${1:name}($2) {\n\t$0\n}",
   },
   meta: {
-    name: "method async",
+    name: "async method",
     body: "async ${1:name}($2) {\n\t$0\n}",
   },
 };

src/snippets/js/console.ts

@@ -44,19 +44,19 @@ export const console = {
     body: "console.log({ $0 })",
   },
   clc: {
-    name: "console.log from clipboard",
+    name: "console.log clipboard",
     body: "console.log({ $CLIPBOARD })",
   },
   cll: {
-    name: "console.log labeled",
+    name: "console.log (labeled)",
     body: "console.log('$1 ->', $1$2)",
   },
   cel: {
-    name: "console.error labeled",
+    name: "console.error (labeled)",
     body: "console.error('$1 ->', $1$2)",
   },
   cwl: {
-    name: "console.warn labeled",
+    name: "console.warn (labeled)",
     body: "console.warn('$1 ->', ${2:$1})",
   },
 };

src/snippets/js/dates.ts

@@ -1,6 +1,6 @@
 export const dates = {
   nd: {
-    name: "new date",
+    name: "new Date()",
     body: "new Date($1)$0",
   },
   now: {

src/snippets/js/declarations.ts

@@ -16,23 +16,23 @@ export const declarations = {
     body: "let $1 = $0",
   },
   cas: {
-    name: "const string",
+    name: "const string assignment",
     body: "const $1 = '$0'",
   },
   car: {
-    name: "const array",
+    name: "const array assignment",
     body: "const $1 = [$0]",
   },
   cao: {
-    name: "const object",
+    name: "const object assignment",
     body: "const $1 = { $0 }",
   },
   dob: {
-    name: "destructure object",
+    name: "object destructuring",
     body: "const { $0 } = ${1:object}",
   },
   dar: {
-    name: "destructure array",
+    name: "array destructuring",
     body: "const [$0] = ${1:array}",
   },
 };

src/snippets/js/dom.ts

@@ -8,15 +8,15 @@ export const dom = {
     body: "${1:document}.querySelectorAll('$2')",
   },
   qsaa: {
-    name: "query selector all array",
+    name: "query selector all as array",
     body: "[...${1:document}.querySelectorAll('$2')]",
   },
   ael: {
-    name: "add event listener",
+    name: "event listener",
     body: "${1:document}.addEventListener('${2:click}', (e$3) => $0)",
   },
   qsae: {
-    name: "query selector event listener",
+    name: "query selector with event listener",
     body:
       "${1:document}.querySelector('$2')?.addEventListener('${3:click}', (e$4) => $0)",
   },

src/snippets/js/flow-control.ts

@@ -1,32 +1,33 @@
 export const flowControl = {
   if: {
-    name: "if",
+    name: "if statement",
     body: "if (${1}) {\n\t${2}\n}$0",
   },
   ifel: {
-    name: "if-else",
+    name: "if/else statement",
     body: "if (${1}) {\n\t${2}\n} else {\n\t${3}\n}",
   },
   ifei: {
-    name: "if-else-if",
+    name: "if/else-if statement",
     body: "if (${1}) {\n\t${2}\n} else if (${3}) {\n\t${4}\n}",
   },
   el: {
-    name: "else",
+    name: "else statement",
     body: "else {\n\t${3}\n}",
   },
   ei: {
-    name: "else if",
+    name: "else if statement",
     body: "else if (${1}) {\n\t${2}\n}",
   },
   ter: {
-    name: "Ternary expression",
+    name: "ternary operator",
     body: "${1} ? ${2} : ${3}",
   },
   tera: {
-    name: "Ternary expression assignment",
+    name: "ternary expression assignment",
     body: "const ${1:name} = ${2} ? ${3} : ${4}",
   },
+  // TODO: better implementation
   switch: {
     name: "switch",
     body: [
@@ -42,7 +43,7 @@ export const flowControl = {
     ],
   },
   tc: {
-    name: "try-catch",
+    name: "try/catch",
     body: [
       "try {",
       "\t$1",
@@ -52,7 +53,7 @@ export const flowControl = {
     ],
   },
   tcf: {
-    name: "try-catch-finally",
+    name: "try/catch/finally",
     body: [
       "try {",
       "\t$1",
@@ -64,7 +65,7 @@ export const flowControl = {
     ],
   },
   tf: {
-    name: "try-finally",
+    name: "try/finally",
     body: [
       "try {",
       "\t$1",

src/snippets/js/json.ts

@@ -1,14 +1,14 @@
 export const json = {
   jp: {
-    name: "JSON.parse",
+    name: "JSON parse",
     body: "JSON.parse(${1:json})",
   },
   js: {
-    name: "JSON.stringify",
+    name: "JSON stringify",
     body: "JSON.stringify(${1:value})",
   },
   jsp: {
-    name: "JSON.stringify pretty",
+    name: "JSON stringify (pretty)",
     body: "JSON.stringify(${1:value}, null, 2)",
   },
   jss: {

src/snippets/js/loops.ts

@@ -10,24 +10,24 @@ export const loops = {
       "for (let ${1:i} = ${2:iterable}.length - 1; ${1:i} >= 0; ${1:i}--) {\n\t$0\n}",
   },
   flr: {
-    name: "for loop range",
+    name: "for loop (range)",
     body: "for (let ${1:i} = 0; ${1:i} < ${2:5}; ${1:i}++) {\n\t$0\n}",
   },
   fin: {
-    name: "for in loop",
+    name: "for...in loop",
     body: "for (let ${1:key} in ${2:array}) {\n\t$0\n}",
   },
   finop: {
-    name: "for in loop hasOwnProperty ",
+    name: "for...in loop with hasOwnProperty",
     body:
       "for (let ${1:key} in ${2:array}) {\n\tif (${2:array}.hasOwnProperty(${1:key})) {\n\t\t$0\n\t}\n}",
   },
   fof: {
-    name: "for of loop",
+    name: "for...of loop",
     body: "for (let ${1:item} of ${2:items}) {\n\t$0\n}",
   },
   fofa: {
-    name: "for of loop await",
+    name: "for await...of loop",
     body: "for await (let ${1:item} of ${2:items}) {\n\t$0\n}",
   },
   wl: {