@inboxsdk/core 0.2.28-alpha.0 → 0.2.28-alpha.2

package/src/platform-implementation-js/views/section-view.js

@@ -0,0 +1,77 @@
+/* @flow */
+
+import { defn } from 'ud';
+import EventEmitter from '../lib/safe-event-emitter';
+import get from '../../common/get-or-fail';
+import type { Driver } from '../driver-interfaces/driver';
+import type GmailCollapsibleSectionView from '../dom-driver/gmail/views/gmail-collapsible-section-view';
+
+const membersMap = new WeakMap();
+
+// documented in src/docs/
+class SectionView extends EventEmitter {
+  destroyed: boolean;
+
+  constructor(sectionViewDriver: GmailCollapsibleSectionView, driver: Driver) {
+    super();
+    const members = { sectionViewDriver };
+    membersMap.set(this, members);
+
+    this.destroyed = false;
+    _bindToEventStream(this, sectionViewDriver, driver);
+  }
+
+  remove() {
+    this.destroy();
+  }
+
+  destroy() {
+    const members = get(membersMap, this);
+    members.sectionViewDriver.destroy();
+    this.removeAllListeners();
+  }
+}
+
+function _bindToEventStream(sectionView, sectionViewDriver, driver) {
+  sectionViewDriver.getEventStream().onValue((e) => {
+    sectionView.emit(e.eventName);
+  });
+
+  sectionViewDriver
+    .getEventStream()
+    .filter(({ eventName }) => eventName === 'rowClicked')
+    .onValue(({ rowDescriptor }) => {
+      if (rowDescriptor.routeID) {
+        driver.goto(rowDescriptor.routeID, rowDescriptor.routeParams);
+      }
+
+      if (typeof rowDescriptor.onClick === 'function') {
+        rowDescriptor.onClick();
+      }
+    });
+
+  sectionViewDriver
+    .getEventStream()
+    .filter(({ eventName }) => eventName === 'summaryClicked')
+    .onValue(({ sectionDescriptor }) => {
+      if (sectionDescriptor.onTitleLinkClick) {
+        sectionDescriptor.onTitleLinkClick(sectionView);
+      }
+    });
+
+  sectionViewDriver
+    .getEventStream()
+    .filter(({ eventName }) => eventName === 'footerClicked')
+    .onValue(({ sectionDescriptor }) => {
+      if (sectionDescriptor.onFooterLinkClick) {
+        sectionDescriptor.onFooterLinkClick(sectionView);
+      }
+    });
+
+  sectionViewDriver.getEventStream().onEnd(() => {
+    sectionView.destroyed = true;
+    sectionView.emit('destroy');
+  });
+}
+
+export default defn(module, SectionView);

package/src/platform-implementation-js/views/thread-row-view.js

