feature: @putout/operator-jsx: setAttributeValue

Author: coderaiser

packages/operator-jsx/README.md

@@ -76,6 +76,21 @@ Works this way:
 +<section className="world"/>
 ```
 
+### setAttributeValue(path: Path | Node, name: string, value: string)
+
+Set `attribute` value:
+
+```js
+setAttributeValue(node, 'className', 'hello');
+```
+
+Works this way:
+
+```diff
+-<section className="world"/>
++<section className="hello"/>
+```
+
 ## License
 
 MIT

packages/operator-jsx/lib/jsx.js

@@ -71,3 +71,10 @@ module.exports.removeAttributeValue = (path, name, attributeValue) => {
     if (value.includes(attributeValue))
         setLiteralValue(classAttribute.value, value.replace(RegExp(`\\s?${attributeValue}`), ''));
 };
+
+module.exports.setAttributeValue = (node, name, value) => {
+    const attributeNode = getAttributeNode(node, name);
+    
+    if (attributeNode)
+        setLiteralValue(attributeNode.value, value);
+};

packages/operator-jsx/lib/jsx.spec.js

@@ -16,6 +16,7 @@ const {
     getAttributeNode,
     getAttributeValue,
     addAttributeValue,
+    setAttributeValue,
     removeAttributeValue,
 } = require('./jsx.js');
 
@@ -169,6 +170,17 @@ test('putout: operator: jsx: removeAttributeValue', (t) => {
     t.end();
 });
 
+test('putout: operator: jsx: setAttributeValue', (t) => {
+    const node = template.ast.fresh('<hello className="hello"/>');
+    setAttributeValue(node, 'className', 'world');
+    
+    const result = print(node);
+    const expected = `<hello className="world"/>;\n`;
+    
+    t.equal(result, expected);
+    t.end();
+});
+
 test('putout: operator: jsx: removeAttributeValue: no path', (t) => {
     const [error] = tryCatch(removeAttributeValue, null, 'className', 'world');