refactored out element helpers into elements.js

.babelrc

@@ -10,7 +10,7 @@
     "transform-runtime",
     "transform-object-rest-spread",
     ["transform-react-jsx", {
-      "pragma": "renderElement"
+      "pragma": "HEML.renderElement"
     }]
   ]
 }

packages/heml/element.js

@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('./build/element')

packages/heml/package.json

@@ -6,10 +6,12 @@
   "author": "SparkPost <[email protected]> (https://sparkpost.com)",
   "license": "MIT",
   "dependencies": {
+    "@heml/elements": "1.0.0",
     "@heml/inline": "1.0.0",
     "@heml/parse": "1.0.0",
     "@heml/render": "1.0.0",
     "byte-length": "^0.1.1",
+    "css-groups": "^0.1.1",
     "js-beautify": "^1.7.4",
     "lodash": "^4.17.4"
   }

packages/heml/src/createElement.js

@@ -0,0 +1,20 @@
+import { defaults, isFunction } from 'lodash'
+
+export default function (name, element) {
+  if (isFunction(element)) {
+    element = { render: element }
+  }
+
+  element = defaults({}, element, {
+    tagName: name,
+    children: [],
+    defaultAttrs: {},
+    preRender () {},
+    render () { return false },
+    postRender () {}
+  })
+
+  element.defaultAttrs.class = element.defaultAttrs.class || ''
+
+  return element
+}

packages/heml/src/element.js

@@ -0,0 +1,6 @@
+
+import { renderElement } from '@heml/render'
+import createElement from './createElement'
+import utils from './utils'
+
+module.exports = { createElement, renderElement, utils }

packages/heml/src/utils.js

@@ -0,0 +1,5 @@
+import cssGroups from 'css-groups'
+
+export default {
+  cssGroups
+}