@@ -0,0 +1,117 @@
+/* @flow */
+
+import EventEmitter from '../lib/safe-event-emitter';
+import type GmailThreadRowView from '../dom-driver/gmail/views/gmail-thread-row-view';
+import type InboxThreadRowView from '../dom-driver/inbox/views/inbox-thread-row-view';
+import get from '../../common/get-or-fail';
+
+const membersMap = new WeakMap();
+
+// documented in src/docs/
+export default class ThreadRowView extends EventEmitter {
+  destroyed: boolean;
+
+  constructor(threadRowViewDriver: GmailThreadRowView) {
+    super();
+    const members = { threadRowViewDriver };
+    membersMap.set(this, members);
+
+    this.destroyed = false;
+
+    threadRowViewDriver.getEventStream().onEnd(() => {
+      this.destroyed = true;
+      this.emit('destroy');
+    });
+    threadRowViewDriver.setUserView(this);
+  }
+
+  addLabel(labelDescriptor: Object) {
+    get(membersMap, this).threadRowViewDriver.addLabel(labelDescriptor);
+  }
+
+  addImage(imageDescriptor: Object) {
+    get(membersMap, this).threadRowViewDriver.addImage(imageDescriptor);
+  }
+
+  addButton(buttonDescriptor: Object) {
+    get(membersMap, this).threadRowViewDriver.addButton(buttonDescriptor);
+  }
+
+  addActionButton(actionButtonDescriptor: Object) {
+    get(membersMap, this).threadRowViewDriver.addActionButton(
+      actionButtonDescriptor
+    );
+  }
+
+  addAttachmentIcon(threadRowAttachmentIconDescriptor: Object) {
+    get(membersMap, this).threadRowViewDriver.addAttachmentIcon(
+      threadRowAttachmentIconDescriptor
+    );
+  }
+
+  replaceDate(threadRowDateDescriptor: Object) {
+    get(membersMap, this).threadRowViewDriver.replaceDate(
+      threadRowDateDescriptor
+    );
+  }
+
+  replaceDraftLabel(draftLabelDescriptor: Object) {
+    get(membersMap, this).threadRowViewDriver.replaceDraftLabel(
+      draftLabelDescriptor
+    );
+  }
+
+  getElement(): HTMLElement {
+    return get(membersMap, this).threadRowViewDriver.getElement();
+  }
+
+  getSubject(): string {
+    return get(membersMap, this).threadRowViewDriver.getSubject();
+  }
+
+  getDateString(): string {
+    return get(membersMap, this).threadRowViewDriver.getDateString();
+  }
+
+  getThreadID(): string {
+    // TODO mark deprecated
+    return get(membersMap, this).threadRowViewDriver.getThreadID();
+  }
+
+  getThreadIDAsync(): Promise<string> {
+    return get(membersMap, this).threadRowViewDriver.getThreadIDAsync();
+  }
+
+  getThreadIDIfStable(): ?string {
+    // TODO mark deprecated
+    if (this.getVisibleMessageCount() > 0) {
+      return this.getThreadID();
+    } else {
+      return null;
+    }
+  }
+
+  getThreadIDIfStableAsync(): Promise<null | string> {
+    if (this.getVisibleMessageCount() > 0) {
+      return this.getThreadIDAsync();
+    } else {
+      return Promise.resolve(null);
+    }
+  }
+
+  getDraftID(): Promise<?string> {
+    return get(membersMap, this).threadRowViewDriver.getDraftID();
+  }
+
+  getVisibleDraftCount(): number {
+    return get(membersMap, this).threadRowViewDriver.getVisibleDraftCount();
+  }
+
+  getVisibleMessageCount(): number {
+    return get(membersMap, this).threadRowViewDriver.getVisibleMessageCount();
+  }
+
+  getContacts(): Contact[] {
+    return get(membersMap, this).threadRowViewDriver.getContacts();
+  }
+}

package/src/platform-implementation-js/widgets/buttons/basic-button-view-controller.d.ts

@@ -23,3 +23,4 @@ export default class BasicButtonViewController {
     setActivateFunction(f: null | undefined | ((event: any) => void)): void;
     activate(): void;
 }
+//# sourceMappingURL=basic-button-view-controller.d.ts.map

package/src/platform-implementation-js/widgets/buttons/basic-button-view-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-button-view-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/widgets/buttons/basic-button-view-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,cAAc,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC7C,UAAU,IAAI,WAAW,CAAC;IAC1B,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,OAAO;IACtB,gBAAgB,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IAC9B,UAAU,EAAE,WAAW,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,OAAO,yBAAyB;IAC5C,OAAO,CAAC,iBAAiB,CAA4C;IACrE,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAkB;gBAEf,OAAO,EAAE,OAAO;IAY5B,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;IAI3C,OAAO;IAMP,MAAM,CAAC,OAAO,EAAE,OAAO;IAOvB,OAAO,IAAI,WAAW;IAItB,mBAAmB,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAIhE,QAAQ;CAKhB"}

package/src/platform-implementation-js/widgets/buttons/dropdown-button-view-controller.d.ts

@@ -20,3 +20,4 @@ export default class DropdownButtonViewController {
     private _toggleDropdownState;
     private _dropdownClosed;
 }
+//# sourceMappingURL=dropdown-button-view-controller.d.ts.map

package/src/platform-implementation-js/widgets/buttons/dropdown-button-view-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-button-view-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/widgets/buttons/dropdown-button-view-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,UAAU,MAAM,oDAAoD,CAAC;AAG5E,MAAM,CAAC,OAAO,OAAO,4BAA4B;IAC/C,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,qBAAqB,CAA8B;IAC3D,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAM;IAC/C,OAAO,CAAC,wBAAwB,CAAM;IACtC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;gBAE/B,OAAO,EAAE,GAAG;IAcxB,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;IAI3C,OAAO;IAYP,MAAM,CAAC,OAAO,EAAE,GAAG;IAKnB,OAAO,IAAI,UAAU;IAKrB,uBAAuB,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS;IAIzD,YAAY;IA0BZ,YAAY;IAMZ,iBAAiB,IAAI,OAAO;IAI5B,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,eAAe;CAUxB"}

