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

Author: coderaiser

packages/plugin-react-router/lib/index.js

@@ -1,10 +1,8 @@
-'use strict';
+import * as v6ConvertSwitchToRoutes from './v6-convert-switch-to-routes/index.js';
+import * as v6ConvertComponentToElement from './v6-convert-component-to-element/index.js';
+import * as v7SplitMultiSegmentRoute from './v7-split-multi-segment-route/index.js';
 
-const v6ConvertSwitchToRoutes = require('./v6-convert-switch-to-routes');
-const v6ConvertComponentToElement = require('./v6-convert-component-to-element');
-const v7SplitMultiSegmentRoute = require('./v7-split-multi-segment-route');
-
-module.exports.rules = {
+export const rules = {
     'v6-convert-switch-to-routes': v6ConvertSwitchToRoutes,
     'v6-convert-component-to-element': v6ConvertComponentToElement,
     'v7-split-multi-segment-route': v7SplitMultiSegmentRoute,

packages/plugin-react-router/lib/v6-convert-component-to-element/index.js

@@ -1,17 +1,16 @@
-'use strict';
+import {types} from 'putout';
 
-const {types} = require('putout');
 const {
     JSXIdentifier,
     JSXOpeningElement,
     JSXElement,
 } = types;
 
-module.exports.report = () => `Use 'element' instead of 'component'`;
+export const report = () => `Use 'element' instead of 'component'`;
 
 const SELF_CLOSING = true;
 
-module.exports.fix = (path) => {
+export const fix = (path) => {
     for (const attr of path.node.attributes) {
         if (attr.name.name !== 'component')
             continue;
@@ -28,7 +27,7 @@ module.exports.fix = (path) => {
     }
 };
 
-module.exports.traverse = ({push}) => ({
+export const traverse = ({push}) => ({
     JSXOpeningElement(path) {
         if (path.node.name.name !== 'Route')
             return;

packages/plugin-react-router/lib/v6-convert-component-to-element/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-router/convert-component-to-element', plugin],
     ],

packages/plugin-react-router/lib/v6-convert-switch-to-routes/index.js

@@ -1,15 +1,14 @@
-'use strict';
+import {operator} from 'putout';
 
-const {operator} = require('putout');
 const {rename} = operator;
 
-module.exports.report = () => `Use 'Routes' instead of 'Switch'`;
+export const report = () => `Use 'Routes' instead of 'Switch'`;
 
-module.exports.fix = (path) => {
+export const fix = (path) => {
     rename(path, 'Switch', 'Routes');
 };
 
-module.exports.traverse = ({push}) => ({
+export const traverse = ({push}) => ({
     Program(path) {
         const {Switch} = path.scope.bindings;
 

packages/plugin-react-router/lib/v6-convert-switch-to-routes/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-router/convert-switch-to-routes', plugin],
     ],

packages/plugin-react-router/lib/v7-split-multi-segment-route/index.js

@@ -1,6 +1,5 @@
-'use strict';
+import {operator, types} from 'putout';
 
-const {operator, types} = require('putout');
 const {
     stringLiteral,
     identifier,
@@ -15,9 +14,9 @@ const {
     getProperties,
 } = operator;
 
-module.exports.report = () => `Split multi-segment splat <Route`;
+export const report = () => `Split multi-segment splat <Route`;
 
-module.exports.match = () => ({
+export const match = () => ({
     '<Route path="__a" element={__b} />': ({__a}) => {
         const {value} = __a;
 
@@ -41,7 +40,7 @@ module.exports.match = () => ({
     },
 });
 
-module.exports.replace = () => ({
+export const replace = () => ({
     '<Route path="__a" element={__b} />': ({__a}) => {
         const [name, mask] = __a.value.split(`/`);
 

packages/plugin-react-router/lib/v7-split-multi-segment-route/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: [
         ['v7-split-multi-segment-route', plugin],
     ],

packages/plugin-react-router/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@putout/plugin-react-router",
   "version": "3.1.0",
-  "type": "commonjs",
+  "type": "module",
   "author": "coderaiser <[email protected]> (https://github.com/coderaiser)",
   "description": "🐊Putout plugin adds ability to migrate to latest ReactRouter",
   "homepage": "https://github.com/coderaiser/putout/tree/master/packages/plugin-react-router#readme",
@@ -32,7 +32,7 @@
     "react-router"
   ],
   "peerDependencies": {
-    "putout": ">=37"
+    "putout": ">=39"
   },
   "devDependencies": {
     "@putout/eslint-flat": "^3.0.0",
@@ -46,7 +46,7 @@
   },
   "license": "MIT",
   "engines": {
-    "node": ">=18"
+    "node": ">=20"
   },
   "publishConfig": {
     "access": "public"

packages/plugin-react-router/test/react-router.js

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