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

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

@@ -1,60 +1,49 @@
-/* @flow */
-
-import ErrorCollector from '../../../../lib/ErrorCollector';
-import querySelectorOne from '../../../../lib/dom/querySelectorOne';
-
-export default function parser(el: HTMLElement) {
-  const ec = new ErrorCollector('thread');
-
+"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');
   const inBundle = !el.hasAttribute('aria-multiselectable');
-
   ec.run('tabindex', () => {
     if (!el.hasAttribute('tabindex')) throw new Error('expected tabindex');
   });
-
-  const inboxThreadId: ?string = ec.run('thread id', () => {
-    const m = /thread-[^:]+:[^:\d]*(\d+)/.exec(
-      el.getAttribute('data-item-id') || ''
-    );
+  const inboxThreadId = 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', () => querySelectorOne(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', () => (0, _querySelectorOne.default)(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,60 +1,35 @@
-/* @flow */
-
-import ErrorCollector from '../../../../lib/ErrorCollector';
-import querySelectorOne from '../../../../lib/dom/querySelectorOne';
-
+"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"));
 const RGB_REGEX = /^rgb\s*\(\s*(\d+),\s*(\d+),\s*(\d+)\s*\)/;
-
-export default function parser(el: HTMLElement) {
-  const ec = new ErrorCollector('threadRow');
-
+function parser(el) {
+  const ec = new _ErrorCollector.default('threadRow');
   const inBundle = !el.hasAttribute('aria-multiselectable');
-
   ec.run('tabindex', () => {
     if (!el.hasAttribute('tabindex')) throw new Error('expected tabindex');
   });
-
-  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 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 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
     });
   });
@@ -65,73 +40,48 @@ export default function parser(el: HTMLElement) {
     // 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: ?string = ec.run('thread id', () => {
-    const m = /thread-[^:]+:[^:\d]*(\d+)/.exec(
-      el.getAttribute('data-item-id') || ''
-    );
+  const inboxThreadId = 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', () =>
-    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 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 elements = {
     subject,
     checkbox,
     labelParent,
     toolbar,
     recipientParent,
-    messageCountParent,
+    messageCountParent
   };
   const score = 1 - ec.errorCount() / ec.runCount();
   return {
@@ -142,11 +92,9 @@ export default function parser(el: HTMLElement) {
       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,56 +1,50 @@
-/* @flow */
+"use strict";
 
-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,
+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;
   });
-
-  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({
+  return new _liveSet.default({
     scheduler: tree.getAllByTag('inlineCompose').getScheduler(),
     read() {
       return new Set();
@@ -71,35 +65,19 @@ export default function getComposeViewDriverLiveSet(
           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) => censorHTMLtree(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 => (0, _censorHTMLtree.default)(el))
             };
           }
-
           const startStatus = getStatus();
           const waitTime = 180 * 1000;
           driver.getLogger().error(err, startStatus);
@@ -108,14 +86,14 @@ export default function getComposeViewDriverLiveSet(
             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,42 +1,36 @@
-/* @flow */
+"use strict";
 
-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({
+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)({
     method: 'POST',
-    url: `https://inbox.google.com/sync${getAccountUrlPart()}/i/fd`,
+    url: `https://inbox.google.com/sync${(0, _getAccountUrlPart.default)()}/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] = extractMessageIdsFromThreadResponse(text);
-  if (!firstMessageId)
-    throw new Error('Failed to find inbox message ID for thread');
-
+  const [firstMessageId] = (0, _inboxResponseProcessor.extractMessageIdsFromThreadResponse)(text);
+  if (!firstMessageId) throw new Error('Failed to find inbox message ID for thread');
   return firstMessageId;
 }
-
-export default defn(module, getInboxMessageIdForInboxThreadId);
+var _default = (0, _ud.defn)(module, getInboxMessageIdForInboxThreadId);
+exports.default = _default;