Add more snippets and documentation, bump to 0.0.9

Author: matijaoe

README.md

@@ -33,7 +33,7 @@ Search for `editor.snippetSuggestions` and `editor.snippetSuggestions` in user s
 "editor.snippetSuggestions": "top",
 
 // Tab complete will insert the best matching suggestion when pressing tab.
-"editor.snippetSuggestions": "on"
+"editor.tabCompletion": "on"
 ```
 
 ## Style
@@ -109,21 +109,15 @@ const { $2 } = ${1:object}
 const [$2] = ${1:array}
 ```
 
-### Class
+### Classes
+
 #### `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}  {
@@ -133,7 +127,14 @@ class ${1:Class}  {
 }
 ```
 
-#### `csce`   -   class with constructor
+#### `cse`   -   class extends
+```js
+class ${1:Class} extends ${2:Base} {
+  $0
+}
+```
+
+#### `csce`   -   class extends with constructor
 ```js
 class ${1:Class} extends ${2:Base} {
   constructor($3) {
@@ -142,7 +143,15 @@ class ${1:Class} extends ${2:Base} {
 }
 ```
 
-### Function
+#### `met`   -   method
+```js
+${1:name}($2) {
+  $0
+}
+```
+
+### Functions
+
 #### `fn`   -   function
 ```js
 function ${1:name}($2) {,
@@ -179,13 +188,6 @@ export const ${1:name} = ($2) => {$0}
 }
 ```
 
-#### `met`   -   method
-```js
-${1:name}($2) {
-  $0
-}
-```
-
 ### Console
 
 #### `cl`   -   console.log
@@ -203,6 +205,11 @@ console.log('$0')
 console.log({ $0 })
 ```
 
+#### `clc`   -   console.log from clipboard 
+```js
+console.log({ $CLIPBOARD })
+```
+
 #### `ce`   -   console.error
 ```js
 console.error($0)
@@ -233,4 +240,84 @@ console.error('$1 ->', ${2:$1})
 console.warn('$1 ->', ${2:$1})
 ```
 
+### Misc
+
+#### `ce`   -   fetch
+```js
+fetch('$1').then(res => res.json())
+```
+
+#### `fea`   -   const assignment fetch
+```js
+const ${2|data,{ data }|} = await fetch('$1').then(res => res.json())
+```
+
+#### `si`   -   set interval
+```js
+setInterval(() => {
+  $0
+}, ${1:delay})
+```
+
+#### `st`   -   set timeout
+```js
+setTimeout(() => {
+  $0
+}, ${1:delay})
+```
+
+### Imports
+
+#### `im`   -   import
+```js
+import { $2 } from '$1'
+```
+
+#### `imd`   -   import default
+```js
+import $2 from '$1'
+```
+
+#### `imda`   -   import all as
+```js
+import * as $2 from '$1'
+```
+
+#### `ex`   -   export from
+```js
+export { $2 } from '$1'
+```
+
+#### `exa`   -   export all from
+```js
+export * from '$1'
+```
+
+#### `exd`   -   export default
+```js
+export default $0
+```
+
+### Object
+
+#### `oe`   -   Object.entries
+```js
+Object.entries(${0:iterable})
+```
+
+#### `ofe`   -   Object.fromEntries
+```js
+Object.fromEntries(${0:iterable})
+```
+
+#### `ok`   -   Object.keys
+```js
+Object.keys(${0:iterable})
+```
+
+#### `ov`   -   Object.values
+```js
+Object.values(${0:iterable})
+```
+
 *...and many more (evertyhing will be documented)*

package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-js-snippets",
   "displayName": "Modern JavaScript Snippets ⚡",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "license": "MIT",
   "description": "Code snippets for modern JavaScript & TypeScript",
   "icon": "assets/icon.png",

snippets/js.code-snippets

@@ -245,32 +245,32 @@
   "console.table ⚡": {
     "prefix": "ct",
     "body": [
-      "ckonsole.table($1)"
+      "console.table($1)"
     ],
     "description": ""
   },
   "native fetch ⚡": {
-    "prefix": "fetch",
+    "prefix": "fe",
     "body": [
       "fetch('$1').then(res => res.json())"
     ],
     "description": ""
   },
-  "const native fetch ⚡": {
-    "prefix": "cfetch",
+  "fetch assignment ⚡": {
+    "prefix": "fea",
     "body": [
       "const ${2|data,{ data }|} = await fetch('$1').then(res => res.json())"
     ],
     "description": ""
   },
   "setInterval ⚡": {
     "prefix": "si",
-    "body": "setInterval(() => {\n\t${2}\n}, ${1:delay})",
+    "body": "setInterval(() => {\n\t${0}\n}, ${1:delay})",
     "description": "Executes the given function at specified intervals in ES6 syntax"
   },
   "setTimeout ⚡": {
     "prefix": "st",
-    "body": "setTimeout(() => {\n\t${2}\n}, ${1:delay})",
+    "body": "setTimeout(() => {\n\t${0}\n}, ${1:delay})",
     "description": "Executes the given function after the specified delay in ES6 syntax"
   },
   "import ⚡": {
@@ -288,16 +288,16 @@
     "body": "import * as $2 from '$1'",
     "description": ""
   },
+  "export from ⚡": {
+    "prefix": "ex",
+    "body": "export { $2 } from '$1'",
+    "description": ""
+  },
   "export all from ⚡": {
     "prefix": "exa",
     "body": "export * from '$1'",
     "description": ""
   },
-  "export from ⚡": {
-    "prefix": "exfr",
-    "body": "export { $2 } from '$1'",
-    "description": ""
-  },
   "export default ⚡": {
     "prefix": "exd",
     "body": "export default $0",
@@ -542,8 +542,44 @@
     ],
     "description": ""
   },
+  "template literal string ⚡": {
+    "prefix": "tls",
+    "body": [
+      "`$1${$2}$3`"
+    ],
+    "description": "template literal string"
+  },
+  "template literal expression ⚡": {
+    "prefix": "tl",
+    "body": [
+      "${$2}"
+    ],
+    "description": "template literal"
+  },
+  // Type
+  "is array ⚡": {
+    "prefix": "aia",
+    "body": [
+      "Array.isArray(${1:value})"
+    ],
+    "description": "is array"
+  },
+  "typeof ⚡": {
+    "prefix": "to",
+    "body": [
+      "typeof ${0:operand} === '${1|bigint,boolean,function,number,object,string,symbol,undefined|}'"
+    ],
+    "description": "is array"
+  },
+  "instanceof": {
+    "prefix": "io",
+    "body": [
+      "${1:object} instanceof ${0:constructor}"
+    ],
+    "description": "instanceof operator"
+  },
   "is nil ⚡": {
-    "prefix": "nil",
+    "prefix": "isnil",
     "body": [
       "${1:value} == null"
     ],
@@ -556,18 +592,46 @@
     ],
     "description": ""
   },
-  "template literal string ⚡": {
-    "prefix": "tls",
+  "return": {
+    "prefix": "re",
     "body": [
-      "`$1${$2}$3`"
+      "return $0"
     ],
-    "description": "template literal string"
+    "description": ""
   },
-  "template literal expression ⚡": {
-    "prefix": "tl",
+  "return object": {
+    "prefix": "reo",
     "body": [
-      "${$2}"
+      "return {\n\t$0\n}"
     ],
-    "description": "template literal"
-  }
+    "description": ""
+  },
+  "return object inline": {
+    "prefix": "rei",
+    "body": [
+      "return ({$0})"
+    ],
+    "description": ""
+  },
+  "uniq": {
+    "prefix": "uniq",
+    "body": [
+      "[...new Set(${0:array})]"
+    ],
+    "description": ""
+  },
+  "parse int": {
+    "prefix": "pi",
+    "body": [
+      "parseInt(${1:value}, ${2|10,2,8,16|})"
+    ],
+    "description": ""
+  },
+  "parse float": {
+    "prefix": "pf",
+    "body": [
+      "parseFloat(${1:value})"
+    ],
+    "description": ""
+  },
 }

snippets/ts.code-snippets

@@ -37,28 +37,31 @@
   "interface extends ⚡": {
     "prefix": "inte",
     "body": [
-      "interface ${1:Model} extends {2:Base} {\n\t$0\n}"
+      "interface ${1:Model} extends ${2:Base} {\n\t$0\n}"
     ],
     "description": ""
   },
   "type ⚡": {
     "prefix": "tp",
     "body": [
-      "type ${1:Model} = $0"
+      "type ${1:Model} = $0",
+      ""
     ],
     "description": ""
   },
   "type union ⚡": {
     "prefix": "tpu",
     "body": [
-      "type ${1:Model} = $2 | $3"
+      "type ${1:Model} = ${2:first} | ${3:second}",
+      ""
     ],
     "description": ""
   },
   "type intersection ⚡": {
     "prefix": "tpi",
     "body": [
-      "type ${1:Model} = $2 & $3"
+      "type ${1:Model} = ${2:first} & ${3:second}",
+      ""
     ],
     "description": ""
   },