highmark-markdown 0.0.206 → 0.0.210

package/lib/utilities/query.js

@@ -18,12 +18,21 @@ _export(exports, {
     footnoteMarkdownNodesFromNode: function() {
         return footnoteMarkdownNodesFromNode;
     },
+    footnotesMarkdownNodesFromNode: function() {
+        return footnotesMarkdownNodesFromNode;
+    },
     headingMarkdownNodesFromNode: function() {
         return headingMarkdownNodesFromNode;
     },
     linkMarkdownNodesFromNode: function() {
         return linkMarkdownNodesFromNode;
     },
+    nodeQuery: function() {
+        return nodeQuery;
+    },
+    nodesQuery: function() {
+        return nodesQuery;
+    },
     referenceMarkdownNodesFromNode: function() {
         return referenceMarkdownNodesFromNode;
     }
@@ -31,14 +40,34 @@ _export(exports, {
 var _occamquery = require("occam-query");
 var _necessary = require("necessary");
 var first = _necessary.arrayUtilities.first, push = _necessary.arrayUtilities.push;
-var linkMarkdownNodesQuery = _occamquery.Query.fromExpression("//link"), contentMarkdownNodeQuery = _occamquery.Query.fromExpression("//contents"), headingMarkdownNodesQuery = _occamquery.Query.fromExpression("//primaryHeading|secondaryHeading|tertiaryHeading|quaternaryHeading"), footnoteMarkdownNodesQuery = _occamquery.Query.fromExpression("//footnote"), referenceMarkdownNodesQuery = _occamquery.Query.fromExpression("//reference");
+var linkMarkdownNodesQuery = _occamquery.Query.fromExpression("//link"), headingMarkdownNodesQuery = _occamquery.Query.fromExpression("//primaryHeading|secondaryHeading|tertiaryHeading|quaternaryHeading"), contentsMarkdownNodeQuery = _occamquery.Query.fromExpression("//contents"), footnoteMarkdownNodesQuery = _occamquery.Query.fromExpression("//footnote"), footnotesMarkdownNodesQuery = _occamquery.Query.fromExpression("//footnotes"), referenceMarkdownNodesQuery = _occamquery.Query.fromExpression("//reference");
+function nodeQuery(expression) {
+    var query = _occamquery.Query.fromExpression(expression);
+    return function(node) {
+        var nodes = query.execute(node), nodesLength = nodes.length;
+        if (nodesLength > 0) {
+            var firstNode = first(nodes);
+            node = firstNode; ///
+        } else {
+            node = null;
+        }
+        return node;
+    };
+}
+function nodesQuery(expression) {
+    var query = _occamquery.Query.fromExpression(expression);
+    return function(node) {
+        var nodes = query.execute(node);
+        return nodes;
+    };
+}
 function linkMarkdownNodesFromNode(node) {
     var linkMarkdownNodes = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
     nodesFromNodeAndQuery(node, linkMarkdownNodesQuery, linkMarkdownNodes);
     return linkMarkdownNodes;
 }
 function contentsMarkdownNodeFromNode(node) {
-    var contentsMarkdownNode = nodeFromNodeAndQuery(node, contentMarkdownNodeQuery);
+    var contentsMarkdownNode = nodeFromNodeAndQuery(node, contentsMarkdownNodeQuery);
     return contentsMarkdownNode;
 }
 function headingMarkdownNodesFromNode(node) {
@@ -56,12 +85,18 @@ function referenceMarkdownNodesFromNode(node) {
     nodesFromNodeAndQuery(node, referenceMarkdownNodesQuery, referenceMarkdownNodes);
     return referenceMarkdownNodes;
 }
+function footnotesMarkdownNodesFromNode(node) {
+    var footnotesMarkdownNodes = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+    nodesFromNodeAndQuery(node, footnotesMarkdownNodesQuery, footnotesMarkdownNodes);
+    return footnotesMarkdownNodes;
+}
 var _default = {
     linkMarkdownNodesFromNode: linkMarkdownNodesFromNode,
     contentsMarkdownNodeFromNode: contentsMarkdownNodeFromNode,
     headingMarkdownNodesFromNode: headingMarkdownNodesFromNode,
     footnoteMarkdownNodesFromNode: footnoteMarkdownNodesFromNode,
-    referenceMarkdownNodesFromNode: referenceMarkdownNodesFromNode
+    referenceMarkdownNodesFromNode: referenceMarkdownNodesFromNode,
+    footnotesMarkdownNodesFromNode: footnotesMarkdownNodesFromNode
 };
 function nodeFromNodeAndQuery(node, query) {
     var queryNodes = query.execute(node), queryNodesLength = queryNodes.length;
@@ -79,4 +114,4 @@ function nodesFromNodeAndQuery(node, query, nodes) {
     return nodes;
 }
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvcXVlcnkuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB7IFF1ZXJ5IH0gZnJvbSBcIm9jY2FtLXF1ZXJ5XCI7XG5pbXBvcnQgeyBhcnJheVV0aWxpdGllcyB9IGZyb20gXCJuZWNlc3NhcnlcIjtcblxuY29uc3QgeyBmaXJzdCwgcHVzaCB9ID0gYXJyYXlVdGlsaXRpZXM7XG5cbmNvbnN0IGxpbmtNYXJrZG93bk5vZGVzUXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihgLy9saW5rYCksXG4gICAgICBjb250ZW50TWFya2Rvd25Ob2RlUXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihgLy9jb250ZW50c2ApLFxuICAgICAgaGVhZGluZ01hcmtkb3duTm9kZXNRdWVyeSA9IFF1ZXJ5LmZyb21FeHByZXNzaW9uKGAvL3ByaW1hcnlIZWFkaW5nfHNlY29uZGFyeUhlYWRpbmd8dGVydGlhcnlIZWFkaW5nfHF1YXRlcm5hcnlIZWFkaW5nYCksXG4gICAgICBmb290bm90ZU1hcmtkb3duTm9kZXNRdWVyeSA9IFF1ZXJ5LmZyb21FeHByZXNzaW9uKGAvL2Zvb3Rub3RlYCksXG4gICAgICByZWZlcmVuY2VNYXJrZG93bk5vZGVzUXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihgLy9yZWZlcmVuY2VgKTtcblxuZXhwb3J0IGZ1bmN0aW9uIGxpbmtNYXJrZG93bk5vZGVzRnJvbU5vZGUobm9kZSwgbGlua01hcmtkb3duTm9kZXMgPSBbXSkge1xuICBub2Rlc0Zyb21Ob2RlQW5kUXVlcnkobm9kZSwgbGlua01hcmtkb3duTm9kZXNRdWVyeSwgbGlua01hcmtkb3duTm9kZXMpO1xuXG4gIHJldHVybiBsaW5rTWFya2Rvd25Ob2Rlcztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGNvbnRlbnRzTWFya2Rvd25Ob2RlRnJvbU5vZGUobm9kZSkge1xuICBjb25zdCBjb250ZW50c01hcmtkb3duTm9kZSA9IG5vZGVGcm9tTm9kZUFuZFF1ZXJ5KG5vZGUsIGNvbnRlbnRNYXJrZG93bk5vZGVRdWVyeSk7XG5cbiAgcmV0dXJuIGNvbnRlbnRzTWFya2Rvd25Ob2RlO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gaGVhZGluZ01hcmtkb3duTm9kZXNGcm9tTm9kZShub2RlLCBoZWFkaW5nTWFya2Rvd25Ob2RlcyA9IFtdKSB7XG4gIG5vZGVzRnJvbU5vZGVBbmRRdWVyeShub2RlLCBoZWFkaW5nTWFya2Rvd25Ob2Rlc1F1ZXJ5LCBoZWFkaW5nTWFya2Rvd25Ob2Rlcyk7XG5cbiAgcmV0dXJuIGhlYWRpbmdNYXJrZG93bk5vZGVzO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZm9vdG5vdGVNYXJrZG93bk5vZGVzRnJvbU5vZGUobm9kZSwgZm9vdG5vdGVNYXJrZG93bk5vZGVzID0gW10pIHtcbiAgbm9kZXNGcm9tTm9kZUFuZFF1ZXJ5KG5vZGUsIGZvb3Rub3RlTWFya2Rvd25Ob2Rlc1F1ZXJ5LCBmb290bm90ZU1hcmtkb3duTm9kZXMpO1xuXG4gIHJldHVybiBmb290bm90ZU1hcmtkb3duTm9kZXM7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiByZWZlcmVuY2VNYXJrZG93bk5vZGVzRnJvbU5vZGUobm9kZSwgcmVmZXJlbmNlTWFya2Rvd25Ob2RlcyA9IFtdKSB7XG4gIG5vZGVzRnJvbU5vZGVBbmRRdWVyeShub2RlLCByZWZlcmVuY2VNYXJrZG93bk5vZGVzUXVlcnksIHJlZmVyZW5jZU1hcmtkb3duTm9kZXMpO1xuXG4gIHJldHVybiByZWZlcmVuY2VNYXJrZG93bk5vZGVzO1xufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIGxpbmtNYXJrZG93bk5vZGVzRnJvbU5vZGUsXG4gIGNvbnRlbnRzTWFya2Rvd25Ob2RlRnJvbU5vZGUsXG4gIGhlYWRpbmdNYXJrZG93bk5vZGVzRnJvbU5vZGUsXG4gIGZvb3Rub3RlTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlLFxuICByZWZlcmVuY2VNYXJrZG93bk5vZGVzRnJvbU5vZGVcbn07XG5cbmZ1bmN0aW9uIG5vZGVGcm9tTm9kZUFuZFF1ZXJ5KG5vZGUsIHF1ZXJ5KSB7XG4gIGNvbnN0IHF1ZXJ5Tm9kZXMgPSBxdWVyeS5leGVjdXRlKG5vZGUpLFxuICAgICAgICBxdWVyeU5vZGVzTGVuZ3RoID0gcXVlcnlOb2Rlcy5sZW5ndGg7XG5cbiAgaWYgKHF1ZXJ5Tm9kZXNMZW5ndGggPT09IDApIHtcbiAgICBub2RlID0gbnVsbDtcbiAgfSBlbHNlIHtcbiAgICBjb25zdCBmaXJzdFF1ZXJ5Tm9kZSA9IGZpcnN0KHF1ZXJ5Tm9kZXMpO1xuXG4gICAgbm9kZSA9IGZpcnN0UXVlcnlOb2RlOyAgLy8vXG4gIH1cblxuICByZXR1cm4gbm9kZTtcbn1cblxuZnVuY3Rpb24gbm9kZXNGcm9tTm9kZUFuZFF1ZXJ5KG5vZGUsIHF1ZXJ5LCBub2Rlcykge1xuICBjb25zdCBxdWVyeU5vZGVzID0gcXVlcnkuZXhlY3V0ZShub2RlKTtcblxuICBwdXNoKG5vZGVzLCBxdWVyeU5vZGVzKTtcblxuICByZXR1cm4gbm9kZXM7XG59XG4iXSwibmFtZXMiOlsiY29udGVudHNNYXJrZG93bk5vZGVGcm9tTm9kZSIsImZvb3Rub3RlTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlIiwiaGVhZGluZ01hcmtkb3duTm9kZXNGcm9tTm9kZSIsImxpbmtNYXJrZG93bk5vZGVzRnJvbU5vZGUiLCJyZWZlcmVuY2VNYXJrZG93bk5vZGVzRnJvbU5vZGUiLCJmaXJzdCIsImFycmF5VXRpbGl0aWVzIiwicHVzaCIsImxpbmtNYXJrZG93bk5vZGVzUXVlcnkiLCJRdWVyeSIsImZyb21FeHByZXNzaW9uIiwiY29udGVudE1hcmtkb3duTm9kZVF1ZXJ5IiwiaGVhZGluZ01hcmtkb3duTm9kZXNRdWVyeSIsImZvb3Rub3RlTWFya2Rvd25Ob2Rlc1F1ZXJ5IiwicmVmZXJlbmNlTWFya2Rvd25Ob2Rlc1F1ZXJ5Iiwibm9kZSIsImxpbmtNYXJrZG93bk5vZGVzIiwibm9kZXNGcm9tTm9kZUFuZFF1ZXJ5IiwiY29udGVudHNNYXJrZG93bk5vZGUiLCJub2RlRnJvbU5vZGVBbmRRdWVyeSIsImhlYWRpbmdNYXJrZG93bk5vZGVzIiwiZm9vdG5vdGVNYXJrZG93bk5vZGVzIiwicmVmZXJlbmNlTWFya2Rvd25Ob2RlcyIsInF1ZXJ5IiwicXVlcnlOb2RlcyIsImV4ZWN1dGUiLCJxdWVyeU5vZGVzTGVuZ3RoIiwibGVuZ3RoIiwiZmlyc3RRdWVyeU5vZGUiLCJub2RlcyJdLCJyYW5nZU1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyIsIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7SUFtQmdCQSw0QkFBNEI7ZUFBNUJBOztJQXdCaEIsT0FNRTtlQU5GOztJQVpnQkMsNkJBQTZCO2VBQTdCQTs7SUFOQUMsNEJBQTRCO2VBQTVCQTs7SUFaQUMseUJBQXlCO2VBQXpCQTs7SUF3QkFDLDhCQUE4QjtlQUE5QkE7OzswQkFuQ007eUJBQ1M7QUFFL0IsSUFBUUMsUUFBZ0JDLHlCQUFjLENBQTlCRCxPQUFPRSxPQUFTRCx5QkFBYyxDQUF2QkM7QUFFZixJQUFNQyx5QkFBeUJDLGlCQUFLLENBQUNDLGNBQWMsQ0FBRSxXQUMvQ0MsMkJBQTJCRixpQkFBSyxDQUFDQyxjQUFjLENBQUUsZUFDakRFLDRCQUE0QkgsaUJBQUssQ0FBQ0MsY0FBYyxDQUFFLHdFQUNsREcsNkJBQTZCSixpQkFBSyxDQUFDQyxjQUFjLENBQUUsZUFDbkRJLDhCQUE4QkwsaUJBQUssQ0FBQ0MsY0FBYyxDQUFFO0FBRW5ELFNBQVNQLDBCQUEwQlksSUFBSTtRQUFFQyxvQkFBQUEsaUVBQW9CLEVBQUU7SUFDcEVDLHNCQUFzQkYsTUFBTVAsd0JBQXdCUTtJQUVwRCxPQUFPQTtBQUNUO0FBRU8sU0FBU2hCLDZCQUE2QmUsSUFBSTtJQUMvQyxJQUFNRyx1QkFBdUJDLHFCQUFxQkosTUFBTUo7SUFFeEQsT0FBT087QUFDVDtBQUVPLFNBQVNoQiw2QkFBNkJhLElBQUk7UUFBRUssdUJBQUFBLGlFQUF1QixFQUFFO0lBQzFFSCxzQkFBc0JGLE1BQU1ILDJCQUEyQlE7SUFFdkQsT0FBT0E7QUFDVDtBQUVPLFNBQVNuQiw4QkFBOEJjLElBQUk7UUFBRU0sd0JBQUFBLGlFQUF3QixFQUFFO0lBQzVFSixzQkFBc0JGLE1BQU1GLDRCQUE0QlE7SUFFeEQsT0FBT0E7QUFDVDtBQUVPLFNBQVNqQiwrQkFBK0JXLElBQUk7UUFBRU8seUJBQUFBLGlFQUF5QixFQUFFO0lBQzlFTCxzQkFBc0JGLE1BQU1ELDZCQUE2QlE7SUFFekQsT0FBT0E7QUFDVDtJQUVBLFdBQWU7SUFDYm5CLDJCQUFBQTtJQUNBSCw4QkFBQUE7SUFDQUUsOEJBQUFBO0lBQ0FELCtCQUFBQTtJQUNBRyxnQ0FBQUE7QUFDRjtBQUVBLFNBQVNlLHFCQUFxQkosSUFBSSxFQUFFUSxLQUFLO0lBQ3ZDLElBQU1DLGFBQWFELE1BQU1FLE9BQU8sQ0FBQ1YsT0FDM0JXLG1CQUFtQkYsV0FBV0csTUFBTTtJQUUxQyxJQUFJRCxxQkFBcUIsR0FBRztRQUMxQlgsT0FBTztJQUNULE9BQU87UUFDTCxJQUFNYSxpQkFBaUJ2QixNQUFNbUI7UUFFN0JULE9BQU9hLGdCQUFpQixHQUFHO0lBQzdCO0lBRUEsT0FBT2I7QUFDVDtBQUVBLFNBQVNFLHNCQUFzQkYsSUFBSSxFQUFFUSxLQUFLLEVBQUVNLEtBQUs7SUFDL0MsSUFBTUwsYUFBYUQsTUFBTUUsT0FBTyxDQUFDVjtJQUVqQ1IsS0FBS3NCLE9BQU9MO0lBRVosT0FBT0s7QUFDVCJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvcXVlcnkuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB7IFF1ZXJ5IH0gZnJvbSBcIm9jY2FtLXF1ZXJ5XCI7XG5pbXBvcnQgeyBhcnJheVV0aWxpdGllcyB9IGZyb20gXCJuZWNlc3NhcnlcIjtcblxuY29uc3QgeyBmaXJzdCwgcHVzaCB9ID0gYXJyYXlVdGlsaXRpZXM7XG5cbmNvbnN0IGxpbmtNYXJrZG93bk5vZGVzUXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihgLy9saW5rYCksXG4gICAgICBoZWFkaW5nTWFya2Rvd25Ob2Rlc1F1ZXJ5ID0gUXVlcnkuZnJvbUV4cHJlc3Npb24oYC8vcHJpbWFyeUhlYWRpbmd8c2Vjb25kYXJ5SGVhZGluZ3x0ZXJ0aWFyeUhlYWRpbmd8cXVhdGVybmFyeUhlYWRpbmdgKSxcbiAgICAgIGNvbnRlbnRzTWFya2Rvd25Ob2RlUXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihgLy9jb250ZW50c2ApLFxuICAgICAgZm9vdG5vdGVNYXJrZG93bk5vZGVzUXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihgLy9mb290bm90ZWApLFxuICAgICAgZm9vdG5vdGVzTWFya2Rvd25Ob2Rlc1F1ZXJ5ID0gUXVlcnkuZnJvbUV4cHJlc3Npb24oYC8vZm9vdG5vdGVzYCksXG4gICAgICByZWZlcmVuY2VNYXJrZG93bk5vZGVzUXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihgLy9yZWZlcmVuY2VgKTtcblxuZXhwb3J0IGZ1bmN0aW9uIG5vZGVRdWVyeShleHByZXNzaW9uKSB7XG4gIGNvbnN0IHF1ZXJ5ID0gUXVlcnkuZnJvbUV4cHJlc3Npb24oZXhwcmVzc2lvbik7XG5cbiAgcmV0dXJuIGZ1bmN0aW9uKG5vZGUpIHtcbiAgICBjb25zdCBub2RlcyA9IHF1ZXJ5LmV4ZWN1dGUobm9kZSksXG4gICAgICBub2Rlc0xlbmd0aCA9IG5vZGVzLmxlbmd0aDtcblxuICAgIGlmIChub2Rlc0xlbmd0aCA+IDApIHtcbiAgICAgIGNvbnN0IGZpcnN0Tm9kZSA9IGZpcnN0KG5vZGVzKTtcblxuICAgICAgbm9kZSA9IGZpcnN0Tm9kZTsgLy8vXG4gICAgfSBlbHNlIHtcbiAgICAgIG5vZGUgPSBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBub2RlO1xuICB9XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBub2Rlc1F1ZXJ5KGV4cHJlc3Npb24pIHtcbiAgY29uc3QgcXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihleHByZXNzaW9uKTtcblxuICByZXR1cm4gZnVuY3Rpb24obm9kZSkge1xuICAgIGNvbnN0IG5vZGVzID0gcXVlcnkuZXhlY3V0ZShub2RlKTtcblxuICAgIHJldHVybiBub2RlcztcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gbGlua01hcmtkb3duTm9kZXNGcm9tTm9kZShub2RlLCBsaW5rTWFya2Rvd25Ob2RlcyA9IFtdKSB7XG4gIG5vZGVzRnJvbU5vZGVBbmRRdWVyeShub2RlLCBsaW5rTWFya2Rvd25Ob2Rlc1F1ZXJ5LCBsaW5rTWFya2Rvd25Ob2Rlcyk7XG5cbiAgcmV0dXJuIGxpbmtNYXJrZG93bk5vZGVzO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gY29udGVudHNNYXJrZG93bk5vZGVGcm9tTm9kZShub2RlKSB7XG4gIGNvbnN0IGNvbnRlbnRzTWFya2Rvd25Ob2RlID0gbm9kZUZyb21Ob2RlQW5kUXVlcnkobm9kZSwgY29udGVudHNNYXJrZG93bk5vZGVRdWVyeSk7XG5cbiAgcmV0dXJuIGNvbnRlbnRzTWFya2Rvd25Ob2RlO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gaGVhZGluZ01hcmtkb3duTm9kZXNGcm9tTm9kZShub2RlLCBoZWFkaW5nTWFya2Rvd25Ob2RlcyA9IFtdKSB7XG4gIG5vZGVzRnJvbU5vZGVBbmRRdWVyeShub2RlLCBoZWFkaW5nTWFya2Rvd25Ob2Rlc1F1ZXJ5LCBoZWFkaW5nTWFya2Rvd25Ob2Rlcyk7XG5cbiAgcmV0dXJuIGhlYWRpbmdNYXJrZG93bk5vZGVzO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZm9vdG5vdGVNYXJrZG93bk5vZGVzRnJvbU5vZGUobm9kZSwgZm9vdG5vdGVNYXJrZG93bk5vZGVzID0gW10pIHtcbiAgbm9kZXNGcm9tTm9kZUFuZFF1ZXJ5KG5vZGUsIGZvb3Rub3RlTWFya2Rvd25Ob2Rlc1F1ZXJ5LCBmb290bm90ZU1hcmtkb3duTm9kZXMpO1xuXG4gIHJldHVybiBmb290bm90ZU1hcmtkb3duTm9kZXM7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiByZWZlcmVuY2VNYXJrZG93bk5vZGVzRnJvbU5vZGUobm9kZSwgcmVmZXJlbmNlTWFya2Rvd25Ob2RlcyA9IFtdKSB7XG4gIG5vZGVzRnJvbU5vZGVBbmRRdWVyeShub2RlLCByZWZlcmVuY2VNYXJrZG93bk5vZGVzUXVlcnksIHJlZmVyZW5jZU1hcmtkb3duTm9kZXMpO1xuXG4gIHJldHVybiByZWZlcmVuY2VNYXJrZG93bk5vZGVzO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZm9vdG5vdGVzTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlKG5vZGUsIGZvb3Rub3Rlc01hcmtkb3duTm9kZXMgPSBbXSkge1xuICBub2Rlc0Zyb21Ob2RlQW5kUXVlcnkobm9kZSwgZm9vdG5vdGVzTWFya2Rvd25Ob2Rlc1F1ZXJ5LCBmb290bm90ZXNNYXJrZG93bk5vZGVzKTtcblxuICByZXR1cm4gZm9vdG5vdGVzTWFya2Rvd25Ob2Rlcztcbn1cblxuZXhwb3J0IGRlZmF1bHQge1xuICBsaW5rTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlLFxuICBjb250ZW50c01hcmtkb3duTm9kZUZyb21Ob2RlLFxuICBoZWFkaW5nTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlLFxuICBmb290bm90ZU1hcmtkb3duTm9kZXNGcm9tTm9kZSxcbiAgcmVmZXJlbmNlTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlLFxuICBmb290bm90ZXNNYXJrZG93bk5vZGVzRnJvbU5vZGVcbn07XG5cbmZ1bmN0aW9uIG5vZGVGcm9tTm9kZUFuZFF1ZXJ5KG5vZGUsIHF1ZXJ5KSB7XG4gIGNvbnN0IHF1ZXJ5Tm9kZXMgPSBxdWVyeS5leGVjdXRlKG5vZGUpLFxuICAgICAgICBxdWVyeU5vZGVzTGVuZ3RoID0gcXVlcnlOb2Rlcy5sZW5ndGg7XG5cbiAgaWYgKHF1ZXJ5Tm9kZXNMZW5ndGggPT09IDApIHtcbiAgICBub2RlID0gbnVsbDtcbiAgfSBlbHNlIHtcbiAgICBjb25zdCBmaXJzdFF1ZXJ5Tm9kZSA9IGZpcnN0KHF1ZXJ5Tm9kZXMpO1xuXG4gICAgbm9kZSA9IGZpcnN0UXVlcnlOb2RlOyAgLy8vXG4gIH1cblxuICByZXR1cm4gbm9kZTtcbn1cblxuZnVuY3Rpb24gbm9kZXNGcm9tTm9kZUFuZFF1ZXJ5KG5vZGUsIHF1ZXJ5LCBub2Rlcykge1xuICBjb25zdCBxdWVyeU5vZGVzID0gcXVlcnkuZXhlY3V0ZShub2RlKTtcblxuICBwdXNoKG5vZGVzLCBxdWVyeU5vZGVzKTtcblxuICByZXR1cm4gbm9kZXM7XG59XG4iXSwibmFtZXMiOlsiY29udGVudHNNYXJrZG93bk5vZGVGcm9tTm9kZSIsImZvb3Rub3RlTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlIiwiZm9vdG5vdGVzTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlIiwiaGVhZGluZ01hcmtkb3duTm9kZXNGcm9tTm9kZSIsImxpbmtNYXJrZG93bk5vZGVzRnJvbU5vZGUiLCJub2RlUXVlcnkiLCJub2Rlc1F1ZXJ5IiwicmVmZXJlbmNlTWFya2Rvd25Ob2Rlc0Zyb21Ob2RlIiwiZmlyc3QiLCJhcnJheVV0aWxpdGllcyIsInB1c2giLCJsaW5rTWFya2Rvd25Ob2Rlc1F1ZXJ5IiwiUXVlcnkiLCJmcm9tRXhwcmVzc2lvbiIsImhlYWRpbmdNYXJrZG93bk5vZGVzUXVlcnkiLCJjb250ZW50c01hcmtkb3duTm9kZVF1ZXJ5IiwiZm9vdG5vdGVNYXJrZG93bk5vZGVzUXVlcnkiLCJmb290bm90ZXNNYXJrZG93bk5vZGVzUXVlcnkiLCJyZWZlcmVuY2VNYXJrZG93bk5vZGVzUXVlcnkiLCJleHByZXNzaW9uIiwicXVlcnkiLCJub2RlIiwibm9kZXMiLCJleGVjdXRlIiwibm9kZXNMZW5ndGgiLCJsZW5ndGgiLCJmaXJzdE5vZGUiLCJsaW5rTWFya2Rvd25Ob2RlcyIsIm5vZGVzRnJvbU5vZGVBbmRRdWVyeSIsImNvbnRlbnRzTWFya2Rvd25Ob2RlIiwibm9kZUZyb21Ob2RlQW5kUXVlcnkiLCJoZWFkaW5nTWFya2Rvd25Ob2RlcyIsImZvb3Rub3RlTWFya2Rvd25Ob2RlcyIsInJlZmVyZW5jZU1hcmtkb3duTm9kZXMiLCJmb290bm90ZXNNYXJrZG93bk5vZGVzIiwicXVlcnlOb2RlcyIsInF1ZXJ5Tm9kZXNMZW5ndGgiLCJmaXJzdFF1ZXJ5Tm9kZSJdLCJyYW5nZU1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7IiwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7OztJQWlEZ0JBLDRCQUE0QjtlQUE1QkE7O0lBOEJoQixPQU9FO2VBUEY7O0lBbEJnQkMsNkJBQTZCO2VBQTdCQTs7SUFZQUMsOEJBQThCO2VBQTlCQTs7SUFsQkFDLDRCQUE0QjtlQUE1QkE7O0lBWkFDLHlCQUF5QjtlQUF6QkE7O0lBN0JBQyxTQUFTO2VBQVRBOztJQW1CQUMsVUFBVTtlQUFWQTs7SUFrQ0FDLDhCQUE4QjtlQUE5QkE7OzswQkFqRU07eUJBQ1M7QUFFL0IsSUFBUUMsUUFBZ0JDLHlCQUFjLENBQTlCRCxPQUFPRSxPQUFTRCx5QkFBYyxDQUF2QkM7QUFFZixJQUFNQyx5QkFBeUJDLGlCQUFLLENBQUNDLGNBQWMsQ0FBRSxXQUMvQ0MsNEJBQTRCRixpQkFBSyxDQUFDQyxjQUFjLENBQUUsd0VBQ2xERSw0QkFBNEJILGlCQUFLLENBQUNDLGNBQWMsQ0FBRSxlQUNsREcsNkJBQTZCSixpQkFBSyxDQUFDQyxjQUFjLENBQUUsZUFDbkRJLDhCQUE4QkwsaUJBQUssQ0FBQ0MsY0FBYyxDQUFFLGdCQUNwREssOEJBQThCTixpQkFBSyxDQUFDQyxjQUFjLENBQUU7QUFFbkQsU0FBU1IsVUFBVWMsVUFBVTtJQUNsQyxJQUFNQyxRQUFRUixpQkFBSyxDQUFDQyxjQUFjLENBQUNNO0lBRW5DLE9BQU8sU0FBU0UsSUFBSTtRQUNsQixJQUFNQyxRQUFRRixNQUFNRyxPQUFPLENBQUNGLE9BQzFCRyxjQUFjRixNQUFNRyxNQUFNO1FBRTVCLElBQUlELGNBQWMsR0FBRztZQUNuQixJQUFNRSxZQUFZbEIsTUFBTWM7WUFFeEJELE9BQU9LLFdBQVcsR0FBRztRQUN2QixPQUFPO1lBQ0xMLE9BQU87UUFDVDtRQUVBLE9BQU9BO0lBQ1Q7QUFDRjtBQUVPLFNBQVNmLFdBQVdhLFVBQVU7SUFDbkMsSUFBTUMsUUFBUVIsaUJBQUssQ0FBQ0MsY0FBYyxDQUFDTTtJQUVuQyxPQUFPLFNBQVNFLElBQUk7UUFDbEIsSUFBTUMsUUFBUUYsTUFBTUcsT0FBTyxDQUFDRjtRQUU1QixPQUFPQztJQUNUO0FBQ0Y7QUFFTyxTQUFTbEIsMEJBQTBCaUIsSUFBSTtRQUFFTSxvQkFBQUEsaUVBQW9CLEVBQUU7SUFDcEVDLHNCQUFzQlAsTUFBTVYsd0JBQXdCZ0I7SUFFcEQsT0FBT0E7QUFDVDtBQUVPLFNBQVMzQiw2QkFBNkJxQixJQUFJO0lBQy9DLElBQU1RLHVCQUF1QkMscUJBQXFCVCxNQUFNTjtJQUV4RCxPQUFPYztBQUNUO0FBRU8sU0FBUzFCLDZCQUE2QmtCLElBQUk7UUFBRVUsdUJBQUFBLGlFQUF1QixFQUFFO0lBQzFFSCxzQkFBc0JQLE1BQU1QLDJCQUEyQmlCO0lBRXZELE9BQU9BO0FBQ1Q7QUFFTyxTQUFTOUIsOEJBQThCb0IsSUFBSTtRQUFFVyx3QkFBQUEsaUVBQXdCLEVBQUU7SUFDNUVKLHNCQUFzQlAsTUFBTUwsNEJBQTRCZ0I7SUFFeEQsT0FBT0E7QUFDVDtBQUVPLFNBQVN6QiwrQkFBK0JjLElBQUk7UUFBRVkseUJBQUFBLGlFQUF5QixFQUFFO0lBQzlFTCxzQkFBc0JQLE1BQU1ILDZCQUE2QmU7SUFFekQsT0FBT0E7QUFDVDtBQUVPLFNBQVMvQiwrQkFBK0JtQixJQUFJO1FBQUVhLHlCQUFBQSxpRUFBeUIsRUFBRTtJQUM5RU4sc0JBQXNCUCxNQUFNSiw2QkFBNkJpQjtJQUV6RCxPQUFPQTtBQUNUO0lBRUEsV0FBZTtJQUNiOUIsMkJBQUFBO0lBQ0FKLDhCQUFBQTtJQUNBRyw4QkFBQUE7SUFDQUYsK0JBQUFBO0lBQ0FNLGdDQUFBQTtJQUNBTCxnQ0FBQUE7QUFDRjtBQUVBLFNBQVM0QixxQkFBcUJULElBQUksRUFBRUQsS0FBSztJQUN2QyxJQUFNZSxhQUFhZixNQUFNRyxPQUFPLENBQUNGLE9BQzNCZSxtQkFBbUJELFdBQVdWLE1BQU07SUFFMUMsSUFBSVcscUJBQXFCLEdBQUc7UUFDMUJmLE9BQU87SUFDVCxPQUFPO1FBQ0wsSUFBTWdCLGlCQUFpQjdCLE1BQU0yQjtRQUU3QmQsT0FBT2dCLGdCQUFpQixHQUFHO0lBQzdCO0lBRUEsT0FBT2hCO0FBQ1Q7QUFFQSxTQUFTTyxzQkFBc0JQLElBQUksRUFBRUQsS0FBSyxFQUFFRSxLQUFLO0lBQy9DLElBQU1hLGFBQWFmLE1BQU1HLE9BQU8sQ0FBQ0Y7SUFFakNYLEtBQUtZLE9BQU9hO0lBRVosT0FBT2I7QUFDVCJ9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "highmark-markdown",
   "author": "James Smith",
-  "version": "0.0.206",
+  "version": "0.0.210",
   "license": "MIT, Anti-996",
   "homepage": "https://github.com/djalbat/highmark-markdown",
   "description": "Highmark's Markdown.",

package/src/constants.js

@@ -1,4 +1,7 @@
 "use strict";
 
+export const HEAD = "head";
+export const STYLE = "style";
+export const COLOUR = "color";  ///
 export const HYPHEN = "-";
 export const EMPTY_STRING = "";

package/src/defaultMarkdownStyle.js

@@ -0,0 +1,143 @@
+"use strict";
+
+const defaultMarkdownStyle = `
+colour: black;
+padding: 12pt;
+min-height: 100%;
+font-family: "Computer Modern Serif";
+background-colour: white;
+  
+primaryHeading {
+  font-size: 32pt;
+  margin: 12pt 0 12pt 0;
+}
+
+secondaryHeading {
+  font-size: 24pt;
+  margin: 12pt 0 12pt 0;
+}
+
+tertiaryHeading {
+  font-size: 16pt;
+  margin: 12pt 0 12pt 0;
+}
+
+table,
+paragraph,
+orderedList,
+unorderedList,
+blockListing,
+quaternaryHeading {
+  font-size: 12pt;
+  line-height: 15pt;
+  margin: 12pt 0 12pt 0;
+}
+
+orderedListItem,
+unorderedListItem {
+  margin: 6pt 0 6pt 0;z
+  margin-left: 12pt;
+}
+
+table,
+paragraph,
+orderedList,
+unorderedList,
+orderedListItem,
+unorderedListItem,
+blockListing,
+primaryHeading,
+secondaryHeading,
+tertiaryHeading,
+quaternaryHeading {
+  :first-child {
+    margin-top: 0;
+  }
+  
+  :last-child {
+    margin-bottom: 0;
+  }
+}
+
+primaryHeading,
+secondaryHeading,
+tertiaryHeading,
+quaternaryHeading {
+  font-weight: bold;
+}
+
+blockListing,
+inlineListing {
+  colour: white;
+  background-colour: black;
+  font-family: "Computer Modern Typewriter";
+}
+
+blockListing {
+  padding: 6pt;
+  overflow-x: scroll;
+}
+
+inlineListing {
+  display: inline-block;
+  padding: 0 3pt 0 3pt;
+  font-size: 12pt;
+  line-height: 15pt;
+}
+
+table {
+  border-collapsed: collapse;
+}
+
+tableHead {
+  border: 1pt solid black;
+}
+
+tableBodyCell,
+tableHeadCell {
+  padding: 12pt;
+}
+
+strongText {
+  font-weight: bold;
+}
+
+emphasisedText {
+  font-style: italic;
+}
+
+stronglyEmphasisedText {
+  font-style: italic;
+  font-weight: bold;
+}
+
+footnotesList {
+  border-top: 1pt solid black;
+  padding-top: 12pt;
+}
+
+footnoteItem {
+  font-size: 9pt;
+  line-height: 12pt;
+  margin-left: 12pt;
+  
+  paragraph {
+    margin: 0;
+    font-size: 9pt;
+    line-height: 12pt;
+  }
+}
+
+link {
+  font-size: 9pt;
+  line-height: 12pt;
+  margin-left: 3pt;
+  vertical-align: super;
+}
+
+error {
+  text-decoration: underline red;
+}
+`;
+
+export default defaultMarkdownStyle;

package/src/elementMap.js

@@ -11,8 +11,9 @@ import { LINK_RULE_NAME,
          IMPORT_RULE_NAME,
          IMPORTS_RULE_NAME,
          CONTENTS_RULE_NAME,
-         FOOTNOTE_RULE_NAME,
          DIVISION_RULE_NAME,
+         FOOTNOTE_RULE_NAME,
+         FOOTNOTES_RULE_NAME,
          REFERENCE_RULE_NAME,
          PARAGRAPH_RULE_NAME,
          HYPERLINK_RULE_NAME,
@@ -99,12 +100,16 @@ const elementMap = {
     tagName: null,
     className: null
   },
+  [DIVISION_RULE_NAME]: {
+    tagName: "div",
+    className: null
+  },
   [FOOTNOTE_RULE_NAME]: {
     tagName: null,
     className: null
   },
-  [DIVISION_RULE_NAME]: {
-    tagName: "div",
+  [FOOTNOTES_RULE_NAME]: {
+    tagName: null,
     className: null
   },
   [REFERENCE_RULE_NAME]: {

package/src/example/constants.js

@@ -2,3 +2,4 @@
 
 export const EMPTY_STRING = "";
 export const DOUBLE_SPACE = "  ";
+export const PREVIEW_DIV_SELECTORS_STRING = "div.preview";

package/src/example/view/div/preview.js

@@ -15,9 +15,12 @@ class PreviewDiv extends Element {
   }
 
   clear() {
-    const html = EMPTY_STRING;
+    const parentDOMElement = this.getParentDOMElement(),
+          innerHTML = EMPTY_STRING; ///
 
-    this.html(html);
+    Object.assign(parentDOMElement, {
+      innerHTML
+    });
   }
 
   update(domElement) {

package/src/example/view/div/sizeable/left.js

@@ -12,7 +12,7 @@ class LeftSizeableDiv extends SizeableDiv {
 
 export default withStyle(LeftSizeableDiv)`
 
-  width: 96rem;
+  width: 48rem;
   min-width: 12rem;
   flex-direction: column;
   

package/src/example/view/textarea/{bnf.js → css.js}

@@ -4,30 +4,30 @@ import withStyle from "easy-with-style";  ///
 
 import Textarea from "../textarea";
 
-class BNFTextarea extends Textarea {
-  setBNF(bnf) {
-    const value = bnf;
+class CSSTreeTextarea extends Textarea {
+  setCSS(css) {
+    const value = css;  ///
 
     this.setValue(value);
   }
 
   parentContext() {
-    const setBNF = this.setBNF.bind(this);
+    const setCSS = this.setCSS.bind(this);
 
     return ({
-      setBNF
+      setCSS
     });
   }
 
   static defaultProperties = {
     readOnly: true,
-    className: "bnf",
+    className: "css",
     spellCheck: "false"
   };
 }
 
-export default withStyle(BNFTextarea)`
+export default withStyle(CSSTreeTextarea)`
 
-  height: 16rem;
-
-`;
+  height: 24rem;
+  
+`;

package/src/example/view/textarea/markdownStyle.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import withStyle from "easy-with-style";
+
+import Textarea from "../textarea";
+
+class MarkdownStyleTextarea extends Textarea {
+  getMarkdownStyle() {
+    const value = this.getValue(),
+          markdownStyle = value; ///
+
+    return markdownStyle;
+  }
+
+  setMarkdownStyle(markdownStyle) {
+    const value = markdownStyle;  ///
+
+    this.setValue(value);
+  }
+
+  parentContext() {
+    const getMarkdownStyle = this.getMarkdownStyle.bind(this),
+          setMarkdownStyle = this.setMarkdownStyle.bind(this);
+
+    return ({
+      getMarkdownStyle,
+      setMarkdownStyle
+    });
+  }
+
+  static defaultProperties = {
+    className: "markdown-style",
+    spellCheck: "false"
+  };
+}
+
+export default withStyle(MarkdownStyleTextarea)`
+
+  height: 24rem;
+  
+`;

package/src/example/view/xmp.js

@@ -28,12 +28,9 @@ class XMP extends Element {
 
 export default withStyle(XMP)`
 
-  width: 100%;
-  height: 100%;  
   border: 1px solid darkgrey;
   padding: 0.25rem;
   overflow: scroll;
-  position: absolute;
   font-size: 1.2rem;
   line-height: 1.5rem;
   font-family: monospace;

package/src/example/view.js

@@ -3,22 +3,16 @@
 import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
-import { RowDiv, RowsDiv, ColumnDiv, ColumnsDiv, VerticalSplitterDiv, HorizontalSplitterDiv } from "easy-layout";
+import { MarkdownLexer, MarkdownParser } from "../index";
+import { RowsDiv, ColumnDiv, ColumnsDiv, VerticalSplitterDiv } from "easy-layout";
 
 import XMP from "./view/xmp";
 import PreviewDiv from "./view/div/preview";
 import SubHeading from "./view/subHeading";
-import BNFTextarea from "./view/textarea/bnf";
+import CSSTextarea from "./view/textarea/css";
 import LeftSizeableDiv from "./view/div/sizeable/left";
-import RightSizeableDiv from "./view/div/sizeable/right";
 import MarkdownTextarea from "./view/textarea/markdown";
-import ParseTreeTextarea from "./view/textarea/parseTree";
-import LexicalEntriesTextarea from "./view/textarea/lexicalEntries";
-
-import { MarkdownLexer, MarkdownParser } from "../index";
-
-const { bnf } = MarkdownParser,
-      { entries } = MarkdownLexer;
+import MarkdownStyleTextarea from "./view/textarea/markdownStyle";
 
 const markdownLexer = MarkdownLexer.fromNothing(),
       markdownParser = MarkdownParser.fromNothing();
@@ -28,16 +22,22 @@ class View extends Element {
     this.update();
   }
 
-  update() {
+  updateMarkdownStyle() {
+    const { markdownStyleElement } = this.properties,
+          markdownStyle = this.getMarkdownStyle(),
+          css = markdownStyleElement.update(markdownStyle);
+
+    this.setCSS(css);
+  }
+
+  updateMarkdown() {
     const markdown = this.getMarkdown(),
-          lexer = markdownLexer,  ///
-          parser =  markdownParser, ///
           content = markdown, ///
+          lexer = markdownLexer,
+          parser =  markdownParser,
           tokens = lexer.tokenise(content),
           node = parser.parse(tokens);
 
-    let parseTree = null;
-
     if (node !== null) {
       const divisionMarkdownNode = node,  ///
             parentNode = null,
@@ -58,15 +58,16 @@ class View extends Element {
       this.xmpHTML(html);
 
       this.updatePreviewDiv(domElement);
-
-      parseTree = node.asParseTree(tokens);
     } else {
       this.clearXMP();
 
       this.clearPreviewDiv();
     }
+  }
 
-    this.setParseTree(parseTree);
+  update() {
+    this.updateMarkdown();
+    this.updateMarkdownStyle();
   }
 
   childElements() {
@@ -75,37 +76,29 @@ class View extends Element {
       <ColumnsDiv>
         <LeftSizeableDiv>
           <SubHeading>
-            Lexical entries
-          </SubHeading>
-          <LexicalEntriesTextarea onKeyUp={this.keyUpHandler} />
-          <SubHeading>
-            BNF
+            Markdown
           </SubHeading>
-          <BNFTextarea onKeyUp={this.keyUpHandler} />
+          <MarkdownTextarea onKeyUp={this.keyUpHandler} />
           <SubHeading>
-            Parse tree
+            Markdown style
           </SubHeading>
-          <ParseTreeTextarea/>
+          <MarkdownStyleTextarea onKeyUp={this.keyUpHandler} />
         </LeftSizeableDiv>
         <VerticalSplitterDiv/>
         <ColumnDiv>
           <RowsDiv>
-            <RightSizeableDiv>
-              <XMP/>
-            </RightSizeableDiv>
-            <HorizontalSplitterDiv/>
-            <RowDiv>
-              <RowsDiv>
-                <SubHeading>
-                  Preview
-                </SubHeading>
-                <PreviewDiv/>
-                <SubHeading>
-                  Markdown
-                </SubHeading>
-                <MarkdownTextarea onKeyUp={this.keyUpHandler} />
-              </RowsDiv>
-            </RowDiv>
+            <SubHeading>
+              HTML
+            </SubHeading>
+            <XMP/>
+            <SubHeading>
+              CSS
+            </SubHeading>
+            <CSSTextarea/>
+            <SubHeading>
+              Preview
+            </SubHeading>
+            <PreviewDiv/>
           </RowsDiv>
         </ColumnDiv>
       </ColumnsDiv>
@@ -116,25 +109,37 @@ class View extends Element {
   initialise() {
     this.assignContext();
 
-    const { initialMarkdown } = this.constructor,
-          markdown = initialMarkdown, ///
-          lexicalEntries = entries; ///
-
-    this.setBNF(bnf);
+    const { initialMarkdown, initialMarkdownStyle } = this.constructor,
+          markdownStyle = initialMarkdownStyle, ///
+          markdown = initialMarkdown; ///
 
     this.setMarkdown(markdown);
 
-    this.setLexicalEntries(lexicalEntries);
+    this.setMarkdownStyle(markdownStyle);
 
     this.update();
   }
 
-  static initialMarkdown = `1. First item.
-3. Third item.
+  static initialMarkdownStyle = `
+min-height: initial;
+  
+paragraph {
+  colour: red;
+}
+
+`;
+
+  static initialMarkdown = `Occam [^occam]
+
+[^occam]: Footnote
 `;
 
   static tagName = "div";
 
+  static ignoredProperties = [
+    "markdownStyleElement"
+  ];
+
   static defaultProperties = {
     className: "view"
   };

package/src/example.js

@@ -5,17 +5,26 @@ import "juxtapose";
 import withStyle from "easy-with-style";  ///
 
 import { Body } from "easy";
+import { MarkdownStyleElement, DefaultMarkdownStyleElement } from "./index";  ///
 
 import View from "./example/view";
 
+import { PREVIEW_DIV_SELECTORS_STRING } from "./example/constants";
+
 const { renderStyles } = withStyle;
 
+const selectorSString = PREVIEW_DIV_SELECTORS_STRING;
+
+DefaultMarkdownStyleElement.fromSelectorsString(selectorSString);
+
+const markdownStyleElement = MarkdownStyleElement.fromSelectorsString(selectorSString);
+
 renderStyles();
 
 const body = new Body();
 
 body.mount(
 
-  <View/>
+  <View markdownStyleElement={markdownStyleElement} />
 
 );

package/src/index.js

@@ -4,7 +4,13 @@ export { default as nodeMap } from "./nodeMap";
 export { default as ruleNames } from "./ruleNames";
 export { default as tokenTypes } from "./tokenTypes";
 export { default as elementMap } from "./elementMap";
+export { default as cssUtilities } from "./utilities/css";
 export { default as MarkdownNode } from "./node/markdown";
 export { default as MarkdownLexer } from "./markdown/lexer";
 export { default as MarkdownParser } from "./markdown/parser";
 export { default as queryUtilities } from "./utilities/query";
+export { default as MarkdownStyleLexer } from "./markdownStyle/lexer";
+export { default as MarkdownStyleParser } from "./markdownStyle/parser";
+export { default as MarkdownStyleElement } from "./styleElement/markdown";
+export { default as defaultMarkdownStyle } from "./defaultMarkdownStyle";
+export { default as DefaultMarkdownStyleElement } from "./styleElement/markdown/default";

package/src/markdown/bnf.js

@@ -9,6 +9,8 @@ const bnf = `
     
                                                                     | contents 
     
+                                                                    | footnotes 
+    
                                                                     | primaryHeading 
                              
                                                                     | secondaryHeading 
@@ -86,6 +88,9 @@ const bnf = `
     contents                ::=  "@"<NO_WHITESPACE>"contents" [number]? endOfLine ;
 
 
+    footnotes               ::=  "@"<NO_WHITESPACE>"footnotes" endOfLine ;
+
+
     tableHead               ::=  tableHeadRow ;