package/src/platform-implementation-js/widgets/buttons/dropdown-view.d.ts

@@ -19,3 +19,4 @@ export default class DropdownView extends EventEmitter {
     reposition(): void;
 }
 export {};
+//# sourceMappingURL=dropdown-view.d.ts.map

package/src/platform-implementation-js/widgets/buttons/dropdown-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-view.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/widgets/buttons/dropdown-view.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAMxD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEtE,UAAU,OAAO;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC;CACvC;AAGD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,YAAY;IACpD,OAAO,CAAC,mBAAmB,CAAM;IAC1B,SAAS,EAAE,OAAO,CAAS;IACZ,MAAM,EAAE,OAAO,CAAS;IAC9C,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,qBAAqB,CAA8C;IAC3E,OAAO,CAAC,0BAA0B,CAGb;IACrB,OAAO,CAAC,qBAAqB,CAAU;IAChC,EAAE,EAAE,WAAW,CAAC;gBAGrB,kBAAkB,EAAE,GAAG,EACvB,aAAa,EAAE,WAAW,EAC1B,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS;IA+F9B,mBAAmB,CAAC,OAAO,EAAE,sBAAsB;IAYnD,KAAK;IAcL,UAAU;CAKlB"}

package/src/platform-implementation-js/widgets/drawer-view.js

@@ -0,0 +1,61 @@
+/* @flow */
+
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import { defn } from 'ud';
+import EventEmitter from '../lib/safe-event-emitter';
+import ComposeView from '../views/compose-view';
+
+import type { DrawerViewDriver } from '../driver-interfaces/driver';
+
+// documented in src/docs/
+class DrawerView extends EventEmitter {
+  destroyed: boolean = false;
+  _driver: DrawerViewDriver;
+  constructor(drawerViewDriver: DrawerViewDriver) {
+    super();
+    this._driver = drawerViewDriver;
+    this._driver.getSlideAnimationDone().onValue(() => {
+      this.emit('slideAnimationDone');
+    });
+    this._driver.getClosingStream().onValue(() => {
+      this.emit('closing');
+    });
+    this._driver.getClosedStream().onValue(() => {
+      this.destroyed = true;
+      this.emit('destroy');
+    });
+    this._driver.getPreAutoCloseStream().onValue((event) => {
+      this.emit('preautoclose', event);
+    });
+
+    document.dispatchEvent(
+      new CustomEvent('inboxSDKcloseDrawers', {
+        bubbles: false,
+        cancelable: false,
+        detail: null,
+      })
+    );
+    Kefir.fromEvents(document, 'inboxSDKcloseDrawers')
+      .takeUntilBy(Kefir.fromEvents(this, 'closing'))
+      .onValue(() => {
+        this.close();
+      });
+  }
+
+  close() {
+    this._driver.close();
+  }
+
+  associateComposeView(composeView: ComposeView, closeWithCompose: boolean) {
+    if (!(composeView instanceof ComposeView))
+      throw new Error('argument was not a ComposeView');
+    this._driver.associateComposeView(composeView, closeWithCompose);
+  }
+
+  disassociateComposeView() {
+    this._driver.disassociateComposeView();
+  }
+}
+
+export default defn(module, DrawerView);

package/src/platform-implementation-js/widgets/modal-view.js

