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

package/src/injected-js/setupCustomViewEventAssassin.js

@@ -0,0 +1,90 @@
+import { defn } from 'ud';
+import includes from 'lodash/includes';
+import closest from 'closest-ng';
+import * as logger from './injected-logger';
+function md(value) {
+    return { value, configurable: true };
+}
+// These are basically all the keys that trigger some action in thread list
+// views and thread views that we don't want to be triggerable while a custom
+// view is open. Key combos which affect things still visible on the screen or
+// navigate to a new view are still allowed.
+const blockedAnyModKeys = [
+    'ArrowLeft',
+    'ArrowRight',
+    'ArrowUp',
+    'ArrowDown',
+    'PageUp',
+    'PageDown',
+    'Home',
+    'End',
+    'Enter',
+];
+// These are only necessary for Safari
+const blockedKeyIdentifiers = ['Left', 'Right', 'Up', 'Down'];
+const blockedAnyModCharacters = '!#[]{}_+=-;:\r\n1234567890`~';
+const blockedNoModCharacters = ',xsyemrafz.ujkpnl';
+const blockedShiftCharacters = 'parfniut';
+function shouldBlockEvent(event) {
+    if (!document.body.classList.contains('inboxsdk__custom_view_active')) {
+        return false;
+    }
+    const target = event.target;
+    const key = event.key || /* safari*/ String.fromCharCode(event.which || event.keyCode);
+    // Block all escape key presses inside a custom view, even when an input
+    // is focused.
+    if (event.key === 'Escape' && closest(target, '.inboxsdk__custom_view')) {
+        return true;
+    }
+    if (includes(blockedAnyModKeys, key) ||
+        /* safari */ includes(blockedKeyIdentifiers, event.keyIdentifier) ||
+        includes(blockedAnyModCharacters, key) ||
+        (!event.shiftKey &&
+            !event.ctrlKey &&
+            !event.metaKey &&
+            !event.altKey &&
+            includes(blockedNoModCharacters, key)) ||
+        (event.shiftKey &&
+            !event.ctrlKey &&
+            !event.metaKey &&
+            !event.altKey &&
+            includes(blockedShiftCharacters, key.toLowerCase()))) {
+        if (
+        // Gmail already ignores events originating in these elements even if
+        // they were made by an extension.
+        closest(target, 'input, textarea, button, [contenteditable]') ||
+            // Gmail ignores events originating in its own interactive elements
+            // which tend to have certain role attributes.
+            (!closest(target, '.inboxsdk__custom_view') &&
+                closest(target, '[role=button], [role=link]'))) {
+            return false;
+        }
+        return true;
+    }
+    return false;
+}
+const handler = defn(module, function (event) {
+    try {
+        // If the key is in a blacklist and it originated while a custom view is
+        // present, then maim the event object before Gmail or Inbox sees it.
+        if (shouldBlockEvent(event)) {
+            Object.defineProperties(event, {
+                altKey: md(false),
+                ctrlKey: md(false),
+                shiftKey: md(false),
+                metaKey: md(false),
+                charCode: md(92),
+                code: md('Backslash'),
+                key: md('\\'),
+                keyCode: md(92),
+                which: md(92),
+            });
+        }
+    }
+    catch (err) {
+        logger.error(err);
+    }
+});
+export default function setupCustomViewEventAssassin() {
+    document.addEventListener('keydown', handler, true);
+}

package/src/injected-js/setupInboxCustomViewLinkFixer.js

@@ -1,31 +1,26 @@
-/* @flow */
+"use strict";
 
-import closest from 'closest-ng';
-
-export default function setupInboxCustomViewLinkFixer() {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setupInboxCustomViewLinkFixer;
+var _closestNg = _interopRequireDefault(require("closest-ng"));
+function setupInboxCustomViewLinkFixer() {
   const allowedStartTerms = new Set();
-
-  document.addEventListener(
-    'inboxSDKregisterAllowedHashLinkStartTerm',
-    function (event: Event) {
-      const term = (event: any).detail.term;
-      allowedStartTerms.add(term);
-    }
-  );
-
-  document.addEventListener(
-    'click',
-    function (event: MouseEvent) {
-      const target = event.target;
-      if (!(target instanceof HTMLElement)) return;
-      const anchor = closest(target, 'a[href^="#"]');
-      if (!anchor || !(anchor instanceof HTMLAnchorElement)) return;
-      const m = /^#([^/]+)/.exec(anchor.getAttribute('href') || '');
-      if (!m) return;
-      const startTerm = m[1];
-      if (!allowedStartTerms.has(startTerm)) return;
-      (event: any).preventDefault = () => {};
-    },
-    true
-  );
-}
+  document.addEventListener('inboxSDKregisterAllowedHashLinkStartTerm', function (event) {
+    const term = event.detail.term;
+    allowedStartTerms.add(term);
+  });
+  document.addEventListener('click', function (event) {
+    const target = event.target;
+    if (!(target instanceof HTMLElement)) return;
+    const anchor = (0, _closestNg.default)(target, 'a[href^="#"]');
+    if (!anchor || !(anchor instanceof HTMLAnchorElement)) return;
+    const m = /^#([^/]+)/.exec(anchor.getAttribute('href') || '');
+    if (!m) return;
+    const startTerm = m[1];
+    if (!allowedStartTerms.has(startTerm)) return;
+    event.preventDefault = () => {};
+  }, true);
+}

