highmark-markdown 0.0.206 → 0.0.209

package/src/styleElement/markdown/default.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import defaultMarkdownStyle from "../../defaultMarkdownStyle";
+import MarkdownStyleElement from "../../styleElement/markdown";
+
+export default class DefaultMarkdownStyleElement extends MarkdownStyleElement {
+  update(defaultMarkdownStyle) {
+    const markdownStyle = defaultMarkdownStyle; ///
+
+    super.update(markdownStyle)
+  }
+
+  reset() {
+    this.update(defaultMarkdownStyle)
+  }
+
+  static fromSelectorsString(Class, selectorsString) {
+    if (selectorsString === undefined) {
+      selectorsString = Class; ///
+
+      Class = DefaultMarkdownStyleElement;  ///
+    }
+
+    const defaultMarkdownStyleElement = MarkdownStyleElement.fromSelectorsString(Class, selectorsString);
+
+    defaultMarkdownStyleElement.reset();
+  }
+}

package/src/styleElement/markdown.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import StyleElement from "../styleElement";
+import SelectorsList from "../style/selectorsList";
+
+import { EMPTY_STRING } from "../constants";
+import { createDOMElement } from "../styleElement";
+import { cssFromMarkdownStyleAndSelectorsList } from "../utilities/css";
+
+export default class MarkdownStyleElement extends StyleElement {
+  constructor(domElement, selectorsList) {
+    super(domElement);
+
+    this.selectorsList = selectorsList;
+  }
+
+  getSelectorsList() {
+    return this.selectorsList;
+  }
+
+  update(markdownStyle = null) {
+    const css = cssFromMarkdownStyleAndSelectorsList(markdownStyle, this.selectorsList);
+
+    this.setCSS(css);
+
+    return css;
+  }
+
+  reset() {
+    const markdownStyle = EMPTY_STRING;
+
+    this.update(markdownStyle)
+  }
+
+  static fromSelectorsString(Class, selectorString) {
+    if (selectorString === undefined) {
+      selectorString = Class; ///
+
+      Class = MarkdownStyleElement; ///
+    }
+
+    const domElement = createDOMElement(),
+          selectorsList = SelectorsList.fromSelectorsString(selectorString),
+          markdownStyleElement = new Class(domElement, selectorsList);
+
+    return markdownStyleElement;
+  }
+}

package/src/styleElement.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { HEAD, STYLE } from "./constants";
+
+export default class StyleElement {
+  constructor(domElement) {
+    this.domElement = domElement;
+  }
+
+  getDOMElement() {
+    return this.domElement;
+  }
+
+  setDOMElement(domElement) {
+    this.domElement = domElement;
+  }
+
+  getInnerHTML() {  return this.domElement.innerHTML; }
+
+  setInnerHTML(innerHTML) { this.domElement.innerHTML = innerHTML; }
+
+  setCSS(css) {
+    const innerHTML = `
+${css}
+`;
+
+    this.setInnerHTML(innerHTML);
+  }
+
+  remove() { this.domElement.remove(); }
+
+  static fromNothing() {
+    const domElement = createDOMElement(),
+          styleElement = new StyleElement(domElement);
+
+    return styleElement;
+  }
+}
+
+export function createDOMElement() {
+  const headDOMElement = document.querySelector(HEAD),
+        styleDOMElement = document.createElement(STYLE);
+
+  headDOMElement.appendChild(styleDOMElement);
+
+  const domElement = styleDOMElement; ///
+
+  return domElement;
+}

package/src/utilities/content.js

@@ -67,6 +67,33 @@ export function contentFromMarkdownNodes(markdownNodes, context, leftTrimmed, ri
   return content;
 }
 
