feature: @putout/plugin-react: rename-jsx-to-js: add

Author: coderaiser

packages/plugin-react/README.md

@@ -30,6 +30,7 @@ Add `.putout.json` with:
 - ✅ [remove-useless-forward-ref](#remove-useless-forward-ref);
 - ✅ [remove-implicit-ref-return](#remove-implicit-ref-return);
 - ✅ [rename-js-to-jsx](#rename-js-to-jsx);
+- ✅ [rename-jsx-to-js](#rename-jsx-to-js);
 
 ## Config
 
@@ -41,7 +42,9 @@ Here is list of rules:
         "react/apply-create-root": "on",
         "react/remove-useless-provider": "on",
         "react/remove-useless-forward-ref": "on",
-        "react/remove-implicit-ref-return": "on"
+        "react/remove-implicit-ref-return": "on",
+        "react/rename-jsx-to-js": "on",
+        "react/rename-js-to-jsx": "on"
     }
 }
 ```
@@ -184,6 +187,20 @@ Rename `*.js` files to `*.jsx` when they contains JSX.
 
 Check out in 🐊[Putout Editor](https://putout.cloudcmd.io/#/gist/bebaba6a03958effd72f160f9ef8c8ef/e3a275a2d6352183f71415dcd4346f2cd5667748).
 
+## rename-jsx-to-js
+
+Rename `*.jsx` files to `*.js` when they contains JSX.
+
+```diff
+ /
+ |-- package.json
+ `-- lib/
+-     `-- hello.jsx
++     `-- hello.js
+```
+
+Check out in 🐊[Putout Editor](https://putout.cloudcmd.io/#/gist/20bb4c5e3646ebbebccdc23bc93224c1/a0216b8fce6dce41fce16534d80354d9d94c6983).
+
 ### ❌ Example of incorrect code
 
 ```jsx

packages/plugin-react/lib/index.js

@@ -5,11 +5,13 @@ const removeImplicitRefReturn = require('./remove-implicit-ref-return');
 const removeUselessForwardRef = require('./remove-useless-forward-ref');
 const applyCreateRoot = require('./apply-create-root');
 const renameJsToJsx = require('./rename-js-to-jsx');
+const renameJsxToJs = require('./rename-jsx-to-js');
 
 module.exports.rules = {
     'remove-useless-provider': removeUselessProvider,
     'remove-implicit-ref-return': removeImplicitRefReturn,
     'remove-useless-forward-ref': removeUselessForwardRef,
     'apply-create-root': applyCreateRoot,
     'rename-js-to-jsx': ['off', renameJsToJsx],
+    'rename-jsx-to-js': ['off', renameJsxToJs],
 };

packages/plugin-react/lib/is-jsx/fixture/is-jsx.js

@@ -0,0 +1,3 @@
+const a = (
+    <A></A>
+);

packages/plugin-react/lib/is-jsx/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const noop = () => {};
+
+module.exports.report = () => '';
+module.exports.fix = noop;
+module.exports.include = () => ['JSXElement'];

packages/plugin-react/lib/is-jsx/index.spec.js

@@ -0,0 +1,20 @@
+'use strict';
+
+const {createTest} = require('@putout/test');
+const plugin = require('.');
+
+const test = createTest(__dirname, {
+    plugins: [
+        ['is-jsx', plugin],
+    ],
+});
+
+test('rename-js-to-jsx: is-jsx: report', (t) => {
+    t.report('is-jsx', ``);
+    t.end();
+});
+
+test('rename-js-to-jsx: is-jsx: no transform', (t) => {
+    t.noTransform('is-jsx');
+    t.end();
+});

packages/plugin-react/lib/rename-js-to-jsx/index.js

@@ -1,14 +1,9 @@
 'use strict';
 
 const {operator} = require('putout');
-const noop = () => {};
-const {matchFiles} = operator;
 
-const isJSX = {
-    report: () => '',
-    fix: noop,
-    include: () => ['JSXElement'],
-};
+const isJSX = require('../is-jsx');
+const {matchFiles} = operator;
 
 module.exports = matchFiles({
     filename: '*.js',

packages/plugin-react/lib/rename-jsx-to-js/fixture/rename-jsx-to-js-fix.js

@@ -0,0 +1,5 @@
+__putout_processor_filesystem([
+    "/",
+    ["/1.js", "const a = 5;"],
+    ["/2.js", "Y29uc3QgYSA9ICgKICAgIDxhPjwvYT4KKTsK"]
+]);

packages/plugin-react/lib/rename-jsx-to-js/fixture/rename-jsx-to-js.js

@@ -0,0 +1,5 @@
+__putout_processor_filesystem([
+    '/',
+    ['/1.js', 'const a = 5;'],
+    ['/2.jsx', 'const a = <a></a>;'],
+]);

packages/plugin-react/lib/rename-jsx-to-js/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const {operator} = require('putout');
+const isJSX = require('../is-jsx');
+
+const {matchFiles} = operator;
+
+module.exports = matchFiles({
+    filename: '*.jsx',
+    files: {
+        '__name.jsx -> __name.js': isJSX,
+    },
+});

packages/plugin-react/lib/rename-jsx-to-js/index.spec.js

@@ -0,0 +1,20 @@
+'use strict';
+
+const {createTest} = require('@putout/test');
+const plugin = require('.');
+
+const test = createTest(__dirname, {
+    plugins: [
+        ['rename-jsx-to-js', plugin],
+    ],
+});
+
+test('react: rename-jsx-to-js: report', (t) => {
+    t.report('rename-jsx-to-js', ``);
+    t.end();
+});
+
+test('react: rename-jsx-to-js: transform', (t) => {
+    t.transform('rename-jsx-to-js');
+    t.end();
+});