highmark-markdown 1.0.173 → 1.0.174

package/src/node/markdown/topmost.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import MarkdownNode from "../../node/markdown";
+import DivisionMarkdownNode from "../../node/markdown/division";
+
+export default class TopmostMarkdownNode extends MarkdownNode {
+  resolve(context) {
+    // this.forEachDivisionMarkdownNode((divisionMarkdownNode) => {
+    //   divisionMarkdownNode.resolveIncludes(context);
+    // });
+
+    this.filterDivisionMarkdownNode((divisionMarkdownNode) => {
+      const ignored = divisionMarkdownNode.isIgnored();
+
+      if (!ignored) {
+        return true;
+      }
+    });
+
+    // this.forEachDivisionMarkdownNode((divisionMarkdownNode) => {
+    //   divisionMarkdownNode.resolveEmbeddings(context);
+    // });
+  }
+
+  getDivisionMarkdownNodeAt(index) {
+    const divisionNodeIndex = index,  ///
+          divisionMarkdownNode = this.findDivisionMarkdownNode((childNode, index) => {
+            const childNodeIndex = index; ///
+
+            if (childNodeIndex === divisionNodeIndex) {
+              return true;
+            }
+          });
+
+    return divisionMarkdownNode;
+  }
+
+  findDivisionMarkdownNode(callback) {
+    let index = 0;
+
+    const divisionMarkdownNode = this.findChildNode((childNode) => {
+      const childNodeDivisionMarkdownNode = (childNode instanceof DivisionMarkdownNode);
+
+      if (childNodeDivisionMarkdownNode) {
+        const divisionMarkNode = childNode, ///
+              result = callback(divisionMarkNode, index);
+
+        if (result) {
+          return true;
+        }
+
+        index++;
+      }
+    });
+
+    return divisionMarkdownNode;
+  }
+
+  filterDivisionMarkdownNode(callback) {
+    this.filterChildNode((childNode) => {
+      const childNodeDivisionMarkdownNode = (childNode instanceof DivisionMarkdownNode);
+
+      if (!childNodeDivisionMarkdownNode) {
+        return true;
+      }
+
+      if (childNodeDivisionMarkdownNode) {
+        const divisionMarkNode = childNode, ///
+              result = callback(divisionMarkNode);
+
+        if (result) {
+          return true;
+        }
+      }
+    });
+  }
+
+  forEachDivisionMarkdownNode(callback) {
+    this.forEachChildNode((childNode) => {
+      const childNodeDivisionMarkdownNode = (childNode instanceof DivisionMarkdownNode);
+
+      if (childNodeDivisionMarkdownNode) {
+        const divisionMarkNode = childNode; ///
+
+        callback(divisionMarkNode);
+      }
+    });
+  }
+
+  static fromRuleNameChildNodesAndOpacity(ruleName, childNodes, opacity) { return MarkdownNode.fromRuleNameChildNodesAndOpacity(TopmostMarkdownNode, ruleName, childNodes, opacity); }
+}

package/src/node/markdown.js

@@ -2,211 +2,12 @@
 
 import { NonTerminalNode } from "occam-parsers";
 
-import elementMap from "../elementMap";
 import nodeMixins from "../mixins/node";
