highmark-markdown 1.0.173 → 1.0.174

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

@@ -1,9 +1,27 @@
 "use strict";
 
+import withStyle from "easy-with-style";  ///
+
 import ParseTreeTextarea from "../../textarea/parseTree";
 
-export default class MarkdownParseTreeTextarea extends ParseTreeTextarea {
+class MarkdownParseTreeTextarea extends ParseTreeTextarea {
+  parentContext() {
+    const clearMarkdownParseTreeTextarea = this.clear.bind(this), ///
+          updateMarkdownParseTreeTextarea = this.update.bind(this); ///
+
+    return ({
+      clearMarkdownParseTreeTextarea,
+      updateMarkdownParseTreeTextarea
+    });
+  }
+
   static defaultProperties = {
     className: "markdown"
   };
 }
+
+export default withStyle(MarkdownParseTreeTextarea)`
+
+  flex: 1;
+  
+`;

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

@@ -19,7 +19,15 @@ class PlainTextTextarea extends Textarea {
     this.setPlainText(plainText);
   }
 
-  update(plainText) {
+  update(topmostHTMLNode, context) {
+    const whitespaceTokenIndex = -1;
+
+    Object.assign(context, {
+      whitespaceTokenIndex
+    });
+
+    const plainText = topmostHTMLNode.asPlainText(context);
+
     this.setPlainText(plainText);
   }
 

package/src/example/view/xmp.js

@@ -7,7 +7,15 @@ import { Element } from "easy";
 import { EMPTY_STRING } from "../constants";
 
 class XMP extends Element {
-  update(html) {
+  update(topmostHTMLNode, context) {
+    const whitespaceTokenIndex = -1;
+
+    Object.assign(context, {
+      whitespaceTokenIndex
+    });
+
+    const html = topmostHTMLNode.asHTML(context);
+
     this.html(html);
   }
 

package/src/example/view.js

@@ -3,32 +3,23 @@
 import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
-import { nodeUtilities } from "occam-dom";
 import { RowsDiv, ColumnDiv, ColumnsDiv, VerticalSplitterDiv } from "easy-layout";
 import { MarkdownLexer, MarkdownParser, MarkdownStyleLexer, MarkdownStyleParser } from "../index";
 
-import queries from "../queries";
-import importer from "./importer";
-import indexOptions from "./indexOptions";
 import PageButtonsDiv from "./view/div/pageButtons";
 import LeftSizeableDiv from "./view/div/sizeable/left";
 import CSSContainerDiv from "./view/div/container/css";
+import TopmostHTMLNode from "../node/html/topmost";
 import HTMLContainerDiv from "./view/div/container/html";
 import LeftTabButtonsDiv from "./view/div/tabButtons/left";
 import RightTabButtonsDiv from "./view/div/tabButtons/right";
-import ClassFromOuterNode from "../classFromOuterNode";
 import PreviewContainerDiv from "./view/div/container/preview";
 import MarkdownContainerDiv from "./view/div/container/markdown";
 import PlainTextContainerDiv from "./view/div/container/plainText";
+import HTMLParseTreeTextarea from "./view/textarea/parseTree/html";
 import MarkdownStyleContainerDiv from "./view/div/container/markdownStyle";
-import InnerMarkdownParseTreeTextarea from "./view/textarea/parseTree/markdown/inner";
 
-import { defaultContent } from "./importer";
-import { nodesFromNodeAndQueries } from "../utilities/query";
-import { LINES_PER_PAGE, CONTENTS_DEPTH, CHARACTERS_PER_LINE } from "./constants";
-import { postprocess, divisionMarkdownNodesFromMarkdownNodes } from "../utilities/processing";
-
-const { topmostNodeFromOuterNodes } = nodeUtilities;
+import { importer, initialMarkdown } from "./importer";
 
 const markdownLexer = MarkdownLexer.fromNothing(),
       markdownParser = MarkdownParser.fromNothing(),
@@ -71,44 +62,40 @@ class View extends Element {
   }
 
   update() {
-    this.updateMarkdown();
     this.updateMarkdownStyle();
+    this.updateMarkdown();
+    this.updatePage();
   }
 
   clearPage() {
     this.clearXMP();
-
     this.clearPreviewDiv();
-
-    this.clearInnerMarkdownParseTreeTextarea();
+    this.clearHTMLParseTreeTextarea();
   }
 
-  updatePage(index) {
-    const divisionMarkdownNodes = this.getDivisionMarkdownNodes(),
-          divisionMarkdownNode = divisionMarkdownNodes[index],
-          tokens = this.getTokens(),
+  updatePage(index = 0) {
+    const tokens = this.getTokens(),
+          topmostMarkdownNode = this.getTopmostMarkdownNode(),
+          divisionMarkdownNode = topmostMarkdownNode.getDivisionMarkdownNodeAt(index),
+          topmostHTMLNode = TopmostHTMLNode.fromDivisionMarkdownNode(divisionMarkdownNode),
           context = {
-            tokens
-          },
-          length = null;
+            tokens,
+            pathToURL
+          };
 
-    const node = divisionMarkdownNode,  ///
-          nodes = nodesFromNodeAndQueries(node, queries),
-          topmostHTMLNode = topmostNodeFromOuterNodes(ClassFromOuterNode, nodes),
-          parseTree = topmostHTMLNode.asParseTree(),
-          html = topmostHTMLNode.asHTML(context),
-          plainText = divisionMarkdownNode.asPlainText(context),
-          innerMarkdownParseTree = parseTree; ///
+    this.updateXMP(topmostHTMLNode, context);
 
-    this.updateXMP(html);
+    this.updatePreviewDiv(topmostHTMLNode, context);
 
-    this.updatePreviewDiv(divisionMarkdownNode, context);
+    this.updatePlainTextTextarea(topmostHTMLNode, context);
 
-    this.updatePageButtonsDiv(length, index);
+    const length = null,
+          parseTree = topmostHTMLNode.asParseTree(),
+          htmlParseTree = parseTree; ///
 
-    this.updatePlainTextTextarea(plainText);
+    this.updatePageButtonsDiv(length, index);
 
-    this.updateInnerMarkdownParseTreeTextarea(innerMarkdownParseTree);
+    this.updateHTMLParseTreeTextarea(htmlParseTree);
   }
 
   updateMarkdown() {
@@ -116,58 +103,41 @@ class View extends Element {
           lexer = markdownLexer,  ///
           parser =  markdownParser, ///
           content = markdown, ///
-          startRule = parser.getStartRule(),
           tokens = lexer.tokenise(content),
-          node = parser.parse(tokens, startRule);
+          node = parser.parse(tokens);
 
-    this.setTokens(tokens);
+    if (node === null) {
+      this.resetTokens();
 
-    if (node !== null) {
-      const divisionMarkdownNode = node,  ///
-            charactersPerLine = CHARACTERS_PER_LINE,
-            contentsDepth = CONTENTS_DEPTH,
-            linesPerPage = LINES_PER_PAGE,
-            context = {
-              tokens,
-              importer,
-              indexOptions,
-              linesPerPage,
-              contentsDepth,
-              nodeFromTokens,
-              tokensFromContent,
-              charactersPerLine
-            },
-            markdownNodes = postprocess(divisionMarkdownNode, context),
-            divisionMarkdownNodes = divisionMarkdownNodesFromMarkdownNodes(markdownNodes);
-
-      this.setDivisionMarkdownNodes(divisionMarkdownNodes);
-
-      const parseTree = divisionMarkdownNode.asParseTree(tokens),
-            outerMarkdownParseTree = parseTree; ///
-
-      this.updateOuterMarkdownParseTreeTextarea(outerMarkdownParseTree);
-
-      const index = 0,
-            length = divisionMarkdownNodes.length;
-
-      if (length > 0) {
-        this.updatePage(index);
-
-        this.updatePageButtonsDiv(length);
-      }
-    } else {
-      this.clearPage();
+      this.resetTopmostMarkdownNode();
+
+      this.clearMarkdownParseTreeTextarea();
 
       this.clearPageButtonsDiv();
 
-      this.clearPlainTextTextarea();
+      this.clearPage();
+
+      return;
+    }
 
-      this.clearOuterMarkdownParseTreeTextarea();
+    const topmostMarkdownNode = node, ///
+          context = {
+            tokens,
+            importer,
+            nodeFromTokens,
+            tokensFromContent
+          };
 
-      const divisionMarkdownNodes = null;
+    topmostMarkdownNode.resolve(context);
 
-      this.setDivisionMarkdownNodes(divisionMarkdownNodes);
-    }
+    const parseTree = topmostMarkdownNode.asParseTree(tokens),
+          markdownParseTree = parseTree; ///
+
+    this.setTokens(tokens);
+
+    this.setTopmostMarkdownNode(topmostMarkdownNode);
+
+    this.updateMarkdownParseTreeTextarea(markdownParseTree);
   }
 
   updateMarkdownStyle() {
@@ -231,16 +201,28 @@ class View extends Element {
     this.hidePlainTextContainerDiv();
   }
 
+  resetTokens() {
+    const tokens = null;
+
+    this.setTokens(tokens);
+  }
+
+  resetTopmostMarkdownNode() {
+    const topmostMarkdownNode = null;
+
+    this.setTopmostMarkdownNode(topmostMarkdownNode);
+  }
+
   getTokens() {
     const { tokens } = this.getState();
 
     return tokens;
   }
 
-  getDivisionMarkdownNodes() {
-    const { divisionMarkdownNodes } = this.getState();
+  getTopmostMarkdownNode() {
+    const { topmostMarkdownNode } = this.getState();
 
-    return divisionMarkdownNodes;
+    return topmostMarkdownNode;
   }
 
   setTokens(tokens) {
@@ -249,19 +231,19 @@ class View extends Element {
     });
   }
 
-  setDivisionMarkdownNodes(divisionMarkdownNodes) {
+  setTopmostMarkdownNode(topmostMarkdownNode) {
     this.updateState({
-      divisionMarkdownNodes
+      topmostMarkdownNode
     });
   }
 
   setInitialState() {
     const tokens = null,
-          divisionMarkdownNodes = null;
+          topmostMarkdownNode = null;
 
     this.setState({
       tokens,
-      divisionMarkdownNodes
+      topmostMarkdownNode
     });
   }
 
@@ -287,7 +269,7 @@ class View extends Element {
             <HTMLContainerDiv/>
             <PreviewContainerDiv/>
             <PlainTextContainerDiv/>
-            <InnerMarkdownParseTreeTextarea/>
+            <HTMLParseTreeTextarea/>
           </RowsDiv>
         </ColumnDiv>
       </ColumnsDiv>
@@ -313,13 +295,18 @@ class View extends Element {
     this.css();
   }
 
-  static initialMarkdown = defaultContent;  ///
+  static initialMarkdown = initialMarkdown;
 
   static initialMarkdownStyle = `width: 100%;
-height: 199%;  
-position: absolute;
-min-height: 100%;  
-padding-top: 5rem;  
+height: 100%;
+font-size: 2rem;  
+
+blockListing {
+  colour: white;
+  text-align: left;
+  font-family: monospace;
+  background-colour: black;
+}
 `;
 
   static tagName = "div";
@@ -354,3 +341,9 @@ function nodeFromTokens(tokens, startRuleName = null) {
 
   return node;
 }
+
+function pathToURL(path) {
+  const url = `https://static.djalbat.com/${path}`;
+
+  return url;
+}

package/src/index/match.js

@@ -3,9 +3,9 @@
 import { UNDERSCORE, GLOBAL_FLAG, SINGLE_SPACE } from "../constants";
 
 export default class IndexMatch {
-  constructor(regularExpression, replacement) {
+  constructor(regularExpression, transform) {
     this.regularExpression = regularExpression;
-    this.replacement = replacement;
+    this.transform = transform;
   }
 
   getRegularExpression() {
@@ -13,11 +13,11 @@ export default class IndexMatch {
   }
 
   getReplacement() {
-    return this.replacement;
+    return this.transform;
   }
 
   replace(plainText) {
-    plainText = plainText.replace(this.regularExpression, this.replacement);  ///
+    plainText = plainText.replace(this.regularExpression, this.transform);  ///
 
     return plainText;
   }
@@ -30,8 +30,8 @@ export default class IndexMatch {
 
   static fromPhrase(phrase) {
     const regularExpression = new RegExp(phrase, GLOBAL_FLAG),
-          replacement = phrase.replace(/\s/g, UNDERSCORE),
-          indexMatch = new IndexMatch(regularExpression, replacement);
+          transform = phrase.replace(/\s/g, UNDERSCORE),
+          indexMatch = new IndexMatch(regularExpression, transform);
 
     return indexMatch;
   }

package/src/index.js

@@ -6,15 +6,18 @@ export { default as MarkdownStyleLexer } from "./markdownStyle/lexer";
 export { default as MarkdownStyleParser } from "./markdownStyle/parser";
 
 export { default as cssUtilities } from "./utilities/css";
+export { default as htmlUtilities } from "./utilities/html";
 export { default as queryUtilities } from "./utilities/query";
+export { default as markdownUtilities } from "./utilities/markdown";
 export { default as footnotesUtilities } from "./utilities/footnotes";
-export { default as processingUtilities } from "./utilities/processing";
 
-export { default as nodeMap } from "./nodeMap";
 export { default as ruleNames } from "./ruleNames";
 export { default as tokenTypes } from "./tokenTypes";
-export { default as elementMap } from "./elementMap";
+export { default as tagNameMap } from "./map/tagName";
+export { default as htmlNodeMap } from "./map/node/html";
+export { default as classNameMap } from "./map/className";
 export { default as MarkdownNode } from "./node/markdown";
+export { default as markdownNodeMap } from "./map/node/markdown";
 export { default as MarkdownStyleElement } from "./styleElement/markdown";
 export { default as defaultMarkdownStyle } from "./defaultMarkdownStyle";
 export { default as DefaultMarkdownStyleElement } from "./styleElement/markdown/default";

package/src/map/className.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import htmlNodeMap from "../map/node/html";
+
+import { ruleNames } from "../map/node/html";
+
+const classNameMap = {};
+
+ruleNames.forEach((ruleName) => {
+  const Class = htmlNodeMap[ruleName],
+        { className } = Class;
+
+  classNameMap[ruleName] = className;
+});
+
+export default classNameMap;

package/src/map/node/html.js

@@ -0,0 +1,136 @@
+"use strict";
+
+import LineHTMLNode from "../../node/html/line";
+import ErrorHTMLNode from "../../node/html/error";
+import ImageHTMLNode from "../../node/html/image";
+import TableHTMLNode from "../../node/html/table";
+import AnchorHTMLNode from "../../node/html/anchor";
+import DivisionHTMLNode from "../../node/html/division";
+import ParagraphHTMLNode from "../../node/html/paragraph";
+import TableHeadHTMLNode from "../../node/html/tableHead";
+import TableBodyHTMLNode from "../../node/html/tableBody";
+import HyperlinkHTMLNode from "../../node/html/link/hyper";
+import IndexItemHTMLNode from "../../node/html/item";
+import IndexLinkHTMLNode from "../../node/html/link";
+import IndexListHTMLNode from "../../node/html/indexList";
+import EmailLinkHTMLNode from "../../node/html/link/email";
+import BlockLineHTMLNode from "../../node/html/blockLine";
+import PlainTextHTMLNode from "../../node/html/text/plain";
+import BlockTextHTMLNode from "../../node/html/text/block";
+import StrongTextHTMLNode from "../../node/html/text/strong";
+import InlineTextHTMLNode from "../../node/html/text/inline";
+import OrderedItemHTMLNode from "../../node/html/item/ordered";
+import OrderedListHTMLNode from "../../node/html/list/ordered";
+import ContentsItemHTMLNode from "../../node/html/item/contents";
+import ContentsListHTMLNode from "../../node/html/list/contents";
+import ContentsLinkHTMLNode from "../../node/html/link/contents";
+import BlockListingHTMLNode from "../../node/html/listing/block";
+import IndexHeadingHTMLNode from "../../node/html/heading";
+import FootnoteLinkHTMLNode from "../../node/html/link/footnote";
+import TableHeadRowHTMLNode from "../../node/html/tableHeadRow";
+import TableBodyRowHTMLNode from "../../node/html/tableBodyRow";
+import InlineListingHTMLNode from "../../node/html/listing/inline";
+import FootnotesItemHTMLNode from "../../node/html/item/footnotes";
+import FootnotesListHTMLNode from "../../node/html/list/footnotes";
+import TableHeadCellHTMLNode from "../../node/html/tableHeadCell";
+import TableBodyCellHTMLNode from "../../node/html/tableBodyCell";
+import UnorderedItemHTMLNode from "../../node/html/item/unordered";
+import UnorderedListHTMLNode from "../../node/html/list/unordered";
+import PrimaryHeadingHTMLNode from "../../node/html/heading/primary";
+import EmphasisedTextHTMLNode from "../../node/html/text/emphasised";
+import TertiaryHeadingHTMLNode from "../../node/html/heading/tertiary";
+import SecondaryHeadingHTMLNode from "../../node/html/heading/secondary";
+import QuaternaryHeadingHTMLNode from "../../node/html/heading/quaternary";
+import StronglyEmphasisedTextHTMLNode from "../../node/html/text/stronglyEmphasised";
+
+import { LINE_RULE_NAME,
+         ERROR_RULE_NAME,
+         IMAGE_RULE_NAME,
+         TABLE_RULE_NAME,
+         ANCHOR_RULE_NAME,
+         DIVISION_RULE_NAME,
+         PARAGRAPH_RULE_NAME,
+         HYPERLINK_RULE_NAME,
+         TABLE_HEAD_RULE_NAME,
+         TABLE_BODY_RULE_NAME,
+         INDEX_ITEM_RULE_NAME,
+         INDEX_LINK_RULE_NAME,
+         INDEX_LIST_RULE_NAME,
+         EMAIL_LINK_RULE_NAME,
+         BLOCK_LINE_RULE_NAME,
+         PLAIN_TEXT_RULE_NAME,
+         BLOCK_TEXT_RULE_NAME,
+         STRONG_TEXT_RULE_NAME,
+         INLINE_TEXT_RULE_NAME,
+         ORDERED_ITEM_RULE_NAME,
+         ORDERED_LIST_RULE_NAME,
+         CONTENTS_ITEM_RULE_NAME,
+         CONTENTS_LIST_RULE_NAME,
+         CONTENTS_LINK_RULE_NAME,
+         INDEX_HEADING_RULE_NAME,
+         BLOCK_LISTING_RULE_NAME,
+         FOOTNOTE_LINK_RULE_NAME,
+         TABLE_HEAD_ROW_RULE_NAME,
+         TABLE_BODY_ROW_RULE_NAME,
+         INLINE_LISTING_RULE_NAME,
+         FOOTNOTES_ITEM_RULE_NAME,
+         FOOTNOTES_LIST_RULE_NAME,
+         UNORDERED_ITEM_RULE_NAME,
+         UNORDERED_LIST_RULE_NAME,
+         TABLE_HEAD_CELL_RULE_NAME,
+         TABLE_BODY_CELL_RULE_NAME,
+         EMPHASISED_TEXT_RULE_NAME,
+         PRIMARY_HEADING_RULE_NAME,
+         TERTIARY_HEADING_RULE_NAME,
+         SECONDARY_HEADING_RULE_NAME,
+         QUATERNARY_HEADING_RULE_NAME,
+         STRONGLY_EMPHASISED_TEXT_RULE_NAME } from "../../ruleNames";
+
+const htmlNodeMap = {
+  [LINE_RULE_NAME]: LineHTMLNode,
+  [ERROR_RULE_NAME]: ErrorHTMLNode,
+  [IMAGE_RULE_NAME]: ImageHTMLNode,
+  [TABLE_RULE_NAME]: TableHTMLNode,
+  [ANCHOR_RULE_NAME]: AnchorHTMLNode,
+  [DIVISION_RULE_NAME]: DivisionHTMLNode,
+  [PARAGRAPH_RULE_NAME]: ParagraphHTMLNode,
+  [HYPERLINK_RULE_NAME]: HyperlinkHTMLNode,
+  [TABLE_HEAD_RULE_NAME]: TableHeadHTMLNode,
+  [TABLE_BODY_RULE_NAME]: TableBodyHTMLNode,
+  [INDEX_ITEM_RULE_NAME]: IndexItemHTMLNode,
+  [INDEX_LINK_RULE_NAME]: IndexLinkHTMLNode,
+  [INDEX_LIST_RULE_NAME]: IndexListHTMLNode,
+  [EMAIL_LINK_RULE_NAME]: EmailLinkHTMLNode,
+  [BLOCK_LINE_RULE_NAME]: BlockLineHTMLNode,
+  [PLAIN_TEXT_RULE_NAME]: PlainTextHTMLNode,
+  [BLOCK_TEXT_RULE_NAME]: BlockTextHTMLNode,
+  [STRONG_TEXT_RULE_NAME]: StrongTextHTMLNode,
+  [INLINE_TEXT_RULE_NAME]: InlineTextHTMLNode,
+  [ORDERED_ITEM_RULE_NAME]: OrderedItemHTMLNode,
+  [ORDERED_LIST_RULE_NAME]: OrderedListHTMLNode,
+  [CONTENTS_ITEM_RULE_NAME]: ContentsItemHTMLNode,
+  [CONTENTS_LIST_RULE_NAME]: ContentsListHTMLNode,
+  [CONTENTS_LINK_RULE_NAME]: ContentsLinkHTMLNode,
+  [INDEX_HEADING_RULE_NAME]: IndexHeadingHTMLNode,
+  [BLOCK_LISTING_RULE_NAME]: BlockListingHTMLNode,
+  [FOOTNOTE_LINK_RULE_NAME]: FootnoteLinkHTMLNode,
+  [TABLE_HEAD_ROW_RULE_NAME]: TableHeadRowHTMLNode,
+  [TABLE_BODY_ROW_RULE_NAME]: TableBodyRowHTMLNode,
+  [INLINE_LISTING_RULE_NAME]: InlineListingHTMLNode,
+  [FOOTNOTES_ITEM_RULE_NAME]: FootnotesItemHTMLNode,
+  [FOOTNOTES_LIST_RULE_NAME]: FootnotesListHTMLNode,
+  [UNORDERED_ITEM_RULE_NAME]: UnorderedItemHTMLNode,
+  [UNORDERED_LIST_RULE_NAME]: UnorderedListHTMLNode,
+  [TABLE_HEAD_CELL_RULE_NAME]: TableHeadCellHTMLNode,
+  [TABLE_BODY_CELL_RULE_NAME]: TableBodyCellHTMLNode,
+  [EMPHASISED_TEXT_RULE_NAME]: EmphasisedTextHTMLNode,
+  [PRIMARY_HEADING_RULE_NAME]: PrimaryHeadingHTMLNode,
+  [TERTIARY_HEADING_RULE_NAME]: TertiaryHeadingHTMLNode,
+  [SECONDARY_HEADING_RULE_NAME]: SecondaryHeadingHTMLNode,
+  [QUATERNARY_HEADING_RULE_NAME]: QuaternaryHeadingHTMLNode,
+  [STRONGLY_EMPHASISED_TEXT_RULE_NAME]: StronglyEmphasisedTextHTMLNode
+}
+
+export const ruleNames = Object.keys(htmlNodeMap);
+
+export default htmlNodeMap;