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

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/setup-route-view-driver-stream.test.js

@@ -1,21 +1,17 @@
-/* @flow */
-
-jest.mock('../views/gmail-route-view/gmail-route-view', () =>
-  jest.fn(() => ({ destroy() {} }))
-);
-
-import _ from 'lodash';
-import kefirBus from 'kefir-bus';
-import delay from 'pdelay';
-
-import setupRouteViewDriverStream from './setup-route-view-driver-stream';
-
-import GmailRouteProcessor from '../views/gmail-route-view/gmail-route-processor';
-import makeMutationEventInjector from '../../../../../test/lib/makeElementIntoEventEmitter';
-import MockMutationObserver from '../../../../../test/lib/mock-mutation-observer';
-
-global.MutationObserver = MockMutationObserver;
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _kefirBus = _interopRequireDefault(require("kefir-bus"));
+var _pdelay = _interopRequireDefault(require("pdelay"));
+var _setupRouteViewDriverStream = _interopRequireDefault(require("./setup-route-view-driver-stream"));
+var _gmailRouteProcessor = _interopRequireDefault(require("../views/gmail-route-view/gmail-route-processor"));
+var _makeElementIntoEventEmitter = _interopRequireDefault(require("../../../../../test/lib/makeElementIntoEventEmitter"));
+var _mockMutationObserver = _interopRequireDefault(require("../../../../../test/lib/mock-mutation-observer"));
+jest.mock('../views/gmail-route-view/gmail-route-view', () => jest.fn(() => ({
+  destroy() {}
+})));
+global.MutationObserver = _mockMutationObserver.default;
 if (!document.body) throw new Error('should not happen');
 document.body.innerHTML = `
   <div class="aeF">
@@ -28,164 +24,128 @@ document.body.innerHTML = `
 const main = document.getElementById('main');
 const main2 = document.getElementById('main2');
 if (!main || !main2) throw new Error();
-const mainEmitter = makeMutationEventInjector(main);
-const main2Emitter = makeMutationEventInjector(main2);
-
-const stopper = kefirBus();
+const mainEmitter = (0, _makeElementIntoEventEmitter.default)(main);
+const main2Emitter = (0, _makeElementIntoEventEmitter.default)(main2);
+const stopper = (0, _kefirBus.default)();
 afterEach(() => {
   stopper.emit(null);
 });