-import elementMixins from "../mixins/element";
-
-import { EMPTY_STRING } from "../constants";
 
 class MarkdownNode extends NonTerminalNode {
-  constructor(ruleName, childNodes, precedence, opacity, domElement) {
-    super(ruleName, childNodes, precedence, opacity);
-
-    this.domElement = domElement;
-  }
-
-  getDOMElement() {
-    return this.domElement;
-  }
-
-  setDOMElement(domElement) {
-    this.domElement = domElement;
-  }
-
-  tagName(context) {
-    const element = elementMap[this.ruleName];
-
-    const { tagName } = element;
-
-    return tagName;
-  }
-
-  className(context) {
-    const element = elementMap[this.ruleName];
-
-    const { className } = element;
-
-    return className;
-  }
-
-  attributeName(context) {
-    const attributeName = null;
-
-    return attributeName;
-  }
-
-  attributeValue(context) {
-    const attributeValue = null;
-
-    return attributeValue;
-  }
-
-  isDivisionMarkdownNode() {
-    const divisionMarkdownNode = false;
-
-    return divisionMarkdownNode;
-  }
-
-  isPlainTextMarkdownNode() {
-    const plainTextMarkdownNode = false;
-
-    return plainTextMarkdownNode;
-  }
-
-  lines(context) {
-    let lines;
-
-    ({ lines = null } = this.constructor);
-
-    if (lines === null) {
-      lines = this.reduceChildNode((lines, childNode) => {
-        const childNodeMarkdownNode = (childNode instanceof MarkdownNode);
-
-        if (childNodeMarkdownNode) {
-          const markdownNode = childNode, ///
-                markdownNodeLines = markdownNode.lines(context);
-
-          lines += markdownNodeLines;
-        }
-
-        return lines;
-      }, 0);
-    }
-
-    return lines;
-  }
-
-  mount(parentDOMElement, siblingDOMElement, context) {
-    this.domElement = this.createDOMElement(context);
-
-    if (this.domElement !== null) {
-      parentDOMElement.insertBefore(this.domElement, siblingDOMElement)
-
-      parentDOMElement = this.domElement; ///
-
-      siblingDOMElement = null;
-    }
-
-    this.childNodes.forEach((childNode) => {
-      const childNodeMarkdownNode = (childNode instanceof MarkdownNode);
-
-      if (childNodeMarkdownNode) {
-        const markdownNode = childNode; ///
-
-        markdownNode.mount(parentDOMElement, siblingDOMElement, context);
-      }
-    });
-  }
-
-  unmount(parentDOMElement, context) {
-    if (this.domElement !== null) {
-      parentDOMElement.removeChild(this.domElement);
-
-      parentDOMElement = this.domElement; ///
-
-      this.domElement = null;
-
-      return;
-    }
-
-    this.childNodes.forEach((childNode) => {
-      const childNodeMarkdownNode = (childNode instanceof MarkdownNode);
-
-      if (childNodeMarkdownNode) {
-        childNode.unmount(parentDOMElement, context);
-      }
-    });
-  }
-
-  isMounted() {
-    const mounted = (this.domElement !== null);
-
-    return mounted;
-  }
-
-  createDOMElement(context) {
-    let domElement = null;
-
-    const tagName = this.tagName(context);
-
-    if (tagName !== null) {
-      domElement = document.createElement(tagName);
-
-      const className = this.className(context),
-            attributeName = this.attributeName(context),
-            attributeValue = this.attributeValue(context);
-
-      if (className !== null) {
-        Object.assign(domElement, {
-          className
-        });
-      }
-
-      if ((attributeName !== null) && (attributeValue !== null)) {
-        domElement.setAttribute(attributeName, attributeValue);
-      }
-    }
-
-    return domElement;
-  }
-
-  asPlainText(context) {
-    let plainText = null;
-
-    const tagName = this.tagName(context);
-
-    if (tagName !== null) {
-      const childNodesPlainText = this.childNodesAsPlainText(context);
-
-      plainText = childNodesPlainText;  ///
-    }
-
-    return plainText;
-  }
-
-  childNodesAsPlainText(context) {
-    const childNodesPlainText = this.reduceChildNode((childNodesPlainText, childNode) => {
-            const childNodeMarkdownNode = (childNode instanceof MarkdownNode);
-
-            if (childNodeMarkdownNode) {
-              const markdownNode = childNode, ///
-                    markdownNodePlainText = markdownNode.asPlainText(context);
-
-              if (markdownNodePlainText !== null) {
-                childNodesPlainText = (childNodesPlainText === null) ?
-                                        markdownNodePlainText :  ///
-                                         `${childNodesPlainText}
-${markdownNodePlainText}`;
-              }
-            }
-
-            return childNodesPlainText;
-          }, null);
-
-    return childNodesPlainText;
-  }
-
-  clone(...remainingArguments) { return super.clone(this.domElement, ...remainingArguments); }
-
-  static fromRuleNameChildNodesAndOpacity(Class, ruleName, childNodes, opacity, ...remainingArguments) {
-    const domElement = null,
-          markdownNode = NonTerminalNode.fromRuleNameChildNodesAndOpacity(Class, ruleName, childNodes, opacity, domElement, ...remainingArguments);
-
-    return markdownNode;
-  }
+  static fromRuleNameChildNodesAndOpacity(Class, ruleName, childNodes, opacity, ...remainingArguments) { return NonTerminalNode.fromRuleNameChildNodesAndOpacity(Class, ruleName, childNodes, opacity, ...remainingArguments); }
 }
 
 Object.assign(MarkdownNode.prototype, nodeMixins);