package/src/injected-js/setupPushStateListener.js

@@ -1,16 +1,23 @@
-/* @flow */
+"use strict";
 
-export default function setupPushStateListener() {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setupPushStateListener;
+function setupPushStateListener() {
   const origPushState = history.pushState;
-  (history: any).pushState = function (...args) {
+  history.pushState = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
     const ret = origPushState.apply(this, args);
-    document.dispatchEvent(
-      new CustomEvent('inboxSDKpushState', {
-        bubbles: false,
-        cancelable: false,
-        detail: { args },
-      })
-    );
+    document.dispatchEvent(new CustomEvent('inboxSDKpushState', {
+      bubbles: false,
+      cancelable: false,
+      detail: {
+        args
+      }
+    }));
     return ret;
   };
-}
+}

package/src/injected-js/xhr-helper.js

@@ -1,16 +1,20 @@
-/* @flow */
+"use strict";
 
-import ajax from '../common/ajax';
-
-export default function xhrHelper() {
-  document.addEventListener('inboxSDKpageAjax', function (event: any) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = xhrHelper;
+var _ajax = _interopRequireDefault(require("../common/ajax"));
+function xhrHelper() {
+  document.addEventListener('inboxSDKpageAjax', function (event) {
     const id = event.detail.id;
     const opts = {
       url: event.detail.url,
       method: event.detail.method,
       headers: event.detail.headers,
       xhrFields: event.detail.xhrFields,
-      data: event.detail.data,
+      data: event.detail.data
     };
 
     // It's important to use fetch when possible because it's needed for
@@ -20,67 +24,60 @@ export default function xhrHelper() {
       (async () => {
         const response = await fetch(opts.url, {
           method: opts.method || 'GET',
-          credentials: 'include',
+          credentials: 'include'
         });
-        document.dispatchEvent(
-          new CustomEvent('inboxSDKpageAjaxDone', {
-            bubbles: false,
-            cancelable: false,
-            detail: {
-              id,
-              error: false,
-              text: await response.text(),
-              responseURL: response.url,
-            },
-          })
-        );
-      })().catch((err) => {
-        document.dispatchEvent(
-          new CustomEvent('inboxSDKpageAjaxDone', {
-            bubbles: false,
-            cancelable: false,
-            detail: {
-              id,
-              error: true,
-              message: err && err.message,
-              stack: err && err.stack,
-              status: err && err.xhr && err.xhr.status,
-            },
-          })
-        );
+        document.dispatchEvent(new CustomEvent('inboxSDKpageAjaxDone', {
+          bubbles: false,
+          cancelable: false,
+          detail: {
+            id,
+            error: false,
+            text: await response.text(),
+            responseURL: response.url
+          }
+        }));
+      })().catch(err => {
+        document.dispatchEvent(new CustomEvent('inboxSDKpageAjaxDone', {
+          bubbles: false,
+          cancelable: false,
+          detail: {
+            id,
+            error: true,
+            message: err && err.message,
+            stack: err && err.stack,
+            status: err && err.xhr && err.xhr.status
+          }
+        }));
       });
     } else {
-      ajax(opts).then(
-        ({ text, xhr }) => {
-          document.dispatchEvent(
-            new CustomEvent('inboxSDKpageAjaxDone', {
-              bubbles: false,
-              cancelable: false,
-              detail: {
-                id,
-                error: false,
-                text,
-                responseURL: (xhr: any).responseURL,
-              },
-            })
-          );
-        },
-        (err) => {
-          document.dispatchEvent(
-            new CustomEvent('inboxSDKpageAjaxDone', {
-              bubbles: false,
-              cancelable: false,
-              detail: {
-                id,
-                error: true,
-                message: err && err.message,
-                stack: err && err.stack,
-                status: err && err.xhr && err.xhr.status,
-              },
-            })
-          );
-        }
-      );
+      (0, _ajax.default)(opts).then(_ref => {
+        let {
+          text,
+          xhr
+        } = _ref;
+        document.dispatchEvent(new CustomEvent('inboxSDKpageAjaxDone', {
+          bubbles: false,
+          cancelable: false,
+          detail: {
+            id,
+            error: false,
+            text,
+            responseURL: xhr.responseURL
+          }
+        }));
+      }, err => {
+        document.dispatchEvent(new CustomEvent('inboxSDKpageAjaxDone', {
+          bubbles: false,
+          cancelable: false,
+          detail: {
+            id,
+            error: true,
+            message: err && err.message,
+            stack: err && err.stack,
+            status: err && err.xhr && err.xhr.status
+          }
+        }));
+      });
     }
   });
-}
+}