initial commit

Author: dbaikov

.gitignore

@@ -0,0 +1,2 @@
+out
+node_modules

.vscode/launch.json

@@ -0,0 +1,28 @@
+// A launch configuration that compiles the extension and then opens it inside a new window
+{
+    "version": "0.1.0",
+    "configurations": [
+        {
+            "name": "Launch Extension",
+            "type": "extensionHost",
+            "request": "launch",
+            "runtimeExecutable": "${execPath}",
+            "args": ["--extensionDevelopmentPath=${workspaceRoot}" ],
+            "stopOnEntry": false,
+            "sourceMaps": true,
+            "outDir": "${workspaceRoot}/out/src",
+            "preLaunchTask": "npm"
+        },
+        {
+            "name": "Launch Tests",
+            "type": "extensionHost",
+            "request": "launch",
+            "runtimeExecutable": "${execPath}",
+            "args": ["--extensionDevelopmentPath=${workspaceRoot}", "--extensionTestsPath=${workspaceRoot}/out/test" ],
+            "stopOnEntry": false,
+            "sourceMaps": true,
+            "outDir": "${workspaceRoot}/out/test",
+            "preLaunchTask": "npm"
+        }
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,10 @@
+// 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
+    },
+    "typescript.tsdk": "./node_modules/typescript/lib" // we want to use the TS server from our node_modules folder to control its version
+}

.vscode/tasks.json

@@ -0,0 +1,30 @@
+// Available variables which can be used inside of strings.
+// ${workspaceRoot}: the root folder of the team
+// ${file}: the current opened file
+// ${fileBasename}: the current opened file's basename
+// ${fileDirname}: the current opened file's dirname
+// ${fileExtname}: the current opened file's extension
+// ${cwd}: the current working directory of the spawned process
+
+// A task runner that calls a custom npm script that compiles the extension.
+{
+    "version": "0.1.0",
+
+    // we want to run npm
+    "command": "npm",
+
+    // the command is a shell script
+    "isShellCommand": true,
+
+    // show the output window only if unrecognized errors occur.
+    "showOutput": "silent",
+
+    // we run the custom script "compile" as defined in package.json
+    "args": ["run", "compile", "--loglevel", "silent"],
+
+    // The tsc compiler is started in watching mode
+    "isWatching": true,
+
+    // use the standard tsc in watch mode problem matcher to find compile problems in the output.
+    "problemMatcher": "$tsc-watch"
+}

.vscodeignore

@@ -0,0 +1,9 @@
+.vscode/**
+.vscode-test/**
+out/test/**
+test/**
+src/**
+**/*.map
+.gitignore
+tsconfig.json
+vsc-extension-quickstart.md

LICENCE.md

@@ -0,0 +1,17 @@
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software
+is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
+BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT
+OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,56 @@
+# Angular2 Component Generation Extension for VS CODE
+
+## Description
+Extension automatically creates folder for angular2 component containing : 
+- `component.ts`
+- `module.ts`
+- `component.html`
+- `component.css`
+
+## Usage
+
+- Right click on on the file or folder in the explorer
+- Select "New Angular2 Component"
+- Enter component name in the pop up in camelCase 
+
+![Use Extension](assets/tutorial/createComponent.gif)
+
+## Configuration
+- create true / false - (controls weather to generate this file or not)
+- extension - extension of generated file (e.g. you might want to change "scss" to just plain "css")
+- template - path to the custom template for the generated file
+    - {selector}    -> replaced with `lower case, dash separated string`
+    - {templateUrl} -> replaced with `${selector}.component.html`
+    - {styleUrls}   -> replaced with `${selector}.component.css`
+    - {className}   -> replaced with `componentName in PascalCase`
+
+Use the "template" key to override default templates for the extension
+
+```json
+{
+    "files": {
+        "component": {
+            "create": true,
+            "extension": "ts",
+            "template": "${workspaceRoot}/myComponent.template"
+        },
+        "css": {
+            "create": true,
+            "extension": "scss"
+        },
+        "html": {
+            "create": true,
+            "extension": "html"
+        },
+        "module": {
+            "create": true,
+            "extension": "ts"
+        }
+    }
+}
+```
+![Config Extension](assets/tutorial/customTemplate.gif)
+
+## Bugs
+
+Please report [here](https://github.com/dbaikov/vscode-angular2-component-generator/issues)

assets/config/config.json

@@ -0,0 +1,20 @@
+{
+    "files": {
+        "component": {
+            "create": true,
+            "extension": "ts"
+        },
+        "css": {
+            "create": true,
+            "extension": "scss"
+        },
+        "html": {
+            "create": true,
+            "extension": "html"
+        },
+        "module": {
+            "create": true,
+            "extension": "ts"
+        }
+    }
+}

assets/images/icon.png

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+    moduleId: module.id,
+    selector: '{selector}',
+    templateUrl: '{templateUrl}',
+    styleUrls: ['{styleUrls}']
+})
+export class {className}Component {
+
+}