Merge pull request #18 from aem/headers

Add support for header types, v0.1.5

Author: aem

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,5 +1,4 @@
 **Pre-merge checklist**
-- [ ] code has been tested in Node and all major browsers
 - [ ] accompanying tests are written and passing
 - [ ] `npm run install` passes with no errors
 - [ ] `npm run lint` passes with no errors
@@ -10,7 +9,4 @@
 **Reason for changes or related GitHub issue**
 
 
-**Code example or screenshot if applicable**
-
-
 @aem

CHANGELOG.md

@@ -1,5 +1,15 @@
 # docs-soap Changelog
 <table>
+  <tr>
+    <td>
+      <strong>v0.1.5</strong>
+    </td>
+    <td>
+      <ul>
+        <li>Added support for all header types</li>
+      </ul>
+    </td>
+  </tr>
   <tr>
     <td>
       <strong>v0.1.4</strong>

README.md

@@ -4,10 +4,9 @@ docs-soap is a small, simple library that can be used to transform clipboard con
 
 This project was developed for use in a client-side project. To use in a Node environment, your project will also require [jsdom](https://www.npmjs.com/package/jsdom). 
 
-### New in 0.1.4
+### New in 0.1.5
 <ul>
-  <li>Added support for ordered lists</li>
-  <li>Added support for nested lists</li>
+  <li>Added support for all header types</li>
 </ul>
 
 ### Exported API

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docs-soap",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A utility for cleaning Google Docs clipboard content into valid HTML",
   "author": "aem <[email protected]>",
   "keywords": [

src/constants.js

@@ -18,3 +18,12 @@ export const elements = {
   SUPERSCRIPT: 'sup',
   SUBSCRIPT: 'sub'
 };
+
+export const headers = [
+  'H1',
+  'H2',
+  'H3',
+  'H4',
+  'H5',
+  'H6'
+];

src/docsSoap.js

@@ -1,6 +1,6 @@
 // @flow
 
-import { docsId, elements, styles } from './constants';
+import { docsId, elements, headers, styles } from './constants';
 import parseHTML from './parseHTML';
 
 const wrapNodeAnchor = (
@@ -99,7 +99,10 @@ const getCleanNode = (
       for (let i = 0; i < node.childNodes.length; i++) {
         items.push(...getCleanNode(node.childNodes[i]));
       }
-      items.map(i => newNode.appendChild(i));
+      items.map((i: Node): Node => newNode.appendChild(i));
+    } else if (headers.indexOf(node.nodeName) !== -1) {
+      newWrapper = document.createElement(node.nodeName);
+      newNode = applyInlineStyles(node.childNodes[0]);
     } else if (node.nodeName === 'P') {
       newWrapper = document.createElement('p');
       newNode = applyBlockStyles(node);

test/docsSoapSpec.js

@@ -98,4 +98,12 @@ describe('Google Docs Converter', () => {
     expect(doc.childNodes[0].childNodes[1].childNodes[1].childNodes[0].querySelectorAll(elements.UNDERLINE).length).toBe(1);
     expect(doc.childNodes[0].childNodes[1].childNodes[1].childNodes[0].querySelector(elements.UNDERLINE).textContent).toBe('underline');
   });
+
+  it('converts header types properly', () => {
+    const doc = parseHTML(docsSoap(documents.headers));
+    expect(doc.querySelectorAll('h1').length).toBe(1);
+    expect(doc.querySelectorAll('h2').length).toBe(1);
+    expect(doc.querySelectorAll('h3').length).toBe(1);
+    expect(doc.querySelectorAll('h4').length).toBe(1);
+  });
 });