+export function contentFromNodeAndTokens(node, tokens, offset = 0) {
+  const firstSignificantToken = node.getFirstSignificantToken(),
+        lastSignificantToken = node.getLastSignificantToken(),
+        firstToken = firstSignificantToken, ///
+        lastToken = lastSignificantToken, ///
+        firstTokenIndex = tokens.indexOf(firstToken) + offset,  ///
+        lastTokenIndex = tokens.indexOf(lastToken);
+
+  let content = EMPTY_STRING;
+
+  for (let index = firstTokenIndex; index <= lastTokenIndex; index++) {
+    const token = tokens[index],
+          tokenContent = token.getContent();
+
+    content += tokenContent;
+  }
+
+  return content;
+}
+
+export function remainingContentFromNodeTokensAndOffset(node, tokens, offset) {
+  const content = contentFromNodeAndTokens(node, tokens, offset),
+        remainingContent = content; ///
+
+  return remainingContent;
+}
+
 function tokenContentFromToken(token) {
   let tokenContent = token.getContent();
 

package/src/utilities/css.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import Division from "../style/division";
+import SelectorsList from "../style/selectorsList";
+import MarkdownStyleLexer from "../markdownStyle/lexer";
+import MarkdownStyleParser from "../markdownStyle/parser";
+
+import { EMPTY_STRING } from "../constants";
+
+const markdownStyleLexer = MarkdownStyleLexer.fromNothing(),
+      markdownStyleParser = MarkdownStyleParser.fromNothing();
+
+export function cssFromMarkdownStyleAndSelectorsList(markdownStyle, selectorsList) {
+  let css = EMPTY_STRING;
+
+  const lexer = markdownStyleLexer, ///
+        parser =  markdownStyleParser,  ///
+        content = markdownStyle, ///
+        tokens = lexer.tokenise(content),
+        node = parser.parse(tokens);
+
+  if (node !== null) {
+    const division = Division.fromNodeTokensAndSelectorsList(node, tokens, selectorsList);
+
+    css = division.asCSS();
+  }
+
+  return css;
+}
+
+export function cssFromMarkdownStyleAndSelectorString(markdownStyle, selectorString) {
+  const selectorsList = SelectorsList.fromSelectorsString(selectorString),
+        css = cssFromMarkdownStyleAndSelectorsList(markdownStyle, selectorsList);
+
+  return css;
+}
+
+export default {
+  cssFromMarkdownStyleAndSelectorsList,
+  cssFromMarkdownStyleAndSelectorString
+};

package/src/utilities/entries.js

@@ -0,0 +1,23 @@
+"use strict";
+
+export function ruleNamesExpressionFromElementMap(elementMap) {
+  const ruleNames = Object.keys(elementMap);
+
+  ruleNames.reverse();
+
+  const ruleNamesExpression = ruleNames.reduce((ruleNamesExpression, ruleName) => {
+          const { tagName } = elementMap[ruleName];
+
+          if (tagName !== null) {
+            ruleNamesExpression = (ruleNamesExpression === null) ?
+                                    ruleName :
+                                     `${ruleNamesExpression}|${ruleName}`;
+          }
+
+          return ruleNamesExpression;
+        }, null);
+
+  return ruleNamesExpression
+}
+
+

package/src/utilities/query.js

@@ -11,6 +11,35 @@ const linkMarkdownNodesQuery = Query.fromExpression(`//link`),
       footnoteMarkdownNodesQuery = Query.fromExpression(`//footnote`),
       referenceMarkdownNodesQuery = Query.fromExpression(`//reference`);
 
+export function nodeQuery(expression) {
+  const query = Query.fromExpression(expression);
+
+  return function(node) {
+    const nodes = query.execute(node),
+      nodesLength = nodes.length;
+
+    if (nodesLength > 0) {
+      const firstNode = first(nodes);
+
+      node = firstNode; ///
+    } else {
+      node = null;
+    }
+
+    return node;
+  }
+}
+
+export function nodesQuery(expression) {
+  const query = Query.fromExpression(expression);
+
+  return function(node) {
+    const nodes = query.execute(node);
+
+    return nodes;
+  }
+}
+
 export function linkMarkdownNodesFromNode(node, linkMarkdownNodes = []) {
   nodesFromNodeAndQuery(node, linkMarkdownNodesQuery, linkMarkdownNodes);
 

package/lib/example/view/textarea/parseTree.js

@@ -1,183 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
-var _textarea = /*#__PURE__*/ _interop_require_default(require("../textarea"));
-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 _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 _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 _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 _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _is_native_reflect_construct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-        return true;
-    } catch (e) {
-        return false;
-    }
-}
-function _create_super(Derived) {
-    var hasNativeReflectConstruct = _is_native_reflect_construct();
-    return function _createSuperInternal() {
-        var Super = _get_prototype_of(Derived), result;
-        if (hasNativeReflectConstruct) {
-            var NewTarget = _get_prototype_of(this).constructor;
-            result = Reflect.construct(Super, arguments, NewTarget);
-        } else {
-            result = Super.apply(this, arguments);
-        }
-        return _possible_constructor_return(this, result);
-    };
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n\n  height: 36rem;\n  \n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var ParseTreeTextarea = /*#__PURE__*/ function(Textarea) {
-    _inherits(ParseTreeTextarea, Textarea);
-    var _super = _create_super(ParseTreeTextarea);
-    function ParseTreeTextarea() {
-        _class_call_check(this, ParseTreeTextarea);
-        return _super.apply(this, arguments);
-    }
-    _create_class(ParseTreeTextarea, [
-        {
-            key: "setParseTree",
-            value: function setParseTree(parseTree) {
-                if (parseTree !== null) {
-                    parseTree.shiftLine(); //
-                    var parseTreeString = parseTree.asString(), value = parseTreeString; ///
-                    this.setValue(value);
-                } else {
-                    this.clearParseTree();
-                }
-            }
-        },
-        {
-            key: "clearParseTree",
-            value: function clearParseTree() {
-                var value = _constants.EMPTY_STRING;
-                this.setValue(value);
-            }
-        },
-        {
-            key: "parentContext",
-            value: function parentContext() {
-                var setParseTree = this.setParseTree.bind(this), clearParseTree = this.clearParseTree.bind(this);
-                return {
-                    setParseTree: setParseTree,
-                    clearParseTree: clearParseTree
-                };
-            }
-        }
-    ]);
-    return ParseTreeTextarea;
-}(_textarea.default);
-_define_property(ParseTreeTextarea, "defaultProperties", {
-    readOnly: true,
-    className: "parse-tree",
-    spellCheck: "false"
-});
-var _default = (0, _easywithstyle.default)(ParseTreeTextarea)(_templateObject());
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL3ZpZXcvdGV4dGFyZWEvcGFyc2VUcmVlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgVGV4dGFyZWEgZnJvbSBcIi4uL3RleHRhcmVhXCI7XG5cbmltcG9ydCB7IEVNUFRZX1NUUklORyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcblxuY2xhc3MgUGFyc2VUcmVlVGV4dGFyZWEgZXh0ZW5kcyBUZXh0YXJlYSB7XG4gIHNldFBhcnNlVHJlZShwYXJzZVRyZWUpIHtcbiAgICBpZiAocGFyc2VUcmVlICE9PSBudWxsKSB7XG4gICAgICBwYXJzZVRyZWUuc2hpZnRMaW5lKCk7ICAvL1xuXG4gICAgICBjb25zdCBwYXJzZVRyZWVTdHJpbmcgPSBwYXJzZVRyZWUuYXNTdHJpbmcoKSxcbiAgICAgICAgICAgIHZhbHVlID0gcGFyc2VUcmVlU3RyaW5nOyAgLy8vXG5cbiAgICAgIHRoaXMuc2V0VmFsdWUodmFsdWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNsZWFyUGFyc2VUcmVlKCk7XG4gICAgfVxuICB9XG5cbiAgY2xlYXJQYXJzZVRyZWUoKSB7XG4gICAgY29uc3QgdmFsdWUgPSBFTVBUWV9TVFJJTkc7XG5cbiAgICB0aGlzLnNldFZhbHVlKHZhbHVlKTtcbiAgfVxuXG4gIHBhcmVudENvbnRleHQoKSB7XG4gICAgY29uc3Qgc2V0UGFyc2VUcmVlID0gdGhpcy5zZXRQYXJzZVRyZWUuYmluZCh0aGlzKSxcbiAgICAgICAgICBjbGVhclBhcnNlVHJlZSA9IHRoaXMuY2xlYXJQYXJzZVRyZWUuYmluZCh0aGlzKTtcblxuICAgIHJldHVybiAoe1xuICAgICAgc2V0UGFyc2VUcmVlLFxuICAgICAgY2xlYXJQYXJzZVRyZWVcbiAgICB9KTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcGVydGllcyA9IHtcbiAgICByZWFkT25seTogdHJ1ZSxcbiAgICBjbGFzc05hbWU6IFwicGFyc2UtdHJlZVwiLFxuICAgIHNwZWxsQ2hlY2s6IFwiZmFsc2VcIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoUGFyc2VUcmVlVGV4dGFyZWEpYFxuXG4gIGhlaWdodDogMzZyZW07XG4gIFxuYDtcbiJdLCJuYW1lcyI6WyJQYXJzZVRyZWVUZXh0YXJlYSIsInNldFBhcnNlVHJlZSIsInBhcnNlVHJlZSIsInNoaWZ0TGluZSIsInBhcnNlVHJlZVN0cmluZyIsImFzU3RyaW5nIiwidmFsdWUiLCJzZXRWYWx1ZSIsImNsZWFyUGFyc2VUcmVlIiwiRU1QVFlfU1RSSU5HIiwicGFyZW50Q29udGV4dCIsImJpbmQiLCJUZXh0YXJlYSIsImRlZmF1bHRQcm9wZXJ0aWVzIiwicmVhZE9ubHkiLCJjbGFzc05hbWUiLCJzcGVsbENoZWNrIiwid2l0aFN0eWxlIl0sInJhbmdlTWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsiLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBNkNBOzs7ZUFBQTs7O29FQTNDc0I7K0RBRUQ7eUJBRVE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUU3QixJQUFBLEFBQU1BLGtDQUFELEFBQUw7Y0FBTUE7K0JBQUFBO2FBQUFBO2dDQUFBQTs7O2tCQUFBQTs7WUFDSkMsS0FBQUE7bUJBQUFBLFNBQUFBLGFBQWFDLFNBQVM7Z0JBQ3BCLElBQUlBLGNBQWMsTUFBTTtvQkFDdEJBLFVBQVVDLFNBQVMsSUFBSyxFQUFFO29CQUUxQixJQUFNQyxrQkFBa0JGLFVBQVVHLFFBQVEsSUFDcENDLFFBQVFGLGlCQUFrQixHQUFHO29CQUVuQyxJQUFJLENBQUNHLFFBQVEsQ0FBQ0Q7Z0JBQ2hCLE9BQU87b0JBQ0wsSUFBSSxDQUFDRSxjQUFjO2dCQUNyQjtZQUNGOzs7WUFFQUEsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUNFLElBQU1GLFFBQVFHLHVCQUFZO2dCQUUxQixJQUFJLENBQUNGLFFBQVEsQ0FBQ0Q7WUFDaEI7OztZQUVBSSxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQ0UsSUFBTVQsZUFBZSxJQUFJLENBQUNBLFlBQVksQ0FBQ1UsSUFBSSxDQUFDLElBQUksR0FDMUNILGlCQUFpQixJQUFJLENBQUNBLGNBQWMsQ0FBQ0csSUFBSSxDQUFDLElBQUk7Z0JBRXBELE9BQVE7b0JBQ05WLGNBQUFBO29CQUNBTyxnQkFBQUE7Z0JBQ0Y7WUFDRjs7O1dBNUJJUjtFQUEwQlksaUJBQVE7QUE4QnRDLGlCQTlCSVosbUJBOEJHYSxxQkFBb0I7SUFDekJDLFVBQVU7SUFDVkMsV0FBVztJQUNYQyxZQUFZO0FBQ2Q7SUFHRixXQUFlQyxJQUFBQSxzQkFBUyxFQUFDakIifQ==

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

@@ -1,19 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import { SizeableDiv } from "easy-layout";
-
-class RightSizeableDiv extends SizeableDiv {
-  static defaultProperties = {
-    className: "right"
-  };
-}
-
-export default withStyle(RightSizeableDiv)`
-
-  height: 32rem;
-  position: relative;
-  min-height: 12rem;
-  
-`;

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

@@ -1,36 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import Textarea from "../textarea";
-
-import { DOUBLE_SPACE } from "../../constants";
-
-class LexicalEntriesTextarea extends Textarea {
-  setLexicalEntries(lexicalEntries) {
-    const lexicalEntriesString = JSON.stringify(lexicalEntries, null, DOUBLE_SPACE),
-          value = lexicalEntriesString; ///
-
-    this.setValue(value);
-  }
-
-  parentContext() {
-    const setLexicalEntries = this.setLexicalEntries.bind(this);
-
-    return ({
-      setLexicalEntries
-    });
-  }
-
-  static defaultProperties = {
-    readOnly: true,
-    className: "lexical-entries",
-    spellCheck: "false"
-  };
-}
-
-export default withStyle(LexicalEntriesTextarea)`
-
-  height: 12rem;
-
-`;

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

@@ -1,50 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import Textarea from "../textarea";
-
-import { EMPTY_STRING } from "../../constants";
-
-class ParseTreeTextarea extends Textarea {
-  setParseTree(parseTree) {
-    if (parseTree !== null) {
-      parseTree.shiftLine();  //
-
-      const parseTreeString = parseTree.asString(),
-            value = parseTreeString;  ///
-
-      this.setValue(value);
-    } else {
-      this.clearParseTree();
-    }
-  }
-
-  clearParseTree() {
-    const value = EMPTY_STRING;
-
-    this.setValue(value);
-  }
-
-  parentContext() {
-    const setParseTree = this.setParseTree.bind(this),
-          clearParseTree = this.clearParseTree.bind(this);
-
-    return ({
-      setParseTree,
-      clearParseTree
-    });
-  }
-
-  static defaultProperties = {
-    readOnly: true,
-    className: "parse-tree",
-    spellCheck: "false"
-  };
-}
-
-export default withStyle(ParseTreeTextarea)`
-
-  height: 36rem;
-  
-`;