@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

package/src/platform-implementation-js/dom-driver/inbox/detection/thread/parser.js

@@ -1,49 +1,60 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = parser;
-var _ErrorCollector = _interopRequireDefault(require("../../../../lib/ErrorCollector"));
-var _querySelectorOne = _interopRequireDefault(require("../../../../lib/dom/querySelectorOne"));
-function parser(el) {
-  const ec = new _ErrorCollector.default('thread');
+/* @flow */
+
+import ErrorCollector from '../../../../lib/ErrorCollector';
+import querySelectorOne from '../../../../lib/dom/querySelectorOne';
+
+export default function parser(el: HTMLElement) {
+  const ec = new ErrorCollector('thread');
+
   const inBundle = !el.hasAttribute('aria-multiselectable');
+
   ec.run('tabindex', () => {
     if (!el.hasAttribute('tabindex')) throw new Error('expected tabindex');
   });
-  const inboxThreadId = ec.run('thread id', () => {
-    const m = /thread-[^:]+:[^:\d]*(\d+)/.exec(el.getAttribute('data-item-id') || '');
+
+  const inboxThreadId: ?string = ec.run('thread id', () => {
+    const m = /thread-[^:]+:[^:\d]*(\d+)/.exec(
+      el.getAttribute('data-item-id') || ''
+    );
     if (!m) {
       throw new Error('thread id regex failed');
     }
     return m[0];
   });
-  const heading = ec.run('heading', () => el.querySelector('div[role=heading]'));
-  const stickyHeading = !heading ? null : ec.run('stickyHeading', () => {
-    const el = heading.firstElementChild;
-    if (el instanceof HTMLDivElement) return el;
-    throw new Error('child missing');
-  });
-  const toolbar = !stickyHeading ? null : ec.run('toolbar', () => (0, _querySelectorOne.default)(stickyHeading, 'ul'));
+
+  const heading = ec.run('heading', () =>
+    el.querySelector('div[role=heading]')
+  );
+  const stickyHeading = !heading
+    ? null
+    : ec.run('stickyHeading', () => {
+        const el = heading.firstElementChild;
+        if (el instanceof HTMLDivElement) return el;
+        throw new Error('child missing');
+      });
+  const toolbar = !stickyHeading
+    ? null
+    : ec.run('toolbar', () => querySelectorOne(stickyHeading, 'ul'));
 
   // This will be null for threads that are still loading.
   const list = ec.run('list', () => el.querySelector('div[role=list]'));
+
   const elements = {
     heading,
     stickyHeading,
     toolbar,
-    list
+    list,
   };
   const score = 1 - ec.errorCount() / ec.runCount();
   return {
     elements,
     attributes: {
       inBundle,
-      inboxThreadId
+      inboxThreadId,
     },
     score,
-    errors: ec.getErrorLogs()
+    errors: ec.getErrorLogs(),
   };
-}
+}
+
+export type Parsed = $ReturnType<typeof parser>;

package/src/platform-implementation-js/dom-driver/inbox/detection/thread-row/parser.js

@@ -1,35 +1,60 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = parser;
-var _ErrorCollector = _interopRequireDefault(require("../../../../lib/ErrorCollector"));
-var _querySelectorOne = _interopRequireDefault(require("../../../../lib/dom/querySelectorOne"));
+/* @flow */
+
+import ErrorCollector from '../../../../lib/ErrorCollector';
+import querySelectorOne from '../../../../lib/dom/querySelectorOne';
+
 const RGB_REGEX = /^rgb\s*\(\s*(\d+),\s*(\d+),\s*(\d+)\s*\)/;
-function parser(el) {
-  const ec = new _ErrorCollector.default('threadRow');
+
+export default function parser(el: HTMLElement) {
+  const ec = new ErrorCollector('threadRow');
+
   const inBundle = !el.hasAttribute('aria-multiselectable');
+
   ec.run('tabindex', () => {
     if (!el.hasAttribute('tabindex')) throw new Error('expected tabindex');
   });
-  const subject = ec.run('subject', () => (0, _querySelectorOne.default)(el, 'div[jsaction][jslog] > div:not(:first-child):not(:last-child) > div > div[class]:not([style]):not(:first-child) > div:not(:first-child):not(:last-child) > div:not([style]):not(:first-child):not(:last-child):not([class*="inboxsdk"])'));
-  const checkbox = ec.run('checkbox', () => (0, _querySelectorOne.default)(el, 'div[jsaction] > div > div[jsaction] > div[role=checkbox]'));
-  const recipients = ec.run('recipients', () => el.querySelectorAll('div[jsaction] > div:not(:first-child):not(:last-child) > div > div > span[email]'));
-  const isOnlyDraft = ec.run('isOnlyDraft', () => !(recipients && recipients.length > 0));
+
+  const subject = ec.run('subject', () =>
+    querySelectorOne(
+      el,
+      'div[jsaction][jslog] > div:not(:first-child):not(:last-child) > div > div[class]:not([style]):not(:first-child) > div:not(:first-child):not(:last-child) > div:not([style]):not(:first-child):not(:last-child):not([class*="inboxsdk"])'
+    )
+  );
+
+  const checkbox = ec.run('checkbox', () =>
+    querySelectorOne(
+      el,
+      'div[jsaction] > div > div[jsaction] > div[role=checkbox]'
+    )
+  );
+
+  const recipients = ec.run('recipients', () =>
+    el.querySelectorAll(
+      'div[jsaction] > div:not(:first-child):not(:last-child) > div > div > span[email]'
+    )
+  );
+
+  const isOnlyDraft = ec.run(
+    'isOnlyDraft',
+    () => !(recipients && recipients.length > 0)
+  );
+
   const draftLabels = ec.run('draftLabels', () => {
-    const recipientCandidates = el.querySelectorAll('div[jsaction] > div:not(:first-child):not(:last-child) > div > div > span');
+    const recipientCandidates = el.querySelectorAll(
+      'div[jsaction] > div:not(:first-child):not(:last-child) > div > div > span'
+    );
 
     // We have to locate draft labels via text color because it's impossible
     // to locate them with reliable CSS selectors
-    return Array.from(recipientCandidates).filter(candidate => {
+    return Array.from(recipientCandidates).filter((candidate) => {
       const colorString = getComputedStyle(candidate).getPropertyValue('color');
       const colorMatch = RGB_REGEX.exec(colorString);
       if (!colorMatch) throw new Error('Failed to read color string');
+
       const r = +colorMatch[1],
         g = +colorMatch[2],
         b = +colorMatch[3];
+
       return r > 200 && g < 100 && b < 100; // Draft labels are red
     });
   });
@@ -40,48 +65,73 @@ function parser(el) {
     // There are no recipient elements with an email attr, which means this
     // thread only has drafts. In order to find the recipient parent we need
     // to work from a draft label upwards.
-    if (!(draftLabels && draftLabels.length > 0)) throw new Error('Could not locate draft labels');
+    if (!(draftLabels && draftLabels.length > 0))
+      throw new Error('Could not locate draft labels');
     return draftLabels[0].parentElement;
   });
-  const inboxThreadId = ec.run('thread id', () => {
-    const m = /thread-[^:]+:[^:\d]*(\d+)/.exec(el.getAttribute('data-item-id') || '');
+
+  const inboxThreadId: ?string = ec.run('thread id', () => {
+    const m = /thread-[^:]+:[^:\d]*(\d+)/.exec(
+      el.getAttribute('data-item-id') || ''
+    );
     if (!m) {
       throw new Error('thread row id regex failed');
     }
     return m[0];
   });
-  const messageCountParent = ec.run('messageCountParent', () => recipientParent && recipientParent.nextElementSibling);
+
+  const messageCountParent = ec.run(
+    'messageCountParent',
+    () => recipientParent && recipientParent.nextElementSibling
+  );
+
   const visibleMessageCount = ec.run('visibleMessageCount', () => {
-    const messageCountEl = messageCountParent && messageCountParent.querySelector('span');
-    const match = messageCountEl && /^\((\d+)\)$/.exec(messageCountEl.textContent);
+    const messageCountEl =
+      messageCountParent && messageCountParent.querySelector('span');
+    const match =
+      messageCountEl && /^\((\d+)\)$/.exec(messageCountEl.textContent);
     if (!match) return 1;
     return parseInt(match[1]);
   });
+
   const visibleDraftCount = ec.run('visibleDraftCount', () => {
     if (isOnlyDraft && visibleMessageCount) return visibleMessageCount;
+
     if (!draftLabels) throw new Error('Could not locate draft labels');
     return draftLabels.length;
   });
+
   const contacts = ec.run('contacts', () => {
     if (!recipients) return null;
-    return Array.from(recipients).map(recipientEl => {
-      const emailAddress = recipientEl.getAttribute('email');
-      if (!emailAddress) return null;
-      return {
-        name: null,
-        emailAddress
-      };
-    }).filter(Boolean);
+
+    return Array.from(recipients)
+      .map((recipientEl) => {
+        const emailAddress = recipientEl.getAttribute('email');
+        if (!emailAddress) return null;
+
+        return { name: null, emailAddress };
+      })
+      .filter(Boolean);
   });
-  const labelParent = ec.run('labelParent', () => (0, _querySelectorOne.default)(el, 'div[jsaction][jslog] > div:not(:first-child):not(:last-child) > div > div[class]:not([style]):not(:first-child) > div:not(:first-child):not(:last-child)'));
-  const toolbar = ec.run('toolbar', () => (0, _querySelectorOne.default)(el, 'div[jsaction] div[jsaction] > ul[aria-label]'));
+
+  const labelParent = ec.run('labelParent', () =>
+    querySelectorOne(
+      el,
+      'div[jsaction][jslog] > div:not(:first-child):not(:last-child) > div > div[class]:not([style]):not(:first-child) > div:not(:first-child):not(:last-child)'
+    )
+  );
+
+  const toolbar = ec.run('toolbar', () =>
+    querySelectorOne(el, 'div[jsaction] div[jsaction] > ul[aria-label]')
+  );
+
   const elements = {
     subject,
     checkbox,
     labelParent,
     toolbar,
     recipientParent,
-    messageCountParent
+    messageCountParent,
   };
   const score = 1 - ec.errorCount() / ec.runCount();
   return {
@@ -92,9 +142,11 @@ function parser(el) {
       inboxThreadId,
       visibleMessageCount,
       visibleDraftCount,
-      contacts
+      contacts,
     },
     score,
-    errors: ec.getErrorLogs()
+    errors: ec.getErrorLogs(),
   };
-}
+}
+
+export type Parsed = $ReturnType<typeof parser>;

package/src/platform-implementation-js/dom-driver/inbox/getComposeViewDriverLiveSet.js

@@ -1,50 +1,56 @@
-"use strict";
+/* @flow */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getComposeViewDriverLiveSet;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _liveSet = _interopRequireDefault(require("live-set"));
-var _censorHTMLtree = _interopRequireDefault(require("../../../common/censorHTMLtree"));
-var _inboxComposeView = _interopRequireDefault(require("./views/inbox-compose-view"));
-var _toItemWithLifetimeStream = _interopRequireDefault(require("../../lib/toItemWithLifetimeStream"));
-var _makeElementStreamMerger = _interopRequireDefault(require("../../lib/dom/make-element-stream-merger"));
-var _parser = _interopRequireDefault(require("./detection/compose/parser"));
-function getComposeViewDriverLiveSet(driver, tree) {
-  const denodeify = _ref => {
-    let {
-      el,
-      removalStream
-    } = _ref;
-    return {
-      el: el.getValue(),
-      removalStream
-    };
-  };
-  const inlineCompose = (0, _toItemWithLifetimeStream.default)(tree.getAllByTag('inlineCompose')).map(denodeify);
-  const regularCompose = (0, _toItemWithLifetimeStream.default)(tree.getAllByTag('regularCompose')).map(denodeify);
-  const fullscreenCompose = (0, _toItemWithLifetimeStream.default)(tree.getAllByTag('fullscreenCompose')).map(denodeify);
-  const compose = _kefir.default.merge([inlineCompose, regularCompose.merge(fullscreenCompose).flatMap((0, _makeElementStreamMerger.default)())]);
-  const composeViewDriverStream = compose.map(_ref2 => {
-    let {
-      el,
-      removalStream
-    } = _ref2;
-    const parsed = (0, _parser.default)(el);
-    if (parsed.errors.length) {
-      driver.getLogger().errorSite(new Error('parse errors (compose)'), {
-        score: parsed.score,
-        errors: parsed.errors,
-        html: (0, _censorHTMLtree.default)(el)
-      });
-    }
-    const view = new _inboxComposeView.default(driver, el, parsed);
-    removalStream.take(1).onValue(() => view.removedFromDOM());
-    return view;
+import Kefir from 'kefir';
+import type { TagTree } from 'tag-tree';
+import LiveSet from 'live-set';
+import censorHTMLtree from '../../../common/censorHTMLtree';
+import InboxComposeView from './views/inbox-compose-view';
+import toItemWithLifetimeStream from '../../lib/toItemWithLifetimeStream';
+import makeElementStreamMerger from '../../lib/dom/make-element-stream-merger';
+import type InboxDriver from './inbox-driver';
+
+import parser from './detection/compose/parser';
+
+export default function getComposeViewDriverLiveSet(
+  driver: InboxDriver,
+  tree: TagTree<HTMLElement>
+): LiveSet<InboxComposeView> {
+  const denodeify = ({ el, removalStream }) => ({
+    el: el.getValue(),
+    removalStream,
   });
-  return new _liveSet.default({
+
+  const inlineCompose = toItemWithLifetimeStream(
+    tree.getAllByTag('inlineCompose')
+  ).map(denodeify);
+  const regularCompose = toItemWithLifetimeStream(
+    tree.getAllByTag('regularCompose')
+  ).map(denodeify);
+  const fullscreenCompose = toItemWithLifetimeStream(
+    tree.getAllByTag('fullscreenCompose')
+  ).map(denodeify);
+
+  const compose = Kefir.merge([
+    inlineCompose,
+    regularCompose.merge(fullscreenCompose).flatMap(makeElementStreamMerger()),
+  ]);
+
+  const composeViewDriverStream: Kefir.Observable<InboxComposeView> =
+    compose.map(({ el, removalStream }) => {
+      const parsed = parser(el);
+      if (parsed.errors.length) {
+        driver.getLogger().errorSite(new Error('parse errors (compose)'), {
+          score: parsed.score,
+          errors: parsed.errors,
+          html: censorHTMLtree(el),
+        });
+      }
+      const view = new InboxComposeView(driver, el, parsed);
+      removalStream.take(1).onValue(() => view.removedFromDOM());
+      return view;
+    });
+
+  return new LiveSet({
     scheduler: tree.getAllByTag('inlineCompose').getScheduler(),
     read() {
       return new Set();
@@ -65,19 +71,35 @@ function getComposeViewDriverLiveSet(driver, tree) {
           function getStatus() {
             return {
               mainLength: document.querySelectorAll('[role=main]').length,
-              regularLength: document.querySelectorAll('body > div[id][jsaction] > div[id][class]:not([role]) > div[class] > div[id]').length,
-              noJsActionLength: document.querySelectorAll('body > div[id] > div[id][class]:not([role]) > div[class] > div[id]').length,
-              noNotLength: document.querySelectorAll('body > div[id][jsaction] > div[id][class] > div[class] > div[id]').length,
-              noBodyDirectChildLength: document.querySelectorAll('body div[id][jsaction] > div[id][class]:not([role]) > div[class] > div[id]').length,
-              noBodyLength: document.querySelectorAll('div[id][jsaction] > div[id][class]:not([role]) > div[class] > div[id]').length,
+              regularLength: document.querySelectorAll(
+                'body > div[id][jsaction] > div[id][class]:not([role]) > div[class] > div[id]'
+              ).length,
+              noJsActionLength: document.querySelectorAll(
+                'body > div[id] > div[id][class]:not([role]) > div[class] > div[id]'
+              ).length,
+              noNotLength: document.querySelectorAll(
+                'body > div[id][jsaction] > div[id][class] > div[class] > div[id]'
+              ).length,
+              noBodyDirectChildLength: document.querySelectorAll(
+                'body div[id][jsaction] > div[id][class]:not([role]) > div[class] > div[id]'
+              ).length,
+              noBodyLength: document.querySelectorAll(
+                'div[id][jsaction] > div[id][class]:not([role]) > div[class] > div[id]'
+              ).length,
               // We can use class names for logging heuristics. Don't want to use
               // them anywhere else.
-              classLength: document.querySelectorAll('div.ek div.md > div').length,
+              classLength: document.querySelectorAll('div.ek div.md > div')
+                .length,
               classEkLength: document.querySelectorAll('.ek').length,
               classMdLength: document.querySelectorAll('.md').length,
-              composeHtml: Array.from(document.querySelectorAll('body > div[id][jsaction] > div[id][class]:not([role]) > div[class] > div[id], div.ek div.md > div')).map(el => (0, _censorHTMLtree.default)(el))
+              composeHtml: Array.from(
+                document.querySelectorAll(
+                  'body > div[id][jsaction] > div[id][class]:not([role]) > div[class] > div[id], div.ek div.md > div'
+                )
+              ).map((el) => censorHTMLtree(el)),
             };
           }
+
           const startStatus = getStatus();
           const waitTime = 180 * 1000;
           driver.getLogger().error(err, startStatus);
@@ -86,14 +108,14 @@ function getComposeViewDriverLiveSet(driver, tree) {
             driver.getLogger().eventSdkPassive('waitfor compose data', {
               startStatus,
               waitTime,
-              laterStatus
+              laterStatus,
             });
           }, waitTime);
-        }
+        },
       });
       return () => {
         sub.unsubscribe();
       };
-    }
+    },
   });
-}
+}

package/src/platform-implementation-js/dom-driver/inbox/getInboxMessageIdForInboxThreadId.js

@@ -1,36 +1,42 @@
-"use strict";
+/* @flow */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ud = require("ud");
-var _inboxAjax = _interopRequireDefault(require("../../driver-common/inboxAjax"));
-var _getAccountUrlPart = _interopRequireDefault(require("../../driver-common/getAccountUrlPart"));
-var _inboxResponseProcessor = require("./inboxResponseProcessor");
-async function getInboxMessageIdForInboxThreadId(driver, inboxThreadId) {
-  const {
-    text
-  } = await (0, _inboxAjax.default)({
+import { defn } from 'ud';
+import inboxAjax from '../../driver-common/inboxAjax';
+import getAccountUrlPart from '../../driver-common/getAccountUrlPart';
+import { extractMessageIdsFromThreadResponse } from './inboxResponseProcessor';
+
+import type InboxDriver from './inbox-driver';
+
+async function getInboxMessageIdForInboxThreadId(
+  driver: InboxDriver,
+  inboxThreadId: string
+): Promise<string> {
+  const { text } = await inboxAjax({
     method: 'POST',
-    url: `https://inbox.google.com/sync${(0, _getAccountUrlPart.default)()}/i/fd`,
+    url: `https://inbox.google.com/sync${getAccountUrlPart()}/i/fd`,
     headers: {
       'Content-Type': 'application/json',
-      'X-Framework-Xsrf-Token': await driver.getPageCommunicator().getXsrfToken(),
+      'X-Framework-Xsrf-Token': await driver
+        .getPageCommunicator()
+        .getXsrfToken(),
       'X-Gmail-BTAI': await driver.getPageCommunicator().getBtaiHeader(),
-      'X-Google-BTD': '1'
+      'X-Google-BTD': '1',
     },
     data: JSON.stringify({
-      '1': [{
-        '1': inboxThreadId,
-        '3': []
-      }]
-    })
+      '1': [
+        {
+          '1': inboxThreadId,
+          '3': [],
+        },
+      ],
+    }),
   });
-  const [firstMessageId] = (0, _inboxResponseProcessor.extractMessageIdsFromThreadResponse)(text);
-  if (!firstMessageId) throw new Error('Failed to find inbox message ID for thread');
+
+  const [firstMessageId] = extractMessageIdsFromThreadResponse(text);
+  if (!firstMessageId)
+    throw new Error('Failed to find inbox message ID for thread');
+
   return firstMessageId;
 }
-var _default = (0, _ud.defn)(module, getInboxMessageIdForInboxThreadId);
-exports.default = _default;
+
+export default defn(module, getInboxMessageIdForInboxThreadId);