docs: add overview animation for the extension (#21)

.gitignore

@@ -14,7 +14,6 @@ package-lock.json
 !/yarn.lock
 
 # editors
-.vscode
 .idea
 
 # vscode

.vscode/extensions.json

@@ -1,7 +1,7 @@
 {
-	// See http://go.microsoft.com/fwlink/?LinkId=827846
-	// for the documentation about the extensions.json format
-	"recommendations": [
-		"dbaeumer.vscode-eslint"
-	]
+  // See http://go.microsoft.com/fwlink/?LinkId=827846
+  // for the documentation about the extensions.json format
+  "recommendations": [
+    "dbaeumer.vscode-eslint"
+  ]
 }

.vscode/launch.json

@@ -3,35 +3,35 @@
 // Hover to view descriptions of existing attributes.
 // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 {
-	"version": "0.2.0",
-	"configurations": [
-		{
-			"name": "Run Extension",
-			"type": "extensionHost",
-			"request": "launch",
-			"runtimeExecutable": "${execPath}",
-			"args": [
-				"--extensionDevelopmentPath=${workspaceFolder}"
-			],
-			"outFiles": [
-				"${workspaceFolder}/out/**/*.js"
-			],
-			"preLaunchTask": "watch for development"
-		},
-		{
-			"name": "Extension Tests",
-			"type": "extensionHost",
-			"request": "launch",
-			"runtimeExecutable": "${execPath}",
-			"args": [
-				"--extensionDevelopmentPath=${workspaceFolder}",
-				"--extensionTestsPath=${workspaceFolder}/out/test/jest/runner",
-				"--disable-extensions",
-			],
-			"outFiles": [
-				"${workspaceFolder}/out/**/*.js"
-			],
-			"preLaunchTask": "build for test"
-		}
-	]
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "runtimeExecutable": "${execPath}",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}"
+      ],
+      "outFiles": [
+        "${workspaceFolder}/out/**/*.js"
+      ],
+      "preLaunchTask": "watch for development"
+    },
+    {
+      "name": "Extension Tests",
+      "type": "extensionHost",
+      "request": "launch",
+      "runtimeExecutable": "${execPath}",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}",
+        "--extensionTestsPath=${workspaceFolder}/out/test/jest/runner",
+        "--disable-extensions",
+      ],
+      "outFiles": [
+        "${workspaceFolder}/out/**/*.js"
+      ],
+      "preLaunchTask": "build for test"
+    }
+  ]
 }

.vscode/settings.json

@@ -1,11 +1,11 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-    "files.exclude": {
-        "out": false // set this to true to hide the "out" folder with the compiled JS files
-    },
-    "search.exclude": {
-        "out": true // set this to false to include "out" folder in search results
-    },
-    // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
-    "typescript.tsc.autoDetect": "off"
-}
+  "files.exclude": {
+    "out": false // set this to true to hide the "out" folder with the compiled JS files
+  },
+  "search.exclude": {
+    "out": true // set this to false to include "out" folder in search results
+  },
+  // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
+  "typescript.tsc.autoDetect": "off"
+}

.vscode/tasks.json

@@ -1,47 +1,47 @@
 // See https://go.microsoft.com/fwlink/?LinkId=733558
 // for the documentation about the tasks.json format
 {
-	"version": "2.0.0",
-	"tasks": [
-		{
-			"label": "watch for development",
-			"type": "npm",
-			"script": "start",
-			"problemMatcher": "$tsc-watch",
-			"isBackground": true,
-			"presentation": {
-				"reveal": "never"
-			},
-			"group": {
-				"kind": "build",
-				"isDefault": true
-			}
-		},
-		{
-			"label": "build for test",
-			"dependsOn": "clean project",
-			"type": "npm",
-			"script": "build",
-			"problemMatcher": "$tsc",
-			"presentation": {
-				"reveal": "never"
-			},
-			"group": "build",
-		},
-		{
-			"label": "clean project",
-			"type": "npm",
-			"script": "clean",
-			"group": "build",
-			"presentation": {
-				"reveal": "never"
-			},
-		},
-		{
-			"label": "build for production",
-			"type": "npm",
-			"script": "build:production",
-			"group": "build"
-		}
-	]
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "watch for development",
+      "type": "npm",
+      "script": "start",
+      "problemMatcher": "$tsc-watch",
+      "isBackground": true,
+      "presentation": {
+        "reveal": "never"
+      },
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    },
+    {
+      "label": "build for test",
+      "dependsOn": "clean project",
+      "type": "npm",
+      "script": "build",
+      "problemMatcher": "$tsc",
+      "presentation": {
+        "reveal": "never"
+      },
+      "group": "build",
+    },
+    {
+      "label": "clean project",
+      "type": "npm",
+      "script": "clean",
+      "group": "build",
+      "presentation": {
+        "reveal": "never"
+      },
+    },
+    {
+      "label": "build for production",
+      "type": "npm",
+      "script": "build:production",
+      "group": "build"
+    }
+  ]
 }

.vscodeignore

@@ -19,3 +19,7 @@ test/**
 *.tsbuildinfo
 **/*.map
 **/*.ts
+
+# docs
+images/**
+!images/logo-marketplace.png

README.md

@@ -24,15 +24,15 @@
     <a href="https://github.com/expo-community/vscode-expo/blob/master/CHANGELOG.md"><b>Changelog</b></a>
   </p>
   <br />
+  <div align="center">
+    <img src="https://raw.githubusercontent.com/expo-community/vscode-expo/master/images/feature-autocomplete.gif" alt="vscode-expo overview">
+  </div>
+  <br />
 </div>
 
 ## Features
 
-- Autocompletion and validation of your `app.json` or `app.config.json` manifest.
-
-## Usage
-
-Download the [`vscode-expo`](https://marketplace.visualstudio.com/items?itemName=byCedric.vscode-expo) extension from the marketplace.
+- Autocomplete and validation of your `app.json` or `app.config.json` manifest.
 
 ## Contributors