new version, new images

Author: fulviocanducci

README.md

@@ -1,6 +1,6 @@
 # Create React Component
 
-Create React Component  for VS Code
+Create React Component for VS Code
 
 [![Version](https://vsmarketplacebadge.apphb.com/version/canducci.create-reactjs-components.svg)](https://vsmarketplacebadge.apphb.com/version-short/canducci.create-reactjs-components.svg)
 [![Install](https://vsmarketplacebadge.apphb.com/installs/canducci.create-reactjs-components.svg)](https://vsmarketplacebadge.apphb.com/installs-short/canducci.create-reactjs-components.svg)
@@ -18,20 +18,28 @@ Paste the following command and press `Enter`:
 ext install canducci.create-reactjs-components
 ```
 
-
 # Supported languages (file extensions)
 
 - JavaScript (.js)
 - JavaScript React (.jsx)
+- Javascript Typescript (.tsx)
 
 # Usage
 
 In the Context Menu choose:
 
-* React Arrow Function Component (js)
-* React Function Component (js)
-* React Arrow Function Component (jsx)
-* React Function Component (jsx)
+- React Arrow Function Component (js)
+- React Arrow Function Component (jsx)
+- React Arrow Function Component (tsx)
+- React Arrow Function Context (js)
+- React Arrow Function Context (jsx)
+- React Arrow Function Context (tsx)
+- React Function Component (js)
+- React Function Component (jsx)
+- React Function Component (tsx)
+- React Function Context (js)
+- React Function Context (jsx)
+- React Function Context (tsx)
 
 where a component is created in the "components" folder
 
@@ -42,4 +50,3 @@ where a component is created in the "components" folder
 ### Example:
 
 [![Gif](https://raw.githubusercontent.com/fulviocanducci/create-reactjs-components/master/images/example.gif)]()
-

Sources.txt

@@ -3,4 +3,8 @@ https://www.robinwieruch.de/react-function-component
 // if (args == null) {
 //   args = { _fsPath: vscode.workspace.rootPath };
 // }
-// let incomingpath: string = args._fsPath;
+// let incomingpath: string = args._fsPath;
+
+https://code.visualstudio.com/api/references/contribution-points#contributes.views
+
+https://code.visualstudio.com/api/references/contribution-points#contributes.commands

images/example.gif

@@ -2,7 +2,7 @@
   "name": "create-reactjs-components",
   "displayName": "create-reactjs-components",
   "description": "Create Component/Context Explorer Context",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "publisher": "canducci",
   "icon": "images/logo-three.png",
   "engines": {
@@ -27,17 +27,17 @@
   ],
   "activationEvents": [
     "onCommand:canducci.arrowFunctionComponentJs",
-    "onCommand:canducci.functionComponentJs",
     "onCommand:canducci.arrowFunctionComponentJsx",
+    "onCommand:canducci.arrowFunctionComponentTs",
+    "onCommand:canducci.arrowFunctionContextTs",
+    "onCommand:canducci.functionComponentJs",
     "onCommand:canducci.functionComponentJsx",
+    "onCommand:canducci.functionComponentTs",
+    "onCommand:canducci.functionContextTs",
     "onCommand:canducci.createContextArrowFunctionJs",
-    "onCommand:canducci.createContextFunctionJs",
     "onCommand:canducci.createContextArrowFunctionJsx",
     "onCommand:canducci.createContextFunctionJsx",
-    "onCommand:canducci.arrowFunctionComponentTs",
-    "onCommand:canducci.functionComponentTs",
-    "onCommand:canducci.functionContextTs",
-    "onCommand:canducci.arrowFunctionContextTs"
+    "onCommand:canducci.createContextFunctionJs"
   ],
   "main": "./out/extension.js",
   "contributes": {

images/menu.png

@@ -1,15 +1,12 @@
 import * as assert from 'assert';
-
-// You can import and use all API from the 'vscode' module
-// as well as import your extension to test it
 import * as vscode from 'vscode';
-// import * as myExtension from '../../extension';
+//import * as myExtension from '../../extension';
 
 suite('Extension Test Suite', () => {
-	vscode.window.showInformationMessage('Start all tests.');
+  vscode.window.showInformationMessage('Start all tests.');
 
-	test('Sample test', () => {
-		assert.equal(-1, [1, 2, 3].indexOf(5));
-		assert.equal(-1, [1, 2, 3].indexOf(0));
-	});
+  test('Sample test', () => {
+    assert.equal(-1, [1, 2, 3].indexOf(5));
+    assert.equal(-1, [1, 2, 3].indexOf(0));
+  });
 });