add import react-dom template; add trailing comma to PropTypes

Author: minwe

README.md

@@ -1,15 +1,13 @@
 # jetbrains-react
 
-React snippets([live templates](https://www.jetbrains.com/help/idea/2016.1/live-templates.html)) for JetBrains series editors (e.g. WebStorm, PHPStorm, IntelliJ IDEA, etc.), stolen from [sublime-react](https://github.com/reactjs/sublime-react) and [phpstorm-reactjs](https://github.com/Minwe/phpstorm-reactjs).
-
-- [Working with ReactJS in WebStorm: Coding Assistance](http://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/)
+React snippets([live templates](https://www.jetbrains.com/help/idea/2016.1/live-templates.html)) for JetBrains series editors (e.g. WebStorm, PHPStorm, IntelliJ IDEA, etc.), stolen from [sublime-react](https://github.com/reactjs/sublime-react) and [phpstorm-reactjs](https://github.com/geochatz/phpstorm-reactjs).
 
 ## Installation
 
-### Importing
+### Import Automatically
 
-1. Download `jetbrains-react.jar`;
-2. Click `File` -> `Importing Settings...` on your IDE menubar, select `jetbrains-react.jar`, then click `OK`.
+1. Download [`settings.jar`](https://github.com/minwe/jetbrains-react/raw/master/settings.jar);
+2. Click `File` -> `Importing Settings...` on your IDE menu, select `settings.jar`, then click `OK`.
 
 ### Install Manually
 
@@ -28,11 +26,15 @@ React snippets([live templates](https://www.jetbrains.com/help/idea/2016.1/live-
 
 ## Usage
 
-It's hard to remember shortcuts when there are a large number of options. A more efficient way is to take advantage of editor's Insert Live Template shortcut. Press `Cmd + J` and type as many letters as you want to filter the resulates.
+It's hard to remember shortcuts when there are a large number of options. A more efficient way is to take advantage of editor's Insert Live Template shortcut. Press `Cmd + J` and type as many letters as you want to filter the results.
 
 For example, to create a new React class, type `rcc` and press `Tab` or press `Cmd + J` and write `rcc` or `React`.
 
-**Documentation of available snippets (JSX):**
+**The WebStorm official blog post**:
+
+- [Working with ReactJS in WebStorm: Coding Assistance](http://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/)
+
+**Documentation of available snippets:**
 
 <!--DOC_START-->
 ### `rcc`
@@ -97,6 +99,22 @@ export default $class$;
 
 ```
 
+### `rdom`
+
+```js
+import ReactDOM from 'react-dom';
+$END$
+
+```
+
+### `rdom5`
+
+```js
+var ReactDOM = require('react-dom');
+$END$
+
+```
+
 ### `rccc`
 
 ```js
@@ -327,15 +345,15 @@ dangerouslySetInnerHTML={{__html: '$END$'}}
 
 ```js
 propTypes: {
-  $START$: PropTypes.$END$
+  $START$: PropTypes.$END$,
 },
 
 ```
 
 ### `pt`
 
 ```js
-$START$: PropTypes.$END$
+$START$: PropTypes.$END$,
 ```
 
 ### `refs`
@@ -388,7 +406,7 @@ shouldComponentUpdate: function(nextProps, nextState, nextContext) {
 
 ```js
 this.setState({
-  $START$: $END$
+  $START$: $END$,
 });
 
 ```
@@ -403,7 +421,7 @@ this.state.$END$
 
 ```js
 contextTypes: {
-  $START$: PropTypes.$END$
+  $START$: PropTypes.$END$,
 },
 
 ```
@@ -412,7 +430,7 @@ contextTypes: {
 
 ```js
 childContextTypes: {
-  $START$: PropTypes.$END$
+  $START$: PropTypes.$END$,
 },
 
 ```
@@ -455,7 +473,7 @@ static displayName = '$END$';
 
 ```js
 static propTypes = {
-  $START$: PropTypes.$END$
+  $START$: PropTypes.$END$,
 };
 
 ```
@@ -464,7 +482,7 @@ static propTypes = {
 
 ```js
 static defaultProps = {
-  $START$: PropTypes.$END$
+  $START$: PropTypes.$END$,
 };
 
 ```
@@ -473,7 +491,7 @@ static defaultProps = {
 
 ```js
 static contextTypes = {
-  $START$: PropTypes.$END$
+  $START$: PropTypes.$END$,
 };
 
 ```
@@ -482,7 +500,7 @@ static contextTypes = {
 
 ```js
 static childContextTypes = {
-  $START$: PropTypes.$END$
+  $START$: PropTypes.$END$,
 };
 
 ```

gulpfile.js renamed to build.js

@@ -1,16 +1,17 @@
 'use strict';
 
 const fs = require('fs');
-const gulp = require('gulp');
-const zip = require('gulp-zip');
 const yaml = require('js-yaml');
 const Handlebars = require('handlebars');
+const read = (file) => {
+  return fs.readFileSync(file, 'utf8');
+};
 
-const template = Handlebars.compile(fs.readFileSync('src/ReactJS.hbs', 'utf8'));
-const docTpl = Handlebars.compile(fs.readFileSync('src/doc.hbs', 'utf8'));
-const readme = fs.readFileSync('README.md', 'utf8');
-const templates = yaml.safeLoad(fs.readFileSync('src/template.yaml', 'utf8'));
-const eventsTpl = yaml.safeLoad(fs.readFileSync('src/events.yaml', 'utf8'));
+const template = Handlebars.compile(read('src/ReactJS.hbs'));
+const docTpl = Handlebars.compile(read('src/doc.hbs'));
+const readme = read('README.md');
+const templates = yaml.safeLoad(read('src/template.yaml'));
+const eventsTpl = yaml.safeLoad(read('src/events.yaml'));
 
 let escapeTpl = (tpl) => {
   tpl = tpl.replace(/\n/g, '
')
@@ -35,7 +36,7 @@ Object.keys(templates).forEach((k) => {
 
   var snippet = {
     name: k,
-    description: t.description || t.tpl,
+    description: `React: ${t.description || t.tpl}`,
     tpl: escapeTpl(tpl),
     variables: t.variables || [],
     tplRaw: tpl
@@ -49,7 +50,7 @@ Object.keys(templates).forEach((k) => {
     var tpl5 = t.tpl.es5 || t.tpl;
     var snippet5 = {
       name: k + '5',
-      description: t.description || t.tpl,
+      description: `React: ${t.description || t.tpl}`,
       tpl: escapeTpl(tpl5),
       variables: t.variables || [],
       tplRaw: tpl5
@@ -66,7 +67,7 @@ function processEventsTpl(eventsMap) {
 
     data.push({
       name: tplName,
-      description: key,
+      description: `React: ${key}`,
       tpl: escapeTpl(tpl),
       tplRaw: tpl
     });
@@ -82,8 +83,5 @@ fs.writeFileSync('README.md', readme.replace(
     return $1 + '\n' + docTpl(data) + '\n' + $2;
   }));
 
-gulp.task('default', () => {
-  return gulp.src('jetbrains/**/*')
-    .pipe(zip('jetbrains-react.jar'))
-    .pipe(gulp.dest('.'));
-});
+// build jar
+// @see http://www.codejava.net/java-core/tools/using-jar-command-examples