update readme and add demo

Author: William

README.md

@@ -1,69 +1,39 @@
 ![logo3](./assets/reactable-logo.png)
-![logo2](./assets/rl1.png)
-![logo1](./assets/rl2.png)
 # Reactable Stateless Components
 
 
 This is the README for your extension "reactable-stateless-components". After writing up a brief description, we recommend including the following sections.
 
 ## Features
 
-Describe specific features of your extension including screenshots of your extension in action. Image paths are relative to this README file.
+Easily create stateless react components, with seperate files for the component, container, a config and styles.
 
-For example if there is an image subfolder under your extension project workspace:
+![demo](./assets/demo.gif)
 
-\!\[feature X\]\(images/feature-x.png\)
+## Instructions
 
-> Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.
+1) Open the command pallet by pushing `cmd p`
 
-## Requirements
-
-If you have any requirements or dependencies, add a section describing those and how to install and configure them.
+2) type `> Stateless Component`
 
-## Extension Settings
+3) Name your component. React Stateless component will then generate the required files for your stateless component
 
-Include if your extension adds any VS Code settings through the `contributes.configuration` extension point.
+## Requirements
 
-For example:
+VS Code > 1.63.0
 
-This extension contributes the following settings:
+## Extension Settings
 
-* `myExtension.enable`: enable/disable this extension
-* `myExtension.thing`: set to `blah` to do something
+None ar present
 
 ## Known Issues
 
-Calling out known issues can help limit users opening duplicate issues against your extension.
+Currently only works if your components are in `src/components` directory. 
 
 ## Release Notes
 
 Users appreciate release notes as you update your extension.
 
 ### 1.0.0
 
-Initial release of ...
-
-### 1.0.1
-
-Fixed issue #.
-
-### 1.1.0
-
-Added features X, Y, and Z.
-
------------------------------------------------------------------------------------------------------------
-
-## Working with Markdown
-
-**Note:** You can author your README using Visual Studio Code.  Here are some useful editor keyboard shortcuts:
-
-* Split the editor (`Cmd+\` on macOS or `Ctrl+\` on Windows and Linux)
-* Toggle preview (`Shift+CMD+V` on macOS or `Shift+Ctrl+V` on Windows and Linux)
-* Press `Ctrl+Space` (Windows, Linux) or `Cmd+Space` (macOS) to see a list of Markdown snippets
-
-### For more information
-
-* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
-* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)
-
-**Enjoy!**
+Initial release of Reactable Stateless Components

assets/demo.gif

@@ -2,7 +2,7 @@
   "name": "reactable-stateless-components",
   "displayName": "Reactable Stateless Components",
   "description": "Easily Create React Stateless Components",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "engines": {
     "vscode": "^1.63.0"
   },

package.json

@@ -47,6 +47,7 @@ const checkForSettingsFile = () => {
     // vscode.window.showInformationMessage(
     // 	`Please configure your stateless components`
     //   );
+    
     console.log("no file exists");
     const ask = async () => {
       const pathToComponents = await vscode.window.showInputBox({