[*] change React pure function component template to function declaration, add rpfcaf for arrow function component

Author: minwe

README.md

@@ -67,11 +67,11 @@ import React, {
   PropTypes,
 } from 'react';
 
-const $COMPONENT$ = ($PARAMETER$) => {
+function $COMPONENT$($PARAMETER$) {
   return (
     <div>$END$</div>
   );
-};
+}
 
 $COMPONENT$.propTypes = {};
 $COMPONENT$.defaultProps = {};
@@ -101,6 +101,26 @@ module.exports = $COMPONENT$;
 
 ```
 
+### `rpfcaf`
+
+```js
+import React, {
+  PropTypes,
+} from 'react';
+
+const $COMPONENT$ = ($PARAMETER$) => {
+  return (
+    <div>$END$</div>
+  );
+};
+
+$COMPONENT$.propTypes = {};
+$COMPONENT$.defaultProps = {};
+
+export default $COMPONENT$;
+
+```
+
 ### `rcc`
 
 ```js

build.js

@@ -27,14 +27,14 @@ let escapeTpl = (tpl) => {
 let data = [];
 
 Object.keys(templates).forEach((k) => {
-  var t = templates[k];
-  var isMethod = (typeof t.tpl === 'string' && t.tpl.indexOf(': function') > -1);
-  var tpl = t.tpl.next || t.tpl;
+  const t = templates[k];
+  const isMethod = (typeof t.tpl === 'string' && t.tpl.indexOf(': function') > -1);
+  let tpl = t.tpl.next || t.tpl;
   tpl = tpl.replace(/: function/g, '');
 
   isMethod && (tpl = tpl.replace(/},/g, '}'));
 
-  var snippet = {
+  const snippet = {
     name: k,
     description: `React: ${t.description || t.tpl}`,
     tpl: escapeTpl(tpl),
@@ -47,8 +47,8 @@ Object.keys(templates).forEach((k) => {
   if (t.tpl.next ||
     (typeof t.tpl === 'string' && isMethod)) {
 
-    var tpl5 = t.tpl.es5 || t.tpl;
-    var snippet5 = {
+    const tpl5 = t.tpl.es5 || t.tpl;
+    const snippet5 = {
       name: k + '5',
       description: `React: ${t.description || t.tpl}`,
       tpl: escapeTpl(tpl5),
@@ -62,8 +62,8 @@ Object.keys(templates).forEach((k) => {
 
 function processEventsTpl(eventsMap) {
   Object.keys(eventsMap).forEach((key) => {
-    var tplName = eventsMap[key];
-    var tpl = `${key}={$END$}`;
+    const tplName = eventsMap[key];
+    const tpl = `${key}={$END$}`;
 
     data.push({
       name: tplName,

jetbrains/templates/ReactJS.xml

@@ -15,7 +15,7 @@
   </template>
   <template
       name="rpfc"
-      value="import React, {&#10;  PropTypes,&#10;} from &apos;react&apos;;&#10;&#10;const $COMPONENT$ = ($PARAMETER$) =&gt; {&#10;  return (&#10;    &lt;div&gt;$END$&lt;/div&gt;&#10;  );&#10;};&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;export default $COMPONENT$;&#10;"
+      value="import React, {&#10;  PropTypes,&#10;} from &apos;react&apos;;&#10;&#10;function $COMPONENT$($PARAMETER$) {&#10;  return (&#10;    &lt;div&gt;$END$&lt;/div&gt;&#10;  );&#10;}&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;export default $COMPONENT$;&#10;"
       description="React: Create a pure function component"
       toReformat="true"
       toShortenFQNames="true">
@@ -43,6 +43,21 @@
       <option name="JS_STATEMENT" value="true" />
     </context>
   </template>
+  <template
+      name="rpfcaf"
+      value="import React, {&#10;  PropTypes,&#10;} from &apos;react&apos;;&#10;&#10;const $COMPONENT$ = ($PARAMETER$) =&gt; {&#10;  return (&#10;    &lt;div&gt;$END$&lt;/div&gt;&#10;  );&#10;};&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;export default $COMPONENT$;&#10;"
+      description="React: Create a pure function component using arrow function"
+      toReformat="true"
+      toShortenFQNames="true">
+    <variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
+    <variable name="PARAMETER" expression="" defaultValue="&quot;props&quot;" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="JS_EXPRESSION" value="true" />
+      <option name="JSX_HTML" value="true" />
+      <option name="JS_STATEMENT" value="true" />
+    </context>
+  </template>
   <template
       name="rcc"
       value="import React, {&#10;  PropTypes,&#10;} from &apos;react&apos;;&#10;&#10;const $COMPONENT$ = React.createClass({&#10;  render() {&#10;    return (&#10;      &lt;div&gt;$END$&lt;/div&gt;&#10;    );&#10;  }&#10;});&#10;&#10;export default $COMPONENT$;&#10;"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jetbrains-react",
-  "version": "2.5.0",
+  "version": "2.6.1",
   "description": "React snippets(live templates) for JetBrains series editors.",
   "main": "index.js",
   "scripts": {

settings.jar

@@ -37,11 +37,11 @@ rpfc:
         PropTypes,
       } from 'react';
 
-      const $COMPONENT$ = ($PARAMETER$) => {
+      function $COMPONENT$($PARAMETER$) {
         return (
           <div>$END$</div>
         );
-      };
+      }
 
       $COMPONENT$.propTypes = {};
       $COMPONENT$.defaultProps = {};
@@ -69,6 +69,28 @@ rpfc:
     - {name: 'COMPONENT', expression: 'fileNameWithoutExtension()'}
     - {name: 'PARAMETER', defaultValue: '&quot;props&quot;'}
 
+rpfcaf:
+  description: Create a pure function component using arrow function
+  tpl: |
+    import React, {
+      PropTypes,
+    } from 'react';
+
+    const $COMPONENT$ = ($PARAMETER$) => {
+      return (
+        <div>$END$</div>
+      );
+    };
+
+    $COMPONENT$.propTypes = {};
+    $COMPONENT$.defaultProps = {};
+
+    export default $COMPONENT$;
+
+  variables:
+    - {name: 'COMPONENT', expression: 'fileNameWithoutExtension()'}
+    - {name: 'PARAMETER', defaultValue: '&quot;props&quot;'}
+
 rcc:
   description: Create a React.js component
   tpl: