highmark-yapp 1.0.8 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/example.js +114 -70
- package/lib/example/view/div/markdown.js +35 -20
- package/lib/example/view.js +8 -5
- package/lib/node/markdown/blockListing.js +55 -32
- package/lib/utilities/markdown.js +14 -12
- package/package.json +1 -1
- package/src/example/view/div/markdown.js +33 -16
- package/src/example/view.js +16 -9
- package/src/node/markdown/blockListing.js +37 -36
- package/src/utilities/markdown.js +10 -12
|
@@ -187,48 +187,63 @@ var MarkdownDiv = /*#__PURE__*/ function(Element) {
|
|
|
187
187
|
}
|
|
188
188
|
_create_class(MarkdownDiv, [
|
|
189
189
|
{
|
|
190
|
-
key: "
|
|
191
|
-
value: function
|
|
192
|
-
var
|
|
193
|
-
if (
|
|
194
|
-
this.
|
|
190
|
+
key: "clear",
|
|
191
|
+
value: function clear() {
|
|
192
|
+
var divisionMarkdownNOde = this.getDivisionMarkdownNode();
|
|
193
|
+
if (divisionMarkdownNOde !== null) {
|
|
194
|
+
var domElement = this.getDOMElement(), parentDOMElement = domElement; ///
|
|
195
|
+
divisionMarkdownNOde.unmount(parentDOMElement);
|
|
196
|
+
this.clearDivisionMarkdownNode();
|
|
195
197
|
}
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
key: "update",
|
|
202
|
+
value: function update(divisionMarkdownNode, context) {
|
|
203
|
+
if (divisionMarkdownNode !== null) {
|
|
204
|
+
var domElement = this.getDOMElement(), parentDOMElement = domElement, siblingDOMElement = null;
|
|
205
|
+
divisionMarkdownNode.mount(parentDOMElement, siblingDOMElement, context);
|
|
206
|
+
this.setDivisionMarkdownNode(divisionMarkdownNode);
|
|
200
207
|
}
|
|
201
208
|
}
|
|
202
209
|
},
|
|
203
210
|
{
|
|
204
|
-
key: "
|
|
205
|
-
value: function
|
|
206
|
-
var
|
|
207
|
-
|
|
211
|
+
key: "clearDivisionMarkdownNode",
|
|
212
|
+
value: function clearDivisionMarkdownNode() {
|
|
213
|
+
var divisionMarkdownNode = null;
|
|
214
|
+
this.setDivisionMarkdownNode(divisionMarkdownNode);
|
|
215
|
+
}
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
key: "getDivisionMarkdownNode",
|
|
219
|
+
value: function getDivisionMarkdownNode() {
|
|
220
|
+
var divisionMarkdownNode = this.getState().divisionMarkdownNode;
|
|
221
|
+
return divisionMarkdownNode;
|
|
208
222
|
}
|
|
209
223
|
},
|
|
210
224
|
{
|
|
211
|
-
key: "
|
|
212
|
-
value: function
|
|
225
|
+
key: "setDivisionMarkdownNode",
|
|
226
|
+
value: function setDivisionMarkdownNode(divisionMarkdownNode) {
|
|
213
227
|
this.updateState({
|
|
214
|
-
|
|
228
|
+
divisionMarkdownNode: divisionMarkdownNode
|
|
215
229
|
});
|
|
216
230
|
}
|
|
217
231
|
},
|
|
218
232
|
{
|
|
219
233
|
key: "setInitialState",
|
|
220
234
|
value: function setInitialState() {
|
|
221
|
-
var
|
|
235
|
+
var divisionMarkdownNode = null;
|
|
222
236
|
this.setState({
|
|
223
|
-
|
|
237
|
+
divisionMarkdownNode: divisionMarkdownNode
|
|
224
238
|
});
|
|
225
239
|
}
|
|
226
240
|
},
|
|
227
241
|
{
|
|
228
242
|
key: "parentContext",
|
|
229
243
|
value: function parentContext() {
|
|
230
|
-
var updateMarkdownDiv = this.update.bind(this);
|
|
244
|
+
var clearMarkdownDiv = this.clear.bind(this), updateMarkdownDiv = this.update.bind(this);
|
|
231
245
|
return {
|
|
246
|
+
clearMarkdownDiv: clearMarkdownDiv,
|
|
232
247
|
updateMarkdownDiv: updateMarkdownDiv
|
|
233
248
|
};
|
|
234
249
|
}
|
|
@@ -248,4 +263,4 @@ _define_property(MarkdownDiv, "defaultProperties", {
|
|
|
248
263
|
});
|
|
249
264
|
var _default = (0, _easywithstyle.default)(MarkdownDiv)(_templateObject());
|
|
250
265
|
|
|
251
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
266
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL3ZpZXcvZGl2L21hcmtkb3duLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjtcblxuaW1wb3J0IHsgRWxlbWVudCB9IGZyb20gXCJlYXN5XCI7XG5cbmNsYXNzIE1hcmtkb3duRGl2IGV4dGVuZHMgRWxlbWVudCB7XG4gIGNsZWFyKCkge1xuICAgIGNvbnN0IGRpdmlzaW9uTWFya2Rvd25OT2RlID0gdGhpcy5nZXREaXZpc2lvbk1hcmtkb3duTm9kZSgpO1xuXG4gICAgaWYgKGRpdmlzaW9uTWFya2Rvd25OT2RlICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBkb21FbGVtZW50ID0gdGhpcy5nZXRET01FbGVtZW50KCksXG4gICAgICAgICAgICBwYXJlbnRET01FbGVtZW50ID0gZG9tRWxlbWVudDsgIC8vL1xuXG4gICAgICBkaXZpc2lvbk1hcmtkb3duTk9kZS51bm1vdW50KHBhcmVudERPTUVsZW1lbnQpO1xuXG4gICAgICB0aGlzLmNsZWFyRGl2aXNpb25NYXJrZG93bk5vZGUoKTtcbiAgICB9XG4gIH1cblxuICB1cGRhdGUoZGl2aXNpb25NYXJrZG93bk5vZGUsIGNvbnRleHQpIHtcbiAgICBpZiAoZGl2aXNpb25NYXJrZG93bk5vZGUgIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IGRvbUVsZW1lbnQgPSB0aGlzLmdldERPTUVsZW1lbnQoKSxcbiAgICAgICAgICAgIHBhcmVudERPTUVsZW1lbnQgPSBkb21FbGVtZW50LCAgLy8vXG4gICAgICAgICAgICBzaWJsaW5nRE9NRWxlbWVudCA9IG51bGw7XG5cbiAgICAgIGRpdmlzaW9uTWFya2Rvd25Ob2RlLm1vdW50KHBhcmVudERPTUVsZW1lbnQsIHNpYmxpbmdET01FbGVtZW50LCBjb250ZXh0KTtcblxuICAgICAgdGhpcy5zZXREaXZpc2lvbk1hcmtkb3duTm9kZShkaXZpc2lvbk1hcmtkb3duTm9kZSk7XG4gICAgfVxuICB9XG5cbiAgY2xlYXJEaXZpc2lvbk1hcmtkb3duTm9kZSgpIHtcbiAgICBjb25zdCBkaXZpc2lvbk1hcmtkb3duTm9kZSA9IG51bGw7XG5cbiAgICB0aGlzLnNldERpdmlzaW9uTWFya2Rvd25Ob2RlKGRpdmlzaW9uTWFya2Rvd25Ob2RlKTtcbiAgfVxuXG4gIGdldERpdmlzaW9uTWFya2Rvd25Ob2RlKCkge1xuICAgIGNvbnN0IHsgZGl2aXNpb25NYXJrZG93bk5vZGUgfSA9IHRoaXMuZ2V0U3RhdGUoKTtcblxuICAgIHJldHVybiBkaXZpc2lvbk1hcmtkb3duTm9kZTtcbiAgfVxuXG4gIHNldERpdmlzaW9uTWFya2Rvd25Ob2RlKGRpdmlzaW9uTWFya2Rvd25Ob2RlKSB7XG4gICAgdGhpcy51cGRhdGVTdGF0ZSh7XG4gICAgICBkaXZpc2lvbk1hcmtkb3duTm9kZVxuICAgIH0pO1xuICB9XG5cbiAgc2V0SW5pdGlhbFN0YXRlKCkge1xuICAgIGNvbnN0IGRpdmlzaW9uTWFya2Rvd25Ob2RlID0gbnVsbDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgZGl2aXNpb25NYXJrZG93bk5vZGVcbiAgICB9KTtcbiAgfVxuXG4gIHBhcmVudENvbnRleHQoKSB7XG4gICAgY29uc3QgY2xlYXJNYXJrZG93bkRpdiA9IHRoaXMuY2xlYXIuYmluZCh0aGlzKSxcbiAgICAgICAgICB1cGRhdGVNYXJrZG93bkRpdiA9IHRoaXMudXBkYXRlLmJpbmQodGhpcyk7XG5cbiAgICByZXR1cm4gKHtcbiAgICAgIGNsZWFyTWFya2Rvd25EaXYsXG4gICAgICB1cGRhdGVNYXJrZG93bkRpdlxuICAgIH0pO1xuICB9XG5cbiAgaW5pdGlhbGlzZSgpIHtcbiAgICB0aGlzLnNldEluaXRpYWxTdGF0ZSgpO1xuICB9XG5cbiAgc3RhdGljIHRhZ05hbWUgPSBcImRpdlwiO1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcGVydGllcyA9IHtcbiAgICBjbGFzc05hbWU6IFwibWFya2Rvd25cIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoTWFya2Rvd25EaXYpYFxuXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGRhcmtncmV5O1xuICBwYWRkaW5nOiAwLjI1cmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIFxuICBcbmA7XG4iXSwibmFtZXMiOlsiTWFya2Rvd25EaXYiLCJjbGVhciIsImRpdmlzaW9uTWFya2Rvd25OT2RlIiwiZ2V0RGl2aXNpb25NYXJrZG93bk5vZGUiLCJkb21FbGVtZW50IiwiZ2V0RE9NRWxlbWVudCIsInBhcmVudERPTUVsZW1lbnQiLCJ1bm1vdW50IiwiY2xlYXJEaXZpc2lvbk1hcmtkb3duTm9kZSIsInVwZGF0ZSIsImRpdmlzaW9uTWFya2Rvd25Ob2RlIiwiY29udGV4dCIsInNpYmxpbmdET01FbGVtZW50IiwibW91bnQiLCJzZXREaXZpc2lvbk1hcmtkb3duTm9kZSIsImdldFN0YXRlIiwidXBkYXRlU3RhdGUiLCJzZXRJbml0aWFsU3RhdGUiLCJzZXRTdGF0ZSIsInBhcmVudENvbnRleHQiLCJjbGVhck1hcmtkb3duRGl2IiwiYmluZCIsInVwZGF0ZU1hcmtkb3duRGl2IiwiaW5pdGlhbGlzZSIsIkVsZW1lbnQiLCJ0YWdOYW1lIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJ3aXRoU3R5bGUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQStFQTs7O2VBQUE7OztvRUE3RXNCO29CQUVFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXhCLElBQUEsQUFBTUEsNEJBQUQsQUFBTDtjQUFNQTsrQkFBQUE7YUFBQUE7Z0NBQUFBOzs7a0JBQUFBOztZQUNKQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTUMsdUJBQXVCLElBQUksQ0FBQ0MsdUJBQXVCO2dCQUV6RCxJQUFJRCx5QkFBeUIsTUFBTTtvQkFDakMsSUFBTUUsYUFBYSxJQUFJLENBQUNDLGFBQWEsSUFDL0JDLG1CQUFtQkYsWUFBYSxHQUFHO29CQUV6Q0YscUJBQXFCSyxPQUFPLENBQUNEO29CQUU3QixJQUFJLENBQUNFLHlCQUF5QjtnQkFDaEM7WUFDRjs7O1lBRUFDLEtBQUFBO21CQUFBQSxTQUFBQSxPQUFPQyxvQkFBb0IsRUFBRUMsT0FBTztnQkFDbEMsSUFBSUQseUJBQXlCLE1BQU07b0JBQ2pDLElBQU1OLGFBQWEsSUFBSSxDQUFDQyxhQUFhLElBQy9CQyxtQkFBbUJGLFlBQ25CUSxvQkFBb0I7b0JBRTFCRixxQkFBcUJHLEtBQUssQ0FBQ1Asa0JBQWtCTSxtQkFBbUJEO29CQUVoRSxJQUFJLENBQUNHLHVCQUF1QixDQUFDSjtnQkFDL0I7WUFDRjs7O1lBRUFGLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxJQUFNRSx1QkFBdUI7Z0JBRTdCLElBQUksQ0FBQ0ksdUJBQXVCLENBQUNKO1lBQy9COzs7WUFFQVAsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU0sQUFBRU8sdUJBQXlCLElBQUksQ0FBQ0ssUUFBUSxHQUF0Q0w7Z0JBRVIsT0FBT0E7WUFDVDs7O1lBRUFJLEtBQUFBO21CQUFBQSxTQUFBQSx3QkFBd0JKLG9CQUFvQjtnQkFDMUMsSUFBSSxDQUFDTSxXQUFXLENBQUM7b0JBQ2ZOLHNCQUFBQTtnQkFDRjtZQUNGOzs7WUFFQU8sS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU1QLHVCQUF1QjtnQkFFN0IsSUFBSSxDQUFDUSxRQUFRLENBQUM7b0JBQ1pSLHNCQUFBQTtnQkFDRjtZQUNGOzs7WUFFQVMsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU1DLG1CQUFtQixJQUFJLENBQUNuQixLQUFLLENBQUNvQixJQUFJLENBQUMsSUFBSSxHQUN2Q0Msb0JBQW9CLElBQUksQ0FBQ2IsTUFBTSxDQUFDWSxJQUFJLENBQUMsSUFBSTtnQkFFL0MsT0FBUTtvQkFDTkQsa0JBQUFBO29CQUNBRSxtQkFBQUE7Z0JBQ0Y7WUFDRjs7O1lBRUFDLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxJQUFJLENBQUNOLGVBQWU7WUFDdEI7OztXQWhFSWpCO3FCQUFvQndCLGFBQU87QUFrRS9CLGlCQWxFSXhCLGFBa0VHeUIsV0FBVTtBQUVqQixpQkFwRUl6QixhQW9FRzBCLHFCQUFvQjtJQUN6QkMsV0FBVztBQUNiO0lBR0YsV0FBZUMsSUFBQUEsc0JBQVMsRUFBQzVCIn0=
|
package/lib/example/view.js
CHANGED
|
@@ -185,7 +185,7 @@ function _templateObject() {
|
|
|
185
185
|
};
|
|
186
186
|
return data;
|
|
187
187
|
}
|
|
188
|
-
var
|
|
188
|
+
var tokensFromContent = _index.markdownUtilities.tokensFromContent, nodeFromTokens = _index.markdownUtilities.nodeFromTokens;
|
|
189
189
|
var View = /*#__PURE__*/ function(Element) {
|
|
190
190
|
_inherits(View, Element);
|
|
191
191
|
var _super = _create_super(View);
|
|
@@ -202,8 +202,11 @@ var View = /*#__PURE__*/ function(Element) {
|
|
|
202
202
|
{
|
|
203
203
|
key: "update",
|
|
204
204
|
value: function update() {
|
|
205
|
-
var content = this.getContent(),
|
|
206
|
-
|
|
205
|
+
var content = this.getContent(), tokens = tokensFromContent(content), node = nodeFromTokens(tokens), context = {
|
|
206
|
+
tokens: tokens
|
|
207
|
+
}, divisionMarkdownNode = node; ///
|
|
208
|
+
this.clearMarkdownDiv();
|
|
209
|
+
this.updateMarkdownDiv(divisionMarkdownNode, context);
|
|
207
210
|
}
|
|
208
211
|
},
|
|
209
212
|
{
|
|
@@ -237,11 +240,11 @@ var View = /*#__PURE__*/ function(Element) {
|
|
|
237
240
|
]);
|
|
238
241
|
return View;
|
|
239
242
|
}(_wrap_native_super(_easy.Element));
|
|
240
|
-
_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');
|
|
241
243
|
_define_property(View, "tagName", "div");
|
|
242
244
|
_define_property(View, "defaultProperties", {
|
|
243
245
|
className: "view"
|
|
244
246
|
});
|
|
247
|
+
_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');
|
|
245
248
|
var _default = (0, _easywithstyle.default)(View)(_templateObject());
|
|
246
249
|
|
|
247
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
250
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuaW1wb3J0IHsgbWFya2Rvd25VdGlsaXRpZXMgfSBmcm9tIFwiLi4vaW5kZXhcIjsgLy8vXG5pbXBvcnQgeyBSb3dzRGl2LCBDb2x1bW5zRGl2LCBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcImVhc3ktbGF5b3V0XCI7XG5cbmltcG9ydCBDb2x1bW5EaXYgZnJvbSBcIi4vdmlldy9kaXYvY29sdW1uXCI7XG5pbXBvcnQgU3ViSGVhZGluZyBmcm9tIFwiLi92aWV3L3N1YkhlYWRpbmdcIjtcbmltcG9ydCBTaXplYWJsZURpdiBmcm9tIFwiLi92aWV3L2Rpdi9zaXplYWJsZVwiO1xuaW1wb3J0IE1hcmtkb3duRGl2IGZyb20gXCIuL3ZpZXcvZGl2L21hcmtkb3duXCI7XG5pbXBvcnQgQ29udGVudFRleHRhcmVhIGZyb20gXCIuL3ZpZXcvdGV4dGFyZWEvY29udGVudFwiO1xuXG5jb25zdCB7IHRva2Vuc0Zyb21Db250ZW50LCBub2RlRnJvbVRva2VucyB9ID0gbWFya2Rvd25VdGlsaXRpZXM7XG5cbmNsYXNzIFZpZXcgZXh0ZW5kcyBFbGVtZW50IHtcbiAga2V5VXBIYW5kbGVyID0gKGV2ZW50LCBlbGVtZW50KSA9PiB7XG4gICAgdGhpcy51cGRhdGUoKTtcbiAgfVxuXG4gIHVwZGF0ZSgpIHtcbiAgICBjb25zdCBjb250ZW50ID0gdGhpcy5nZXRDb250ZW50KCksXG4gICAgICAgICAgdG9rZW5zID0gdG9rZW5zRnJvbUNvbnRlbnQoY29udGVudCksXG4gICAgICAgICAgbm9kZSA9IG5vZGVGcm9tVG9rZW5zKHRva2VucyksXG4gICAgICAgICAgY29udGV4dCA9IHtcbiAgICAgICAgICAgIHRva2Vuc1xuICAgICAgICAgIH0sXG4gICAgICAgICAgZGl2aXNpb25NYXJrZG93bk5vZGUgPSBub2RlOyAgLy8vXG5cbiAgICB0aGlzLmNsZWFyTWFya2Rvd25EaXYoKTtcblxuICAgIHRoaXMudXBkYXRlTWFya2Rvd25EaXYoZGl2aXNpb25NYXJrZG93bk5vZGUsIGNvbnRleHQpO1xuICB9XG5cbiAgZGlkTW91bnQoKSB7XG4gICAgdGhpcy51cGRhdGUoKTtcbiAgfVxuXG4gIHdpbGxVbm1vdW50KCkge1xuICAgIC8vL1xuICB9XG5cbiAgY2hpbGRFbGVtZW50cygpIHtcbiAgICByZXR1cm4gKFxuXG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPFNpemVhYmxlRGl2PlxuICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgPFN1YkhlYWRpbmc+XG4gICAgICAgICAgICAgIENvbnRlbnRcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxDb250ZW50VGV4dGFyZWEgb25LZXlVcD17dGhpcy5rZXlVcEhhbmRsZXJ9IC8+XG4gICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICA8L1NpemVhYmxlRGl2PlxuICAgICAgICA8VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPE1hcmtkb3duRGl2Lz5cbiAgICAgICAgPC9Db2x1bW5EaXY+XG4gICAgICA8L0NvbHVtbnNEaXY+XG5cbiAgICApO1xuICB9XG5cbiAgaW5pdGlhbGlzZSgpIHtcbiAgICB0aGlzLmFzc2lnbkNvbnRleHQoKTtcblxuICAgIGNvbnN0IHsgaW5pdGlhbENvbnRlbnQgfSA9IHRoaXMuY29uc3RydWN0b3IsXG4gICAgICAgICAgY29udGVudCA9IGluaXRpYWxDb250ZW50OyAvLy9cblxuICAgIHRoaXMuc2V0Q29udGVudChjb250ZW50KTtcbiAgfVxuXG4gIHN0YXRpYyB0YWdOYW1lID0gXCJkaXZcIjtcblxuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInZpZXdcIlxuICB9O1xuXG4gIHN0YXRpYyBpbml0aWFsQ29udGVudCA9IGBcbiMjIyBKYXZhU2NyaXB0XG4gIFxuJycnamF2YXNjcmlwdFxuXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCBcImp1eHRhcG9zZVwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgLy8vXG5cbmltcG9ydCB7IEJvZHkgfSBmcm9tIFwiZWFzeVwiO1xuXG5mdW5jdGlvbiBzaW1wbGVBcHBsaWNhdGlvbihzZWxlY3Rvcikge1xuICBjb25zdCBib2R5ID0gbmV3IEJvZHkoc2VsZWN0b3IpO1xuXG4gIGJvZHkubW91bnQoXG5cbiAgICA8cD5cbiAgICAgIEEgc2ltcGxlIGFwcGxpY2F0aW9uLlxuICAgIDwvcD5cblxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoc2ltcGxlQXBwbGljYXRpb24pXFxgXG5cbiAgY29sb3I6IFxcXFwjMzMzO1xuXG5cXGA7XG4nJydcblxuIyMjIEpTT05cblxuJycnanNvblxueyAgXG4gIFwidHlwZVwiOiBcImJvb2tcIixcbiAgXCJ0aXRsZVwiOiBcIkxvb2sgdG8gV2luZHdhcmRcIixcbiAgXCJhdXRob3JcIjogXCJMb29rIHRvIFdpbmR3YXJkXCIsXG4gIFwic3RvcmVzXCIgOiBbe1xuICAgIFwiaWRlbnRpZmllclwiOiAxMjNcbiAgfV0sXG4gIFwiZGV0YWlsc1wiIDoge1xuICAgIFwiaW4tcHJpbnRcIjogdHJ1ZSxcbiAgICBcInN0b2NrLWNvdW50XCI6IDEyM1xuICB9XG59XG4nJydcblxuIyMjIFhNTFxuXG4nJyd4bWxcbjw/eG1sIHZlcnNpb249XCIxLjBcIiBlbmNvZGluZz1cIlVURi04XCI/PlxuPCEtLSBMb29rIHRvIFdpbmR3YXJkIGJ5IElhaW4gTS4gQmFua3MgLS0+XG48Ym9vaz5cbiAgPG5hbWU+XG4gICAgTG9vayB0byBXaW5kd2FyZFxuICA8L25hbWU+XG4gIDxhdXRob3I+XG4gICAgSWFpbiBNLiBCYW5rc1xuICA8L2F1dGhvcj5cbiAgPGxhbmd1YWdlPlxuICAgIEVuZ2xpc2hcbiAgPC9sYW5ndWFnZT5cbiAgPGdlbnJlPlxuICAgIFNjaWVuY2UgZmljdGlvblxuICA8L2dlbnJlPlxuPC9ib29rPlxuJycnXG5gO1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgcGFkZGluZzogMXJlbTtcbiAgXG5gO1xuIl0sIm5hbWVzIjpbInRva2Vuc0Zyb21Db250ZW50IiwibWFya2Rvd25VdGlsaXRpZXMiLCJub2RlRnJvbVRva2VucyIsIlZpZXciLCJrZXlVcEhhbmRsZXIiLCJldmVudCIsImVsZW1lbnQiLCJ1cGRhdGUiLCJjb250ZW50IiwiZ2V0Q29udGVudCIsInRva2VucyIsIm5vZGUiLCJjb250ZXh0IiwiZGl2aXNpb25NYXJrZG93bk5vZGUiLCJjbGVhck1hcmtkb3duRGl2IiwidXBkYXRlTWFya2Rvd25EaXYiLCJkaWRNb3VudCIsIndpbGxVbm1vdW50IiwiY2hpbGRFbGVtZW50cyIsIkNvbHVtbnNEaXYiLCJTaXplYWJsZURpdiIsIlJvd3NEaXYiLCJTdWJIZWFkaW5nIiwiQ29udGVudFRleHRhcmVhIiwib25LZXlVcCIsIlZlcnRpY2FsU3BsaXR0ZXJEaXYiLCJDb2x1bW5EaXYiLCJNYXJrZG93bkRpdiIsImluaXRpYWxpc2UiLCJhc3NpZ25Db250ZXh0IiwiaW5pdGlhbENvbnRlbnQiLCJjb25zdHJ1Y3RvciIsInNldENvbnRlbnQiLCJFbGVtZW50IiwidGFnTmFtZSIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFzSkE7OztlQUFBOzs7b0VBcEpzQjtvQkFFRTtxQkFDVTswQkFDdUI7NkRBRW5DO2lFQUNDOytEQUNDOytEQUNBOzhEQUNJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRTVCLElBQVFBLG9CQUFzQ0Msd0JBQWlCLENBQXZERCxtQkFBbUJFLGlCQUFtQkQsd0JBQWlCLENBQXBDQztBQUUzQixJQUFBLEFBQU1DLHFCQUFELEFBQUw7Y0FBTUE7K0JBQUFBO2FBQUFBO2dDQUFBQTs7O1FBQ0pDLGtEQUFBQSxnQkFBZSxTQUFDQyxPQUFPQztZQUNyQixNQUFLQyxNQUFNO1FBQ2I7OztrQkFISUo7O1lBS0pJLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxJQUFNQyxVQUFVLElBQUksQ0FBQ0MsVUFBVSxJQUN6QkMsU0FBU1Ysa0JBQWtCUSxVQUMzQkcsT0FBT1QsZUFBZVEsU0FDdEJFLFVBQVU7b0JBQ1JGLFFBQUFBO2dCQUNGLEdBQ0FHLHVCQUF1QkYsTUFBTyxHQUFHO2dCQUV2QyxJQUFJLENBQUNHLGdCQUFnQjtnQkFFckIsSUFBSSxDQUFDQyxpQkFBaUIsQ0FBQ0Ysc0JBQXNCRDtZQUMvQzs7O1lBRUFJLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxJQUFJLENBQUNULE1BQU07WUFDYjs7O1lBRUFVLEtBQUFBO21CQUFBQSxTQUFBQTtZQUNFLEdBQUc7WUFDTDs7O1lBRUFDLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxxQkFFRSxvQkFBQ0Msc0JBQVUsc0JBQ1Qsb0JBQUNDLGlCQUFXLHNCQUNWLG9CQUFDQyxtQkFBTyxzQkFDTixvQkFBQ0MsbUJBQVUsUUFBQywwQkFHWixvQkFBQ0MsZ0JBQWU7b0JBQUNDLFNBQVMsSUFBSSxDQUFDcEIsWUFBWTtvQ0FHL0Msb0JBQUNxQiwrQkFBbUIsdUJBQ3BCLG9CQUFDQyxlQUFTLHNCQUNSLG9CQUFDQyxpQkFBVztZQUtwQjs7O1lBRUFDLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxJQUFJLENBQUNDLGFBQWE7Z0JBRWxCLElBQU0sQUFBRUMsaUJBQW1CLElBQUksQ0FBQ0MsV0FBVyxDQUFuQ0QsZ0JBQ0Z0QixVQUFVc0IsZ0JBQWdCLEdBQUc7Z0JBRW5DLElBQUksQ0FBQ0UsVUFBVSxDQUFDeEI7WUFDbEI7OztXQXZESUw7cUJBQWE4QixhQUFPO0FBeUR4QixpQkF6REk5QixNQXlERytCLFdBQVU7QUFFakIsaUJBM0RJL0IsTUEyREdnQyxxQkFBb0I7SUFDekJDLFdBQVc7QUFDYjtBQUVBLGlCQS9ESWpDLE1BK0RHMkIsa0JBQWtCO0lBdUUzQixXQUFlTyxJQUFBQSxzQkFBUyxFQUFDbEMifQ==
|
|
@@ -10,7 +10,6 @@ Object.defineProperty(exports, "default", {
|
|
|
10
10
|
});
|
|
11
11
|
var _highmarkmarkdown = require("highmark-markdown");
|
|
12
12
|
var _necessary = require("necessary");
|
|
13
|
-
var _easy = require("easy");
|
|
14
13
|
var _blockListing = /*#__PURE__*/ _interop_require_default(require("../../blockListing"));
|
|
15
14
|
var _constants = require("../../constants");
|
|
16
15
|
function _assert_this_initialized(self) {
|
|
@@ -38,6 +37,22 @@ function _create_class(Constructor, protoProps, staticProps) {
|
|
|
38
37
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
39
38
|
return Constructor;
|
|
40
39
|
}
|
|
40
|
+
function _get(target, property, receiver) {
|
|
41
|
+
if (typeof Reflect !== "undefined" && Reflect.get) {
|
|
42
|
+
_get = Reflect.get;
|
|
43
|
+
} else {
|
|
44
|
+
_get = function get(target, property, receiver) {
|
|
45
|
+
var base = _super_prop_base(target, property);
|
|
46
|
+
if (!base) return;
|
|
47
|
+
var desc = Object.getOwnPropertyDescriptor(base, property);
|
|
48
|
+
if (desc.get) {
|
|
49
|
+
return desc.get.call(receiver || target);
|
|
50
|
+
}
|
|
51
|
+
return desc.value;
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
return _get(target, property, receiver || target);
|
|
55
|
+
}
|
|
41
56
|
function _get_prototype_of(o) {
|
|
42
57
|
_get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
|
|
43
58
|
return o.__proto__ || Object.getPrototypeOf(o);
|
|
@@ -75,6 +90,13 @@ function _set_prototype_of(o, p) {
|
|
|
75
90
|
};
|
|
76
91
|
return _set_prototype_of(o, p);
|
|
77
92
|
}
|
|
93
|
+
function _super_prop_base(object, property) {
|
|
94
|
+
while(!Object.prototype.hasOwnProperty.call(object, property)){
|
|
95
|
+
object = _get_prototype_of(object);
|
|
96
|
+
if (object === null) break;
|
|
97
|
+
}
|
|
98
|
+
return object;
|
|
99
|
+
}
|
|
78
100
|
function _type_of(obj) {
|
|
79
101
|
"@swc/helpers - typeof";
|
|
80
102
|
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
@@ -103,7 +125,7 @@ function _create_super(Derived) {
|
|
|
103
125
|
return _possible_constructor_return(this, result);
|
|
104
126
|
};
|
|
105
127
|
}
|
|
106
|
-
var first = _necessary.arrayUtilities.first
|
|
128
|
+
var first = _necessary.arrayUtilities.first;
|
|
107
129
|
var BlockListingMarkdownNode = /*#__PURE__*/ function(MarkdownNode) {
|
|
108
130
|
_inherits(BlockListingMarkdownNode, MarkdownNode);
|
|
109
131
|
var _super = _create_super(BlockListingMarkdownNode);
|
|
@@ -113,27 +135,10 @@ var BlockListingMarkdownNode = /*#__PURE__*/ function(MarkdownNode) {
|
|
|
113
135
|
}
|
|
114
136
|
_create_class(BlockListingMarkdownNode, [
|
|
115
137
|
{
|
|
116
|
-
key: "
|
|
117
|
-
value: function
|
|
118
|
-
var domElement = this.getDOMElement(),
|
|
119
|
-
return
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
{
|
|
123
|
-
key: "createDOMElement",
|
|
124
|
-
value: function createDOMElement(context) {
|
|
125
|
-
var className = this.className(context), language = className, content = this.content(context), configuration = {
|
|
126
|
-
language: language
|
|
127
|
-
}, blockListing = _blockListing.default.fromContentAndConfiguration(content, configuration), domElement = blockListing.getDOMElement();
|
|
128
|
-
this.setDOMElement(domElement);
|
|
129
|
-
return domElement;
|
|
130
|
-
}
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
key: "className",
|
|
134
|
-
value: function className(context) {
|
|
135
|
-
var childNodes = this.getChildNodes(), firstChildNode = first(childNodes), blockListingStartMarkdownNode = firstChildNode, className = blockListingStartMarkdownNode.className(context);
|
|
136
|
-
return className;
|
|
138
|
+
key: "getBlockListing",
|
|
139
|
+
value: function getBlockListing() {
|
|
140
|
+
var domElement = this.getDOMElement(), __element__ = domElement.__element__, blockListing = __element__; ///
|
|
141
|
+
return blockListing;
|
|
137
142
|
}
|
|
138
143
|
},
|
|
139
144
|
{
|
|
@@ -152,17 +157,35 @@ var BlockListingMarkdownNode = /*#__PURE__*/ function(MarkdownNode) {
|
|
|
152
157
|
}
|
|
153
158
|
},
|
|
154
159
|
{
|
|
155
|
-
key: "
|
|
156
|
-
value: function
|
|
157
|
-
var
|
|
158
|
-
|
|
160
|
+
key: "className",
|
|
161
|
+
value: function className(context) {
|
|
162
|
+
var childNodes = this.getChildNodes(), firstChildNode = first(childNodes), blockListingStartMarkdownNode = firstChildNode, className = blockListingStartMarkdownNode.className(context);
|
|
163
|
+
return className;
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
key: "mount",
|
|
168
|
+
value: function mount(parentDOMElement, siblingDOMElement, context) {
|
|
169
|
+
_get(_get_prototype_of(BlockListingMarkdownNode.prototype), "mount", this).call(this, parentDOMElement, siblingDOMElement, context);
|
|
170
|
+
var blockListing = this.getBlockListing();
|
|
171
|
+
blockListing.didMount();
|
|
159
172
|
}
|
|
160
173
|
},
|
|
161
174
|
{
|
|
162
|
-
key: "
|
|
163
|
-
value: function
|
|
164
|
-
var
|
|
165
|
-
|
|
175
|
+
key: "unmount",
|
|
176
|
+
value: function unmount(parentDOMElement, context) {
|
|
177
|
+
var blockListing = this.getBlockListing();
|
|
178
|
+
blockListing.willUnmount();
|
|
179
|
+
_get(_get_prototype_of(BlockListingMarkdownNode.prototype), "unmount", this).call(this, parentDOMElement, context);
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
key: "createDOMElement",
|
|
184
|
+
value: function createDOMElement(context) {
|
|
185
|
+
var content = this.content(context), className = this.className(context), language = className, configuration = {
|
|
186
|
+
language: language
|
|
187
|
+
}, blockListing = _blockListing.default.fromContentAndConfiguration(content, configuration), domElement = blockListing.getDOMElement();
|
|
188
|
+
return domElement;
|
|
166
189
|
}
|
|
167
190
|
}
|
|
168
191
|
], [
|
|
@@ -176,4 +199,4 @@ var BlockListingMarkdownNode = /*#__PURE__*/ function(MarkdownNode) {
|
|
|
176
199
|
return BlockListingMarkdownNode;
|
|
177
200
|
}(_highmarkmarkdown.MarkdownNode);
|
|
178
201
|
|
|
179
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
202
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ub2RlL21hcmtkb3duL2Jsb2NrTGlzdGluZy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgTWFya2Rvd25Ob2RlIH0gZnJvbSBcImhpZ2htYXJrLW1hcmtkb3duXCI7XG5pbXBvcnQgeyBhcnJheVV0aWxpdGllcyB9IGZyb20gXCJuZWNlc3NhcnlcIjtcblxuaW1wb3J0IEJsb2NrTGlzdGluZyBmcm9tIFwiLi4vLi4vYmxvY2tMaXN0aW5nXCI7XG5cbmltcG9ydCB7IEVNUFRZX1NUUklORyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcblxuY29uc3QgeyBmaXJzdCB9ID0gYXJyYXlVdGlsaXRpZXM7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEJsb2NrTGlzdGluZ01hcmtkb3duTm9kZSBleHRlbmRzIE1hcmtkb3duTm9kZSB7XG4gIGdldEJsb2NrTGlzdGluZygpIHtcbiAgICBjb25zdCBkb21FbGVtZW50ID0gdGhpcy5nZXRET01FbGVtZW50KCksXG4gICAgICAgICAgeyBfX2VsZW1lbnRfXyB9ID0gZG9tRWxlbWVudCwgLy8vXG4gICAgICAgICAgYmxvY2tMaXN0aW5nID0gX19lbGVtZW50X187IC8vL1xuXG4gICAgcmV0dXJuIGJsb2NrTGlzdGluZztcbiAgfVxuXG4gIGNvbnRlbnQoY29udGV4dCkge1xuICAgIGxldCBjb250ZW50ID0gRU1QVFlfU1RSSU5HO1xuXG4gICAgY29uc3QgY2hpbGROb2RlcyA9IHRoaXMuZ2V0Q2hpbGROb2RlcygpLFxuICAgICAgICAgIGNoaWxkTm9kZXNMZW5ndGggPSBjaGlsZE5vZGVzLmxlbmd0aCxcbiAgICAgICAgICBmaXJzdEluZGV4ID0gMCxcbiAgICAgICAgICBsYXN0SW5kZXggPSBjaGlsZE5vZGVzTGVuZ3RoIC0gMTtcblxuICAgIGNoaWxkTm9kZXMuZm9yRWFjaCgoY2hpbGROb2RlLCBpbmRleCkgPT4ge1xuICAgICAgaWYgKChpbmRleCAhPT0gZmlyc3RJbmRleCkgJiYgKGluZGV4ICE9PSBsYXN0SW5kZXgpKSB7XG4gICAgICAgIGNvbnN0IGNoaWxkTm9kZUNvbnRlbnQgPSBjaGlsZE5vZGUuY29udGVudChjb250ZXh0KTtcblxuICAgICAgICBjb250ZW50ID0gYCR7Y29udGVudH0ke2NoaWxkTm9kZUNvbnRlbnR9YDtcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIGNvbnRlbnQgPSBjb250ZW50LnJlcGxhY2UoL1xcbiQvLCBFTVBUWV9TVFJJTkcpO1xuXG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cblxuICBjbGFzc05hbWUoY29udGV4dCkge1xuICAgIGNvbnN0IGNoaWxkTm9kZXMgPSB0aGlzLmdldENoaWxkTm9kZXMoKSxcbiAgICAgICAgICBmaXJzdENoaWxkTm9kZSA9IGZpcnN0KGNoaWxkTm9kZXMpLFxuICAgICAgICAgIGJsb2NrTGlzdGluZ1N0YXJ0TWFya2Rvd25Ob2RlID0gZmlyc3RDaGlsZE5vZGUsXG4gICAgICAgICAgY2xhc3NOYW1lID0gYmxvY2tMaXN0aW5nU3RhcnRNYXJrZG93bk5vZGUuY2xhc3NOYW1lKGNvbnRleHQpO1xuXG4gICAgcmV0dXJuIGNsYXNzTmFtZTtcbiAgfVxuXG4gIG1vdW50KHBhcmVudERPTUVsZW1lbnQsIHNpYmxpbmdET01FbGVtZW50LCBjb250ZXh0KSB7XG4gICAgc3VwZXIubW91bnQocGFyZW50RE9NRWxlbWVudCwgc2libGluZ0RPTUVsZW1lbnQsIGNvbnRleHQpO1xuXG4gICAgY29uc3QgYmxvY2tMaXN0aW5nID0gdGhpcy5nZXRCbG9ja0xpc3RpbmcoKTtcblxuICAgIGJsb2NrTGlzdGluZy5kaWRNb3VudCgpO1xuICB9XG5cbiAgdW5tb3VudChwYXJlbnRET01FbGVtZW50LCBjb250ZXh0KSB7XG4gICAgY29uc3QgYmxvY2tMaXN0aW5nID0gdGhpcy5nZXRCbG9ja0xpc3RpbmcoKTtcblxuICAgIGJsb2NrTGlzdGluZy53aWxsVW5tb3VudCgpO1xuXG4gICAgc3VwZXIudW5tb3VudChwYXJlbnRET01FbGVtZW50LCBjb250ZXh0KTtcbiAgfVxuXG4gIGNyZWF0ZURPTUVsZW1lbnQoY29udGV4dCkge1xuICAgIGNvbnN0IGNvbnRlbnQgPSB0aGlzLmNvbnRlbnQoY29udGV4dCksXG4gICAgICAgICAgY2xhc3NOYW1lID0gdGhpcy5jbGFzc05hbWUoY29udGV4dCksXG4gICAgICAgICAgbGFuZ3VhZ2UgPSBjbGFzc05hbWUsIC8vL1xuICAgICAgICAgIGNvbmZpZ3VyYXRpb24gPXtcbiAgICAgICAgICAgIGxhbmd1YWdlXG4gICAgICAgICAgfSxcbiAgICAgICAgICBibG9ja0xpc3RpbmcgPSBCbG9ja0xpc3RpbmcuZnJvbUNvbnRlbnRBbmRDb25maWd1cmF0aW9uKGNvbnRlbnQsIGNvbmZpZ3VyYXRpb24pLFxuICAgICAgICAgIGRvbUVsZW1lbnQgPSBibG9ja0xpc3RpbmcuZ2V0RE9NRWxlbWVudCgpO1xuXG4gICAgcmV0dXJuIGRvbUVsZW1lbnQ7XG4gIH1cblxuICBzdGF0aWMgZnJvbVJ1bGVOYW1lQ2hpbGROb2Rlc0FuZE9wYWNpdHkocnVsZU5hbWUsIGNoaWxkTm9kZXMsIG9wYWNpdHkpIHsgcmV0dXJuIE1hcmtkb3duTm9kZS5mcm9tUnVsZU5hbWVDaGlsZE5vZGVzQW5kT3BhY2l0eShCbG9ja0xpc3RpbmdNYXJrZG93bk5vZGUsIHJ1bGVOYW1lLCBjaGlsZE5vZGVzLCBvcGFjaXR5KTsgfVxufVxuIl0sIm5hbWVzIjpbIkJsb2NrTGlzdGluZ01hcmtkb3duTm9kZSIsImZpcnN0IiwiYXJyYXlVdGlsaXRpZXMiLCJnZXRCbG9ja0xpc3RpbmciLCJkb21FbGVtZW50IiwiZ2V0RE9NRWxlbWVudCIsIl9fZWxlbWVudF9fIiwiYmxvY2tMaXN0aW5nIiwiY29udGVudCIsImNvbnRleHQiLCJFTVBUWV9TVFJJTkciLCJjaGlsZE5vZGVzIiwiZ2V0Q2hpbGROb2RlcyIsImNoaWxkTm9kZXNMZW5ndGgiLCJsZW5ndGgiLCJmaXJzdEluZGV4IiwibGFzdEluZGV4IiwiZm9yRWFjaCIsImNoaWxkTm9kZSIsImluZGV4IiwiY2hpbGROb2RlQ29udGVudCIsInJlcGxhY2UiLCJjbGFzc05hbWUiLCJmaXJzdENoaWxkTm9kZSIsImJsb2NrTGlzdGluZ1N0YXJ0TWFya2Rvd25Ob2RlIiwibW91bnQiLCJwYXJlbnRET01FbGVtZW50Iiwic2libGluZ0RPTUVsZW1lbnQiLCJkaWRNb3VudCIsInVubW91bnQiLCJ3aWxsVW5tb3VudCIsImNyZWF0ZURPTUVsZW1lbnQiLCJsYW5ndWFnZSIsImNvbmZpZ3VyYXRpb24iLCJCbG9ja0xpc3RpbmciLCJmcm9tQ29udGVudEFuZENvbmZpZ3VyYXRpb24iLCJmcm9tUnVsZU5hbWVDaGlsZE5vZGVzQW5kT3BhY2l0eSIsInJ1bGVOYW1lIiwib3BhY2l0eSIsIk1hcmtkb3duTm9kZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7ZUFXcUJBOzs7Z0NBVFE7eUJBQ0U7bUVBRU47eUJBRUk7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUU3QixJQUFNLEFBQUVDLFFBQVVDLHlCQUFjLENBQXhCRDtBQUVPLElBQUEsQUFBTUQseUNBQUQsQUFBTDtjQUFNQTsrQkFBQUE7YUFBQUE7Z0NBQUFBOzs7a0JBQUFBOztZQUNuQkcsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU1DLGFBQWEsSUFBSSxDQUFDQyxhQUFhLElBQy9CLEFBQUVDLGNBQWdCRixXQUFoQkUsYUFDRkMsZUFBZUQsYUFBYSxHQUFHO2dCQUVyQyxPQUFPQztZQUNUOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBLFFBQVFDLE9BQU87Z0JBQ2IsSUFBSUQsVUFBVUUsdUJBQVk7Z0JBRTFCLElBQU1DLGFBQWEsSUFBSSxDQUFDQyxhQUFhLElBQy9CQyxtQkFBbUJGLFdBQVdHLE1BQU0sRUFDcENDLGFBQWEsR0FDYkMsWUFBWUgsbUJBQW1CO2dCQUVyQ0YsV0FBV00sT0FBTyxDQUFDLFNBQUNDLFdBQVdDO29CQUM3QixJQUFJLEFBQUNBLFVBQVVKLGNBQWdCSSxVQUFVSCxXQUFZO3dCQUNuRCxJQUFNSSxtQkFBbUJGLFVBQVVWLE9BQU8sQ0FBQ0M7d0JBRTNDRCxVQUFVLEFBQUMsR0FBWVksT0FBVlosU0FBMkIsT0FBakJZO29CQUN6QjtnQkFDRjtnQkFFQVosVUFBVUEsUUFBUWEsT0FBTyxDQUFDLE9BQU9YLHVCQUFZO2dCQUU3QyxPQUFPRjtZQUNUOzs7WUFFQWMsS0FBQUE7bUJBQUFBLFNBQUFBLFVBQVViLE9BQU87Z0JBQ2YsSUFBTUUsYUFBYSxJQUFJLENBQUNDLGFBQWEsSUFDL0JXLGlCQUFpQnRCLE1BQU1VLGFBQ3ZCYSxnQ0FBZ0NELGdCQUNoQ0QsWUFBWUUsOEJBQThCRixTQUFTLENBQUNiO2dCQUUxRCxPQUFPYTtZQUNUOzs7WUFFQUcsS0FBQUE7bUJBQUFBLFNBQUFBLE1BQU1DLGdCQUFnQixFQUFFQyxpQkFBaUIsRUFBRWxCLE9BQU87Z0JBQ2hELHVCQXhDaUJULHFDQXdDWHlCLFNBQU4sSUFBSyxhQUFPQyxrQkFBa0JDLG1CQUFtQmxCO2dCQUVqRCxJQUFNRixlQUFlLElBQUksQ0FBQ0osZUFBZTtnQkFFekNJLGFBQWFxQixRQUFRO1lBQ3ZCOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBLFFBQVFILGdCQUFnQixFQUFFakIsT0FBTztnQkFDL0IsSUFBTUYsZUFBZSxJQUFJLENBQUNKLGVBQWU7Z0JBRXpDSSxhQUFhdUIsV0FBVztnQkFFeEIsdUJBcERpQjlCLHFDQW9EWDZCLFdBQU4sSUFBSyxhQUFTSCxrQkFBa0JqQjtZQUNsQzs7O1lBRUFzQixLQUFBQTttQkFBQUEsU0FBQUEsaUJBQWlCdEIsT0FBTztnQkFDdEIsSUFBTUQsVUFBVSxJQUFJLENBQUNBLE9BQU8sQ0FBQ0MsVUFDdkJhLFlBQVksSUFBSSxDQUFDQSxTQUFTLENBQUNiLFVBQzNCdUIsV0FBV1YsV0FDWFcsZ0JBQWU7b0JBQ2JELFVBQUFBO2dCQUNGLEdBQ0F6QixlQUFlMkIscUJBQVksQ0FBQ0MsMkJBQTJCLENBQUMzQixTQUFTeUIsZ0JBQ2pFN0IsYUFBYUcsYUFBYUYsYUFBYTtnQkFFN0MsT0FBT0Q7WUFDVDs7OztZQUVPZ0MsS0FBQUE7bUJBQVAsU0FBT0EsaUNBQWlDQyxRQUFRLEVBQUUxQixVQUFVLEVBQUUyQixPQUFPO2dCQUFJLE9BQU9DLDhCQUFZLENBQUNILGdDQUFnQyxDQXBFMUdwQywwQkFvRXFJcUMsVUFBVTFCLFlBQVkyQjtZQUFVOzs7V0FwRXJLdEM7RUFBaUN1Qyw4QkFBWSJ9
|
|
@@ -12,8 +12,11 @@ _export(exports, {
|
|
|
12
12
|
default: function() {
|
|
13
13
|
return _default;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return
|
|
15
|
+
nodeFromTokens: function() {
|
|
16
|
+
return nodeFromTokens;
|
|
17
|
+
},
|
|
18
|
+
tokensFromContent: function() {
|
|
19
|
+
return tokensFromContent;
|
|
17
20
|
}
|
|
18
21
|
});
|
|
19
22
|
var _lexer = /*#__PURE__*/ _interop_require_default(require("../markdown/lexer"));
|
|
@@ -24,18 +27,17 @@ function _interop_require_default(obj) {
|
|
|
24
27
|
};
|
|
25
28
|
}
|
|
26
29
|
var markdownLexer = _lexer.default.fromNothing(), markdownParser = _parser.default.fromNothing();
|
|
27
|
-
function
|
|
28
|
-
var lexer = markdownLexer,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
node.createDOMElement(context);
|
|
34
|
-
}
|
|
30
|
+
function tokensFromContent(content) {
|
|
31
|
+
var lexer = markdownLexer, tokens = lexer.tokenise(content);
|
|
32
|
+
return tokens;
|
|
33
|
+
}
|
|
34
|
+
function nodeFromTokens(tokens) {
|
|
35
|
+
var parser = markdownParser, startRule = parser.getStartRule(), startOfContent = true, node = parser.parse(tokens, startRule, startOfContent);
|
|
35
36
|
return node;
|
|
36
37
|
}
|
|
37
38
|
var _default = {
|
|
38
|
-
|
|
39
|
+
tokensFromContent: tokensFromContent,
|
|
40
|
+
nodeFromTokens: nodeFromTokens
|
|
39
41
|
};
|
|
40
42
|
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvbWFya2Rvd24uanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCBNYXJrZG93bkxleGVyIGZyb20gXCIuLi9tYXJrZG93bi9sZXhlclwiO1xuaW1wb3J0IE1hcmtkb3duUGFyc2VyIGZyb20gXCIuLi9tYXJrZG93bi9wYXJzZXJcIjtcblxuY29uc3QgbWFya2Rvd25MZXhlciA9IE1hcmtkb3duTGV4ZXIuZnJvbU5vdGhpbmcoKSxcbiAgICAgIG1hcmtkb3duUGFyc2VyID0gTWFya2Rvd25QYXJzZXIuZnJvbU5vdGhpbmcoKTtcblxuZXhwb3J0IGZ1bmN0aW9uIHRva2Vuc0Zyb21Db250ZW50KGNvbnRlbnQpIHtcbiAgY29uc3QgbGV4ZXIgPSBtYXJrZG93bkxleGVyLCAgLy8vXG4gICAgICAgIHRva2VucyA9IGxleGVyLnRva2VuaXNlKGNvbnRlbnQpO1xuXG4gIHJldHVybiB0b2tlbnM7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBub2RlRnJvbVRva2Vucyh0b2tlbnMpIHtcbiAgY29uc3QgcGFyc2VyID0gbWFya2Rvd25QYXJzZXIsICAvLy9cbiAgICAgICAgc3RhcnRSdWxlID0gcGFyc2VyLmdldFN0YXJ0UnVsZSgpLFxuICAgICAgICBzdGFydE9mQ29udGVudCA9IHRydWUsXG4gICAgICAgIG5vZGUgPSBwYXJzZXIucGFyc2UodG9rZW5zLCBzdGFydFJ1bGUsIHN0YXJ0T2ZDb250ZW50KTtcblxuICByZXR1cm4gbm9kZTtcbn1cblxuZXhwb3J0IGRlZmF1bHQge1xuICB0b2tlbnNGcm9tQ29udGVudCxcbiAgbm9kZUZyb21Ub2tlbnNcbn07XG4iXSwibmFtZXMiOlsibm9kZUZyb21Ub2tlbnMiLCJ0b2tlbnNGcm9tQ29udGVudCIsIm1hcmtkb3duTGV4ZXIiLCJNYXJrZG93bkxleGVyIiwiZnJvbU5vdGhpbmciLCJtYXJrZG93blBhcnNlciIsIk1hcmtkb3duUGFyc2VyIiwiY29udGVudCIsImxleGVyIiwidG9rZW5zIiwidG9rZW5pc2UiLCJwYXJzZXIiLCJzdGFydFJ1bGUiLCJnZXRTdGFydFJ1bGUiLCJzdGFydE9mQ29udGVudCIsIm5vZGUiLCJwYXJzZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7O0lBd0JBLE9BR0U7ZUFIRjs7SUFUZ0JBLGNBQWM7ZUFBZEE7O0lBUEFDLGlCQUFpQjtlQUFqQkE7Ozs0REFOVTs2REFDQzs7Ozs7O0FBRTNCLElBQU1DLGdCQUFnQkMsY0FBYSxDQUFDQyxXQUFXLElBQ3pDQyxpQkFBaUJDLGVBQWMsQ0FBQ0YsV0FBVztBQUUxQyxTQUFTSCxrQkFBa0JNLE9BQU87SUFDdkMsSUFBTUMsUUFBUU4sZUFDUk8sU0FBU0QsTUFBTUUsUUFBUSxDQUFDSDtJQUU5QixPQUFPRTtBQUNUO0FBRU8sU0FBU1QsZUFBZVMsTUFBTTtJQUNuQyxJQUFNRSxTQUFTTixnQkFDVE8sWUFBWUQsT0FBT0UsWUFBWSxJQUMvQkMsaUJBQWlCLE1BQ2pCQyxPQUFPSixPQUFPSyxLQUFLLENBQUNQLFFBQVFHLFdBQVdFO0lBRTdDLE9BQU9DO0FBQ1Q7SUFFQSxXQUFlO0lBQ2JkLG1CQUFBQTtJQUNBRCxnQkFBQUE7QUFDRiJ9
|
package/package.json
CHANGED
|
@@ -5,46 +5,63 @@ import withStyle from "easy-with-style";
|
|
|
5
5
|
import { Element } from "easy";
|
|
6
6
|
|
|
7
7
|
class MarkdownDiv extends Element {
|
|
8
|
-
|
|
9
|
-
const
|
|
8
|
+
clear() {
|
|
9
|
+
const divisionMarkdownNOde = this.getDivisionMarkdownNode();
|
|
10
10
|
|
|
11
|
-
if (
|
|
12
|
-
this.
|
|
11
|
+
if (divisionMarkdownNOde !== null) {
|
|
12
|
+
const domElement = this.getDOMElement(),
|
|
13
|
+
parentDOMElement = domElement; ///
|
|
14
|
+
|
|
15
|
+
divisionMarkdownNOde.unmount(parentDOMElement);
|
|
16
|
+
|
|
17
|
+
this.clearDivisionMarkdownNode();
|
|
13
18
|
}
|
|
19
|
+
}
|
|
14
20
|
|
|
15
|
-
|
|
16
|
-
|
|
21
|
+
update(divisionMarkdownNode, context) {
|
|
22
|
+
if (divisionMarkdownNode !== null) {
|
|
23
|
+
const domElement = this.getDOMElement(),
|
|
24
|
+
parentDOMElement = domElement, ///
|
|
25
|
+
siblingDOMElement = null;
|
|
17
26
|
|
|
18
|
-
|
|
27
|
+
divisionMarkdownNode.mount(parentDOMElement, siblingDOMElement, context);
|
|
19
28
|
|
|
20
|
-
this.
|
|
29
|
+
this.setDivisionMarkdownNode(divisionMarkdownNode);
|
|
21
30
|
}
|
|
22
31
|
}
|
|
23
32
|
|
|
24
|
-
|
|
25
|
-
const
|
|
33
|
+
clearDivisionMarkdownNode() {
|
|
34
|
+
const divisionMarkdownNode = null;
|
|
35
|
+
|
|
36
|
+
this.setDivisionMarkdownNode(divisionMarkdownNode);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
getDivisionMarkdownNode() {
|
|
40
|
+
const { divisionMarkdownNode } = this.getState();
|
|
26
41
|
|
|
27
|
-
return
|
|
42
|
+
return divisionMarkdownNode;
|
|
28
43
|
}
|
|
29
44
|
|
|
30
|
-
|
|
45
|
+
setDivisionMarkdownNode(divisionMarkdownNode) {
|
|
31
46
|
this.updateState({
|
|
32
|
-
|
|
47
|
+
divisionMarkdownNode
|
|
33
48
|
});
|
|
34
49
|
}
|
|
35
50
|
|
|
36
51
|
setInitialState() {
|
|
37
|
-
const
|
|
52
|
+
const divisionMarkdownNode = null;
|
|
38
53
|
|
|
39
54
|
this.setState({
|
|
40
|
-
|
|
55
|
+
divisionMarkdownNode
|
|
41
56
|
});
|
|
42
57
|
}
|
|
43
58
|
|
|
44
59
|
parentContext() {
|
|
45
|
-
const
|
|
60
|
+
const clearMarkdownDiv = this.clear.bind(this),
|
|
61
|
+
updateMarkdownDiv = this.update.bind(this);
|
|
46
62
|
|
|
47
63
|
return ({
|
|
64
|
+
clearMarkdownDiv,
|
|
48
65
|
updateMarkdownDiv
|
|
49
66
|
});
|
|
50
67
|
}
|
package/src/example/view.js
CHANGED
|
@@ -12,7 +12,7 @@ import SizeableDiv from "./view/div/sizeable";
|
|
|
12
12
|
import MarkdownDiv from "./view/div/markdown";
|
|
13
13
|
import ContentTextarea from "./view/textarea/content";
|
|
14
14
|
|
|
15
|
-
const {
|
|
15
|
+
const { tokensFromContent, nodeFromTokens } = markdownUtilities;
|
|
16
16
|
|
|
17
17
|
class View extends Element {
|
|
18
18
|
keyUpHandler = (event, element) => {
|
|
@@ -21,9 +21,16 @@ class View extends Element {
|
|
|
21
21
|
|
|
22
22
|
update() {
|
|
23
23
|
const content = this.getContent(),
|
|
24
|
-
|
|
24
|
+
tokens = tokensFromContent(content),
|
|
25
|
+
node = nodeFromTokens(tokens),
|
|
26
|
+
context = {
|
|
27
|
+
tokens
|
|
28
|
+
},
|
|
29
|
+
divisionMarkdownNode = node; ///
|
|
25
30
|
|
|
26
|
-
this.
|
|
31
|
+
this.clearMarkdownDiv();
|
|
32
|
+
|
|
33
|
+
this.updateMarkdownDiv(divisionMarkdownNode, context);
|
|
27
34
|
}
|
|
28
35
|
|
|
29
36
|
didMount() {
|
|
@@ -64,6 +71,12 @@ class View extends Element {
|
|
|
64
71
|
this.setContent(content);
|
|
65
72
|
}
|
|
66
73
|
|
|
74
|
+
static tagName = "div";
|
|
75
|
+
|
|
76
|
+
static defaultProperties = {
|
|
77
|
+
className: "view"
|
|
78
|
+
};
|
|
79
|
+
|
|
67
80
|
static initialContent = `
|
|
68
81
|
### JavaScript
|
|
69
82
|
|
|
@@ -133,12 +146,6 @@ export default withStyle(simpleApplication)\`
|
|
|
133
146
|
</book>
|
|
134
147
|
'''
|
|
135
148
|
`;
|
|
136
|
-
|
|
137
|
-
static tagName = "div";
|
|
138
|
-
|
|
139
|
-
static defaultProperties = {
|
|
140
|
-
className: "view"
|
|
141
|
-
};
|
|
142
149
|
}
|
|
143
150
|
|
|
144
151
|
export default withStyle(View)`
|
|
@@ -2,45 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
import { MarkdownNode } from "highmark-markdown";
|
|
4
4
|
import { arrayUtilities } from "necessary";
|
|
5
|
-
import { elementUtilities } from "easy";
|
|
6
5
|
|
|
7
6
|
import BlockListing from "../../blockListing";
|
|
8
7
|
|
|
9
8
|
import { EMPTY_STRING } from "../../constants";
|
|
10
9
|
|
|
11
|
-
const { first } = arrayUtilities
|
|
12
|
-
{ mountElement, unmountElement } = elementUtilities;
|
|
10
|
+
const { first } = arrayUtilities;
|
|
13
11
|
|
|
14
12
|
export default class BlockListingMarkdownNode extends MarkdownNode {
|
|
15
|
-
|
|
13
|
+
getBlockListing() {
|
|
16
14
|
const domElement = this.getDOMElement(),
|
|
17
|
-
|
|
15
|
+
{ __element__ } = domElement, ///
|
|
16
|
+
blockListing = __element__; ///
|
|
18
17
|
|
|
19
|
-
return
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
createDOMElement(context) {
|
|
23
|
-
const className = this.className(context),
|
|
24
|
-
language = className, ///
|
|
25
|
-
content = this.content(context),
|
|
26
|
-
configuration ={
|
|
27
|
-
language
|
|
28
|
-
},
|
|
29
|
-
blockListing = BlockListing.fromContentAndConfiguration(content, configuration),
|
|
30
|
-
domElement = blockListing.getDOMElement();
|
|
31
|
-
|
|
32
|
-
this.setDOMElement(domElement);
|
|
33
|
-
|
|
34
|
-
return domElement;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
className(context) {
|
|
38
|
-
const childNodes = this.getChildNodes(),
|
|
39
|
-
firstChildNode = first(childNodes),
|
|
40
|
-
blockListingStartMarkdownNode = firstChildNode,
|
|
41
|
-
className = blockListingStartMarkdownNode.className(context);
|
|
42
|
-
|
|
43
|
-
return className;
|
|
18
|
+
return blockListing;
|
|
44
19
|
}
|
|
45
20
|
|
|
46
21
|
content(context) {
|
|
@@ -64,16 +39,42 @@ export default class BlockListingMarkdownNode extends MarkdownNode {
|
|
|
64
39
|
return content;
|
|
65
40
|
}
|
|
66
41
|
|
|
67
|
-
|
|
68
|
-
const
|
|
42
|
+
className(context) {
|
|
43
|
+
const childNodes = this.getChildNodes(),
|
|
44
|
+
firstChildNode = first(childNodes),
|
|
45
|
+
blockListingStartMarkdownNode = firstChildNode,
|
|
46
|
+
className = blockListingStartMarkdownNode.className(context);
|
|
69
47
|
|
|
70
|
-
|
|
48
|
+
return className;
|
|
71
49
|
}
|
|
72
50
|
|
|
73
|
-
|
|
74
|
-
|
|
51
|
+
mount(parentDOMElement, siblingDOMElement, context) {
|
|
52
|
+
super.mount(parentDOMElement, siblingDOMElement, context);
|
|
53
|
+
|
|
54
|
+
const blockListing = this.getBlockListing();
|
|
75
55
|
|
|
76
|
-
|
|
56
|
+
blockListing.didMount();
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
unmount(parentDOMElement, context) {
|
|
60
|
+
const blockListing = this.getBlockListing();
|
|
61
|
+
|
|
62
|
+
blockListing.willUnmount();
|
|
63
|
+
|
|
64
|
+
super.unmount(parentDOMElement, context);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
createDOMElement(context) {
|
|
68
|
+
const content = this.content(context),
|
|
69
|
+
className = this.className(context),
|
|
70
|
+
language = className, ///
|
|
71
|
+
configuration ={
|
|
72
|
+
language
|
|
73
|
+
},
|
|
74
|
+
blockListing = BlockListing.fromContentAndConfiguration(content, configuration),
|
|
75
|
+
domElement = blockListing.getDOMElement();
|
|
76
|
+
|
|
77
|
+
return domElement;
|
|
77
78
|
}
|
|
78
79
|
|
|
79
80
|
static fromRuleNameChildNodesAndOpacity(ruleName, childNodes, opacity) { return MarkdownNode.fromRuleNameChildNodesAndOpacity(BlockListingMarkdownNode, ruleName, childNodes, opacity); }
|