@inboxsdk/core 0.2.28-alpha.3 → 0.2.28-alpha.5

package/src/injected-js/gmail/thread-identifier/click-and-get-popup-url.js

@@ -1,12 +1,17 @@
-/* @flow */
+"use strict";
 
-import constant from 'lodash/constant';
-import noop from 'lodash/noop';
-import * as logger from '../../injected-logger';
-
-const ignoreErrors = constant(true);
-
-function getIfOwn(object: Object, prop: string): any {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = clickAndGetPopupUrl;
+var _constant = _interopRequireDefault(require("lodash/constant"));
+var _noop = _interopRequireDefault(require("lodash/noop"));
+var logger = _interopRequireWildcard(require("../../injected-logger"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const ignoreErrors = (0, _constant.default)(true);
+function getIfOwn(object, prop) {
   if (Object.prototype.hasOwnProperty.call(object, prop)) {
     return object[prop];
   }
@@ -15,7 +20,7 @@ function getIfOwn(object: Object, prop: string): any {
 
 // Simulates a control+meta click on an element, intercepts the call to
 // window.open, and returns the attempted popup's URL.
-export default function clickAndGetPopupUrl(element: HTMLElement): ?string {
+function clickAndGetPopupUrl(element) {
   const event = document.createEvent('MouseEvents');
   const options = {
     bubbles: true,
@@ -26,41 +31,24 @@ export default function clickAndGetPopupUrl(element: HTMLElement): ?string {
     ctrlKey: true,
     altKey: false,
     shiftKey: false,
-    metaKey: true,
+    metaKey: true
   };
-  (event: any).initMouseEvent(
-    'click',
-    options.bubbles,
-    options.cancelable,
-    document.defaultView,
-    options.button,
-    options.pointerX,
-    options.pointerY,
-    options.pointerX,
-    options.pointerY,
-    options.ctrlKey,
-    options.altKey,
-    options.shiftKey,
-    options.metaKey,
-    options.button,
-    null
-  );
-
+  event.initMouseEvent('click', options.bubbles, options.cancelable, document.defaultView, options.button, options.pointerX, options.pointerY, options.pointerX, options.pointerY, options.ctrlKey, options.altKey, options.shiftKey, options.metaKey, options.button, null);
   let url;
   const oldWindowOpen = window.open,
     oldWindowOnerror = window.onerror,
     oldFocus = getIfOwn(window.HTMLElement.prototype, 'focus'),
     oldBlur = getIfOwn(window.HTMLElement.prototype, 'blur');
   try {
-    window.HTMLElement.prototype.focus = noop;
-    window.HTMLElement.prototype.blur = noop;
+    window.HTMLElement.prototype.focus = _noop.default;
+    window.HTMLElement.prototype.blur = _noop.default;
     window.onerror = ignoreErrors;
     const newOpen = function (_url, _title, _options) {
       url = _url;
       // Gmail checks the returned object for these two values specifically.
       const newWin = {
         closed: false,
-        focus: noop,
+        focus: _noop.default
       };
       setTimeout(function () {
         newWin.closed = true;
@@ -76,7 +64,6 @@ export default function clickAndGetPopupUrl(element: HTMLElement): ?string {
       logger.error(new Error('Failed to override window.open'));
       return null;
     }
-
     element.dispatchEvent(event);
   } finally {
     if (oldFocus) {
@@ -93,4 +80,4 @@ export default function clickAndGetPopupUrl(element: HTMLElement): ?string {
     window.open = oldWindowOpen;
   }
   return url;
-}
+}

package/src/injected-js/gmail/thread-identifier/index.js

@@ -1,62 +1,58 @@
-/* @flow */
+"use strict";
 
-import find from 'lodash/find';
-import * as GmailResponseProcessor from '../../../platform-implementation-js/dom-driver/gmail/gmail-response-processor';
-import { parse } from 'querystring';
-import * as logger from '../../injected-logger';
-import * as threadRowParser from './thread-row-parser';
-import clickAndGetPopupUrl from './click-and-get-popup-url';
-import findParent from '../../../common/find-parent';
-
-export function setup() {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processThreadListResponse = processThreadListResponse;
+exports.setup = setup;
+var _find = _interopRequireDefault(require("lodash/find"));
+var GmailResponseProcessor = _interopRequireWildcard(require("../../../platform-implementation-js/dom-driver/gmail/gmail-response-processor"));
+var _querystring = require("querystring");
+var logger = _interopRequireWildcard(require("../../injected-logger"));
+var threadRowParser = _interopRequireWildcard(require("./thread-row-parser"));
+var _clickAndGetPopupUrl = _interopRequireDefault(require("./click-and-get-popup-url"));
+var _findParent = _interopRequireDefault(require("../../../common/find-parent"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function setup() {
   try {
     processPreloadedThreads();
   } catch (err) {
     logger.error(err, 'Failed to process preloaded thread identifiers');
   }
-
-  document.addEventListener(
-    'inboxSDKtellMeThisThreadIdByDatabase',
-    function (event: any) {
-      try {
-        const threadId = getGmailThreadIdForThreadRowByDatabase(event.target);
-        if (threadId) {
-          event.target.setAttribute('data-inboxsdk-threadid', threadId);
-        }
-      } catch (err) {
-        logger.error(err, 'Error in inboxSDKtellMeThisThreadIdByDatabase');
+  document.addEventListener('inboxSDKtellMeThisThreadIdByDatabase', function (event) {
+    try {
+      const threadId = getGmailThreadIdForThreadRowByDatabase(event.target);
+      if (threadId) {
+        event.target.setAttribute('data-inboxsdk-threadid', threadId);
       }
+    } catch (err) {
+      logger.error(err, 'Error in inboxSDKtellMeThisThreadIdByDatabase');
     }
-  );
-
-  document.addEventListener(
-    'inboxSDKtellMeThisThreadIdByClick',
-    function (event: any) {
-      try {
-        const threadId = getGmailThreadIdForThreadRowByClick(event.target);
-        if (threadId) {
-          event.target.setAttribute('data-inboxsdk-threadid', threadId);
-        }
-      } catch (err) {
-        logger.error(err, 'Error in inboxSDKtellMeThisThreadIdByClick');
+  });
+  document.addEventListener('inboxSDKtellMeThisThreadIdByClick', function (event) {
+    try {
+      const threadId = getGmailThreadIdForThreadRowByClick(event.target);
+      if (threadId) {
+        event.target.setAttribute('data-inboxsdk-threadid', threadId);
       }
+    } catch (err) {
+      logger.error(err, 'Error in inboxSDKtellMeThisThreadIdByClick');
     }
-  );
+  });
 }
-
-export function processThreadListResponse(threadListResponse: string) {
+function processThreadListResponse(threadListResponse) {
   processThreads(GmailResponseProcessor.extractThreads(threadListResponse));
 }
-
-function processThreads(threads: GmailResponseProcessor.Thread[]) {
+function processThreads(threads) {
   threads.forEach(storeThreadMetadata);
 }
-
-type AmbiguousMarker = { name: 'AMBIGUOUS' };
-
-const AMBIGUOUS: AmbiguousMarker = { name: 'AMBIGUOUS' };
-const threadIdsByKey: Map<string, string | AmbiguousMarker> = new Map();
-function storeThreadMetadata(threadMetadata: GmailResponseProcessor.Thread) {
+const AMBIGUOUS = {
+  name: 'AMBIGUOUS'
+};
+const threadIdsByKey = new Map();
+function storeThreadMetadata(threadMetadata) {
   var key = threadMetadataKey(threadMetadata);
   if (threadIdsByKey.has(key)) {
     if (threadIdsByKey.get(key) !== threadMetadata.gmailThreadId) {
@@ -66,45 +62,23 @@ function storeThreadMetadata(threadMetadata: GmailResponseProcessor.Thread) {
     threadIdsByKey.set(key, threadMetadata.gmailThreadId);
   }
 }
-
-function threadMetadataKey(
-  threadRowMetadata: threadRowParser.ThreadRowMetadata
-): string {
-  return (
-    threadRowMetadata.subject.trim() +
-    ':' +
-    threadRowMetadata.timeString.trim() +
-    ':' +
-    threadRowMetadata.peopleHtml.trim()
-  );
+function threadMetadataKey(threadRowMetadata) {
+  return threadRowMetadata.subject.trim() + ':' + threadRowMetadata.timeString.trim() + ':' + threadRowMetadata.peopleHtml.trim();
 }
-
 function processPreloadedThreads() {
-  const preloadScript = find(
-    document.querySelectorAll('script:not([src])'),
-    (script) =>
-      script.text && script.text.slice(0, 500).indexOf('var VIEW_DATA=[[') > -1
-  );
+  const preloadScript = (0, _find.default)(document.querySelectorAll('script:not([src])'), script => script.text && script.text.slice(0, 500).indexOf('var VIEW_DATA=[[') > -1);
   if (!preloadScript) {
     // preloadScript is not available in gmail v2, so let's stop logging an error
     return;
   } else {
     const firstBracket = preloadScript.text.indexOf('[');
     const lastBracket = preloadScript.text.lastIndexOf(']');
-    const viewDataString = preloadScript.text.slice(
-      firstBracket,
-      lastBracket + 1
-    );
-    processThreads(
-      GmailResponseProcessor.extractThreadsFromDeserialized([
-        GmailResponseProcessor.deserializeArray(viewDataString),
-      ])
-    );
+    const viewDataString = preloadScript.text.slice(firstBracket, lastBracket + 1);
+    processThreads(GmailResponseProcessor.extractThreadsFromDeserialized([GmailResponseProcessor.deserializeArray(viewDataString)]));
   }
 }
-
-function getThreadIdFromUrl(url: string): ?string {
-  var tid = parse(url).th;
+function getThreadIdFromUrl(url) {
+  var tid = (0, _querystring.parse)(url).th;
   if (!tid) {
     // drafts in sync world can have weird urls that kind of
     // look like old style urls, and get handled properly here
@@ -112,7 +86,7 @@ function getThreadIdFromUrl(url: string): ?string {
     if (urlHashMatch) {
       // drafts have the hash in them without the th=
       url = decodeURIComponent(decodeURIComponent(urlHashMatch[1]));
-      tid = parse(url).th;
+      tid = (0, _querystring.parse)(url).th;
     }
   }
 
@@ -120,38 +94,28 @@ function getThreadIdFromUrl(url: string): ?string {
   // draft then a hash can come through in the beginning
   return tid.replace('#', '');
 }
-
-function getGmailThreadIdForThreadRowByDatabase(
-  threadRow: HTMLElement
-): ?string {
-  const domRowMetadata =
-    threadRowParser.extractMetadataFromThreadRow(threadRow);
+function getGmailThreadIdForThreadRowByDatabase(threadRow) {
+  const domRowMetadata = threadRowParser.extractMetadataFromThreadRow(threadRow);
   const key = threadMetadataKey(domRowMetadata);
   const value = threadIdsByKey.get(key);
   if (typeof value === 'string') {
     return value;
   }
 }
-
-function getGmailThreadIdForThreadRowByClick(threadRow: HTMLElement): ?string {
+function getGmailThreadIdForThreadRowByClick(threadRow) {
   // Simulate a ctrl-click on the thread row to get the thread id, then
   // simulate a ctrl-click on the previously selected thread row (or the
   // first thread row) to put the cursor back where it was.
-  const domRowMetadata =
-    threadRowParser.extractMetadataFromThreadRow(threadRow);
-  const parent = findParent(
-    threadRow,
-    (el) => el.nodeName === 'DIV' && el.getAttribute('role') === 'main'
-  );
+  const domRowMetadata = threadRowParser.extractMetadataFromThreadRow(threadRow);
+  const parent = (0, _findParent.default)(threadRow, el => el.nodeName === 'DIV' && el.getAttribute('role') === 'main');
   if (!parent) {
     throw new Error("Can't operate on disconnected thread row");
   }
-  const currentRowSelection =
-    parent.querySelector('td.PE') || parent.querySelector('tr');
-  const url = clickAndGetPopupUrl(threadRow);
+  const currentRowSelection = parent.querySelector('td.PE') || parent.querySelector('tr');
+  const url = (0, _clickAndGetPopupUrl.default)(threadRow);
   const threadId = url && getThreadIdFromUrl(url);
   if (currentRowSelection) {
-    clickAndGetPopupUrl(currentRowSelection);
+    (0, _clickAndGetPopupUrl.default)(currentRowSelection);
   }
   return threadId;
-}
+}

package/src/injected-js/gmail/thread-identifier/thread-row-parser.js

@@ -1,26 +1,21 @@
-/* @flow */
-
-import intersection from 'lodash/intersection';
-import assert from 'assert';
-import * as logger from '../../injected-logger';
-import { cleanupPeopleLine } from '../../../platform-implementation-js/dom-driver/gmail/gmail-response-processor';
-
-export type ThreadRowMetadata = {
-  timeString: string,
-  subject: string,
-  peopleHtml: string,
-};
-
-export function extractMetadataFromThreadRow(
-  threadRow: HTMLElement
-): ThreadRowMetadata {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractMetadataFromThreadRow = extractMetadataFromThreadRow;
+var _intersection = _interopRequireDefault(require("lodash/intersection"));
+var _assert = _interopRequireDefault(require("assert"));
+var logger = _interopRequireWildcard(require("../../injected-logger"));
+var _gmailResponseProcessor = require("../../../platform-implementation-js/dom-driver/gmail/gmail-response-processor");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function extractMetadataFromThreadRow(threadRow) {
   var timeSpan, subjectSpan, peopleDiv;
-
-  assert(threadRow.hasAttribute('id'), 'check element is main thread row');
-
+  (0, _assert.default)(threadRow.hasAttribute('id'), 'check element is main thread row');
   var errors = [];
-  var threadRowIsVertical =
-    intersection(Array.from(threadRow.classList), ['zA', 'apv']).length === 2;
+  var threadRowIsVertical = (0, _intersection.default)(Array.from(threadRow.classList), ['zA', 'apv']).length === 2;
   if (threadRowIsVertical) {
     var threadRow2 = threadRow.nextElementSibling;
     if (!threadRow2) {
@@ -30,17 +25,13 @@ export function extractMetadataFromThreadRow(
       if (!threadRow3 || !threadRow3.classList.contains('apw')) {
         threadRow3 = null;
       }
-
       timeSpan = threadRow.querySelector('td.apt > div.apm > span[title]');
       subjectSpan = threadRow2.querySelector('td div.xS div.xT div.y6 > span');
       peopleDiv = threadRow.querySelector('td.apy > div.yW, td.apx > div.yW');
     }
   } else {
     timeSpan = threadRow.querySelector('td.xW > span[title]');
-
-    var subjectAreaDiv = threadRow.querySelector(
-      'td.a4W div[role=link] div.y6'
-    );
+    var subjectAreaDiv = threadRow.querySelector('td.a4W div[role=link] div.y6');
     if (subjectAreaDiv && subjectAreaDiv.children.length >= 1) {
       subjectSpan = subjectAreaDiv.children[0];
 
@@ -50,7 +41,6 @@ export function extractMetadataFromThreadRow(
 
     peopleDiv = threadRow.querySelector('td.yX > div.yW');
   }
-
   if (!timeSpan) {
     errors.push('failed to find timeSpan');
   }
@@ -61,12 +51,13 @@ export function extractMetadataFromThreadRow(
     errors.push('failed to find peopleDiv');
   }
   if (errors.length) {
-    logger.error(new Error('Errors in thread row parsing'), { errors });
+    logger.error(new Error('Errors in thread row parsing'), {
+      errors
+    });
   }
-
   return {
     timeString: timeSpan ? timeSpan.getAttribute('title') || '' : '',
     subject: subjectSpan ? subjectSpan.textContent : '',
-    peopleHtml: peopleDiv ? cleanupPeopleLine(peopleDiv.innerHTML) : '',
+    peopleHtml: peopleDiv ? (0, _gmailResponseProcessor.cleanupPeopleLine)(peopleDiv.innerHTML) : ''
   };
-}
+}

package/src/injected-js/gmail/thread-identifier/thread-row-parser.test.js

@@ -1,57 +1,41 @@
-/* @flow */
-
-import { extractMetadataFromThreadRow } from './thread-row-parser';
+"use strict";
 
+var _threadRowParser = require("./thread-row-parser");
 describe('extractMetadataFromThreadRow', () => {
   it('can read row', () => {
     const table = document.createElement('table');
-    table.innerHTML =
-      '<tbody>' +
-      '<tr class="zA yO" id=":46" tabindex="-1" aria-labelledby=":47"><td class="PF xY"></td><td id=":48" class="oZ-x3 xY aid" style=""><div id=":49" class="oZ-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":47" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="apU xY"><span id=":4a" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td><td class="WA xY"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":4b"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></td><td class="yX xY "><div id=":47" class="afn">me (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":4c" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td id=":4d" tabindex="-1" class="xY a4W"><div class="xS" role="link"><div class="xT"><div class="y6"><span id=":4f">test merge again</span><span class="y2">&nbsp;-&nbsp;4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</span></div></div></div></td><td class="yf xY ">&nbsp;</td><td class="xW xY "><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":4g" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></td></tr>' +
-      '</tbody>';
+    table.innerHTML = '<tbody>' + '<tr class="zA yO" id=":46" tabindex="-1" aria-labelledby=":47"><td class="PF xY"></td><td id=":48" class="oZ-x3 xY aid" style=""><div id=":49" class="oZ-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":47" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="apU xY"><span id=":4a" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td><td class="WA xY"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":4b"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></td><td class="yX xY "><div id=":47" class="afn">me (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":4c" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td id=":4d" tabindex="-1" class="xY a4W"><div class="xS" role="link"><div class="xT"><div class="y6"><span id=":4f">test merge again</span><span class="y2">&nbsp;-&nbsp;4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</span></div></div></div></td><td class="yf xY ">&nbsp;</td><td class="xW xY "><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":4g" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></td></tr>' + '</tbody>';
     const threadRow = table.querySelector('tr');
     if (!threadRow) throw new Error();
-    const parsed = extractMetadataFromThreadRow(threadRow);
+    const parsed = (0, _threadRowParser.extractMetadataFromThreadRow)(threadRow);
     expect(parsed).toEqual({
       timeString: 'Thu, Dec 4, 2014 at 2:02 PM',
       subject: 'test merge again',
-      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)',
+      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)'
     });
   });
-
   it('can read vertical preview pane row', () => {
     const table = document.createElement('table');
-    table.innerHTML =
-      '<tbody>' +
-      '<tr class="zA yO apv" id=":151" tabindex="-1" aria-labelledby=":150"><td rowspan="3" class="PF xY"></td><td rowspan="3" id=":14z" class="apo-x3 xY aid" style=""><div id=":14y" class="apo-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":150" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="yX xY apy"><div id=":150" class="afn"><span class="yP" email="cowan@streak.com" name="me">me</span> (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":14x" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td class="yf xY  apt"><div class="apm"><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":14w" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></div>&nbsp;</td><td rowspan="3" class="apU apC"><span id=":14v" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' +
-      '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apD"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":14u"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7 aok"></div><div class="UW UW-yN-aa"></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":14t">test merge again</span></div></div></div></td></tr>' +
-      '<tr class="zA yO apv apw"><td colspan="2" class="xY apA"><div class="apB"><div class="apu"><div class="as">&nbsp;</div></div><div class="y2 apz">4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</div></div></td></tr>' +
-      '</tbody>';
+    table.innerHTML = '<tbody>' + '<tr class="zA yO apv" id=":151" tabindex="-1" aria-labelledby=":150"><td rowspan="3" class="PF xY"></td><td rowspan="3" id=":14z" class="apo-x3 xY aid" style=""><div id=":14y" class="apo-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":150" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="yX xY apy"><div id=":150" class="afn"><span class="yP" email="cowan@streak.com" name="me">me</span> (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":14x" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td class="yf xY  apt"><div class="apm"><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":14w" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></div>&nbsp;</td><td rowspan="3" class="apU apC"><span id=":14v" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' + '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apD"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":14u"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7 aok"></div><div class="UW UW-yN-aa"></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":14t">test merge again</span></div></div></div></td></tr>' + '<tr class="zA yO apv apw"><td colspan="2" class="xY apA"><div class="apB"><div class="apu"><div class="as">&nbsp;</div></div><div class="y2 apz">4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</div></div></td></tr>' + '</tbody>';
     const threadRow = table.querySelector('tr');
     if (!threadRow) throw new Error();
-    const parsed = extractMetadataFromThreadRow(threadRow);
+    const parsed = (0, _threadRowParser.extractMetadataFromThreadRow)(threadRow);
     expect(parsed).toEqual({
       timeString: 'Thu, Dec 4, 2014 at 2:02 PM',
       subject: 'test merge again',
-      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)',
+      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)'
     });
   });
-
   it('can read snippet-less vertical preview pane row', () => {
     const table = document.createElement('table');
-    table.innerHTML =
-      '<tbody>' +
-      '<tr class="zA yO apv" id=":3p" tabindex="-1" aria-labelledby=":3q"><td rowspan="2" class="PF xY"></td><td rowspan="2" id=":3r" class="apq-x3 xY aid" style=""><div id=":3s" class="apq-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":3q" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="xY apx"><div id=":3q" class="afn"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>, lordprogrammer finished a deploy (fed8a27), 11:02 am, .</div><div class="apu"><div class="as">&nbsp;</div></div><div class="yW NyC7Y"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span></div></td><td class="yf xY  apt"><div class="apm"><span title="Mon, Jan 5, 2015 at 11:02 AM" id=":3t" aria-label="Mon, Jan 5, 2015 at 11:02 AM">11:02 am</span></div>&nbsp;</td><td rowspan="2" class="apU apC"><span id=":3u" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' +
-      '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apE"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":3v"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":3w">lordprogrammer finished a deploy (fed8a27)</span></div></div></div></td></tr>' +
-      '</tbody>';
+    table.innerHTML = '<tbody>' + '<tr class="zA yO apv" id=":3p" tabindex="-1" aria-labelledby=":3q"><td rowspan="2" class="PF xY"></td><td rowspan="2" id=":3r" class="apq-x3 xY aid" style=""><div id=":3s" class="apq-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":3q" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="xY apx"><div id=":3q" class="afn"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>, lordprogrammer finished a deploy (fed8a27), 11:02 am, .</div><div class="apu"><div class="as">&nbsp;</div></div><div class="yW NyC7Y"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span></div></td><td class="yf xY  apt"><div class="apm"><span title="Mon, Jan 5, 2015 at 11:02 AM" id=":3t" aria-label="Mon, Jan 5, 2015 at 11:02 AM">11:02 am</span></div>&nbsp;</td><td rowspan="2" class="apU apC"><span id=":3u" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' + '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apE"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":3v"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":3w">lordprogrammer finished a deploy (fed8a27)</span></div></div></div></td></tr>' + '</tbody>';
     const threadRow = table.querySelector('tr');
     if (!threadRow) throw new Error();
-    const parsed = extractMetadataFromThreadRow(threadRow);
+    const parsed = (0, _threadRowParser.extractMetadataFromThreadRow)(threadRow);
     expect(parsed).toEqual({
       timeString: 'Mon, Jan 5, 2015 at 11:02 AM',
       subject: 'lordprogrammer finished a deploy (fed8a27)',
-      peopleHtml:
-        '<span email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>',
+      peopleHtml: '<span email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>'
     });
   });
-});
+});