-Object.assign(MarkdownNode.prototype, elementMixins);
 
 export default MarkdownNode;

package/src/queries.js

@@ -2,93 +2,13 @@
 
 import { Query } from "occam-query";
 
-import { LINE_RULE_NAME,
-         IMAGE_RULE_NAME,
-         TABLE_RULE_NAME,
-         ERROR_RULE_NAME,
-         ANCHOR_RULE_NAME,
-         DIVISION_RULE_NAME,
-         PARAGRAPH_RULE_NAME,
-         HYPERLINK_RULE_NAME,
-         INDEX_LIST_RULE_NAME,
-         INDEX_ITEM_RULE_NAME,
-         INDEX_LINK_RULE_NAME,
-         TABLE_HEAD_RULE_NAME,
-         TABLE_BODY_RULE_NAME,
-         BLOCK_LINE_RULE_NAME,
-         EMAIL_LINK_RULE_NAME,
-         STRONG_TEXT_RULE_NAME,
-         ORDERED_LIST_RULE_NAME,
-         ORDERED_ITEM_RULE_NAME,
-         INDEX_HEADING_RULE_NAME,
-         BLOCK_LISTING_RULE_NAME,
-         CONTENTS_LINK_RULE_NAME,
-         CONTENTS_ITEM_RULE_NAME,
-         CONTENTS_LIST_RULE_NAME,
-         FOOTNOTE_LINK_RULE_NAME,
-         TABLE_HEAD_ROW_RULE_NAME,
-         TABLE_BODY_ROW_RULE_NAME,
-         INLINE_LISTING_RULE_NAME,
-         UNORDERED_LIST_RULE_NAME,
-         UNORDERED_ITEM_RULE_NAME,
-         FOOTNOTES_ITEM_RULE_NAME,
-         FOOTNOTES_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,
-         PAGE_NUMBER_DIRECTIVE_RULE_NAME,
-         STRONGLY_EMPHASISED_TEXT_RULE_NAME } from "./ruleNames";
+import { ruleNames } from "./map/node//html";
 
-const expressionStrings = [
-        `//${LINE_RULE_NAME}`,
-        `//${IMAGE_RULE_NAME}`,
-        `//${TABLE_RULE_NAME}`,
-        `//${ERROR_RULE_NAME}`,
-        `//${ANCHOR_RULE_NAME}`,
-        `//${DIVISION_RULE_NAME}`,
-        `//${PARAGRAPH_RULE_NAME}`,
-        `//${HYPERLINK_RULE_NAME}`,
-        `//${INDEX_LIST_RULE_NAME}`,
-        `//${INDEX_ITEM_RULE_NAME}`,
-        `//${INDEX_LINK_RULE_NAME}`,
-        `//${TABLE_HEAD_RULE_NAME}`,
-        `//${TABLE_BODY_RULE_NAME}`,
-        `//${BLOCK_LINE_RULE_NAME}`,
-        `//${EMAIL_LINK_RULE_NAME}`,
-        `//${STRONG_TEXT_RULE_NAME}`,
-        `//${ORDERED_LIST_RULE_NAME}`,
-        `//${ORDERED_ITEM_RULE_NAME}`,
-        `//${INDEX_HEADING_RULE_NAME}`,
-        `//${BLOCK_LISTING_RULE_NAME}`,
-        `//${CONTENTS_LINK_RULE_NAME}`,
-        `//${CONTENTS_ITEM_RULE_NAME}`,
-        `//${CONTENTS_LIST_RULE_NAME}`,
-        `//${FOOTNOTE_LINK_RULE_NAME}`,
-        `//${TABLE_HEAD_ROW_RULE_NAME}`,
-        `//${TABLE_BODY_ROW_RULE_NAME}`,
-        `//${INLINE_LISTING_RULE_NAME}`,
-        `//${UNORDERED_LIST_RULE_NAME}`,
-        `//${UNORDERED_ITEM_RULE_NAME}`,
-        `//${FOOTNOTES_ITEM_RULE_NAME}`,
-        `//${FOOTNOTES_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}`,
-        `//${PAGE_NUMBER_DIRECTIVE_RULE_NAME}`,
-        `//${STRONGLY_EMPHASISED_TEXT_RULE_NAME}`
-      ],
-      queries = expressionStrings.map((expressionString) => {
-        const query = Query.fromExpressionString(expressionString);
+const queries = ruleNames.map((ruleName) => {
+  const expressionString = `//${ruleName}`,
+        query = Query.fromExpressionString(expressionString);
 
-        return query;
-      });
+  return query;
+});
 
 export default queries;

