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

package/src/platform-implementation-js/lib/handle-compose-link-chips.js

@@ -1,179 +1,116 @@
-/* @flow */
-
-import once from 'lodash/once';
-import Kefir from 'kefir';
-import { defn } from 'ud';
-import querySelector from './dom/querySelectorOrFail';
-import makeMutationObserverChunkedStream from './dom/make-mutation-observer-chunked-stream';
-import type { ComposeViewDriver } from '../driver-interfaces/compose-view-driver';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _once = _interopRequireDefault(require("lodash/once"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _ud = require("ud");
+var _querySelectorOrFail = _interopRequireDefault(require("./dom/querySelectorOrFail"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("./dom/make-mutation-observer-chunked-stream"));
 const extId = '' + Math.random();
-
 const Z_SPACE_CHAR = '\u200b';
 const X_URL = 'https://ssl.gstatic.com/ui/v1/icons/common/x_8px.png';
-
-const handleComposeLinkChips = defn(
-  module,
-  function (composeView: ComposeViewDriver) {
-    // Abort if we're missing elements we'll need.
-    try {
-      composeView.getBodyElement();
-    } catch (err) {
-      return;
-    }
-
-    const mainElement = composeView.getElement();
-    _waitToClaim(mainElement)
-      .takeUntilBy(composeView.getStopper())
-      .onValue(() => {
-        mainElement.classList.add('inboxsdk__ensure_link_active');
-        composeView.getStopper().onValue(() => {
-          mainElement.classList.remove('inboxsdk__ensure_link_active');
-        });
-
-        composeView
-          .getEventStream()
-          .filter((event) => event.eventName === 'bodyChanged')
-          .toProperty(() => null)
-          .debounce(100, { immediate: true })
-          .takeUntilBy(composeView.getStopper())
-          .onValue(() => {
-            doFixing(composeView);
-          });
-
-        composeView
-          .getEventStream()
-          .filter((event) => event.eventName === 'presending')
-          .onValue(() => {
-            doPresendFixing(composeView);
-          });
-      });
+const handleComposeLinkChips = (0, _ud.defn)(module, function (composeView) {
+  // Abort if we're missing elements we'll need.
+  try {
+    composeView.getBodyElement();
+  } catch (err) {
+    return;
   }
-);
-export default handleComposeLinkChips;
-
-const doFixing = defn(
-  module,
-  function (composeView: ComposeViewDriver) {
-    const bodyElement = composeView.getBodyElement();
-    const chips = _getChipElements(bodyElement);
-
-    chips.filter(_isNotEnhanced).forEach(_addEnhancements);
-  },
-  'doFixing'
-);
-
-const doPresendFixing = defn(
-  module,
-  function (composeView: ComposeViewDriver) {
-    const bodyElement = composeView.getBodyElement();
-    const chips = _getChipElements(bodyElement);
-    chips.filter(_isOurEnhanced).forEach((chip) => {
-      const xBtn = chip.querySelector(`img[src="${X_URL}"]`);
-      if (xBtn) {
-        xBtn.remove();
-      }
-      const title = chip.querySelector('a > span');
-      if (title) {
-        title.style.textDecoration = 'none';
-      }
+  const mainElement = composeView.getElement();
+  _waitToClaim(mainElement).takeUntilBy(composeView.getStopper()).onValue(() => {
+    mainElement.classList.add('inboxsdk__ensure_link_active');
+    composeView.getStopper().onValue(() => {
+      mainElement.classList.remove('inboxsdk__ensure_link_active');
     });
-  },
-  'doPresendFixing'
-);
-
-function _getChipElements(bodyElement: HTMLElement): HTMLElement[] {
+    composeView.getEventStream().filter(event => event.eventName === 'bodyChanged').toProperty(() => null).debounce(100, {
+      immediate: true
+    }).takeUntilBy(composeView.getStopper()).onValue(() => {
+      doFixing(composeView);
+    });
+    composeView.getEventStream().filter(event => event.eventName === 'presending').onValue(() => {
+      doPresendFixing(composeView);
+    });
+  });
+});
+var _default = handleComposeLinkChips;
+exports.default = _default;
+const doFixing = (0, _ud.defn)(module, function (composeView) {
+  const bodyElement = composeView.getBodyElement();
+  const chips = _getChipElements(bodyElement);
+  chips.filter(_isNotEnhanced).forEach(_addEnhancements);
+}, 'doFixing');
+const doPresendFixing = (0, _ud.defn)(module, function (composeView) {
+  const bodyElement = composeView.getBodyElement();
+  const chips = _getChipElements(bodyElement);
+  chips.filter(_isOurEnhanced).forEach(chip => {
+    const xBtn = chip.querySelector(`img[src="${X_URL}"]`);
+    if (xBtn) {
+      xBtn.remove();
+    }
+    const title = chip.querySelector('a > span');
+    if (title) {
+      title.style.textDecoration = 'none';
+    }
+  });
+}, 'doPresendFixing');
+function _getChipElements(bodyElement) {
   const chipInnerEls = bodyElement.querySelectorAll('[hspace=inboxsdk__chip]');
-  return [
-    ...Array.from(chipInnerEls).map((x) => (x.parentElement: any)),
-    ...Array.from(bodyElement.querySelectorAll('[hspace=inboxsdk__chip_main]')),
-  ];
+  return [...Array.from(chipInnerEls).map(x => x.parentElement), ...Array.from(bodyElement.querySelectorAll('[hspace=inboxsdk__chip_main]'))];
 }
-
-function _waitToClaim(el: HTMLElement): Kefir.Observable<boolean> {
-  return Kefir.later(0)
-    .merge(
-      makeMutationObserverChunkedStream(el, {
-        attributes: true,
-        attributeFilter: ['class'],
-      })
-    )
-    .map(() => !el.classList.contains('inboxsdk__ensure_link_active'))
-    .filter(Boolean)
-    .take(1);
+function _waitToClaim(el) {
+  return _kefir.default.later(0).merge((0, _makeMutationObserverChunkedStream.default)(el, {
+    attributes: true,
+    attributeFilter: ['class']
+  })).map(() => !el.classList.contains('inboxsdk__ensure_link_active')).filter(Boolean).take(1);
 }
-
-function _isNotEnhanced(chipElement: HTMLElement): boolean {
+function _isNotEnhanced(chipElement) {
   var claim = chipElement.getAttribute('data-sdk-linkchip-claimed');
   if (extId === claim) {
-    return !(chipElement: any)._linkChipEnhancedByThisExtension;
+    return !chipElement._linkChipEnhancedByThisExtension;
   }
   return claim == null;
 }
 
 // Returns whether the chip is enhanced specifically by this extension
-function _isOurEnhanced(chipElement: HTMLElement): boolean {
-  return !!(chipElement: any)._linkChipEnhancedByThisExtension;
+function _isOurEnhanced(chipElement) {
+  return !!chipElement._linkChipEnhancedByThisExtension;
 }
-
-function _addEnhancements(chipElement: HTMLElement) {
+function _addEnhancements(chipElement) {
   const anchor = chipElement.querySelector('a');
   if (anchor) {
-    anchor.addEventListener(
-      'mousedown',
-      function (e: MouseEvent) {
-        e.stopImmediatePropagation();
-      },
-      true
-    );
-    anchor.addEventListener(
-      'click',
-      function (e: MouseEvent) {
-        e.stopImmediatePropagation();
-      },
-      true
-    );
+    anchor.addEventListener('mousedown', function (e) {
+      e.stopImmediatePropagation();
+    }, true);
+    anchor.addEventListener('click', function (e) {
+      e.stopImmediatePropagation();
+    }, true);
   }
-
   const xElement = document.createElement('img');
   xElement.src = X_URL;
-  xElement.setAttribute(
-    'style',
-    'opacity: 0.55; cursor: pointer; float: right; position: relative; top: -1px;'
-  );
-
-  xElement.addEventListener(
-    'mousedown',
-    function (e: MouseEvent) {
-      chipElement.remove();
-    },
-    true
-  );
-
-  xElement.addEventListener(
-    'click',
-    function (e: MouseEvent) {
-      e.stopImmediatePropagation();
-      e.preventDefault();
-    },
-    true
-  );
-
+  xElement.setAttribute('style', 'opacity: 0.55; cursor: pointer; float: right; position: relative; top: -1px;');
+  xElement.addEventListener('mousedown', function (e) {
+    chipElement.remove();
+  }, true);
+  xElement.addEventListener('click', function (e) {
+    e.stopImmediatePropagation();
+    e.preventDefault();
+  }, true);
   chipElement.addEventListener('mouseenter', function () {
     chipElement.appendChild(xElement);
-    querySelector(chipElement, 'a > span').style.textDecoration = 'underline';
+    (0, _querySelectorOrFail.default)(chipElement, 'a > span').style.textDecoration = 'underline';
   });
-
   chipElement.addEventListener('mouseleave', function () {
-    (xElement: any).remove();
-    querySelector(chipElement, 'a > span').style.textDecoration = 'none';
+    xElement.remove();
+    (0, _querySelectorOrFail.default)(chipElement, 'a > span').style.textDecoration = 'none';
   });
-
-  chipElement.addEventListener('mousedown', function (e: MouseEvent) {
+  chipElement.addEventListener('mousedown', function (e) {
     e.preventDefault();
   });
-
   chipElement.contentEditable = 'false';
   chipElement.setAttribute('data-sdk-linkchip-claimed', extId);
-  (chipElement: any)._linkChipEnhancedByThisExtension = true;
-}
+  chipElement._linkChipEnhancedByThisExtension = true;
+}

package/src/platform-implementation-js/lib/insert-link-chip-into-body.js

@@ -1,66 +1,51 @@
-/* @flow */
-
-import * as ud from 'ud';
-import type { ComposeViewDriver } from '../driver-interfaces/compose-view-driver';
-import autoHtml from 'auto-html';
-
-var insertLinkChipIntoBody = ud.defn(
-  module,
-  function (
-    composeViewDriver: ComposeViewDriver,
-    options: Object
-  ): HTMLElement {
-    composeViewDriver.focus();
-
-    var chipElement = _getChipElement(options);
-
-    // Gmail compose treats text directly bordering the chipElement weirdly in
-    // regards to cursor movement, so surround the chip with newlines which
-    // makes Gmail act up a little less.
-    var frag = (document: any).createDocumentFragment();
-    frag.appendChild(document.createTextNode('\u200b'));
-    frag.appendChild(chipElement);
-    frag.appendChild(document.createTextNode('\u200b'));
-
-    composeViewDriver.insertBodyHTMLAtCursor(frag);
-
-    if (
-      !composeViewDriver.isFullscreen() &&
-      !composeViewDriver.isInlineReplyForm() &&
-      document.activeElement !== composeViewDriver.getBodyElement()
-    ) {
-      composeViewDriver.setMinimized(true);
-      composeViewDriver.setMinimized(false);
-    }
-
-    composeViewDriver.focus();
-
-    return chipElement;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var ud = _interopRequireWildcard(require("ud"));
+var _autoHtml = _interopRequireDefault(require("auto-html"));
+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; }
+var insertLinkChipIntoBody = ud.defn(module, function (composeViewDriver, options) {
+  composeViewDriver.focus();
+  var chipElement = _getChipElement(options);
+
+  // Gmail compose treats text directly bordering the chipElement weirdly in
+  // regards to cursor movement, so surround the chip with newlines which
+  // makes Gmail act up a little less.
+  var frag = document.createDocumentFragment();
+  frag.appendChild(document.createTextNode('\u200b'));
+  frag.appendChild(chipElement);
+  frag.appendChild(document.createTextNode('\u200b'));
+  composeViewDriver.insertBodyHTMLAtCursor(frag);
+  if (!composeViewDriver.isFullscreen() && !composeViewDriver.isInlineReplyForm() && document.activeElement !== composeViewDriver.getBodyElement()) {
+    composeViewDriver.setMinimized(true);
+    composeViewDriver.setMinimized(false);
   }
-);
-export default insertLinkChipIntoBody;
-
-function _getChipElement(options: Object): HTMLElement {
+  composeViewDriver.focus();
+  return chipElement;
+});
+var _default = insertLinkChipIntoBody;
+exports.default = _default;
+function _getChipElement(options) {
   var chipElement = document.createElement('div');
-
-  var iconHtml: string = options.iconUrl
-    ? autoHtml`
+  var iconHtml = options.iconUrl ? (0, _autoHtml.default)`
 <img style="height:16px; width:16px; vertical-align: bottom; border: none;" height="16px" width="16px" src="${options.iconUrl}">&nbsp;
-`
-    : '';
-  var chipHTML: string = autoHtml`
+` : '';
+  var chipHTML = (0, _autoHtml.default)`
 <div contenteditable="false" class="inboxsdk__compose_linkChip"
 style="width: 396px; height: 18px; max-height: 18px; padding: 5px; color: rgb(34, 34, 34); font-family: arial; font-style: normal; font-weight: bold; font-size: 13px; cursor: default; border: 1px solid rgb(221, 221, 221); line-height: 1; background-color: rgb(245, 245, 245);" hspace="inboxsdk__chip_main">
-  <a href="${
-    options.url
-  }" target="_blank" style=" display:inline-block; max-width: 366px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-height: 1.2em; text-decoration: none; cursor: pointer; padding: 1px 0; border: none; ">
-    ${{ __html: iconHtml }}
-    <span dir="ltr" style="color: rgb(17, 85, 204); text-decoration: none; vertical-align: bottom;">${
-      options.text
-    }</span>
+  <a href="${options.url}" target="_blank" style=" display:inline-block; max-width: 366px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-height: 1.2em; text-decoration: none; cursor: pointer; padding: 1px 0; border: none; ">
+    ${{
+    __html: iconHtml
+  }}
+    <span dir="ltr" style="color: rgb(17, 85, 204); text-decoration: none; vertical-align: bottom;">${options.text}</span>
   </a>
 </div>
 `;
   chipElement.innerHTML = chipHTML;
-  return (chipElement.children[0]: any);
-}
+  return chipElement.children[0];
+}

package/src/platform-implementation-js/lib/make-revocable-function.js

@@ -1,40 +1,38 @@
-/* @flow */
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = makeRevocableFunction;
+var _once = _interopRequireDefault(require("lodash/once"));
+var _noop = _interopRequireDefault(require("lodash/noop"));
 // Takes an input function, and returns {fn, revoke}.
 // Before revoke is called, calling fn is equivalent to calling the input
 // function.
 // After revoke is called, calling fn is a no-op, and fn no longer holds a
 // reference to inputFn.
 // The revoke function does not hold a reference to inputFn or revokedFn ever.
-
 // The optional second parameter revokedFn is a function to make fn call after
 // it has been revoked.
-
-import once from 'lodash/once';
-import noop from 'lodash/noop';
-
-export default function makeRevocableFunction<F: Function>(
-  inputFn: F,
-  revokedFn: Function = noop
-): { fn: F, revoke: () => void } {
+function makeRevocableFunction(inputFn) {
+  let revokedFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop.default;
   let key = {};
-
   return {
-    fn: (function () {
+    fn: function () {
       if (!key) {
         throw new Error('Should not happen');
       }
       const _revokedFn = revokedFn;
       const wm = new WeakMap();
       wm.set(key, inputFn);
-      inputFn = revokedFn = (null: any);
-
-      return (function () {
-        return ((key ? wm.get(key) : _revokedFn): any).apply(this, arguments);
-      }: any);
-    })(),
-    revoke: once(function () {
+      inputFn = revokedFn = null;
+      return function () {
+        return (key ? wm.get(key) : _revokedFn).apply(this, arguments);
+      };
+    }(),
+    revoke: (0, _once.default)(function () {
       key = null;
-    }),
+    })
   };
-}
+}

package/src/platform-implementation-js/lib/make-revocable-function.test.js

@@ -1,63 +1,61 @@
-/* @flow */
-
-import makeRevocableFunction from './make-revocable-function';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _makeRevocableFunction = _interopRequireDefault(require("./make-revocable-function"));
 it('works', () => {
   const adder = {
     value: 0,
-    add: (x, y = 0) => {
+    add: function (x) {
+      let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       adder.value += x + y;
       return adder.value;
-    },
+    }
   };
-
-  const { fn, revoke } = makeRevocableFunction(adder.add);
+  const {
+    fn,
+    revoke
+  } = (0, _makeRevocableFunction.default)(adder.add);
   adder.add = fn;
-
   expect(adder.add(5)).toBe(5);
   expect(adder.add(2, 1)).toBe(8);
   expect(adder.add(3)).toBe(11);
   expect(adder.value).toBe(11);
-
   revoke();
-
   expect(adder.add(3)).toBe(undefined);
   expect(adder.value).toBe(11);
-
   revoke(); // should be no-op
 
   expect(adder.add(3)).toBe(undefined);
   expect(adder.value).toBe(11);
 });
-
 it('revokedFn parameter works', () => {
   const adder = {
     value: 0,
-    add: (x, y = 0) => {
+    add: function (x) {
+      let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       adder.value += x + y;
       return adder.value;
     },
-    subtract: (x, y = 0) => {
+    subtract: function (x) {
+      let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       adder.value -= x + y;
       return adder.value;
-    },
+    }
   };
-
-  const { fn, revoke } = makeRevocableFunction(adder.add, adder.subtract);
+  const {
+    fn,
+    revoke
+  } = (0, _makeRevocableFunction.default)(adder.add, adder.subtract);
   adder.add = fn;
-
   expect(adder.add(5)).toBe(5);
   expect(adder.add(2, 1)).toBe(8);
   expect(adder.add(3)).toBe(11);
   expect(adder.value).toBe(11);
-
   revoke();
-
   expect(adder.add(3)).toBe(8);
   expect(adder.value).toBe(8);
-
   revoke(); // should be no-op
 
   expect(adder.add(3)).toBe(5);
   expect(adder.value).toBe(5);
-});
+});

package/src/platform-implementation-js/lib/parseParamsFromRouteID.js

@@ -1,20 +1,18 @@
-/* @flow */
+"use strict";
 
-import zip from 'lodash/zip';
-
-export default function parseParamsFromRouteID(
-  routeID: string,
-  hash: string
-): { [ix: string]: string } {
-  const params: { [ix: string]: string } = (Object.create(null): any);
-  zip(routeID.split('/'), hash.split('/')).forEach(
-    ([routePart, hashPart], i) => {
-      if (routePart[0] === ':') {
-        params[routePart.slice(1)] = decodeURIComponent(
-          hashPart.replace(/\+/g, ' ')
-        );
-      }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = parseParamsFromRouteID;
+var _zip = _interopRequireDefault(require("lodash/zip"));
+function parseParamsFromRouteID(routeID, hash) {
+  const params = Object.create(null);
+  (0, _zip.default)(routeID.split('/'), hash.split('/')).forEach((_ref, i) => {
+    let [routePart, hashPart] = _ref;
+    if (routePart[0] === ':') {
+      params[routePart.slice(1)] = decodeURIComponent(hashPart.replace(/\+/g, ' '));
     }
-  );
+  });
   return Object.freeze(params);
-}
+}

package/src/platform-implementation-js/lib/parseParamsFromRouteID.test.js

@@ -1,28 +1,19 @@
-/* @flow */
-
-import parseParamsFromRouteID from './parseParamsFromRouteID';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _parseParamsFromRouteID = _interopRequireDefault(require("./parseParamsFromRouteID"));
 test('empty', () => {
-  expect(parseParamsFromRouteID('test', 'test')).toEqual({});
+  expect((0, _parseParamsFromRouteID.default)('test', 'test')).toEqual({});
 });
-
 test('works', () => {
-  expect(
-    parseParamsFromRouteID('test/:id/blah/:foo', 'test/123/blah/456')
-  ).toEqual({
+  expect((0, _parseParamsFromRouteID.default)('test/:id/blah/:foo', 'test/123/blah/456')).toEqual({
     id: '123',
-    foo: '456',
+    foo: '456'
   });
 });
-
 test('decodes URI component', () => {
-  expect(
-    parseParamsFromRouteID(
-      'test/:id/blah/:foo',
-      "test/123/blah/test+%3C%3E%2B%22'%26%20_"
-    )
-  ).toEqual({
+  expect((0, _parseParamsFromRouteID.default)('test/:id/blah/:foo', "test/123/blah/test+%3C%3E%2B%22'%26%20_")).toEqual({
     id: '123',
-    foo: 'test <>+"\'& _',
+    foo: 'test <>+"\'& _'
   });
-});
+});

package/src/platform-implementation-js/lib/populateRouteID.js

@@ -1,14 +1,13 @@
-/* @flow */
+"use strict";
 
-import type { RouteParams } from '../namespaces/router';
-
-export default function populateRouteID(
-  routeID: string,
-  params: ?RouteParams
-): string {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = populateRouteID;
+function populateRouteID(routeID, params) {
   const paramsObject = params || {};
   const usedParams = new Set();
-  const result = routeID.replace(/:([^/]+)/g, (whole: string, term: string) => {
+  const result = routeID.replace(/:([^/]+)/g, (whole, term) => {
     if (term in paramsObject) {
       usedParams.add(term);
       return encodeURIComponent(String(paramsObject[term]));
@@ -20,4 +19,4 @@ export default function populateRouteID(
     throw new Error('Extra parameters given');
   }
   return result;
-}
+}