feature: @putout/operator-jsx: migrate to ESM

Author: coderaiser

packages/operator-jsx/.madrun.mjs packages/operator-jsx/.madrun.jspackages/operator-jsx/.madrun.mjs renamed to packages/operator-jsx/.madrun.js

@@ -1,7 +1,6 @@
-'use strict';
+import {setLiteralValue} from '@putout/operate';
+import {types} from '@putout/babel';
 
-const {setLiteralValue} = require('@putout/operate');
-const {types} = require('@putout/babel');
 const {
     isJSXElement,
     jsxAttribute,
@@ -11,7 +10,7 @@ const {
 
 const getNode = (a) => a.node || a;
 
-module.exports.hasTagName = (path, name) => {
+export const hasTagName = (path, name) => {
     const node = getNode(path);
 
     if (!isJSXElement(path))
@@ -20,7 +19,7 @@ module.exports.hasTagName = (path, name) => {
     return node.openingElement.name.name === name;
 };
 
-module.exports.getAttributePath = (path, name) => {
+export const getAttributePath = (path, name) => {
     const attributes = path.get('openingElement.attributes');
 
     for (const attr of attributes) {
@@ -31,8 +30,7 @@ module.exports.getAttributePath = (path, name) => {
     return null;
 };
 
-module.exports.getAttributeNode = getAttributeNode;
-function getAttributeNode(path, name) {
+export function getAttributeNode(path, name) {
     let result = null;
     const node = getNode(path);
     const {attributes} = node.openingElement;
@@ -47,8 +45,7 @@ function getAttributeNode(path, name) {
     return result;
 }
 
-module.exports.getAttributeValue = getAttributeValue;
-function getAttributeValue(path, attributeName) {
+export function getAttributeValue(path, attributeName) {
     const attribute = getAttributeNode(path, attributeName);
 
     if (!attribute)
@@ -57,8 +54,7 @@ function getAttributeValue(path, attributeName) {
     return attribute.value.value;
 }
 
-module.exports.addAttributeValue = addAttributeValue;
-function addAttributeValue(path, name, value) {
+export function addAttributeValue(path, name, value) {
     const attributeNode = getAttributeNode(path, name);
 
     if (!attributeNode)
@@ -70,8 +66,7 @@ function addAttributeValue(path, name, value) {
     setLiteralValue(attributeNode.value, `${attributeNode.value.value} ${value}`);
 }
 
-module.exports.addAttribute = addAttribute;
-function addAttribute(path, name, value) {
+export function addAttribute(path, name, value) {
     const node = getNode(path);
     let attributeNode = getAttributeNode(node, name);
 
@@ -81,8 +76,7 @@ function addAttribute(path, name, value) {
     }
 }
 
-module.exports.removeAttributeValue = removeAttributeValue;
-function removeAttributeValue(path, name, attributeValue) {
+export function removeAttributeValue(path, name, attributeValue) {
     if (!path)
         return;
 
@@ -101,7 +95,7 @@ function removeAttributeValue(path, name, attributeValue) {
     setLiteralValue(classAttribute.value, newValue);
 }
 
-module.exports.setAttributeValue = (path, name, value) => {
+export const setAttributeValue = (path, name, value) => {
     const attributeNode = getAttributeNode(path, name);
 
     if (!attributeNode)
@@ -110,30 +104,29 @@ module.exports.setAttributeValue = (path, name, value) => {
     setLiteralValue(attributeNode.value, value);
 };
 
-module.exports.addClassName = (path, name) => {
+export const addClassName = (path, name) => {
     addAttributeValue(path, 'className', name);
 };
 
-module.exports.getClassName = getClassName;
-function getClassName(path) {
+export function getClassName(path) {
     return getAttributeValue(path, 'className');
 }
 
-module.exports.removeClassName = (path, name) => {
+export const removeClassName = (path, name) => {
     removeAttributeValue(path, 'className', name);
 };
 
-module.exports.containsClassName = (path, className) => {
+export const containsClassName = (path, className) => {
     const classNameValue = getClassName(path);
     return classNameValue.includes(className);
 };
 
-module.exports.hasDataName = (path, value = '') => {
+export const hasDataName = (path, value = '') => {
     const attribute = getAttributeValue(path, 'data-name');
     return attribute === value;
 };
 
-module.exports.hasAttributeValue = (path, name, value = '') => {
+export const hasAttributeValue = (path, name, value = '') => {
     const attribute = getAttributeValue(path, name);
     return attribute === value;
 };

packages/operator-jsx/eslint.config.mjs packages/operator-jsx/eslint.config.jspackages/operator-jsx/eslint.config.mjs renamed to packages/operator-jsx/eslint.config.js

@@ -1,16 +1,11 @@
-'use strict';
-
-const {test} = require('supertape');
-
-const {
+import {test} from 'supertape';
+import {
     template,
     operator,
     print,
-} = require('putout');
-
-const {tryCatch} = require('try-catch');
-
-const {
+} from 'putout';
+import {tryCatch} from 'try-catch';
+import {
     addClassName,
     addAttribute,
     removeClassName,
@@ -24,7 +19,7 @@ const {
     addAttributeValue,
     setAttributeValue,
     removeAttributeValue,
-} = require('./jsx.js');
+} from './jsx.js';
 
 const {traverse} = operator;
 

packages/operator-jsx/lib/jsx.js

@@ -1,7 +1,7 @@
 {
   "name": "@putout/operator-jsx",
   "version": "2.0.0",
-  "type": "commonjs",
+  "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout operator adds methods that simplifies JSX transformations",
   "homepage": "https://github.com/coderaiser/putout/tree/master/packages/operator-jsx#readme",
@@ -51,7 +51,7 @@
   },
   "license": "MIT",
   "engines": {
-    "node": ">=20"
+    "node": ">=22"
   },
   "publishConfig": {
     "access": "public"