@@ -0,0 +1,134 @@
+/* @flow */
+
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import type { Bus } from 'kefir-bus';
+import { defn } from 'ud';
+import EventEmitter from '../lib/safe-event-emitter';
+
+import type { Backdrop, Driver } from '../driver-interfaces/driver';
+import type GmailModalViewDriver from '../dom-driver/gmail/widgets/gmail-modal-view-driver';
+import type InboxModalView from '../dom-driver/inbox/views/inbox-modal-view';
+
+type ModalViewDriver = GmailModalViewDriver | InboxModalView;
+
+// documented in src/docs/
+class ModalView extends EventEmitter {
+  destroyed: boolean = false;
+  _driver: Driver;
+  _modalViewDriver: ?ModalViewDriver;
+  constructor(options: { driver: Driver, modalViewDriver: ModalViewDriver }) {
+    super();
+    this._driver = options.driver;
+    this._modalViewDriver = options.modalViewDriver;
+    options.modalViewDriver
+      .getEventStream()
+      .filter((event) => event.eventName === 'closeClick')
+      .onValue(() => {
+        this.close();
+      });
+    options.modalViewDriver.getEventStream().onEnd(() => {
+      this._modalViewDriver = null;
+      this.destroyed = true;
+      _handleModalStackOnModalDestroy(this);
+      this.emit('destroy');
+    });
+  }
+
+  show() {
+    const modalViewDriver = this._modalViewDriver;
+    if (!modalViewDriver) {
+      throw new Error('Modal can not be shown after being hidden');
+    }
+
+    const hideAndDestroyStream = Kefir.merge([
+      Kefir.fromEvents(this, 'destroy'),
+      hideStream.filter((modalView) => modalView === this),
+    ]);
+
+    ((document.body: any): HTMLElement).appendChild(
+      modalViewDriver.getModalContainerElement()
+    );
+
+    modalViewDriver.getModalContainerElement().focus();
+
+    Kefir.fromEvents((document.body: any), 'keydown')
+      .filter((domEvent) => domEvent.keyCode === 27)
+      .takeUntilBy(hideAndDestroyStream)
+      .onValue((domEvent) => {
+        domEvent.stopImmediatePropagation();
+        domEvent.stopPropagation();
+        domEvent.preventDefault();
+        this.close();
+      });
+
+    _replaceCurrentlyShowingModal(this, modalViewDriver);
+  }
+
+  setTitle(title: string) {
+    if (!this._modalViewDriver) {
+      throw new Error('Modal can not be shown after being hidden');
+    }
+
+    this._modalViewDriver.setTitle(title);
+  }
+
+  close() {
+    if (this._modalViewDriver) {
+      this._modalViewDriver.destroy();
+    }
+  }
+
+  addButton(options: any): void {
+    throw new Error('not implemented');
+  }
+}
+
+let activeBackdrop: ?Backdrop = null;
+let currentlyShowingModal: ?{
+  modalView: ModalView,
+  modalViewDriver: ModalViewDriver,
+} = null;
+const hideStream: Bus<ModalView> = kefirBus();
+const hiddenModalStack: Array<ModalView> = [];
+
+function _handleModalStackOnModalDestroy(modalView) {
+  if (currentlyShowingModal && currentlyShowingModal.modalView === modalView) {
+    currentlyShowingModal = null;
+    // we have modals in the stack
+    if (hiddenModalStack.length > 0) {
+      hiddenModalStack.pop().show();
+    } else {
+      if (activeBackdrop) {
+        activeBackdrop.destroy();
+      }
+    }
+  } else if (hiddenModalStack.indexOf(modalView) > -1) {
+    hiddenModalStack.splice(hiddenModalStack.indexOf(modalView), 1);
+  }
+}
+
+function _replaceCurrentlyShowingModal(modalView, modalViewDriver) {
+  if (currentlyShowingModal) {
+    hideStream.emit(currentlyShowingModal.modalView);
+    hiddenModalStack.push(currentlyShowingModal.modalView);
+    currentlyShowingModal.modalViewDriver.getModalContainerElement().remove();
+  } else {
+    if (!activeBackdrop) {
+      activeBackdrop = modalView._driver.createBackdrop(502);
+      activeBackdrop.getStopper().onValue(() => {
+        activeBackdrop = null;
+        hiddenModalStack.slice().forEach((modalView) => {
+          modalView.close();
+        });
+        if (currentlyShowingModal) {
+          currentlyShowingModal.modalView.close();
+        }
+      });
+    }
+  }
+
+  currentlyShowingModal = { modalView, modalViewDriver };
+}
+
+export default defn(module, ModalView);

package/src/platform-implementation-js/widgets/mole-view.js