-
-function makeMockDriver(): Object {
+function makeMockDriver() {
   return {
-    getStopper: _.constant(stopper),
-    getCustomRouteIDs: _.constant(new Set()),
-    getCustomListRouteIDs: _.constant(new Map()),
-    getCustomListSearchStringsToRouteIds: _.constant(new Map()),
+    getStopper: _lodash.default.constant(stopper),
+    getCustomRouteIDs: _lodash.default.constant(new Set()),
+    getCustomListRouteIDs: _lodash.default.constant(new Map()),
+    getCustomListSearchStringsToRouteIds: _lodash.default.constant(new Map()),
     hashChangeNoViewChange: jest.fn(),
     showNativeRouteView: jest.fn(),
-    showCustomThreadList: jest.fn(),
+    showCustomThreadList: jest.fn()
   };
 }
-
 test('role=main changes are seen', async () => {
   const items = [];
   window.location.hash = '#inbox';
-
-  setupRouteViewDriverStream(new GmailRouteProcessor(), makeMockDriver())
-    .takeUntilBy(stopper)
-    .onValue((item) => {
-      items.push(item);
-    });
-
-  await delay(1);
+  (0, _setupRouteViewDriverStream.default)(new _gmailRouteProcessor.default(), makeMockDriver()).takeUntilBy(stopper).onValue(item => {
+    items.push(item);
+  });
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(1);
-
   main.style.display = 'none';
   main2.style.display = '';
-  mainEmitter({ attributeName: 'style' });
-  main2Emitter({ attributeName: 'style' });
-
-  await delay(1);
+  mainEmitter({
+    attributeName: 'style'
+  });
+  main2Emitter({
+    attributeName: 'style'
+  });
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(2);
-
   main.style.display = '';
   main2.style.display = 'none';
-  mainEmitter({ attributeName: 'style' });
-  main2Emitter({ attributeName: 'style' });
-
-  await delay(1);
+  mainEmitter({
+    attributeName: 'style'
+  });
+  main2Emitter({
+    attributeName: 'style'
+  });
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(3);
 });
-
 test('custom view hashchanges are seen', async () => {
   const items = [];
   const driver = makeMockDriver();
   driver.getCustomRouteIDs().add('foo');
   driver.getCustomRouteIDs().add('bar');
   window.location.hash = '#inbox';
-
-  setupRouteViewDriverStream(new GmailRouteProcessor(), driver)
-    .takeUntilBy(stopper)
-    .onValue((item) => {
-      items.push(item);
-    });
-
-  await delay(1);
+  (0, _setupRouteViewDriverStream.default)(new _gmailRouteProcessor.default(), driver).takeUntilBy(stopper).onValue(item => {
+    items.push(item);
+  });
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(1);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#foo';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(2);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#foo/123';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(3);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
 
   // Setting to the same hash should NOT make a new routeview.
   window.location.hash = '#foo/123?compose=123';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(3);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#bar';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(4);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
 });
-
 test('native hash changes are ignored', async () => {
   // We don't pay attention to native hash changes usually. We settle for
   // watching a new [role=main] element become displayed.
   const items = [];
   const driver = makeMockDriver();
   window.location.hash = '#inbox';
-
-  setupRouteViewDriverStream(new GmailRouteProcessor(), driver)
-    .takeUntilBy(stopper)
-    .onValue((item) => {
-      items.push(item);
-    });
-
-  await delay(1);
+  (0, _setupRouteViewDriverStream.default)(new _gmailRouteProcessor.default(), driver).takeUntilBy(stopper).onValue(item => {
+    items.push(item);
+  });
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(1);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#starred';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(1);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
 });
-
 test('revertNativeHashChanges works', async () => {
   const items = [];
   const driver = makeMockDriver();
   driver.getCustomRouteIDs().add('foo');
   window.location.hash = '#inbox';
-
-  setupRouteViewDriverStream(new GmailRouteProcessor(), driver)
-    .takeUntilBy(stopper)
-    .onValue((item) => {
-      items.push(item);
-    });
-
-  await delay(1);
+  (0, _setupRouteViewDriverStream.default)(new _gmailRouteProcessor.default(), driver).takeUntilBy(stopper).onValue(item => {
+    items.push(item);
+  });
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(1);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#foo';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(2);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#inbox';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(3);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(2);
-
   window.location.hash = '#foo';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(4);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(2);
-
   window.location.hash = '#inbox';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(5);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(3);
 });
-
 test('revertNativeHashChanges and ?compose parameter play nicely together', async () => {
   // If you make a draft while at a native route view, Gmail adds ?compose=ID
   // to the hash. If you edit the draft, Gmail updates the ID in the hash. If
@@ -201,33 +161,23 @@ test('revertNativeHashChanges and ?compose parameter play nicely together', asyn
   const driver = makeMockDriver();
   driver.getCustomRouteIDs().add('foo');
   window.location.hash = '#inbox';
-
-  setupRouteViewDriverStream(new GmailRouteProcessor(), driver)
-    .takeUntilBy(stopper)
-    .onValue((item) => {
-      items.push(item);
-    });
-
-  await delay(1);
+  (0, _setupRouteViewDriverStream.default)(new _gmailRouteProcessor.default(), driver).takeUntilBy(stopper).onValue(item => {
+    items.push(item);
+  });
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(1);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#inbox?compose=A';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(1);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#foo';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(2);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(1);
-
   window.location.hash = '#inbox?compose=A';
   window.location.hash = '#inbox?compose=B';
-
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(3);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(2);
-});
+});

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/show-app-id-warning.js

@@ -1,12 +1,14 @@
-/* @flow */
+"use strict";
 
