feature: @putout/plugin-react-hooks: convert to ESM

Author: coderaiser

packages/plugin-react-hooks/lib/apply-short-fragment/index.js

@@ -1,6 +1,4 @@
-'use strict';
-
-const {types, operator} = require('putout');
+import {types, operator} from 'putout';
 
 const {
     JSXClosingFragment,
@@ -10,20 +8,20 @@ const {
 
 const {replaceWith} = operator;
 
-module.exports.report = () => `Apply shorthand syntax for 'Fragment'`;
+export const report = () => `Apply shorthand syntax for 'Fragment'`;
 
-module.exports.include = () => [
+export const include = () => [
     'JSXOpeningElement',
 ];
 
-module.exports.fix = (path) => {
+export const fix = (path) => {
     const {parentPath} = path;
     const {children} = path.parentPath.node;
 
     replaceWith(parentPath, JSXFragment(JSXOpeningFragment(), JSXClosingFragment(), children));
 };
 
-module.exports.filter = (path) => {
+export const filter = (path) => {
     if (path.node.attributes.length)
         return false;
 

packages/plugin-react-hooks/lib/apply-short-fragment/index.spec.js

@@ -1,9 +1,7 @@
-'use strict';
+import {createTest} from '@putout/test';
+import * as plugin from './index.js';
 
-const {createTest} = require('@putout/test');
-const plugin = require('.');
-
-const test = createTest(__dirname, {
+const test = createTest(import.meta.url, {
     plugins: [
         ['react-hooks/apply-short-fragment', plugin],
     ],

packages/plugin-react-hooks/lib/common.js

@@ -1,6 +1,4 @@
-'use strict';
-
-module.exports.traverseClass = (traverse, ast, visitor) => {
+export const traverseClass = (traverse, ast, visitor) => {
     traverse(ast, {
         'class __ extends React.Component {}': push(visitor),
         'class __ extends Component {}': push(visitor),

packages/plugin-react-hooks/lib/convert-class-to-function/class-to-function.js

@@ -1,6 +1,4 @@
-'use strict';
-
-const {types, operator} = require('putout');
+import {types, operator} from 'putout';
 
 const {replaceWith, remove} = operator;
 
@@ -10,7 +8,7 @@ const {
     functionDeclaration,
 } = types;
 
-module.exports = (path) => {
+export default (path) => {
     const {node} = path;
     const {body} = node;
 

packages/plugin-react-hooks/lib/convert-class-to-function/index.js

@@ -1,21 +1,18 @@
-'use strict';
-
-const {types} = require('putout');
-
-const classToFunction = require('./class-to-function');
-const {traverseClass} = require('../common');
+import {types} from 'putout';
+import classToFunction from './class-to-function.js';
+import {traverseClass} from '../common.js';
 
 const {isIdentifier, isClassMethod} = types;
 
-module.exports.report = ({name}) => {
+export const report = ({name}) => {
     return `class ${name} should be a function`;
 };
 
-module.exports.fix = ({path}) => {
+export const fix = ({path}) => {
     classToFunction(path);
 };
 
-module.exports.find = (ast, {push, traverse}) => {
+export const find = (ast, {push, traverse}) => {
     traverseClass(traverse, ast, {
         Identifier(path) {
             const {name} = path.node;

packages/plugin-react-hooks/lib/convert-class-to-function/index.spec.js

@@ -1,9 +1,7 @@
-'use strict';
+import {createTest} from '@putout/test';
+import * as convertClassToFunction from './index.js';
 
-const {createTest} = require('@putout/test');
-const convertClassToFunction = require('.');
-
-const test = createTest(__dirname, {
+const test = createTest(import.meta.url, {
     plugins: [
         ['convert-class-to-function', convertClassToFunction],
     ],

packages/plugin-react-hooks/lib/convert-component-to-use-state/index.js

@@ -1,18 +1,18 @@
-'use strict';
+import {types} from 'putout';
 
 const {
     isIdentifier,
     isObjectPattern,
-} = require('putout').types;
+} = types;
 
-module.exports.report = () => 'useState should be used instead of Component';
+export const report = () => 'useState should be used instead of Component';
 
-module.exports.fix = ({node}) => {
+export const fix = ({node}) => {
     node.key.name = 'useState';
     node.value.name = 'useState';
 };
 
-module.exports.find = (ast, {traverse}) => {
+export const find = (ast, {traverse}) => {
     const places = [];
 
     traverse(ast, {

packages/plugin-react-hooks/lib/convert-component-to-use-state/index.spec.js

@@ -1,9 +1,7 @@
-'use strict';
+import {createTest} from '@putout/test';
+import * as convertComponentToUseState from './index.js';
 
-const {createTest} = require('@putout/test');
-const convertComponentToUseState = require('.');
-
-const test = createTest(__dirname, {
+const test = createTest(import.meta.url, {
     plugins: [
         ['convert-component-to-use-state', convertComponentToUseState],
     ],

packages/plugin-react-hooks/lib/convert-import-component-to-use-state/index.js

@@ -1,13 +1,11 @@
-'use strict';
+export const report = () => 'useState should be used instead of Component';
 
-module.exports.report = () => 'useState should be used instead of Component';
-
-module.exports.fix = ({node}) => {
+export const fix = ({node}) => {
     node.imported.name = 'useState';
     node.local.name = 'useState';
 };
 
-module.exports.traverse = ({push}) => ({
+export const traverse = ({push}) => ({
     ImportDeclaration(path) {
         const {source} = path.node;
 

packages/plugin-react-hooks/lib/convert-import-component-to-use-state/index.spec.js

@@ -1,9 +1,7 @@
-'use strict';
+import {createTest} from '@putout/test';
+import * as convertImportComponentToUseState from './index.js';
 
-const {createTest} = require('@putout/test');
-const convertImportComponentToUseState = require('.');
-
-const test = createTest(__dirname, {
+const test = createTest(import.meta.url, {
     plugins: [
         ['convert-import-component-to-use-state', convertImportComponentToUseState],
     ],