@@ -0,0 +1,47 @@
+/* @flow */
+
+import get from '../../common/get-or-fail';
+import EventEmitter from '../lib/safe-event-emitter';
+
+const memberMap = new WeakMap();
+
+// documented in src/docs/
+export default class MoleView extends EventEmitter {
+  destroyed: boolean = false;
+
+  constructor(options: { moleViewDriver: Object }) {
+    super();
+    const members = {
+      driver: options.moleViewDriver,
+    };
+    memberMap.set(this, members);
+
+    members.driver.getEventStream().onValue((e) => {
+      this.emit(e.eventName, e.detail);
+    });
+    members.driver.getEventStream().onEnd(() => {
+      this.destroyed = true;
+      this.emit('destroy');
+    });
+  }
+
+  close() {
+    const members = get(memberMap, this);
+    members.driver.destroy();
+  }
+
+  setTitle(text: string) {
+    const members = get(memberMap, this);
+    members.driver.setTitle(text);
+  }
+
+  setMinimized(minimized: boolean) {
+    const members = get(memberMap, this);
+    members.driver.setMinimized(minimized);
+  }
+
+  getMinimized() {
+    const members = get(memberMap, this);
+    return members.driver.getMinimized();
+  }
+}

package/src/platform-implementation-js/widgets/top-message-bar-view.js

@@ -0,0 +1,20 @@
+/* @flow */
+
+import get from '../../common/get-or-fail';
+import EventEmitter from '../lib/safe-event-emitter';
+
+const memberMap = new WeakMap();
+
+export default class TopMessageBarView extends EventEmitter {
+  constructor(options: { topMessageBarViewDriver: Object }) {
+    super();
+    const members = {
+      driver: options.topMessageBarViewDriver,
+    };
+    memberMap.set(this, members);
+  }
+
+  remove() {
+    get(memberMap, this).driver.remove();
+  }
+}

package/src/types/combokeys-capture.d.ts

@@ -0,0 +1 @@
+declare module 'combokeys-capture';

package/src/types/gulp-add-src.d.ts

@@ -0,0 +1,7 @@
+declare module 'gulp-add-src' {
+  const addsrc: {
+    (filename: string): any;
+    prepend(filename: string): any;
+  };
+  export = addsrc;
+}

package/src/types/gulp-dest-atomic.d.ts

@@ -0,0 +1,4 @@
+declare module 'gulp-dest-atomic' {
+  function destAtomic(dir: string): any;
+  export = destAtomic;
+}

package/src/types/gulp-streamify.d.ts

@@ -0,0 +1 @@
+declare module 'gulp-streamify';

package/src/types/gulp-terser.d.ts

@@ -0,0 +1,4 @@
+declare module 'gulp-terser' {
+  const terser: any;
+  export = terser;
+}

package/src/types/jest-puppeteer.d.ts

@@ -0,0 +1,11 @@
+import { Page, Browser, BrowserContext } from 'puppeteer';
+
+declare global {
+  const jestPuppeteer: {
+    debug(): Promise<void>;
+  };
+
+  const page: Page;
+  const browser: Browser;
+  const context: BrowserContext;
+}

package/src/types/notp.d.ts

@@ -0,0 +1,8 @@
+declare module 'notp' {
+  const Notp: {
+    totp: {
+      gen(code: string): string;
+    };
+  };
+  export = Notp;
+}

package/src/types/sha.d.ts

@@ -0,0 +1,36 @@
+declare module 'sha.js' {
+  import { Hash } from 'crypto';
+
+  function SHA(algorithm: string): Hash;
+
+  namespace SHA {
+    type Algorithm = 'sha' | 'sha1' | 'sha224' | 'sha256' | 'sha384' | 'sha512';
+    interface HashStatic {
+      new (): Hash;
+    }
+
+    const sha: HashStatic;
+    const sha1: HashStatic;
+    const sha224: HashStatic;
+    const sha256: HashStatic;
+    const sha384: HashStatic;
+    const sha512: HashStatic;
+  }
+  export = SHA;
+}
+
+declare module 'sha.js/sha256' {
+  import { Hash } from 'crypto';
+  const SHA: {
+    new (): Hash;
+  };
+  export = SHA;
+}
+
+declare module 'sha.js/sha1' {
+  import { Hash } from 'crypto';
+  const SHA: {
+    new (): Hash;
+  };
+  export = SHA;
+}

package/src/types/stdio.d.ts

@@ -0,0 +1,6 @@
+declare module 'stdio' {
+  const Stdio: {
+    getopt(options: any): any;
+  };
+  export = Stdio;
+}

package/src/types/thirty-two.d.ts

@@ -0,0 +1,6 @@
+declare module 'thirty-two' {
+  const main: {
+    decode(str: string): string;
+  };
+  export = main;
+}