-import Kefir from 'kefir';
-import kefirCast from 'kefir-cast';
-
-import type GmailDriver from '../gmail-driver';
-import fakeWindowResize from '../../../lib/fake-window-resize';
-
-export default function showAppIdWarning(driver: GmailDriver) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = showAppIdWarning;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirCast = _interopRequireDefault(require("kefir-cast"));
+var _fakeWindowResize = _interopRequireDefault(require("../../../lib/fake-window-resize"));
+function showAppIdWarning(driver) {
   const topDiv = document.createElement('div');
   topDiv.className = 'inboxsdk__appid_warning';
   topDiv.innerHTML = `
@@ -17,14 +19,12 @@ export default function showAppIdWarning(driver: GmailDriver) {
 <a class="inboxsdk__appid_register" target="_blank" href="https://www.inboxsdk.com/register">Register Your App</a>
 <input type="button" value="" title="Close" class="inboxsdk__x_close_button" />
 `;
-
-  const topMessageBarDriver = driver.createTopMessageBarDriver(
-    kefirCast(Kefir, { el: topDiv })
-  );
-
+  const topMessageBarDriver = driver.createTopMessageBarDriver((0, _kefirCast.default)(_kefir.default, {
+    el: topDiv
+  }));
   const closeBtn = topDiv.querySelector('.inboxsdk__x_close_button');
   if (!closeBtn) throw new Error('Should not happen');
-  closeBtn.addEventListener('click', function (e: MouseEvent) {
+  closeBtn.addEventListener('click', function (e) {
     topMessageBarDriver.remove();
   });
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/show-custom-route-view.js

@@ -1,79 +1,56 @@
-/* @flow */
-
-import { defn } from 'ud';
-import GmailElementGetter from '../gmail-element-getter';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
+var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
 const ACTIVE_ADD_ON_ICON_SELECTOR = '.J-KU-KO';
-import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
-
-const showCustomRouteView = defn(
-  module,
-  function showCustomRouteView(gmailDriver: any, element: HTMLElement) {
-    const contentSectionElement = GmailElementGetter.getContentSectionElement();
-    if (!contentSectionElement) {
+const showCustomRouteView = (0, _ud.defn)(module, function showCustomRouteView(gmailDriver, element) {
+  const contentSectionElement = _gmailElementGetter.default.getContentSectionElement();
+  if (!contentSectionElement) {
+    return;
+  }
+  const selection = document.getSelection();
+  for (let i = 0; i < selection.rangeCount; i++) {
+    const range = selection.getRangeAt(i);
+    if (typeof range.intersectsNode === 'function' && range.intersectsNode(contentSectionElement)) {
+      selection.removeAllRanges();
+      break;
+    }
+  }
+  const customViewContainerElement = _getCustomViewContainerElement(contentSectionElement);
+  customViewContainerElement.appendChild(element);
+  const children = contentSectionElement.children;
+  Array.prototype.forEach.call(children, child => {
+    if (child.classList.contains('inboxsdk__custom_view')) {
       return;
     }
-
-    const selection = (document: any).getSelection();
-    for (let i = 0; i < selection.rangeCount; i++) {
-      const range: Range = selection.getRangeAt(i);
-      if (
-        typeof (range: any).intersectsNode === 'function' &&
-        (range: any).intersectsNode(contentSectionElement)
-      ) {
-        selection.removeAllRanges();
-        break;
-      }
+    child.style.display = 'none';
+  });
+
+  //if any thread sidebar addons are enabled then we need to turn them off
+  const companionSidebarIconContainerEl = _gmailElementGetter.default.getCompanionSidebarIconContainerElement();
+  if (companionSidebarIconContainerEl) {
+    const activeThreadAddOnIcon = companionSidebarIconContainerEl.querySelector(ACTIVE_ADD_ON_ICON_SELECTOR);
+    if (activeThreadAddOnIcon) {
+      (0, _simulateMouseEvent.simulateClick)(activeThreadAddOnIcon);
     }
-
-    const customViewContainerElement = _getCustomViewContainerElement(
-      contentSectionElement
-    );
-    customViewContainerElement.appendChild(element);
-
-    const children = (contentSectionElement: any).children;
-    Array.prototype.forEach.call(children, (child: HTMLElement) => {
-      if (child.classList.contains('inboxsdk__custom_view')) {
-        return;
-      }
-
-      child.style.display = 'none';
-    });
-
-    //if any thread sidebar addons are enabled then we need to turn them off
-    const companionSidebarIconContainerEl =
-      GmailElementGetter.getCompanionSidebarIconContainerElement();
-    if (companionSidebarIconContainerEl) {
-      const activeThreadAddOnIcon =
-        companionSidebarIconContainerEl.querySelector(
-          ACTIVE_ADD_ON_ICON_SELECTOR
-        );
-      if (activeThreadAddOnIcon) {
-        simulateClick(activeThreadAddOnIcon);
-      }
-    }
-
-    ((document.body: any): HTMLElement).classList.add(
-      'inboxsdk__custom_view_active'
-    );
   }
-);
-export default showCustomRouteView;
-
-function _getCustomViewContainerElement(
-  contentSectionElement: HTMLElement
-): HTMLElement {
-  let customViewContainerElement = contentSectionElement.querySelector(
-    '.inboxsdk__custom_view'
-  );
+  document.body.classList.add('inboxsdk__custom_view_active');
+});
+var _default = showCustomRouteView;
+exports.default = _default;
+function _getCustomViewContainerElement(contentSectionElement) {
+  let customViewContainerElement = contentSectionElement.querySelector('.inboxsdk__custom_view');
   if (customViewContainerElement) {
     return customViewContainerElement;
   }
-
   customViewContainerElement = document.createElement('div');
   customViewContainerElement.classList.add('inboxsdk__custom_view');
-
   contentSectionElement.appendChild(customViewContainerElement);
-
   return customViewContainerElement;
-}
+}