Merge pull request #100 from posthtml/milestone-1.5.0

Milestone 1.5.0

Author: Scrum

CHANGELOG.md

@@ -1,3 +1,12 @@
+# [1.5.0](https://github.com/posthtml/posthtml-expressions/compare/v1.4.7...v1.5.0) (2020-09-21)
+
+
+### Features
+
+* attribute as param, close [#99](https://github.com/posthtml/posthtml-expressions/issues/99) ([74c2b32](https://github.com/posthtml/posthtml-expressions/commit/74c2b3201f1492c4115e0e4b8f71e228f0e70370))
+
+
+
 ## [1.4.7](https://github.com/posthtml/posthtml-expressions/compare/v1.4.6...v1.4.7) (2020-08-28)
 
 

README.md

@@ -53,17 +53,19 @@ You have full control over the delimiters used for injecting locals, as well as
 You can inject locals into any piece of content in your html templates, other than overwriting tag names. For example, if you passed the following config to the expressions plugin:
 
 ```js
-locals: { className: 'intro', name: 'Marlo' }
+locals: { className: 'intro', name: 'Marlo', 'status': 'checked' }
 ```
 
 ```html
 <div class="{{ className }}">
+  <input type="radio" {{ status }}>
   My name is {{ name }}
 </div>
 ```
 
 ```html
 <div class="intro">
+  <input type="radio" checked="">
   My name is Marlo
 </div>
 ```

lib/index.js

@@ -200,6 +200,13 @@ function walk (opts, nodes) {
             .replace(unescapeDelimitersReplace, delimitersSettings[0].text[0])
             .replace(delimitersReplace, delimitersSettings[1].text[0])
         }
+
+        // if key is parametr
+        const _key = placeholders(key, ctx, delimitersSettings)
+        if (key !== _key) {
+          node.attrs[_key] = node.attrs[key]
+          delete node.attrs[key]
+        }
       }
     }
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "posthtml-expressions",
-  "version": "1.4.7",
+  "version": "1.5.0",
   "description": "Expressions Plugin for PostHTML",
   "engines": {
     "node": ">=10"
@@ -20,7 +20,7 @@
     "posthtml-render": "^1.2.3"
   },
   "devDependencies": {
-    "ava": "^3.11.1",
+    "ava": "^3.12.1",
     "coveralls": "^3.1.0",
     "jsdoc-to-markdown": "^6.0.1",
     "nyc": "^15.1.0",

package.json

@@ -0,0 +1 @@
+<input type="radio" checked="">

test/expect/attr_param.html

@@ -0,0 +1 @@
+<input type="radio" {{param}}/>

test/fixtures/attr_param.html

@@ -90,12 +90,16 @@ test('Boolean attribute', (t) => {
   return process(t, 'boolean_attr', null, false, [beautify(), expressions()])
 })
 
+test('Attribute as param', (t) => {
+  return process(t, 'attr_param', null, false, [beautify(), expressions({ locals: { param: 'checked' } })])
+})
+
 test('Directives options', (t) => {
   return process(t, 'directives', null, false, [expressions()], {
     directives: [{
       name: '?php',
       start: '<',
-      end: '>',
+      end: '>'
     }]
   })
 })