package/src/ruleNames.js

@@ -2,14 +2,17 @@
 
 export const LINE_RULE_NAME = "line";
 export const PATH_RULE_NAME = "path";
-export const COMMA_RULE_NAME = "comma";
 export const IMAGE_RULE_NAME = "image";
 export const TABLE_RULE_NAME = "table";
 export const ERROR_RULE_NAME = "error";
+export const COMMA_RULE_NAME = "comma";
 export const ANCHOR_RULE_NAME = "anchor";
+export const FOOTER_RULE_NAME = "footer";
+export const TOPMOST_RULE_NAME = "markdown";  ///
 export const DIVISION_RULE_NAME = "division";
 export const FOOTNOTE_RULE_NAME = "footnote";
 export const NONSENSE_RULE_NAME = "nonsense";
+export const BLOCK_END_RULE_NAME = "blockEnd";
 export const REFERENCE_RULE_NAME = "reference";
 export const PARAGRAPH_RULE_NAME = "paragraph";
 export const HYPERLINK_RULE_NAME = "hyperlink";
@@ -21,13 +24,15 @@ export const TABLE_HEAD_RULE_NAME = "tableHead";
 export const TABLE_BODY_RULE_NAME = "tableBody";
 export const BLOCK_LINE_RULE_NAME = "blockLine";
 export const CLASS_NAME_RULE_NAME = "className";
+export const BLOCK_TEXT_RULE_NAME = "blockText";
 export const PLAIN_TEXT_RULE_NAME = "plainText";
 export const EMAIL_LINK_RULE_NAME = "emailLink";
 export const DIRECTIVES_RULE_NAME = "directives";
+export const BLOCK_START_RULE_NAME = "blockStart";
 export const END_OF_LINE_RULE_NAME = "endOfLine";
 export const INLINE_TEXT_RULE_NAME = "inlineText";
 export const STRONG_TEXT_RULE_NAME = "strongText";
-export const SUB_DIVISION_RULE_NAME = "subDivision";
+export const FOOTER_LINK_RULE_NAME = "footerLink";
 export const ORDERED_LIST_RULE_NAME = "orderedList";
 export const ORDERED_ITEM_RULE_NAME = "orderedItem";
 export const INDEX_HEADING_RULE_NAME = "indexHeading";
@@ -37,14 +42,14 @@ export const CONTENTS_ITEM_RULE_NAME = "contentsItem";
 export const CONTENTS_LIST_RULE_NAME = "contentsList";
 export const FOOTNOTE_LINK_RULE_NAME = "footnoteLink";
 export const TABLE_DIVIDER_RULE_NAME = "tableDivider";
-export const FOOTNOTES_ITEM_RULE_NAME = "footnotesItem";
+export const VERTICAL_SPACE_RULE_NAME = "verticalSpace";
 export const TABLE_HEAD_ROW_RULE_NAME = "tableHeadRow";
 export const TABLE_BODY_ROW_RULE_NAME = "tableBodyRow";
 export const INLINE_LISTING_RULE_NAME = "inlineListing";
 export const UNORDERED_LIST_RULE_NAME = "unorderedList";
 export const UNORDERED_ITEM_RULE_NAME = "unorderedItem";
 export const FOOTNOTES_LIST_RULE_NAME = "footnotesList";
