highmark-yapp 2.0.175 → 2.0.177

package/lib/example/view/div/markdown.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 var _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
 var _easy = require("easy");
+var _index = require("../../../index");
 function _assert_this_initialized(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -166,6 +167,7 @@ function _templateObject() {
     };
     return data;
 }
+var topmostHTMLNodeFromMarkdownNode = _index.grammarUtilities.topmostHTMLNodeFromMarkdownNode;
 var MarkdownDiv = /*#__PURE__*/ function(Element) {
     _inherits(MarkdownDiv, Element);
     function MarkdownDiv() {
@@ -176,55 +178,55 @@ var MarkdownDiv = /*#__PURE__*/ function(Element) {
         {
             key: "clear",
             value: function clear() {
-                var divisionMarkdownNOde = this.getDivisionMarkdownNode();
-                if (divisionMarkdownNOde !== null) {
-                    var domElement = this.getDOMElement(), parentDOMElement = domElement; ///
-                    divisionMarkdownNOde.unmount(parentDOMElement);
-                    this.clearDivisionMarkdownNode();
+                var topmostHTMLNode = this.getTopmostHTMLNode();
+                if (topmostHTMLNode !== null) {
+                    var domElement = this.getDOMElement(), parentDOMElement = domElement, context = null;
+                    topmostHTMLNode.unmount(parentDOMElement, context);
+                    this.clearTopmostHTMLNode();
                 }
             }
         },
         {
             key: "update",
-            value: function update(node, tokens) {
-                var divisionMarkdownNode = node; ///
-                if (divisionMarkdownNode !== null) {
-                    var domElement = this.getDOMElement(), parentDOMElement = domElement, siblingDOMElement = null, context = {
-                        tokens: tokens
-                    };
-                    divisionMarkdownNode.mount(parentDOMElement, siblingDOMElement, context);
-                    this.setDivisionMarkdownNode(divisionMarkdownNode);
+            value: function update(markdownNode, tokens) {
+                if (markdownNode === null) {
+                    return;
                 }
+                var domElement = this.getDOMElement(), parentDOMElement = domElement, siblingDOMElement = null, context = {
+                    tokens: tokens
+                }, topmostHTMLNode = topmostHTMLNodeFromMarkdownNode(markdownNode);
+                topmostHTMLNode.mount(parentDOMElement, siblingDOMElement, context);
+                this.setTopmostHTMLNode(topmostHTMLNode);
             }
         },
         {
-            key: "clearDivisionMarkdownNode",
-            value: function clearDivisionMarkdownNode() {
-                var divisionMarkdownNode = null;
-                this.setDivisionMarkdownNode(divisionMarkdownNode);
+            key: "clearTopmostHTMLNode",
+            value: function clearTopmostHTMLNode() {
+                var topmostHTMLNode = null;
+                this.setTopmostHTMLNode(topmostHTMLNode);
             }
         },
         {
-            key: "getDivisionMarkdownNode",
-            value: function getDivisionMarkdownNode() {
-                var divisionMarkdownNode = this.getState().divisionMarkdownNode;
-                return divisionMarkdownNode;
+            key: "getTopmostHTMLNode",
+            value: function getTopmostHTMLNode() {
+                var topmostHTMLNode = this.getState().topmostHTMLNode;
+                return topmostHTMLNode;
             }
         },
         {
-            key: "setDivisionMarkdownNode",
-            value: function setDivisionMarkdownNode(divisionMarkdownNode) {
+            key: "setTopmostHTMLNode",
+            value: function setTopmostHTMLNode(topmostHTMLNode) {
                 this.updateState({
-                    divisionMarkdownNode: divisionMarkdownNode
+                    topmostHTMLNode: topmostHTMLNode
                 });
             }
         },
         {
             key: "setInitialState",
             value: function setInitialState() {
-                var divisionMarkdownNode = null;
+                var topmostHTMLNode = null;
                 this.setState({
-                    divisionMarkdownNode: divisionMarkdownNode
+                    topmostHTMLNode: topmostHTMLNode
                 });
             }
         },
@@ -253,4 +255,4 @@ _define_property(MarkdownDiv, "defaultProperties", {
 });
 var _default = (0, _easywithstyle.default)(MarkdownDiv)(_templateObject());
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL3ZpZXcvZGl2L21hcmtkb3duLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjtcblxuaW1wb3J0IHsgRWxlbWVudCB9IGZyb20gXCJlYXN5XCI7XG5cbmNsYXNzIE1hcmtkb3duRGl2IGV4dGVuZHMgRWxlbWVudCB7XG4gIGNsZWFyKCkge1xuICAgIGNvbnN0IGRpdmlzaW9uTWFya2Rvd25OT2RlID0gdGhpcy5nZXREaXZpc2lvbk1hcmtkb3duTm9kZSgpO1xuXG4gICAgaWYgKGRpdmlzaW9uTWFya2Rvd25OT2RlICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBkb21FbGVtZW50ID0gdGhpcy5nZXRET01FbGVtZW50KCksXG4gICAgICAgICAgICBwYXJlbnRET01FbGVtZW50ID0gZG9tRWxlbWVudDsgIC8vL1xuXG4gICAgICBkaXZpc2lvbk1hcmtkb3duTk9kZS51bm1vdW50KHBhcmVudERPTUVsZW1lbnQpO1xuXG4gICAgICB0aGlzLmNsZWFyRGl2aXNpb25NYXJrZG93bk5vZGUoKTtcbiAgICB9XG4gIH1cblxuICB1cGRhdGUobm9kZSwgdG9rZW5zKSB7XG4gICAgY29uc3QgZGl2aXNpb25NYXJrZG93bk5vZGUgPSBub2RlOyAgLy8vXG5cbiAgICBpZiAoZGl2aXNpb25NYXJrZG93bk5vZGUgIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IGRvbUVsZW1lbnQgPSB0aGlzLmdldERPTUVsZW1lbnQoKSxcbiAgICAgICAgICAgIHBhcmVudERPTUVsZW1lbnQgPSBkb21FbGVtZW50LCAgLy8vXG4gICAgICAgICAgICBzaWJsaW5nRE9NRWxlbWVudCA9IG51bGwsXG4gICAgICAgICAgICBjb250ZXh0ID0ge1xuICAgICAgICAgICAgICB0b2tlbnNcbiAgICAgICAgICAgIH07XG5cbiAgICAgIGRpdmlzaW9uTWFya2Rvd25Ob2RlLm1vdW50KHBhcmVudERPTUVsZW1lbnQsIHNpYmxpbmdET01FbGVtZW50LCBjb250ZXh0KTtcblxuICAgICAgdGhpcy5zZXREaXZpc2lvbk1hcmtkb3duTm9kZShkaXZpc2lvbk1hcmtkb3duTm9kZSk7XG4gICAgfVxuICB9XG5cbiAgY2xlYXJEaXZpc2lvbk1hcmtkb3duTm9kZSgpIHtcbiAgICBjb25zdCBkaXZpc2lvbk1hcmtkb3duTm9kZSA9IG51bGw7XG5cbiAgICB0aGlzLnNldERpdmlzaW9uTWFya2Rvd25Ob2RlKGRpdmlzaW9uTWFya2Rvd25Ob2RlKTtcbiAgfVxuXG4gIGdldERpdmlzaW9uTWFya2Rvd25Ob2RlKCkge1xuICAgIGNvbnN0IHsgZGl2aXNpb25NYXJrZG93bk5vZGUgfSA9IHRoaXMuZ2V0U3RhdGUoKTtcblxuICAgIHJldHVybiBkaXZpc2lvbk1hcmtkb3duTm9kZTtcbiAgfVxuXG4gIHNldERpdmlzaW9uTWFya2Rvd25Ob2RlKGRpdmlzaW9uTWFya2Rvd25Ob2RlKSB7XG4gICAgdGhpcy51cGRhdGVTdGF0ZSh7XG4gICAgICBkaXZpc2lvbk1hcmtkb3duTm9kZVxuICAgIH0pO1xuICB9XG5cbiAgc2V0SW5pdGlhbFN0YXRlKCkge1xuICAgIGNvbnN0IGRpdmlzaW9uTWFya2Rvd25Ob2RlID0gbnVsbDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgZGl2aXNpb25NYXJrZG93bk5vZGVcbiAgICB9KTtcbiAgfVxuXG4gIHBhcmVudENvbnRleHQoKSB7XG4gICAgY29uc3QgY2xlYXJNYXJrZG93bkRpdiA9IHRoaXMuY2xlYXIuYmluZCh0aGlzKSxcbiAgICAgICAgICB1cGRhdGVNYXJrZG93bkRpdiA9IHRoaXMudXBkYXRlLmJpbmQodGhpcyk7XG5cbiAgICByZXR1cm4gKHtcbiAgICAgIGNsZWFyTWFya2Rvd25EaXYsXG4gICAgICB1cGRhdGVNYXJrZG93bkRpdlxuICAgIH0pO1xuICB9XG5cbiAgaW5pdGlhbGlzZSgpIHtcbiAgICB0aGlzLnNldEluaXRpYWxTdGF0ZSgpO1xuICB9XG5cbiAgc3RhdGljIHRhZ05hbWUgPSBcImRpdlwiO1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcGVydGllcyA9IHtcbiAgICBjbGFzc05hbWU6IFwibWFya2Rvd25cIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoTWFya2Rvd25EaXYpYFxuXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGRhcmtncmV5O1xuICBwYWRkaW5nOiAwLjI1cmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIFxuICBcbmA7XG4iXSwibmFtZXMiOlsiTWFya2Rvd25EaXYiLCJjbGVhciIsImRpdmlzaW9uTWFya2Rvd25OT2RlIiwiZ2V0RGl2aXNpb25NYXJrZG93bk5vZGUiLCJkb21FbGVtZW50IiwiZ2V0RE9NRWxlbWVudCIsInBhcmVudERPTUVsZW1lbnQiLCJ1bm1vdW50IiwiY2xlYXJEaXZpc2lvbk1hcmtkb3duTm9kZSIsInVwZGF0ZSIsIm5vZGUiLCJ0b2tlbnMiLCJkaXZpc2lvbk1hcmtkb3duTm9kZSIsInNpYmxpbmdET01FbGVtZW50IiwiY29udGV4dCIsIm1vdW50Iiwic2V0RGl2aXNpb25NYXJrZG93bk5vZGUiLCJnZXRTdGF0ZSIsInVwZGF0ZVN0YXRlIiwic2V0SW5pdGlhbFN0YXRlIiwic2V0U3RhdGUiLCJwYXJlbnRDb250ZXh0IiwiY2xlYXJNYXJrZG93bkRpdiIsImJpbmQiLCJ1cGRhdGVNYXJrZG93bkRpdiIsImluaXRpYWxpc2UiLCJFbGVtZW50IiwidGFnTmFtZSIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFvRkE7OztlQUFBOzs7b0VBbEZzQjtvQkFFRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUV4QixJQUFBLEFBQU1BLDRCQUFOO2NBQU1BO2FBQUFBO2dDQUFBQTtlQUFOLGtCQUFNQTs7a0JBQUFBOztZQUNKQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTUMsdUJBQXVCLElBQUksQ0FBQ0MsdUJBQXVCO2dCQUV6RCxJQUFJRCx5QkFBeUIsTUFBTTtvQkFDakMsSUFBTUUsYUFBYSxJQUFJLENBQUNDLGFBQWEsSUFDL0JDLG1CQUFtQkYsWUFBYSxHQUFHO29CQUV6Q0YscUJBQXFCSyxPQUFPLENBQUNEO29CQUU3QixJQUFJLENBQUNFLHlCQUF5QjtnQkFDaEM7WUFDRjs7O1lBRUFDLEtBQUFBO21CQUFBQSxTQUFBQSxPQUFPQyxJQUFJLEVBQUVDLE1BQU07Z0JBQ2pCLElBQU1DLHVCQUF1QkYsTUFBTyxHQUFHO2dCQUV2QyxJQUFJRSx5QkFBeUIsTUFBTTtvQkFDakMsSUFBTVIsYUFBYSxJQUFJLENBQUNDLGFBQWEsSUFDL0JDLG1CQUFtQkYsWUFDbkJTLG9CQUFvQixNQUNwQkMsVUFBVTt3QkFDUkgsUUFBQUE7b0JBQ0Y7b0JBRU5DLHFCQUFxQkcsS0FBSyxDQUFDVCxrQkFBa0JPLG1CQUFtQkM7b0JBRWhFLElBQUksQ0FBQ0UsdUJBQXVCLENBQUNKO2dCQUMvQjtZQUNGOzs7WUFFQUosS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU1JLHVCQUF1QjtnQkFFN0IsSUFBSSxDQUFDSSx1QkFBdUIsQ0FBQ0o7WUFDL0I7OztZQUVBVCxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTSxBQUFFUyx1QkFBeUIsSUFBSSxDQUFDSyxRQUFRLEdBQXRDTDtnQkFFUixPQUFPQTtZQUNUOzs7WUFFQUksS0FBQUE7bUJBQUFBLFNBQUFBLHdCQUF3Qkosb0JBQW9CO2dCQUMxQyxJQUFJLENBQUNNLFdBQVcsQ0FBQztvQkFDZk4sc0JBQUFBO2dCQUNGO1lBQ0Y7OztZQUVBTyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTVAsdUJBQXVCO2dCQUU3QixJQUFJLENBQUNRLFFBQVEsQ0FBQztvQkFDWlIsc0JBQUFBO2dCQUNGO1lBQ0Y7OztZQUVBUyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTUMsbUJBQW1CLElBQUksQ0FBQ3JCLEtBQUssQ0FBQ3NCLElBQUksQ0FBQyxJQUFJLEdBQ3ZDQyxvQkFBb0IsSUFBSSxDQUFDZixNQUFNLENBQUNjLElBQUksQ0FBQyxJQUFJO2dCQUUvQyxPQUFRO29CQUNORCxrQkFBQUE7b0JBQ0FFLG1CQUFBQTtnQkFDRjtZQUNGOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQUksQ0FBQ04sZUFBZTtZQUN0Qjs7O1dBckVJbkI7cUJBQW9CMEIsYUFBTztBQXVFL0IsaUJBdkVJMUIsYUF1RUcyQixXQUFVO0FBRWpCLGlCQXpFSTNCLGFBeUVHNEIscUJBQW9CO0lBQ3pCQyxXQUFXO0FBQ2I7SUFHRixXQUFlQyxJQUFBQSxzQkFBUyxFQUFDOUIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL3ZpZXcvZGl2L21hcmtkb3duLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjtcblxuaW1wb3J0IHsgRWxlbWVudCB9IGZyb20gXCJlYXN5XCI7XG5pbXBvcnQgeyBncmFtbWFyVXRpbGl0aWVzIH0gZnJvbSBcIi4uLy4uLy4uL2luZGV4XCI7ICAvLy9cblxuY29uc3QgeyB0b3Btb3N0SFRNTE5vZGVGcm9tTWFya2Rvd25Ob2RlIH0gPSBncmFtbWFyVXRpbGl0aWVzO1xuXG5jbGFzcyBNYXJrZG93bkRpdiBleHRlbmRzIEVsZW1lbnQge1xuICBjbGVhcigpIHtcbiAgICBjb25zdCB0b3Btb3N0SFRNTE5vZGUgPSB0aGlzLmdldFRvcG1vc3RIVE1MTm9kZSgpO1xuXG4gICAgaWYgKHRvcG1vc3RIVE1MTm9kZSAhPT0gbnVsbCkge1xuICAgICAgY29uc3QgZG9tRWxlbWVudCA9IHRoaXMuZ2V0RE9NRWxlbWVudCgpLFxuICAgICAgICAgICAgcGFyZW50RE9NRWxlbWVudCA9IGRvbUVsZW1lbnQsICAvLy9cbiAgICAgICAgICAgIGNvbnRleHQgPSBudWxsO1xuXG4gICAgICB0b3Btb3N0SFRNTE5vZGUudW5tb3VudChwYXJlbnRET01FbGVtZW50LCBjb250ZXh0KTtcblxuICAgICAgdGhpcy5jbGVhclRvcG1vc3RIVE1MTm9kZSgpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZShtYXJrZG93bk5vZGUsIHRva2Vucykge1xuICAgIGlmIChtYXJrZG93bk5vZGUgPT09IG51bGwpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBkb21FbGVtZW50ID0gdGhpcy5nZXRET01FbGVtZW50KCksXG4gICAgICAgICAgcGFyZW50RE9NRWxlbWVudCA9IGRvbUVsZW1lbnQsICAvLy9cbiAgICAgICAgICBzaWJsaW5nRE9NRWxlbWVudCA9IG51bGwsXG4gICAgICAgICAgY29udGV4dCA9IHtcbiAgICAgICAgICAgIHRva2Vuc1xuICAgICAgICAgIH0sXG4gICAgICAgICAgdG9wbW9zdEhUTUxOb2RlID0gdG9wbW9zdEhUTUxOb2RlRnJvbU1hcmtkb3duTm9kZShtYXJrZG93bk5vZGUpO1xuXG4gICAgdG9wbW9zdEhUTUxOb2RlLm1vdW50KHBhcmVudERPTUVsZW1lbnQsIHNpYmxpbmdET01FbGVtZW50LCBjb250ZXh0KTtcblxuICAgIHRoaXMuc2V0VG9wbW9zdEhUTUxOb2RlKHRvcG1vc3RIVE1MTm9kZSk7XG4gIH1cblxuICBjbGVhclRvcG1vc3RIVE1MTm9kZSgpIHtcbiAgICBjb25zdCB0b3Btb3N0SFRNTE5vZGUgPSBudWxsO1xuXG4gICAgdGhpcy5zZXRUb3Btb3N0SFRNTE5vZGUodG9wbW9zdEhUTUxOb2RlKTtcbiAgfVxuXG4gIGdldFRvcG1vc3RIVE1MTm9kZSgpIHtcbiAgICBjb25zdCB7IHRvcG1vc3RIVE1MTm9kZSB9ID0gdGhpcy5nZXRTdGF0ZSgpO1xuXG4gICAgcmV0dXJuIHRvcG1vc3RIVE1MTm9kZTtcbiAgfVxuXG4gIHNldFRvcG1vc3RIVE1MTm9kZSh0b3Btb3N0SFRNTE5vZGUpIHtcbiAgICB0aGlzLnVwZGF0ZVN0YXRlKHtcbiAgICAgIHRvcG1vc3RIVE1MTm9kZVxuICAgIH0pO1xuICB9XG5cbiAgc2V0SW5pdGlhbFN0YXRlKCkge1xuICAgIGNvbnN0IHRvcG1vc3RIVE1MTm9kZSA9IG51bGw7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHRvcG1vc3RIVE1MTm9kZVxuICAgIH0pO1xuICB9XG5cbiAgcGFyZW50Q29udGV4dCgpIHtcbiAgICBjb25zdCBjbGVhck1hcmtkb3duRGl2ID0gdGhpcy5jbGVhci5iaW5kKHRoaXMpLFxuICAgICAgICAgIHVwZGF0ZU1hcmtkb3duRGl2ID0gdGhpcy51cGRhdGUuYmluZCh0aGlzKTtcblxuICAgIHJldHVybiAoe1xuICAgICAgY2xlYXJNYXJrZG93bkRpdixcbiAgICAgIHVwZGF0ZU1hcmtkb3duRGl2XG4gICAgfSk7XG4gIH1cblxuICBpbml0aWFsaXNlKCkge1xuICAgIHRoaXMuc2V0SW5pdGlhbFN0YXRlKCk7XG4gIH1cblxuICBzdGF0aWMgdGFnTmFtZSA9IFwiZGl2XCI7XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJtYXJrZG93blwiXG4gIH07XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZShNYXJrZG93bkRpdilgXG5cbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgZGFya2dyZXk7XG4gIHBhZGRpbmc6IDAuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgXG4gIFxuYDtcbiJdLCJuYW1lcyI6WyJ0b3Btb3N0SFRNTE5vZGVGcm9tTWFya2Rvd25Ob2RlIiwiZ3JhbW1hclV0aWxpdGllcyIsIk1hcmtkb3duRGl2IiwiY2xlYXIiLCJ0b3Btb3N0SFRNTE5vZGUiLCJnZXRUb3Btb3N0SFRNTE5vZGUiLCJkb21FbGVtZW50IiwiZ2V0RE9NRWxlbWVudCIsInBhcmVudERPTUVsZW1lbnQiLCJjb250ZXh0IiwidW5tb3VudCIsImNsZWFyVG9wbW9zdEhUTUxOb2RlIiwidXBkYXRlIiwibWFya2Rvd25Ob2RlIiwidG9rZW5zIiwic2libGluZ0RPTUVsZW1lbnQiLCJtb3VudCIsInNldFRvcG1vc3RIVE1MTm9kZSIsImdldFN0YXRlIiwidXBkYXRlU3RhdGUiLCJzZXRJbml0aWFsU3RhdGUiLCJzZXRTdGF0ZSIsInBhcmVudENvbnRleHQiLCJjbGVhck1hcmtkb3duRGl2IiwiYmluZCIsInVwZGF0ZU1hcmtkb3duRGl2IiwiaW5pdGlhbGlzZSIsIkVsZW1lbnQiLCJ0YWdOYW1lIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJ3aXRoU3R5bGUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQXlGQTs7O2VBQUE7OztvRUF2RnNCO29CQUVFO3FCQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRWpDLElBQU0sQUFBRUEsa0NBQW9DQyx1QkFBZ0IsQ0FBcEREO0FBRVIsSUFBQSxBQUFNRSw0QkFBTjtjQUFNQTthQUFBQTtnQ0FBQUE7ZUFBTixrQkFBTUE7O2tCQUFBQTs7WUFDSkMsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU1DLGtCQUFrQixJQUFJLENBQUNDLGtCQUFrQjtnQkFFL0MsSUFBSUQsb0JBQW9CLE1BQU07b0JBQzVCLElBQU1FLGFBQWEsSUFBSSxDQUFDQyxhQUFhLElBQy9CQyxtQkFBbUJGLFlBQ25CRyxVQUFVO29CQUVoQkwsZ0JBQWdCTSxPQUFPLENBQUNGLGtCQUFrQkM7b0JBRTFDLElBQUksQ0FBQ0Usb0JBQW9CO2dCQUMzQjtZQUNGOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBLE9BQU9DLFlBQVksRUFBRUMsTUFBTTtnQkFDekIsSUFBSUQsaUJBQWlCLE1BQU07b0JBQ3pCO2dCQUNGO2dCQUVBLElBQU1QLGFBQWEsSUFBSSxDQUFDQyxhQUFhLElBQy9CQyxtQkFBbUJGLFlBQ25CUyxvQkFBb0IsTUFDcEJOLFVBQVU7b0JBQ1JLLFFBQUFBO2dCQUNGLEdBQ0FWLGtCQUFrQkosZ0NBQWdDYTtnQkFFeERULGdCQUFnQlksS0FBSyxDQUFDUixrQkFBa0JPLG1CQUFtQk47Z0JBRTNELElBQUksQ0FBQ1Esa0JBQWtCLENBQUNiO1lBQzFCOzs7WUFFQU8sS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU1QLGtCQUFrQjtnQkFFeEIsSUFBSSxDQUFDYSxrQkFBa0IsQ0FBQ2I7WUFDMUI7OztZQUVBQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTSxBQUFFRCxrQkFBb0IsSUFBSSxDQUFDYyxRQUFRLEdBQWpDZDtnQkFFUixPQUFPQTtZQUNUOzs7WUFFQWEsS0FBQUE7bUJBQUFBLFNBQUFBLG1CQUFtQmIsZUFBZTtnQkFDaEMsSUFBSSxDQUFDZSxXQUFXLENBQUM7b0JBQ2ZmLGlCQUFBQTtnQkFDRjtZQUNGOzs7WUFFQWdCLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxJQUFNaEIsa0JBQWtCO2dCQUV4QixJQUFJLENBQUNpQixRQUFRLENBQUM7b0JBQ1pqQixpQkFBQUE7Z0JBQ0Y7WUFDRjs7O1lBRUFrQixLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTUMsbUJBQW1CLElBQUksQ0FBQ3BCLEtBQUssQ0FBQ3FCLElBQUksQ0FBQyxJQUFJLEdBQ3ZDQyxvQkFBb0IsSUFBSSxDQUFDYixNQUFNLENBQUNZLElBQUksQ0FBQyxJQUFJO2dCQUUvQyxPQUFRO29CQUNORCxrQkFBQUE7b0JBQ0FFLG1CQUFBQTtnQkFDRjtZQUNGOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQUksQ0FBQ04sZUFBZTtZQUN0Qjs7O1dBdkVJbEI7cUJBQW9CeUIsYUFBTztBQXlFL0IsaUJBekVJekIsYUF5RUcwQixXQUFVO0FBRWpCLGlCQTNFSTFCLGFBMkVHMkIscUJBQW9CO0lBQ3pCQyxXQUFXO0FBQ2I7SUFHRixXQUFlQyxJQUFBQSxzQkFBUyxFQUFDN0IifQ==

package/lib/example/view.js

@@ -173,7 +173,7 @@ function _templateObject() {
     };
     return data;
 }
-var tokensFromContent = _index.markdownUtilities.tokensFromContent, nodeFromTokens = _index.markdownUtilities.nodeFromTokens;
+var tokensFromMarkdown = _index.grammarUtilities.tokensFromMarkdown, markdownNodeFromTokens = _index.grammarUtilities.markdownNodeFromTokens;
 var View = /*#__PURE__*/ function(Element) {
     _inherits(View, Element);
     function View() {
@@ -188,9 +188,9 @@ var View = /*#__PURE__*/ function(Element) {
         {
             key: "update",
             value: function update() {
-                var content = this.getContent(), tokens = tokensFromContent(content), node = nodeFromTokens(tokens);
+                var content = this.getContent(), markdown = content, tokens = tokensFromMarkdown(markdown), markdownNode = markdownNodeFromTokens(tokens);
                 this.clearMarkdownDiv();
-                this.updateMarkdownDiv(node, tokens);
+                this.updateMarkdownDiv(markdownNode, tokens);
                 this.focusContentTextarea();
             }
         },
@@ -229,8 +229,8 @@ _define_property(View, "tagName", "div");
 _define_property(View, "defaultProperties", {
     className: "view"
 });
-_define_property(View, "initialContent", "'''json\n{  \n}\n'''\n");
+_define_property(View, "initialContent", '```json\n{\n  "foo": "bah"\n}\n```\n');
 _define_property(View, "_initialContent", '\n### JavaScript\n  \n\'\'\'javascript\n"use strict";\n\nimport "juxtapose";\n\nimport withStyle from "easy-with-style"; ///\n\nimport { Body } from "easy";\n\nfunction simpleApplication(selector) {\n  const body = new Body(selector);\n\n  body.mount(\n\n    <p>\n      A simple application.\n    </p>\n\n  );\n}\n\nexport default withStyle(simpleApplication)`\n\n  color: \\#333;\n\n`;\n\'\'\'\n\n### JSON\n\n\'\'\'json\n{  \n  "type": "book",\n  "title": "Look to Windward",\n  "author": "Look to Windward",\n  "stores" : [{\n    "identifier": 123\n  }],\n  "details" : {\n    "in-print": true,\n    "stock-count": 123\n  }\n}\n\'\'\'\n\n### XML\n\n\'\'\'xml\n<?xml version="1.0" encoding="UTF-8"?>\n<!-- Look to Windward by Iain M. Banks -->\n<book>\n  <name>\n    Look to Windward\n  </name>\n  <author>\n    Iain M. Banks\n  </author>\n  <language>\n    English\n  </language>\n  <genre>\n    Science fiction\n  </genre>\n</book>\n\'\'\'\n');
 var _default = (0, _easywithstyle.default)(View)(_templateObject());
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuaW1wb3J0IHsgbWFya2Rvd25VdGlsaXRpZXMgfSBmcm9tIFwiLi4vaW5kZXhcIjsgLy8vXG5pbXBvcnQgeyBSb3dzRGl2LCBDb2x1bW5zRGl2LCBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcImVhc3ktbGF5b3V0XCI7XG5cbmltcG9ydCBDb2x1bW5EaXYgZnJvbSBcIi4vdmlldy9kaXYvY29sdW1uXCI7XG5pbXBvcnQgU3ViSGVhZGluZyBmcm9tIFwiLi92aWV3L3N1YkhlYWRpbmdcIjtcbmltcG9ydCBTaXplYWJsZURpdiBmcm9tIFwiLi92aWV3L2Rpdi9zaXplYWJsZVwiO1xuaW1wb3J0IE1hcmtkb3duRGl2IGZyb20gXCIuL3ZpZXcvZGl2L21hcmtkb3duXCI7XG5pbXBvcnQgQ29udGVudFRleHRhcmVhIGZyb20gXCIuL3ZpZXcvdGV4dGFyZWEvY29udGVudFwiO1xuXG5jb25zdCB7IHRva2Vuc0Zyb21Db250ZW50LCBub2RlRnJvbVRva2VucyB9ID0gbWFya2Rvd25VdGlsaXRpZXM7XG5cbmNsYXNzIFZpZXcgZXh0ZW5kcyBFbGVtZW50IHtcbiAga2V5VXBIYW5kbGVyID0gKGV2ZW50LCBlbGVtZW50KSA9PiB7XG4gICAgdGhpcy51cGRhdGUoKTtcbiAgfVxuXG4gIHVwZGF0ZSgpIHtcbiAgICBjb25zdCBjb250ZW50ID0gdGhpcy5nZXRDb250ZW50KCksXG4gICAgICAgICAgdG9rZW5zID0gdG9rZW5zRnJvbUNvbnRlbnQoY29udGVudCksXG4gICAgICAgICAgbm9kZSA9IG5vZGVGcm9tVG9rZW5zKHRva2Vucyk7XG5cbiAgICB0aGlzLmNsZWFyTWFya2Rvd25EaXYoKTtcblxuICAgIHRoaXMudXBkYXRlTWFya2Rvd25EaXYobm9kZSwgdG9rZW5zKTtcblxuICAgIHRoaXMuZm9jdXNDb250ZW50VGV4dGFyZWEoKTtcbiAgfVxuXG4gIGRpZE1vdW50KCkge1xuICAgIHRoaXMudXBkYXRlKCk7XG4gIH1cblxuICB3aWxsVW5tb3VudCgpIHtcbiAgICAvLy9cbiAgfVxuXG4gIGNoaWxkRWxlbWVudHMoKSB7XG4gICAgcmV0dXJuIChcblxuICAgICAgPENvbHVtbnNEaXY+XG4gICAgICAgIDxTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxTdWJIZWFkaW5nPlxuICAgICAgICAgICAgICBDb250ZW50XG4gICAgICAgICAgICA8L1N1YkhlYWRpbmc+XG4gICAgICAgICAgICA8Q29udGVudFRleHRhcmVhIG9uS2V5VXA9e3RoaXMua2V5VXBIYW5kbGVyfSAvPlxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9TaXplYWJsZURpdj5cbiAgICAgICAgPFZlcnRpY2FsU3BsaXR0ZXJEaXYvPlxuICAgICAgICA8Q29sdW1uRGl2PlxuICAgICAgICAgIDxNYXJrZG93bkRpdi8+XG4gICAgICAgIDwvQ29sdW1uRGl2PlxuICAgICAgPC9Db2x1bW5zRGl2PlxuXG4gICAgKTtcbiAgfVxuXG4gIGluaXRpYWxpc2UoKSB7XG4gICAgdGhpcy5hc3NpZ25Db250ZXh0KCk7XG5cbiAgICBjb25zdCB7IGluaXRpYWxDb250ZW50IH0gPSB0aGlzLmNvbnN0cnVjdG9yLFxuICAgICAgICAgIGNvbnRlbnQgPSBpbml0aWFsQ29udGVudDsgLy8vXG5cbiAgICB0aGlzLnNldENvbnRlbnQoY29udGVudCk7XG4gIH1cblxuICBzdGF0aWMgdGFnTmFtZSA9IFwiZGl2XCI7XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJ2aWV3XCJcbiAgfTtcblxuICBzdGF0aWMgaW5pdGlhbENvbnRlbnQgPSBgJycnanNvblxueyAgXG59XG4nJydcbmA7XG5cbiAgc3RhdGljIF9pbml0aWFsQ29udGVudCA9IGBcbiMjIyBKYXZhU2NyaXB0XG4gIFxuJycnamF2YXNjcmlwdFxuXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCBcImp1eHRhcG9zZVwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgLy8vXG5cbmltcG9ydCB7IEJvZHkgfSBmcm9tIFwiZWFzeVwiO1xuXG5mdW5jdGlvbiBzaW1wbGVBcHBsaWNhdGlvbihzZWxlY3Rvcikge1xuICBjb25zdCBib2R5ID0gbmV3IEJvZHkoc2VsZWN0b3IpO1xuXG4gIGJvZHkubW91bnQoXG5cbiAgICA8cD5cbiAgICAgIEEgc2ltcGxlIGFwcGxpY2F0aW9uLlxuICAgIDwvcD5cblxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoc2ltcGxlQXBwbGljYXRpb24pXFxgXG5cbiAgY29sb3I6IFxcXFwjMzMzO1xuXG5cXGA7XG4nJydcblxuIyMjIEpTT05cblxuJycnanNvblxueyAgXG4gIFwidHlwZVwiOiBcImJvb2tcIixcbiAgXCJ0aXRsZVwiOiBcIkxvb2sgdG8gV2luZHdhcmRcIixcbiAgXCJhdXRob3JcIjogXCJMb29rIHRvIFdpbmR3YXJkXCIsXG4gIFwic3RvcmVzXCIgOiBbe1xuICAgIFwiaWRlbnRpZmllclwiOiAxMjNcbiAgfV0sXG4gIFwiZGV0YWlsc1wiIDoge1xuICAgIFwiaW4tcHJpbnRcIjogdHJ1ZSxcbiAgICBcInN0b2NrLWNvdW50XCI6IDEyM1xuICB9XG59XG4nJydcblxuIyMjIFhNTFxuXG4nJyd4bWxcbjw/eG1sIHZlcnNpb249XCIxLjBcIiBlbmNvZGluZz1cIlVURi04XCI/PlxuPCEtLSBMb29rIHRvIFdpbmR3YXJkIGJ5IElhaW4gTS4gQmFua3MgLS0+XG48Ym9vaz5cbiAgPG5hbWU+XG4gICAgTG9vayB0byBXaW5kd2FyZFxuICA8L25hbWU+XG4gIDxhdXRob3I+XG4gICAgSWFpbiBNLiBCYW5rc1xuICA8L2F1dGhvcj5cbiAgPGxhbmd1YWdlPlxuICAgIEVuZ2xpc2hcbiAgPC9sYW5ndWFnZT5cbiAgPGdlbnJlPlxuICAgIFNjaWVuY2UgZmljdGlvblxuICA8L2dlbnJlPlxuPC9ib29rPlxuJycnXG5gO1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgcGFkZGluZzogMXJlbTtcbiAgXG5gO1xuIl0sIm5hbWVzIjpbInRva2Vuc0Zyb21Db250ZW50IiwibWFya2Rvd25VdGlsaXRpZXMiLCJub2RlRnJvbVRva2VucyIsIlZpZXciLCJrZXlVcEhhbmRsZXIiLCJldmVudCIsImVsZW1lbnQiLCJ1cGRhdGUiLCJjb250ZW50IiwiZ2V0Q29udGVudCIsInRva2VucyIsIm5vZGUiLCJjbGVhck1hcmtkb3duRGl2IiwidXBkYXRlTWFya2Rvd25EaXYiLCJmb2N1c0NvbnRlbnRUZXh0YXJlYSIsImRpZE1vdW50Iiwid2lsbFVubW91bnQiLCJjaGlsZEVsZW1lbnRzIiwiQ29sdW1uc0RpdiIsIlNpemVhYmxlRGl2IiwiUm93c0RpdiIsIlN1YkhlYWRpbmciLCJDb250ZW50VGV4dGFyZWEiLCJvbktleVVwIiwiVmVydGljYWxTcGxpdHRlckRpdiIsIkNvbHVtbkRpdiIsIk1hcmtkb3duRGl2IiwiaW5pdGlhbGlzZSIsImFzc2lnbkNvbnRleHQiLCJpbml0aWFsQ29udGVudCIsImNvbnN0cnVjdG9yIiwic2V0Q29udGVudCIsIkVsZW1lbnQiLCJ0YWdOYW1lIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJfaW5pdGlhbENvbnRlbnQiLCJ3aXRoU3R5bGUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQTBKQTs7O2VBQUE7OztvRUF4SnNCO29CQUVFO3FCQUNVOzBCQUN1Qjs2REFFbkM7aUVBQ0M7K0RBQ0M7K0RBQ0E7OERBQ0k7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFNUIsSUFBUUEsb0JBQXNDQyx3QkFBaUIsQ0FBdkRELG1CQUFtQkUsaUJBQW1CRCx3QkFBaUIsQ0FBcENDO0FBRTNCLElBQUEsQUFBTUMscUJBQU47Y0FBTUE7YUFBQUE7Z0NBQUFBOztnQkFBTixrQkFBTUEsa0JBQ0pDLHdCQUFBQSxnQkFBZSxTQUFDQyxPQUFPQztZQUNyQixNQUFLQyxNQUFNO1FBQ2I7OztrQkFISUo7O1lBS0pJLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxJQUFNQyxVQUFVLElBQUksQ0FBQ0MsVUFBVSxJQUN6QkMsU0FBU1Ysa0JBQWtCUSxVQUMzQkcsT0FBT1QsZUFBZVE7Z0JBRTVCLElBQUksQ0FBQ0UsZ0JBQWdCO2dCQUVyQixJQUFJLENBQUNDLGlCQUFpQixDQUFDRixNQUFNRDtnQkFFN0IsSUFBSSxDQUFDSSxvQkFBb0I7WUFDM0I7OztZQUVBQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBSSxDQUFDUixNQUFNO1lBQ2I7OztZQUVBUyxLQUFBQTttQkFBQUEsU0FBQUE7WUFDRSxHQUFHO1lBQ0w7OztZQUVBQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UscUJBRUUsb0JBQUNDLHNCQUFVLHNCQUNULG9CQUFDQyxpQkFBVyxzQkFDVixvQkFBQ0MsbUJBQU8sc0JBQ04sb0JBQUNDLG1CQUFVLFFBQUMsMEJBR1osb0JBQUNDLGdCQUFlO29CQUFDQyxTQUFTLElBQUksQ0FBQ25CLFlBQVk7b0NBRy9DLG9CQUFDb0IsK0JBQW1CLHVCQUNwQixvQkFBQ0MsZUFBUyxzQkFDUixvQkFBQ0MsaUJBQVc7WUFLcEI7OztZQUVBQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBSSxDQUFDQyxhQUFhO2dCQUVsQixJQUFNLEFBQUVDLGlCQUFtQixJQUFJLENBQUNDLFdBQVcsQ0FBbkNELGdCQUNGckIsVUFBVXFCLGdCQUFnQixHQUFHO2dCQUVuQyxJQUFJLENBQUNFLFVBQVUsQ0FBQ3ZCO1lBQ2xCOzs7V0FyRElMO3FCQUFhNkIsYUFBTztBQXVEeEIsaUJBdkRJN0IsTUF1REc4QixXQUFVO0FBRWpCLGlCQXpESTlCLE1BeURHK0IscUJBQW9CO0lBQ3pCQyxXQUFXO0FBQ2I7QUFFQSxpQkE3REloQyxNQTZERzBCLGtCQUFrQjtBQU16QixpQkFuRUkxQixNQW1FR2lDLG1CQUFtQjtJQXVFNUIsV0FBZUMsSUFBQUEsc0JBQVMsRUFBQ2xDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuaW1wb3J0IHsgZ3JhbW1hclV0aWxpdGllcyB9IGZyb20gXCIuLi9pbmRleFwiOyAvLy9cbmltcG9ydCB7IFJvd3NEaXYsIENvbHVtbnNEaXYsIFZlcnRpY2FsU3BsaXR0ZXJEaXYgfSBmcm9tIFwiZWFzeS1sYXlvdXRcIjtcblxuaW1wb3J0IENvbHVtbkRpdiBmcm9tIFwiLi92aWV3L2Rpdi9jb2x1bW5cIjtcbmltcG9ydCBTdWJIZWFkaW5nIGZyb20gXCIuL3ZpZXcvc3ViSGVhZGluZ1wiO1xuaW1wb3J0IFNpemVhYmxlRGl2IGZyb20gXCIuL3ZpZXcvZGl2L3NpemVhYmxlXCI7XG5pbXBvcnQgTWFya2Rvd25EaXYgZnJvbSBcIi4vdmlldy9kaXYvbWFya2Rvd25cIjtcbmltcG9ydCBDb250ZW50VGV4dGFyZWEgZnJvbSBcIi4vdmlldy90ZXh0YXJlYS9jb250ZW50XCI7XG5cbmNvbnN0IHsgdG9rZW5zRnJvbU1hcmtkb3duLCBtYXJrZG93bk5vZGVGcm9tVG9rZW5zIH0gPSBncmFtbWFyVXRpbGl0aWVzO1xuXG5jbGFzcyBWaWV3IGV4dGVuZHMgRWxlbWVudCB7XG4gIGtleVVwSGFuZGxlciA9IChldmVudCwgZWxlbWVudCkgPT4ge1xuICAgIHRoaXMudXBkYXRlKCk7XG4gIH1cblxuICB1cGRhdGUoKSB7XG4gICAgY29uc3QgY29udGVudCA9IHRoaXMuZ2V0Q29udGVudCgpLFxuICAgICAgICAgIG1hcmtkb3duID0gY29udGVudCwgLy8vXG4gICAgICAgICAgdG9rZW5zID0gdG9rZW5zRnJvbU1hcmtkb3duKG1hcmtkb3duKSxcbiAgICAgICAgICBtYXJrZG93bk5vZGUgPSBtYXJrZG93bk5vZGVGcm9tVG9rZW5zKHRva2Vucyk7XG5cbiAgICB0aGlzLmNsZWFyTWFya2Rvd25EaXYoKTtcblxuICAgIHRoaXMudXBkYXRlTWFya2Rvd25EaXYobWFya2Rvd25Ob2RlLCB0b2tlbnMpO1xuXG4gICAgdGhpcy5mb2N1c0NvbnRlbnRUZXh0YXJlYSgpO1xuICB9XG5cbiAgZGlkTW91bnQoKSB7XG4gICAgdGhpcy51cGRhdGUoKTtcbiAgfVxuXG4gIHdpbGxVbm1vdW50KCkge1xuICAgIC8vL1xuICB9XG5cbiAgY2hpbGRFbGVtZW50cygpIHtcbiAgICByZXR1cm4gKFxuXG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPFNpemVhYmxlRGl2PlxuICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgPFN1YkhlYWRpbmc+XG4gICAgICAgICAgICAgIENvbnRlbnRcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxDb250ZW50VGV4dGFyZWEgb25LZXlVcD17dGhpcy5rZXlVcEhhbmRsZXJ9IC8+XG4gICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICA8L1NpemVhYmxlRGl2PlxuICAgICAgICA8VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPE1hcmtkb3duRGl2Lz5cbiAgICAgICAgPC9Db2x1bW5EaXY+XG4gICAgICA8L0NvbHVtbnNEaXY+XG5cbiAgICApO1xuICB9XG5cbiAgaW5pdGlhbGlzZSgpIHtcbiAgICB0aGlzLmFzc2lnbkNvbnRleHQoKTtcblxuICAgIGNvbnN0IHsgaW5pdGlhbENvbnRlbnQgfSA9IHRoaXMuY29uc3RydWN0b3IsXG4gICAgICAgICAgY29udGVudCA9IGluaXRpYWxDb250ZW50OyAvLy9cblxuICAgIHRoaXMuc2V0Q29udGVudChjb250ZW50KTtcbiAgfVxuXG4gIHN0YXRpYyB0YWdOYW1lID0gXCJkaXZcIjtcblxuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInZpZXdcIlxuICB9O1xuXG4gIHN0YXRpYyBpbml0aWFsQ29udGVudCA9IGBcXGBcXGBcXGBqc29uXG57XG4gIFwiZm9vXCI6IFwiYmFoXCJcbn1cblxcYFxcYFxcYFxuYDtcblxuICBzdGF0aWMgX2luaXRpYWxDb250ZW50ID0gYFxuIyMjIEphdmFTY3JpcHRcbiAgXG4nJydqYXZhc2NyaXB0XG5cInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IFwianV4dGFwb3NlXCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAvLy9cblxuaW1wb3J0IHsgQm9keSB9IGZyb20gXCJlYXN5XCI7XG5cbmZ1bmN0aW9uIHNpbXBsZUFwcGxpY2F0aW9uKHNlbGVjdG9yKSB7XG4gIGNvbnN0IGJvZHkgPSBuZXcgQm9keShzZWxlY3Rvcik7XG5cbiAgYm9keS5tb3VudChcblxuICAgIDxwPlxuICAgICAgQSBzaW1wbGUgYXBwbGljYXRpb24uXG4gICAgPC9wPlxuXG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZShzaW1wbGVBcHBsaWNhdGlvbilcXGBcblxuICBjb2xvcjogXFxcXCMzMzM7XG5cblxcYDtcbicnJ1xuXG4jIyMgSlNPTlxuXG4nJydqc29uXG57ICBcbiAgXCJ0eXBlXCI6IFwiYm9va1wiLFxuICBcInRpdGxlXCI6IFwiTG9vayB0byBXaW5kd2FyZFwiLFxuICBcImF1dGhvclwiOiBcIkxvb2sgdG8gV2luZHdhcmRcIixcbiAgXCJzdG9yZXNcIiA6IFt7XG4gICAgXCJpZGVudGlmaWVyXCI6IDEyM1xuICB9XSxcbiAgXCJkZXRhaWxzXCIgOiB7XG4gICAgXCJpbi1wcmludFwiOiB0cnVlLFxuICAgIFwic3RvY2stY291bnRcIjogMTIzXG4gIH1cbn1cbicnJ1xuXG4jIyMgWE1MXG5cbicnJ3htbFxuPD94bWwgdmVyc2lvbj1cIjEuMFwiIGVuY29kaW5nPVwiVVRGLThcIj8+XG48IS0tIExvb2sgdG8gV2luZHdhcmQgYnkgSWFpbiBNLiBCYW5rcyAtLT5cbjxib29rPlxuICA8bmFtZT5cbiAgICBMb29rIHRvIFdpbmR3YXJkXG4gIDwvbmFtZT5cbiAgPGF1dGhvcj5cbiAgICBJYWluIE0uIEJhbmtzXG4gIDwvYXV0aG9yPlxuICA8bGFuZ3VhZ2U+XG4gICAgRW5nbGlzaFxuICA8L2xhbmd1YWdlPlxuICA8Z2VucmU+XG4gICAgU2NpZW5jZSBmaWN0aW9uXG4gIDwvZ2VucmU+XG48L2Jvb2s+XG4nJydcbmA7XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZShWaWV3KWBcblxuICBwYWRkaW5nOiAxcmVtO1xuICBcbmA7XG4iXSwibmFtZXMiOlsidG9rZW5zRnJvbU1hcmtkb3duIiwiZ3JhbW1hclV0aWxpdGllcyIsIm1hcmtkb3duTm9kZUZyb21Ub2tlbnMiLCJWaWV3Iiwia2V5VXBIYW5kbGVyIiwiZXZlbnQiLCJlbGVtZW50IiwidXBkYXRlIiwiY29udGVudCIsImdldENvbnRlbnQiLCJtYXJrZG93biIsInRva2VucyIsIm1hcmtkb3duTm9kZSIsImNsZWFyTWFya2Rvd25EaXYiLCJ1cGRhdGVNYXJrZG93bkRpdiIsImZvY3VzQ29udGVudFRleHRhcmVhIiwiZGlkTW91bnQiLCJ3aWxsVW5tb3VudCIsImNoaWxkRWxlbWVudHMiLCJDb2x1bW5zRGl2IiwiU2l6ZWFibGVEaXYiLCJSb3dzRGl2IiwiU3ViSGVhZGluZyIsIkNvbnRlbnRUZXh0YXJlYSIsIm9uS2V5VXAiLCJWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiQ29sdW1uRGl2IiwiTWFya2Rvd25EaXYiLCJpbml0aWFsaXNlIiwiYXNzaWduQ29udGV4dCIsImluaXRpYWxDb250ZW50IiwiY29uc3RydWN0b3IiLCJzZXRDb250ZW50IiwiRWxlbWVudCIsInRhZ05hbWUiLCJkZWZhdWx0UHJvcGVydGllcyIsImNsYXNzTmFtZSIsIl9pbml0aWFsQ29udGVudCIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBNEpBOzs7ZUFBQTs7O29FQTFKc0I7b0JBRUU7cUJBQ1M7MEJBQ3dCOzZEQUVuQztpRUFDQzsrREFDQzsrREFDQTs4REFDSTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUU1QixJQUFRQSxxQkFBK0NDLHVCQUFnQixDQUEvREQsb0JBQW9CRSx5QkFBMkJELHVCQUFnQixDQUEzQ0M7QUFFNUIsSUFBQSxBQUFNQyxxQkFBTjtjQUFNQTthQUFBQTtnQ0FBQUE7O2dCQUFOLGtCQUFNQSxrQkFDSkMsd0JBQUFBLGdCQUFlLFNBQUNDLE9BQU9DO1lBQ3JCLE1BQUtDLE1BQU07UUFDYjs7O2tCQUhJSjs7WUFLSkksS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU1DLFVBQVUsSUFBSSxDQUFDQyxVQUFVLElBQ3pCQyxXQUFXRixTQUNYRyxTQUFTWCxtQkFBbUJVLFdBQzVCRSxlQUFlVix1QkFBdUJTO2dCQUU1QyxJQUFJLENBQUNFLGdCQUFnQjtnQkFFckIsSUFBSSxDQUFDQyxpQkFBaUIsQ0FBQ0YsY0FBY0Q7Z0JBRXJDLElBQUksQ0FBQ0ksb0JBQW9CO1lBQzNCOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQUksQ0FBQ1QsTUFBTTtZQUNiOzs7WUFFQVUsS0FBQUE7bUJBQUFBLFNBQUFBO1lBQ0UsR0FBRztZQUNMOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLHFCQUVFLG9CQUFDQyxzQkFBVSxzQkFDVCxvQkFBQ0MsaUJBQVcsc0JBQ1Ysb0JBQUNDLG1CQUFPLHNCQUNOLG9CQUFDQyxtQkFBVSxRQUFDLDBCQUdaLG9CQUFDQyxnQkFBZTtvQkFBQ0MsU0FBUyxJQUFJLENBQUNwQixZQUFZO29DQUcvQyxvQkFBQ3FCLCtCQUFtQix1QkFDcEIsb0JBQUNDLGVBQVMsc0JBQ1Isb0JBQUNDLGlCQUFXO1lBS3BCOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQUksQ0FBQ0MsYUFBYTtnQkFFbEIsSUFBTSxBQUFFQyxpQkFBbUIsSUFBSSxDQUFDQyxXQUFXLENBQW5DRCxnQkFDRnRCLFVBQVVzQixnQkFBZ0IsR0FBRztnQkFFbkMsSUFBSSxDQUFDRSxVQUFVLENBQUN4QjtZQUNsQjs7O1dBdERJTDtxQkFBYThCLGFBQU87QUF3RHhCLGlCQXhESTlCLE1Bd0RHK0IsV0FBVTtBQUVqQixpQkExREkvQixNQTBER2dDLHFCQUFvQjtJQUN6QkMsV0FBVztBQUNiO0FBRUEsaUJBOURJakMsTUE4REcyQixrQkFBa0I7QUFPekIsaUJBckVJM0IsTUFxRUdrQyxtQkFBbUI7SUF1RTVCLFdBQWVDLElBQUFBLHNCQUFTLEVBQUNuQyJ9

package/lib/index.js

@@ -12,14 +12,8 @@ _export(exports, {
     get BlockListing () {
         return _blockListing.default;
     },
-    get MarkdownLexer () {
-        return _lexer.default;
-    },
-    get MarkdownParser () {
-        return _parser.default;
-    },
-    get markdownUtilities () {
-        return _markdown.default;
+    get grammarUtilities () {
+        return _grammar.default;
     },
     get renderYappStyles () {
         return _yapp.renderYappStyles;
@@ -27,13 +21,11 @@ _export(exports, {
 });
 var _yapp = require("yapp");
 var _blockListing = /*#__PURE__*/ _interop_require_default(require("./blockListing"));
-var _lexer = /*#__PURE__*/ _interop_require_default(require("./markdown/lexer"));
-var _parser = /*#__PURE__*/ _interop_require_default(require("./markdown/parser"));
-var _markdown = /*#__PURE__*/ _interop_require_default(require("./utilities/markdown"));
+var _grammar = /*#__PURE__*/ _interop_require_default(require("./utilities/grammar"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuZXhwb3J0IHsgcmVuZGVyWWFwcFN0eWxlcyB9IGZyb20gXCJ5YXBwXCI7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgQmxvY2tMaXN0aW5nIH0gZnJvbSBcIi4vYmxvY2tMaXN0aW5nXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIE1hcmtkb3duTGV4ZXIgfSBmcm9tIFwiLi9tYXJrZG93bi9sZXhlclwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBNYXJrZG93blBhcnNlciB9IGZyb20gXCIuL21hcmtkb3duL3BhcnNlclwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBtYXJrZG93blV0aWxpdGllcyB9IGZyb20gXCIuL3V0aWxpdGllcy9tYXJrZG93blwiO1xuIl0sIm5hbWVzIjpbIkJsb2NrTGlzdGluZyIsIk1hcmtkb3duTGV4ZXIiLCJNYXJrZG93blBhcnNlciIsIm1hcmtkb3duVXRpbGl0aWVzIiwicmVuZGVyWWFwcFN0eWxlcyJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7O1FBSW9CQTtlQUFBQSxxQkFBWTs7UUFDWkM7ZUFBQUEsY0FBYTs7UUFDYkM7ZUFBQUEsZUFBYzs7UUFDZEM7ZUFBQUEsaUJBQWlCOztRQUw1QkM7ZUFBQUEsc0JBQWdCOzs7b0JBQVE7bUVBRU87NERBQ0M7NkRBQ0M7K0RBQ0cifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuZXhwb3J0IHsgcmVuZGVyWWFwcFN0eWxlcyB9IGZyb20gXCJ5YXBwXCI7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgQmxvY2tMaXN0aW5nIH0gZnJvbSBcIi4vYmxvY2tMaXN0aW5nXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIGdyYW1tYXJVdGlsaXRpZXMgfSBmcm9tIFwiLi91dGlsaXRpZXMvZ3JhbW1hclwiO1xuIl0sIm5hbWVzIjpbIkJsb2NrTGlzdGluZyIsImdyYW1tYXJVdGlsaXRpZXMiLCJyZW5kZXJZYXBwU3R5bGVzIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7UUFJb0JBO2VBQUFBLHFCQUFZOztRQUNaQztlQUFBQSxnQkFBZ0I7O1FBSDNCQztlQUFBQSxzQkFBZ0I7OztvQkFBUTttRUFFTzs4REFDSSJ9

package/lib/map/node/html.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _highmarkmarkdown = require("highmark-markdown");
+var _block = /*#__PURE__*/ _interop_require_default(require("../../node/html/listing/block"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var BLOCK_LISTING_MARKDOWN_RULE_NAME = _highmarkmarkdown.markdownRuleNames.BLOCK_LISTING_MARKDOWN_RULE_NAME;
+var htmlNodeMap = Object.assign(_highmarkmarkdown.htmlNodeMap, _define_property({}, BLOCK_LISTING_MARKDOWN_RULE_NAME, _block.default));
+var _default = htmlNodeMap;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tYXAvbm9kZS9odG1sLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBodG1sTm9kZU1hcCBhcyBodG1sTm9kZU1hcEJhc2UsIG1hcmtkb3duUnVsZU5hbWVzIH0gZnJvbSBcImhpZ2htYXJrLW1hcmtkb3duXCI7XG5cbmltcG9ydCBCbG9ja0xpc3RpbmdIVE1MTm9kZSBmcm9tIFwiLi4vLi4vbm9kZS9odG1sL2xpc3RpbmcvYmxvY2tcIjtcblxuY29uc3QgeyBCTE9DS19MSVNUSU5HX01BUktET1dOX1JVTEVfTkFNRX0gPSBtYXJrZG93blJ1bGVOYW1lcztcblxuY29uc3QgaHRtbE5vZGVNYXAgPSBPYmplY3QuYXNzaWduKGh0bWxOb2RlTWFwQmFzZSwge1xuICBbQkxPQ0tfTElTVElOR19NQVJLRE9XTl9SVUxFX05BTUVdOiBCbG9ja0xpc3RpbmdIVE1MTm9kZVxufSk7XG5cbmV4cG9ydCBkZWZhdWx0IGh0bWxOb2RlTWFwO1xuIl0sIm5hbWVzIjpbIkJMT0NLX0xJU1RJTkdfTUFSS0RPV05fUlVMRV9OQU1FIiwibWFya2Rvd25SdWxlTmFtZXMiLCJodG1sTm9kZU1hcCIsIk9iamVjdCIsImFzc2lnbiIsImh0bWxOb2RlTWFwQmFzZSIsIkJsb2NrTGlzdGluZ0hUTUxOb2RlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFZQTs7O2VBQUE7OztnQ0FWa0U7NERBRWpDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRWpDLElBQU0sQUFBRUEsbUNBQW9DQyxtQ0FBaUIsQ0FBckREO0FBRVIsSUFBTUUsY0FBY0MsT0FBT0MsTUFBTSxDQUFDQyw2QkFBZSxFQUMvQyxxQkFBQ0wsa0NBQW1DTSxjQUFvQjtJQUcxRCxXQUFlSiJ9

package/lib/node/html/listing/block.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return BlockListingHTMLNode;
+    }
+});
+var _highmarkmarkdown = require("highmark-markdown");
+var _blockListing = /*#__PURE__*/ _interop_require_default(require("../../../blockListing"));
+var _constants = require("../../../constants");
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+var BlockListingHTMLNode = /*#__PURE__*/ function(HTMLNode) {
+    _inherits(BlockListingHTMLNode, HTMLNode);
+    function BlockListingHTMLNode() {
+        _class_call_check(this, BlockListingHTMLNode);
+        return _call_super(this, BlockListingHTMLNode, arguments);
+    }
+    _create_class(BlockListingHTMLNode, [
+        {
+            key: "getBlockListing",
+            value: function getBlockListing() {
+                var domElement = this.getDOMElement(), __element__ = domElement.__element__, blockListing = __element__; ///
+                return blockListing;
+            }
+        },
+        {
+            key: "content",
+            value: function content(context) {
+                var content = _constants.EMPTY_STRING;
+                var multiplicity = this.getMultiplicity(), firstIndex = 0, lastIndex = multiplicity - 1;
+                this.forEachChildNode(function(childNode, index) {
+                    if (index !== firstIndex && index !== lastIndex) {
+                        var childNodeContent = childNode.content(context);
+                        content = "".concat(content).concat(childNodeContent);
+                    }
+                });
+                content = content.replace(/\n$/, _constants.EMPTY_STRING);
+                return content;
+            }
+        },
+        {
+            key: "className",
+            value: function className(context) {
+                var className = this.fromFirstChildNode(function(firstChildNode) {
+                    var blockListingStartHTMLNode = firstChildNode, className = blockListingStartHTMLNode.className(context);
+                    return className;
+                });
+                return className;
+            }
+        },
+        {
+            key: "createDOMElement",
+            value: function createDOMElement(context) {
+                var content = this.content(context), className = this.className(context), language = className, configuration = {
+                    language: language
+                }, blockListing = _blockListing.default.fromContentAndConfiguration(content, configuration), domElement = blockListing.getDOMElement();
+                return domElement;
+            }
+        }
+    ], [
+        {
+            key: "fromNothing",
+            value: function fromNothing() {
+                return _highmarkmarkdown.HTMLNode.fromNothing(BlockListingHTMLNode);
+            }
+        },
+        {
+            key: "fromOuterNode",
+            value: function fromOuterNode(outerNode) {
+                return _highmarkmarkdown.HTMLNode.fromOuterNode(BlockListingHTMLNode, outerNode);
+            }
+        }
+    ]);
+    return BlockListingHTMLNode;
+}(_highmarkmarkdown.HTMLNode);
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9ub2RlL2h0bWwvbGlzdGluZy9ibG9jay5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgSFRNTE5vZGUgfSBmcm9tIFwiaGlnaG1hcmstbWFya2Rvd25cIjtcblxuaW1wb3J0IEJsb2NrTGlzdGluZyBmcm9tIFwiLi4vLi4vLi4vYmxvY2tMaXN0aW5nXCI7XG5cbmltcG9ydCB7IEVNUFRZX1NUUklORyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHNcIjtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQmxvY2tMaXN0aW5nSFRNTE5vZGUgZXh0ZW5kcyBIVE1MTm9kZSB7XG4gIGdldEJsb2NrTGlzdGluZygpIHtcbiAgICBjb25zdCBkb21FbGVtZW50ID0gdGhpcy5nZXRET01FbGVtZW50KCksXG4gICAgICAgICAgeyBfX2VsZW1lbnRfXyB9ID0gZG9tRWxlbWVudCwgLy8vXG4gICAgICAgICAgYmxvY2tMaXN0aW5nID0gX19lbGVtZW50X187IC8vL1xuXG4gICAgcmV0dXJuIGJsb2NrTGlzdGluZztcbiAgfVxuXG4gIGNvbnRlbnQoY29udGV4dCkge1xuICAgIGxldCBjb250ZW50ID0gRU1QVFlfU1RSSU5HO1xuXG4gICAgY29uc3QgbXVsdGlwbGljaXR5ID0gdGhpcy5nZXRNdWx0aXBsaWNpdHkoKSxcbiAgICAgICAgICBmaXJzdEluZGV4ID0gMCxcbiAgICAgICAgICBsYXN0SW5kZXggPSBtdWx0aXBsaWNpdHkgLSAxO1xuXG4gICAgdGhpcy5mb3JFYWNoQ2hpbGROb2RlKChjaGlsZE5vZGUsIGluZGV4KSA9PiB7XG4gICAgICBpZiAoKGluZGV4ICE9PSBmaXJzdEluZGV4KSAmJiAoaW5kZXggIT09IGxhc3RJbmRleCkpIHtcbiAgICAgICAgY29uc3QgY2hpbGROb2RlQ29udGVudCA9IGNoaWxkTm9kZS5jb250ZW50KGNvbnRleHQpO1xuXG4gICAgICAgIGNvbnRlbnQgPSBgJHtjb250ZW50fSR7Y2hpbGROb2RlQ29udGVudH1gO1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgY29udGVudCA9IGNvbnRlbnQucmVwbGFjZSgvXFxuJC8sIEVNUFRZX1NUUklORyk7XG5cbiAgICByZXR1cm4gY29udGVudDtcbiAgfVxuXG4gIGNsYXNzTmFtZShjb250ZXh0KSB7XG4gICAgY29uc3QgY2xhc3NOYW1lID0gdGhpcy5mcm9tRmlyc3RDaGlsZE5vZGUoKGZpcnN0Q2hpbGROb2RlKSA9PiB7XG4gICAgICBjb25zdCBibG9ja0xpc3RpbmdTdGFydEhUTUxOb2RlID0gZmlyc3RDaGlsZE5vZGUsIC8vL1xuICAgICAgICAgICAgY2xhc3NOYW1lID0gYmxvY2tMaXN0aW5nU3RhcnRIVE1MTm9kZS5jbGFzc05hbWUoY29udGV4dCk7XG5cbiAgICAgIHJldHVybiBjbGFzc05hbWU7XG4gICAgfSk7XG5cbiAgICByZXR1cm4gY2xhc3NOYW1lO1xuICB9XG5cbiAgY3JlYXRlRE9NRWxlbWVudChjb250ZXh0KSB7XG4gICAgY29uc3QgY29udGVudCA9IHRoaXMuY29udGVudChjb250ZXh0KSxcbiAgICAgICAgICBjbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZShjb250ZXh0KSxcbiAgICAgICAgICBsYW5ndWFnZSA9IGNsYXNzTmFtZSwgLy8vXG4gICAgICAgICAgY29uZmlndXJhdGlvbiA9e1xuICAgICAgICAgICAgbGFuZ3VhZ2VcbiAgICAgICAgICB9LFxuICAgICAgICAgIGJsb2NrTGlzdGluZyA9IEJsb2NrTGlzdGluZy5mcm9tQ29udGVudEFuZENvbmZpZ3VyYXRpb24oY29udGVudCwgY29uZmlndXJhdGlvbiksXG4gICAgICAgICAgZG9tRWxlbWVudCA9IGJsb2NrTGlzdGluZy5nZXRET01FbGVtZW50KCk7XG5cbiAgICByZXR1cm4gZG9tRWxlbWVudDtcbiAgfVxuXG4gIHN0YXRpYyBmcm9tTm90aGluZygpIHsgcmV0dXJuIEhUTUxOb2RlLmZyb21Ob3RoaW5nKEJsb2NrTGlzdGluZ0hUTUxOb2RlKTsgfVxuXG4gIHN0YXRpYyBmcm9tT3V0ZXJOb2RlKG91dGVyTm9kZSkgeyByZXR1cm4gSFRNTE5vZGUuZnJvbU91dGVyTm9kZShCbG9ja0xpc3RpbmdIVE1MTm9kZSwgb3V0ZXJOb2RlKTsgfVxufVxuIl0sIm5hbWVzIjpbIkJsb2NrTGlzdGluZ0hUTUxOb2RlIiwiZ2V0QmxvY2tMaXN0aW5nIiwiZG9tRWxlbWVudCIsImdldERPTUVsZW1lbnQiLCJfX2VsZW1lbnRfXyIsImJsb2NrTGlzdGluZyIsImNvbnRlbnQiLCJjb250ZXh0IiwiRU1QVFlfU1RSSU5HIiwibXVsdGlwbGljaXR5IiwiZ2V0TXVsdGlwbGljaXR5IiwiZmlyc3RJbmRleCIsImxhc3RJbmRleCIsImZvckVhY2hDaGlsZE5vZGUiLCJjaGlsZE5vZGUiLCJpbmRleCIsImNoaWxkTm9kZUNvbnRlbnQiLCJyZXBsYWNlIiwiY2xhc3NOYW1lIiwiZnJvbUZpcnN0Q2hpbGROb2RlIiwiZmlyc3RDaGlsZE5vZGUiLCJibG9ja0xpc3RpbmdTdGFydEhUTUxOb2RlIiwiY3JlYXRlRE9NRWxlbWVudCIsImxhbmd1YWdlIiwiY29uZmlndXJhdGlvbiIsIkJsb2NrTGlzdGluZyIsImZyb21Db250ZW50QW5kQ29uZmlndXJhdGlvbiIsImZyb21Ob3RoaW5nIiwiSFRNTE5vZGUiLCJmcm9tT3V0ZXJOb2RlIiwib3V0ZXJOb2RlIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7OztlQVFxQkE7OztnQ0FOSTttRUFFQTt5QkFFSTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVkLElBQUEsQUFBTUEscUNBQU47Y0FBTUE7YUFBQUE7Z0NBQUFBO2VBQU4sa0JBQU1BOztrQkFBQUE7O1lBQ25CQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTUMsYUFBYSxJQUFJLENBQUNDLGFBQWEsSUFDL0IsQUFBRUMsY0FBZ0JGLFdBQWhCRSxhQUNGQyxlQUFlRCxhQUFhLEdBQUc7Z0JBRXJDLE9BQU9DO1lBQ1Q7OztZQUVBQyxLQUFBQTttQkFBQUEsU0FBQUEsUUFBUUMsT0FBTztnQkFDYixJQUFJRCxVQUFVRSx1QkFBWTtnQkFFMUIsSUFBTUMsZUFBZSxJQUFJLENBQUNDLGVBQWUsSUFDbkNDLGFBQWEsR0FDYkMsWUFBWUgsZUFBZTtnQkFFakMsSUFBSSxDQUFDSSxnQkFBZ0IsQ0FBQyxTQUFDQyxXQUFXQztvQkFDaEMsSUFBSSxBQUFDQSxVQUFVSixjQUFnQkksVUFBVUgsV0FBWTt3QkFDbkQsSUFBTUksbUJBQW1CRixVQUFVUixPQUFPLENBQUNDO3dCQUUzQ0QsVUFBVSxBQUFDLEdBQVlVLE9BQVZWLFNBQTJCLE9BQWpCVTtvQkFDekI7Z0JBQ0Y7Z0JBRUFWLFVBQVVBLFFBQVFXLE9BQU8sQ0FBQyxPQUFPVCx1QkFBWTtnQkFFN0MsT0FBT0Y7WUFDVDs7O1lBRUFZLEtBQUFBO21CQUFBQSxTQUFBQSxVQUFVWCxPQUFPO2dCQUNmLElBQU1XLFlBQVksSUFBSSxDQUFDQyxrQkFBa0IsQ0FBQyxTQUFDQztvQkFDekMsSUFBTUMsNEJBQTRCRCxnQkFDNUJGLFlBQVlHLDBCQUEwQkgsU0FBUyxDQUFDWDtvQkFFdEQsT0FBT1c7Z0JBQ1Q7Z0JBRUEsT0FBT0E7WUFDVDs7O1lBRUFJLEtBQUFBO21CQUFBQSxTQUFBQSxpQkFBaUJmLE9BQU87Z0JBQ3RCLElBQU1ELFVBQVUsSUFBSSxDQUFDQSxPQUFPLENBQUNDLFVBQ3ZCVyxZQUFZLElBQUksQ0FBQ0EsU0FBUyxDQUFDWCxVQUMzQmdCLFdBQVdMLFdBQ1hNLGdCQUFlO29CQUNiRCxVQUFBQTtnQkFDRixHQUNBbEIsZUFBZW9CLHFCQUFZLENBQUNDLDJCQUEyQixDQUFDcEIsU0FBU2tCLGdCQUNqRXRCLGFBQWFHLGFBQWFGLGFBQWE7Z0JBRTdDLE9BQU9EO1lBQ1Q7Ozs7WUFFT3lCLEtBQUFBO21CQUFQLFNBQU9BO2dCQUFnQixPQUFPQywwQkFBUSxDQUFDRCxXQUFXLENBckQvQjNCO1lBcUR1RDs7O1lBRW5FNkIsS0FBQUE7bUJBQVAsU0FBT0EsY0FBY0MsU0FBUztnQkFBSSxPQUFPRiwwQkFBUSxDQUFDQyxhQUFhLENBdkQ1QzdCLHNCQXVEbUU4QjtZQUFZOzs7V0F2RC9FOUI7RUFBNkI0QiwwQkFBUSJ9

package/lib/utilities/grammar.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get HTMLClassFromMarkdownNode () {
+        return HTMLClassFromMarkdownNode;
+    },
+    get default () {
+        return _default;
+    },
+    get topmostHTMLNodeFromMarkdownNode () {
+        return topmostHTMLNodeFromMarkdownNode;
+    }
+});
+var _highmarkmarkdown = require("highmark-markdown");
+var _html = /*#__PURE__*/ _interop_require_default(require("../map/node/html"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var tokensFromMarkdown = _highmarkmarkdown.grammarUtilities.tokensFromMarkdown, markdownNodeFromTokens = _highmarkmarkdown.grammarUtilities.markdownNodeFromTokens, topmostHTMLNodeFromMarkdownNodeBase = _highmarkmarkdown.grammarUtilities.topmostHTMLNodeFromMarkdownNode;
+function HTMLClassFromMarkdownNode(markdownNode) {
+    var Class;
+    if (markdownNode === null) {
+        Class = _highmarkmarkdown.TopmostHTMLNode; ///
+    } else {
+        var nonTerminalNode = markdownNode, ruleName = nonTerminalNode.getRuleName();
+        Class = _html.default[ruleName] || _highmarkmarkdown.HTMLNode;
+    }
+    return Class;
+}
+function topmostHTMLNodeFromMarkdownNode(markdownNode) {
+    var ClassFromOuterNode = HTMLClassFromMarkdownNode, topmostHTMLNode = topmostHTMLNodeFromMarkdownNodeBase(markdownNode, ClassFromOuterNode);
+    return topmostHTMLNode;
+}
+var _default = {
+    tokensFromMarkdown: tokensFromMarkdown,
+    markdownNodeFromTokens: markdownNodeFromTokens,
+    HTMLClassFromMarkdownNode: HTMLClassFromMarkdownNode,
+    topmostHTMLNodeFromMarkdownNode: topmostHTMLNodeFromMarkdownNode
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvZ3JhbW1hci5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgSFRNTE5vZGUsIFRvcG1vc3RIVE1MTm9kZSwgZ3JhbW1hclV0aWxpdGllcyB9IGZyb20gXCJoaWdobWFyay1tYXJrZG93blwiO1xuXG5pbXBvcnQgaHRtbE5vZGVNYXAgZnJvbSBcIi4uL21hcC9ub2RlL2h0bWxcIjtcblxuY29uc3QgeyB0b2tlbnNGcm9tTWFya2Rvd24sXG4gICAgICAgIG1hcmtkb3duTm9kZUZyb21Ub2tlbnMsXG4gICAgICAgIHRvcG1vc3RIVE1MTm9kZUZyb21NYXJrZG93bk5vZGU6IHRvcG1vc3RIVE1MTm9kZUZyb21NYXJrZG93bk5vZGVCYXNlIH0gPSBncmFtbWFyVXRpbGl0aWVzO1xuXG5leHBvcnQgZnVuY3Rpb24gSFRNTENsYXNzRnJvbU1hcmtkb3duTm9kZShtYXJrZG93bk5vZGUpIHtcbiAgbGV0IENsYXNzO1xuXG4gIGlmIChtYXJrZG93bk5vZGUgPT09IG51bGwpIHtcbiAgICBDbGFzcyA9IFRvcG1vc3RIVE1MTm9kZTsgIC8vL1xuICB9IGVsc2Uge1xuICAgIGNvbnN0IG5vblRlcm1pbmFsTm9kZSA9IG1hcmtkb3duTm9kZSwgIC8vL1xuICAgICAgICAgIHJ1bGVOYW1lID0gbm9uVGVybWluYWxOb2RlLmdldFJ1bGVOYW1lKCk7XG5cbiAgICBDbGFzcyA9IGh0bWxOb2RlTWFwW3J1bGVOYW1lXSB8fCBIVE1MTm9kZTtcbiAgfVxuXG4gIHJldHVybiBDbGFzcztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHRvcG1vc3RIVE1MTm9kZUZyb21NYXJrZG93bk5vZGUobWFya2Rvd25Ob2RlKSB7XG4gIGNvbnN0IENsYXNzRnJvbU91dGVyTm9kZSA9IEhUTUxDbGFzc0Zyb21NYXJrZG93bk5vZGUsIC8vL1xuICAgICAgICB0b3Btb3N0SFRNTE5vZGUgPSB0b3Btb3N0SFRNTE5vZGVGcm9tTWFya2Rvd25Ob2RlQmFzZShtYXJrZG93bk5vZGUsIENsYXNzRnJvbU91dGVyTm9kZSk7XG5cbiAgcmV0dXJuIHRvcG1vc3RIVE1MTm9kZTtcbn1cblxuZXhwb3J0IGRlZmF1bHQge1xuICB0b2tlbnNGcm9tTWFya2Rvd24sXG4gIG1hcmtkb3duTm9kZUZyb21Ub2tlbnMsXG4gIEhUTUxDbGFzc0Zyb21NYXJrZG93bk5vZGUsXG4gIHRvcG1vc3RIVE1MTm9kZUZyb21NYXJrZG93bk5vZGVcbn07XG4iXSwibmFtZXMiOlsiSFRNTENsYXNzRnJvbU1hcmtkb3duTm9kZSIsInRvcG1vc3RIVE1MTm9kZUZyb21NYXJrZG93bk5vZGUiLCJ0b2tlbnNGcm9tTWFya2Rvd24iLCJncmFtbWFyVXRpbGl0aWVzIiwibWFya2Rvd25Ob2RlRnJvbVRva2VucyIsInRvcG1vc3RIVE1MTm9kZUZyb21NYXJrZG93bk5vZGVCYXNlIiwibWFya2Rvd25Ob2RlIiwiQ2xhc3MiLCJUb3Btb3N0SFRNTE5vZGUiLCJub25UZXJtaW5hbE5vZGUiLCJydWxlTmFtZSIsImdldFJ1bGVOYW1lIiwiaHRtbE5vZGVNYXAiLCJIVE1MTm9kZSIsIkNsYXNzRnJvbU91dGVyTm9kZSIsInRvcG1vc3RIVE1MTm9kZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7O1FBVWdCQTtlQUFBQTs7UUFzQmhCO2VBQUE7O1FBUGdCQztlQUFBQTs7O2dDQXZCNEM7MkRBRXBDOzs7Ozs7QUFFeEIsSUFBUUMscUJBRXlFQyxrQ0FBZ0IsQ0FGekZELG9CQUNBRSx5QkFDeUVELGtDQUFnQixDQUR6RkMsd0JBQ0FILEFBQWlDSSxzQ0FBd0NGLGtDQUFnQixDQUF6RkY7QUFFRCxTQUFTRCwwQkFBMEJNLFlBQVk7SUFDcEQsSUFBSUM7SUFFSixJQUFJRCxpQkFBaUIsTUFBTTtRQUN6QkMsUUFBUUMsaUNBQWUsRUFBRyxHQUFHO0lBQy9CLE9BQU87UUFDTCxJQUFNQyxrQkFBa0JILGNBQ2xCSSxXQUFXRCxnQkFBZ0JFLFdBQVc7UUFFNUNKLFFBQVFLLGFBQVcsQ0FBQ0YsU0FBUyxJQUFJRywwQkFBUTtJQUMzQztJQUVBLE9BQU9OO0FBQ1Q7QUFFTyxTQUFTTixnQ0FBZ0NLLFlBQVk7SUFDMUQsSUFBTVEscUJBQXFCZCwyQkFDckJlLGtCQUFrQlYsb0NBQW9DQyxjQUFjUTtJQUUxRSxPQUFPQztBQUNUO0lBRUEsV0FBZTtJQUNiYixvQkFBQUE7SUFDQUUsd0JBQUFBO0lBQ0FKLDJCQUFBQTtJQUNBQyxpQ0FBQUE7QUFDRiJ9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "highmark-yapp",
   "author": "James Smith",
-  "version": "2.0.175",
+  "version": "2.0.177",
   "license": "MIT, Anti-996",
   "homepage": "https://github.com/djalbat/highmark-uapp",
   "description": "Highmark with Yapp listings.",
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "easy": "^23.0.1",
-    "highmark-markdown": "^1.0.240",
+    "highmark-markdown": "^1.0.244",
     "yapp": "^5.1.226"
   },
   "devDependencies": {

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

@@ -3,61 +3,66 @@
 import withStyle from "easy-with-style";
 
 import { Element } from "easy";
+import { grammarUtilities } from "../../../index";  ///
+
+const { topmostHTMLNodeFromMarkdownNode } = grammarUtilities;
 
 class MarkdownDiv extends Element {
   clear() {
-    const divisionMarkdownNOde = this.getDivisionMarkdownNode();
+    const topmostHTMLNode = this.getTopmostHTMLNode();
 
-    if (divisionMarkdownNOde !== null) {
+    if (topmostHTMLNode !== null) {
       const domElement = this.getDOMElement(),
-            parentDOMElement = domElement;  ///
+            parentDOMElement = domElement,  ///
+            context = null;
 
-      divisionMarkdownNOde.unmount(parentDOMElement);
+      topmostHTMLNode.unmount(parentDOMElement, context);
 
-      this.clearDivisionMarkdownNode();
+      this.clearTopmostHTMLNode();
     }
   }
 
-  update(node, tokens) {
-    const divisionMarkdownNode = node;  ///
+  update(markdownNode, tokens) {
+    if (markdownNode === null) {
+      return;
+    }
 
-    if (divisionMarkdownNode !== null) {
-      const domElement = this.getDOMElement(),
-            parentDOMElement = domElement,  ///
-            siblingDOMElement = null,
-            context = {
-              tokens
-            };
+    const domElement = this.getDOMElement(),
+          parentDOMElement = domElement,  ///
+          siblingDOMElement = null,
+          context = {
+            tokens
+          },
+          topmostHTMLNode = topmostHTMLNodeFromMarkdownNode(markdownNode);
 
-      divisionMarkdownNode.mount(parentDOMElement, siblingDOMElement, context);
+    topmostHTMLNode.mount(parentDOMElement, siblingDOMElement, context);
 
-      this.setDivisionMarkdownNode(divisionMarkdownNode);
-    }
+    this.setTopmostHTMLNode(topmostHTMLNode);
   }
 
-  clearDivisionMarkdownNode() {
-    const divisionMarkdownNode = null;
+  clearTopmostHTMLNode() {
+    const topmostHTMLNode = null;
 
-    this.setDivisionMarkdownNode(divisionMarkdownNode);
+    this.setTopmostHTMLNode(topmostHTMLNode);
   }
 
-  getDivisionMarkdownNode() {
-    const { divisionMarkdownNode } = this.getState();
+  getTopmostHTMLNode() {
+    const { topmostHTMLNode } = this.getState();
 
-    return divisionMarkdownNode;
+    return topmostHTMLNode;
   }
 
-  setDivisionMarkdownNode(divisionMarkdownNode) {
+  setTopmostHTMLNode(topmostHTMLNode) {
     this.updateState({
-      divisionMarkdownNode
+      topmostHTMLNode
     });
   }
 
   setInitialState() {
-    const divisionMarkdownNode = null;
+    const topmostHTMLNode = null;
 
     this.setState({
-      divisionMarkdownNode
+      topmostHTMLNode
     });
   }
 

package/src/example/view.js

@@ -3,7 +3,7 @@
 import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
-import { markdownUtilities } from "../index"; ///
+import { grammarUtilities } from "../index"; ///
 import { RowsDiv, ColumnsDiv, VerticalSplitterDiv } from "easy-layout";
 
 import ColumnDiv from "./view/div/column";
@@ -12,7 +12,7 @@ import SizeableDiv from "./view/div/sizeable";
 import MarkdownDiv from "./view/div/markdown";
 import ContentTextarea from "./view/textarea/content";
 
-const { tokensFromContent, nodeFromTokens } = markdownUtilities;
+const { tokensFromMarkdown, markdownNodeFromTokens } = grammarUtilities;
 
 class View extends Element {
   keyUpHandler = (event, element) => {
@@ -21,12 +21,13 @@ class View extends Element {
 
   update() {
     const content = this.getContent(),
-          tokens = tokensFromContent(content),
-          node = nodeFromTokens(tokens);
+          markdown = content, ///
+          tokens = tokensFromMarkdown(markdown),
+          markdownNode = markdownNodeFromTokens(tokens);
 
     this.clearMarkdownDiv();
 
-    this.updateMarkdownDiv(node, tokens);
+    this.updateMarkdownDiv(markdownNode, tokens);
 
     this.focusContentTextarea();
   }
@@ -75,10 +76,11 @@ class View extends Element {
     className: "view"
   };
 
-  static initialContent = `'''json
-{  
+  static initialContent = `\`\`\`json
+{
+  "foo": "bah"
 }
-'''
+\`\`\`
 `;
 
   static _initialContent = `