Add bunch of new snippets, readme examples, ts

Author: matijaoe

README.md

@@ -1,3 +1,181 @@
-# Modern JavaScript Snippets
+# Modern JavaScript Snippets ⚡
 
 *Work in progress*
+
+---
+
+### Declarations
+
+#### `c`   -   const statement
+```js
+const $0
+```
+
+#### `l`   -   let statement
+```js
+let $0
+```
+
+#### `ca`   -   const assignment
+```js
+const ${1:name} = ${2:value}
+```
+
+#### `la`   -   let assignment
+```js
+let ${1:name} = ${2:value}
+```
+
+#### `cas`   -   const assignment string
+```js
+const ${1:name} = '$0'
+```
+
+#### `catl`   -   const assignment string template literal
+```js
+const ${1:name} = `$0`
+```
+
+#### `caa`   -   const assignment array
+```js
+const ${1:name} = [$0]
+```
+
+#### `cao`   -   const assignment object
+```js
+const ${1:name} = { $0 }
+```
+
+#### `dob`   -   destructure object
+```js
+const { $2 } = ${1:object}
+```
+
+#### `dar`   -   destructure array
+```js
+const [$2] = ${1:array}
+```
+
+### Class
+#### `cs`   -   class
+```js
+class ${1:Class} {
+  $0
+}
+```
+
+#### `cse`   -   class extends
+```js
+class ${1:Class} extends ${2:Base} {
+  $0
+}
+```
+
+#### `csc`   -   class with constructor
+```js
+class ${1:Class}  {
+  constructor($2) {
+    $0
+  }
+}
+```
+
+#### `csce`   -   class with constructor
+```js
+class ${1:Class} extends ${2:Base} {
+  constructor($3) {
+    $0
+  }
+}
+```
+
+### Function
+#### `fn`   -   function
+```js
+function ${1:name}($2) {,
+  $0
+}
+```
+
+#### `efn`   -   export function
+```js
+export function ${1:name}($2) {,
+  $0
+}
+```
+
+#### `nfn`   -   named arrow function
+```js
+const ${1:name} = ($2) => {$0}
+```
+
+#### `enfn`   -   export named arrow function
+```js
+const ${1:name} = ($2) => {$0}
+```
+
+#### `af`   -   arrow function
+```js
+($1) => $0
+```
+
+#### `afb`   -   arrow function with body
+```js
+($1) => {
+  $0
+}
+```
+
+#### `met`   -   method
+```js
+${1:name}($2) {
+  $0
+}
+```
+
+### Console
+
+#### `cl`   -   console.log
+```js
+console.log($0)
+```
+
+#### `clm`   -   console.log message
+```js
+console.log($0)
+```
+
+#### `clo`   -   console.log object
+```js
+console.log({ $0 })
+```
+
+#### `ce`   -   console.error
+```js
+console.error($0)
+```
+
+#### `cw`   -   console.warn
+```js
+console.warn($0)
+```
+
+#### `ct`   -   console.table
+```js
+console.table($0)
+```
+
+#### `cll`   -   console.log (labeled)
+```js
+console.log('$1 ->', ${2:$1})
+```
+
+#### `cel`   -   console.error (labeled)
+```js
+console.error('$1 ->', ${2:$1})
+```
+
+#### `cwl`   -   console.warn (labeled)
+```js
+console.warn('$1 ->', ${2:$1})
+```

package.json

@@ -1,8 +1,8 @@
 {
   "name": "modern-js-snippets",
   "displayName": "Modern JavaScript Snippets",
-  "version": "0.0.4",
-  "description": "Code snippets for modern JavaScript ⚡",
+  "version": "0.0.5",
+  "description": "Code snippets for modern JavaScript & TypeScript ⚡",
   "license": "MIT",
   "categories": [
     "Snippets"
@@ -15,7 +15,8 @@
     "typescript",
     "js",
     "ts",
-    "es6"
+    "es6",
+    "ESNext"
   ],
   "icon": "assets/icon.png",
   "engines": {
@@ -33,11 +34,27 @@
     "snippets": [
       {
         "language": "javascript",
-        "path": "./snippets/javascript.json"
+        "path": "./snippets/js.code-snippets"
       },
       {
         "language": "typescript",
-        "path": "./snippets/javascript.json"
+        "path": "./snippets/js.code-snippets"
+      },
+      {
+        "language": "typescriptreact",
+        "path": "./snippets/js.code-snippets"
+      },
+      {
+        "language": "typescriptreact",
+        "path": "./snippets/js.code-snippets"
+      },
+      {
+        "language": "typescript",
+        "path": "./snippets/ts.code-snippets"
+      },
+      {
+        "language": "typescriptreact",
+        "path": "./snippets/ts.code-snippets"
       }
     ]
   }