-export const VERTICAL_SPACE_RULE_NAME = "verticalSpace";
+export const FOOTNOTES_ITEM_RULE_NAME = "footnotesItem";
 export const TABLE_HEAD_CELL_RULE_NAME = "tableHeadCell";
 export const TABLE_BODY_CELL_RULE_NAME = "tableBodyCell";
 export const EMPHASISED_TEXT_RULE_NAME = "emphasisedText";
@@ -54,15 +59,13 @@ export const EMBED_DIRECTIVE_RULE_NAME = "embedDirective";
 export const EMPTY_TABLE_CELL_RULE_NAME = "emptyTableCell";
 export const TERTIARY_HEADING_RULE_NAME = "tertiaryHeading";
 export const IGNORE_DIRECTIVE_RULE_NAME = "ignoreDirective";
-export const BLOCK_LISTING_END_RULE_NAME = "blockListingEnd";
 export const SECONDARY_HEADING_RULE_NAME = "secondaryHeading";
 export const INCLUDE_DIRECTIVE_RULE_NAME = "includeDirective";
 export const TABLE_CELL_DIVIDER_RULE_NAME = "tableCellDivider";
 export const QUATERNARY_HEADING_RULE_NAME = "quaternaryHeading";
 export const CONTENTS_DIRECTIVE_RULE_NAME = "contentsDirective";
-export const BLOCK_LISTING_START_RULE_NAME = "blockListingStart";
 export const FOOTNOTES_DIRECTIVE_RULE_NAME = "footnotesDirective";
