posthtml-component 1.0.0-beta.11 → 1.0.0-beta.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "posthtml-component",
-  "version": "1.0.0-beta.11",
+  "version": "1.0.0-beta.13",
   "description": "PostHTML Components Blade-like with slots, attributes as props and custom tag",
   "license": "MIT",
   "repository": "thewebartisan7/posthtml-components",

package/readme.md

@@ -109,7 +109,7 @@ See also the `docs-src` folder where you can find more examples. You can run `np
 |         **push**         |                    `push`                    | String value for `<push>` tag name.                                                                                           |
 |        **stack**         |                   `stack`                    | String value for `<stack>` tag name.                                                                                          |
 | **propsScriptAttribute** |                   `props`                    | String value used as attribute in `<script props>` parsed by the plugin to retrieve props of the component.                   |
-|     **propsContext**     |                   `props`                    | String value used as object name inside the script to process process before passed to the component.                         |
+|     **propsContext**     |                   `props`                    | String value used as object name inside the script to process props before passed to the component.                           |
 |    **propsAttribute**    |                   `props`                    | String value for props attribute to define props as JSON.                                                                     |
 |      **propsSlot**       |                   `props`                    | String value used to retrieve the props passed to slot via `$slots.slotName.props`.                                           |
 |     **expressions**      |                     `{}`                     | Object to configure `posthtml-expressions`. You can pre-set locals or customize the delimiters for example.                   |

package/src/index.js

@@ -10,8 +10,20 @@ const processProps = require('./process-props');
 const processAttributes = require('./process-attributes');
 const {processPushes, processStacks} = require('./process-stacks');
 const {setFilledSlots, processSlotContent, processFillContent} = require('./process-slots');
+const each = require('lodash/each');
+const defaults = require('lodash/defaults');
+const assignWith = require('lodash/assignWith');
 const mergeWith = require('lodash/mergeWith');
 const template = require('lodash/template');
+const get = require('lodash/get');
+const has = require('lodash/has');
+const isObjectLike = require('lodash/isObjectLike');
+const isArray = require('lodash/isArray');
+const isEmpty = require('lodash/isEmpty');
+const isBoolean = require('lodash/isBoolean');
+const isUndefined = require('lodash/isUndefined'); // value === undefined
+const isNull = require('lodash/isNull'); // value === null
+const isNil = require('lodash/isNil'); // value == null
 
 // const {inspect} = require('util');
 // const debug = true;
@@ -45,7 +57,22 @@ module.exports = (options = {}) => tree => {
   options.plugins = options.plugins || [];
   options.attrsParserRules = options.attrsParserRules || {};
   options.strict = typeof options.strict === 'undefined' ? true : options.strict;
-  options.utilities = options.utilities || {merge: mergeWith, template};
+  options.utilities = options.utilities || {
+    each,
+    defaults,
+    assign: assignWith,
+    merge: mergeWith,
+    template,
+    get,
+    has,
+    isObject: isObjectLike,
+    isArray,
+    isEmpty,
+    isBoolean,
+    isUndefined,
+    isNull,
+    isNil
+  };
 
   // Merge customizer callback passed to lodash mergeWith
   //  for merge attribute `props` and all attributes starting with `merge:`

package/src/process-attributes.js

@@ -60,5 +60,13 @@ module.exports = (currentNode, attributes, props, options) => {
     delete attributes[key];
   });
 
+  // Remove an attribute if value is 'null' or 'undefined'
+  //  so we can conditionally add an attribute
+  each(nodeAttrs, (value, key) => {
+    if (['undefined', 'null'].includes(value)) {
+      delete nodeAttrs[key];
+    }
+  });
+
   mainNode.attrs = nodeAttrs.compose();
 };