-export const PAGE_NUMBER_DIRECTIVE_RULE_NAME = "pageNumber";  ///
+export const PAGE_NUMBER_DIRECTIVE_RULE_NAME = "pageNumberDirective";
 export const STRONGLY_EMPHASISED_TEXT_RULE_NAME = "stronglyEmphasisedText";
 
 const ruleNames = {
@@ -73,12 +76,14 @@ const ruleNames = {
   TABLE_RULE_NAME,
   ERROR_RULE_NAME,
   ANCHOR_RULE_NAME,
+  TOPMOST_RULE_NAME,
   DIVISION_RULE_NAME,
   FOOTNOTE_RULE_NAME,
   NONSENSE_RULE_NAME,
   REFERENCE_RULE_NAME,
   PARAGRAPH_RULE_NAME,
   HYPERLINK_RULE_NAME,
+  BLOCK_END_RULE_NAME,
   INDEX_LIST_RULE_NAME,
   INDEX_ITEM_RULE_NAME,
   INDEX_LINK_RULE_NAME,
@@ -87,13 +92,14 @@ const ruleNames = {
   TABLE_BODY_RULE_NAME,
   BLOCK_LINE_RULE_NAME,
   CLASS_NAME_RULE_NAME,
+  BLOCK_TEXT_RULE_NAME,
   PLAIN_TEXT_RULE_NAME,
   EMAIL_LINK_RULE_NAME,
   DIRECTIVES_RULE_NAME,
   END_OF_LINE_RULE_NAME,
   INLINE_TEXT_RULE_NAME,
   STRONG_TEXT_RULE_NAME,
-  SUB_DIVISION_RULE_NAME,
+  BLOCK_START_RULE_NAME,
   ORDERED_LIST_RULE_NAME,
   ORDERED_ITEM_RULE_NAME,
   INDEX_HEADING_RULE_NAME,
@@ -103,14 +109,14 @@ const ruleNames = {
   CONTENTS_LIST_RULE_NAME,
   FOOTNOTE_LINK_RULE_NAME,
   TABLE_DIVIDER_RULE_NAME,
-  FOOTNOTES_ITEM_RULE_NAME,
+  VERTICAL_SPACE_RULE_NAME,
   TABLE_HEAD_ROW_RULE_NAME,
   TABLE_BODY_ROW_RULE_NAME,
   INLINE_LISTING_RULE_NAME,
   UNORDERED_LIST_RULE_NAME,
   UNORDERED_ITEM_RULE_NAME,
   FOOTNOTES_LIST_RULE_NAME,
-  VERTICAL_SPACE_RULE_NAME,
+  FOOTNOTES_ITEM_RULE_NAME,
   TABLE_HEAD_CELL_RULE_NAME,
   TABLE_BODY_CELL_RULE_NAME,
   EMPHASISED_TEXT_RULE_NAME,
@@ -120,13 +126,11 @@ const ruleNames = {
   EMPTY_TABLE_CELL_RULE_NAME,
   TERTIARY_HEADING_RULE_NAME,
   IGNORE_DIRECTIVE_RULE_NAME,
-  BLOCK_LISTING_END_RULE_NAME,
   SECONDARY_HEADING_RULE_NAME,
   INCLUDE_DIRECTIVE_RULE_NAME,
   TABLE_CELL_DIVIDER_RULE_NAME,
   QUATERNARY_HEADING_RULE_NAME,
   CONTENTS_DIRECTIVE_RULE_NAME,
-  BLOCK_LISTING_START_RULE_NAME,
   FOOTNOTES_DIRECTIVE_RULE_NAME,
   PAGE_NUMBER_DIRECTIVE_RULE_NAME,
   STRONGLY_EMPHASISED_TEXT_RULE_NAME

package/src/style/selector.js

@@ -1,7 +1,8 @@
 "use strict";
 
 import ruleNames from "../ruleNames";
-import elementMap from "../elementMap";
+import tagNameMap from "../map/tagName";
+import classNameMap from "../map/className";
 
 import { nodeQuery } from "../utilities/query";
 import { EMPTY_STRING } from "../constants";
@@ -10,13 +11,10 @@ import { remainingContentFromNodeTokensAndOffset } from "../utilities/content";
 
 const { STRONG_TEXT_RULE_NAME,
         ORDERED_LIST_RULE_NAME,
-        UNORDERED_LIST_RULE_NAME,
         ORDERED_ITEM_RULE_NAME,
         UNORDERED_ITEM_RULE_NAME,
-        STRONGLY_EMPHASISED_TEXT_RULE_NAME } = ruleNames,
-      { tagName: strongTextTagName } = elementMap[STRONG_TEXT_RULE_NAME],
-      { tagName: orderedListTagName } = elementMap[ORDERED_LIST_RULE_NAME],
-      { tagName: unorderedListTagName } = elementMap[UNORDERED_LIST_RULE_NAME];
+        UNORDERED_LIST_RULE_NAME,
+        STRONGLY_EMPHASISED_TEXT_RULE_NAME } = ruleNames;
 
 const ruleNameValues = Object.values(ruleNames),
       ruleNameTerminalNodeQuery = nodeQuery("/selector/@rule-name");
@@ -74,7 +72,7 @@ function contentFromNodeAndTokens(node, tokens) {
       const ruleNameValuesIncludesRuleName = ruleNameValues.includes(ruleName);
 
       if (ruleNameValuesIncludesRuleName) {
-        const { tagName, className } = elementMap[ruleName];
+        const tagName = tagNameMap[ruleName];
 
         if (tagName !== null) {
           content = `${content}${tagName}`;
@@ -82,24 +80,32 @@ function contentFromNodeAndTokens(node, tokens) {
 
         switch (ruleName) {
           case ORDERED_ITEM_RULE_NAME: {
-            content = `${orderedListTagName} > ${content}`;
+            const tagName = tagNameMap[ORDERED_LIST_RULE_NAME],
+
+            content = `${tagName} > ${content}`;
 
             break;
           }
 
           case UNORDERED_ITEM_RULE_NAME: {
-            content = `${unorderedListTagName} > ${content}`;
+            const tagName = tagNameMap[UNORDERED_LIST_RULE_NAME];
+
+            content = `${tagName} > ${content}`;
 
             break;
           }
 
           case STRONGLY_EMPHASISED_TEXT_RULE_NAME: {
-            content = `${content} > ${strongTextTagName}`;
+            const tagName = tagNameMap[STRONG_TEXT_RULE_NAME];
+
+            content = `${content} > ${tagName}`;
 
             break;
           }
         }
 
+        const className = classNameMap[ruleName];
+
         if (className !== null) {
           content = `${content}.${className}`;
         }

package/src/transform/contentsItem.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { Transform } from "occam-dom";
+
+import ContentsLinkTransform from "../transform/contentsLink";
+import ContentsItemMarkdownNode from "../node/markdown/contentsItem";
+
+export default class ContentsItemTransform extends Transform {
+  getContentsItemMarkdownNode() {
+    const node = this.getNode(),
+          contentsItemMarkdownNode = node;  ///
+
+    return contentsItemMarkdownNode;
+  }
+
+  static fromNestedHeadingMarkdownNode(nestedHeadingMarkdownNode, context) {
+    const transforms = [],
+          contentsLinkTransform = ContentsLinkTransform.fromNestedHeadingMarkdownNode(nestedHeadingMarkdownNode, context);
+
+    if (contentsLinkTransform !== null) {
+      const node = nestedHeadingMarkdownNode.getNode(),
+            headingMarkdownNode = node;  ///
+
+      headingMarkdownNode.addAnchor(context);
+
+      const transform = contentsLinkTransform;
+
+      transforms.push(transform);
+    }
+
+    const childNestedNodes = nestedHeadingMarkdownNode.getChildNestedNodes(),
+          nestedHeadingMarkdownNodes = childNestedNodes,  ///
+          nestedHeadingMarkdownNodesLength = nestedHeadingMarkdownNodes.length;
+
+    if (nestedHeadingMarkdownNodesLength > 0) {
+      const { ContentsListTransform } = ContentsItemTransform,
+            contentsListTransform = ContentsListTransform.fromNestedHeadingMarkdownNodes(nestedHeadingMarkdownNodes, context),
+            transform = contentsListTransform; ///
+
+      transforms.push(transform);
+    }
+
+    const contentsItemMarkdownNode = ContentsItemMarkdownNode.fromTransforms(transforms),
+          node = contentsItemMarkdownNode,  ///
+          tokens = [];
+
+    transforms.forEach((transform) => {
+      transform.getTokens(tokens);
+    });
+
+    const contentsItemTransform = Transform.fromNodeAndTokens(ContentsItemTransform, node, tokens);
+
+    return contentsItemTransform;
+  }
+}

package/src/{replacement → transform}/contentsLink.js

@@ -1,12 +1,13 @@
 "use strict";
 
-import Replacement from "../replacement";
-import LineReplacement from "../replacement/line";
+import { Transform } from "occam-dom";
+
+import LineTransform from "../transform/line";
 import ContentsLinkMarkdownNode from "../node/markdown/contentsLink";
 
-export default class ContentsLinkReplacement extends Replacement {
+export default class ContentsLinkTransform extends Transform {
   static fromNestedHeadingMarkdownNode(nestedHeadingMarkdownNode, context) {
-    let contentsLinkReplacement = null;
+    let contentsLinkTransform = null;
 
     const node = nestedHeadingMarkdownNode.getNode(),
           headingMarkdownNode = node;  ///
@@ -14,14 +15,14 @@ export default class ContentsLinkReplacement extends Replacement {
     if (headingMarkdownNode !== null) {
       const identifier = headingMarkdownNode.identifier(context),
             lineMarkdownNode = headingMarkdownNode.getLineMarkdownNode(),
-            lineReplacement = LineReplacement.fromLineMarkdownNode(lineMarkdownNode, context),
-            contentsLinkMarkdownNode = ContentsLinkMarkdownNode.fromLineReplacementAndIdentifier(lineReplacement, identifier),
+            lineTransform = LineTransform.fromLineMarkdownNode(lineMarkdownNode, context),
+            contentsLinkMarkdownNode = ContentsLinkMarkdownNode.fromLineTransformAndIdentifier(lineTransform, identifier),
             node = contentsLinkMarkdownNode,  ///
-            tokens = lineReplacement.getTokens();
+            tokens = lineTransform.getTokens();
 
-      contentsLinkReplacement = Replacement.fromNodeAndTokens(ContentsLinkReplacement, node, tokens);
+      contentsLinkTransform = Transform.fromNodeAndTokens(ContentsLinkTransform, node, tokens);
     }
 
-    return contentsLinkReplacement;
+    return contentsLinkTransform;
   }
 }