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

package/src/platform-implementation-js/dom-driver/inbox/pageParserOptions.js

@@ -1,49 +1,44 @@
-/* @flow */
+"use strict";
 
-import type { PageParserTreeOptions } from 'page-parser-tree';
-
-import Logger from '../../lib/logger';
-import censorHTMLtree from '../../../common/censorHTMLtree';
-import t from 'transducers.js';
-import find from 'lodash/find';
-import uniq from 'lodash/uniq';
-import closest from 'closest-ng';
-
-const pageParserOptions: PageParserTreeOptions = {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _logger = _interopRequireDefault(require("../../lib/logger"));
+var _censorHTMLtree = _interopRequireDefault(require("../../../common/censorHTMLtree"));
+var _transducers = _interopRequireDefault(require("transducers.js"));
+var _find = _interopRequireDefault(require("lodash/find"));
+var _uniq = _interopRequireDefault(require("lodash/uniq"));
+var _closestNg = _interopRequireDefault(require("closest-ng"));
+const pageParserOptions = {
   tags: {
     message: {
-      ownedBy: ['thread'],
+      ownedBy: ['thread']
     },
     attachmentCard: {
-      ownedBy: ['message', 'threadRow', 'bundleRow'],
+      ownedBy: ['message', 'threadRow', 'bundleRow']
     },
     inlineCompose: {
-      ownedBy: ['thread'],
-    },
+      ownedBy: ['thread']
+    }
   },
   finders: {
     leftNav: {
-      interval: (count, timeRunning) =>
-        count === 0 && timeRunning < 60 * 1000 ? 300 : 2 * 60 * 1000,
+      interval: (count, timeRunning) => count === 0 && timeRunning < 60 * 1000 ? 300 : 2 * 60 * 1000,
       fn(root) {
-        return root.querySelectorAll(
-          'nav[aria-hidden]:not([role]) div[role=menu]'
-        );
-      },
+        return root.querySelectorAll('nav[aria-hidden]:not([role]) div[role=menu]');
+      }
     },
     thread: {
       fn(root) {
-        return root.querySelectorAll(
-          'div[aria-expanded=true][data-item-id*="thread-"], div.scroll-list-item-open[data-item-id*="thread-"]'
-        );
-      },
+        return root.querySelectorAll('div[aria-expanded=true][data-item-id*="thread-"], div.scroll-list-item-open[data-item-id*="thread-"]');
+      }
     },
     message: {
       fn(root) {
-        return root.querySelectorAll(
-          'div[role=listitem][aria-expanded][data-msg-id*="msg-"]'
-        );
-      },
+        return root.querySelectorAll('div[role=listitem][aria-expanded][data-msg-id*="msg-"]');
+      }
     },
     attachmentCard: {
       fn(root) {
@@ -51,402 +46,220 @@ const pageParserOptions: PageParserTreeOptions = {
           div[data-msg-id] section > div > div[tabindex][title],
           div[jsaction*="update_chip_carousel_arrows"] div[role=listitem][tabindex][jsaction]
         `);
-      },
+      }
     },
     attachmentOverlay: {
-      fn: (function () {
-        const _t = t.compose(
-          t.filter((iframe) => iframe.style.display !== 'none'),
-          t.mapcat((iframe) =>
-            Array.prototype.slice.call(
-              iframe.contentDocument.querySelectorAll(
-                'div[role=dialog]:not([aria-hidden=true])'
-              )
-            )
-          )
-        );
-
-        return (root) => {
-          return t.toArray(
-            Array.prototype.slice.call(
-              root.querySelectorAll('iframe[frameborder]:not([src])')
-            ),
-            _t
-          );
+      fn: function () {
+        const _t = _transducers.default.compose(_transducers.default.filter(iframe => iframe.style.display !== 'none'), _transducers.default.mapcat(iframe => Array.prototype.slice.call(iframe.contentDocument.querySelectorAll('div[role=dialog]:not([aria-hidden=true])'))));
+        return root => {
+          return _transducers.default.toArray(Array.prototype.slice.call(root.querySelectorAll('iframe[frameborder]:not([src])')), _t);
         };
-      })(),
+      }()
     },
     nativeDrawer: {
       fn(root) {
-        const drawerUploadFilesBtn = root.querySelector(
-          'div[jsaction="global.exit_full_screen"] div[role=dialog][aria-busy=true] div[role=link][jsaction$=".open_local_file_picker"]'
-        );
+        const drawerUploadFilesBtn = root.querySelector('div[jsaction="global.exit_full_screen"] div[role=dialog][aria-busy=true] div[role=link][jsaction$=".open_local_file_picker"]');
         if (drawerUploadFilesBtn) {
-          const drawer = closest(drawerUploadFilesBtn, '[role=dialog]');
+          const drawer = (0, _closestNg.default)(drawerUploadFilesBtn, '[role=dialog]');
           if (drawer) return [drawer];
         }
         return [];
-      },
+      }
     },
     searchBar: {
-      interval: (count, timeRunning) =>
-        count === 0 && timeRunning < 60 * 1000 ? 300 : 2 * 60 * 1000,
+      interval: (count, timeRunning) => count === 0 && timeRunning < 60 * 1000 ? 300 : 2 * 60 * 1000,
       fn(root) {
-        return root.querySelectorAll(
-          'nav[role=banner] div[jsaction*="scroll_to_top"] > :last-child > div:empty + div:not(:empty)'
-        );
-      },
+        return root.querySelectorAll('nav[role=banner] div[jsaction*="scroll_to_top"] > :last-child > div:empty + div:not(:empty)');
+      }
     },
     searchAutocompleteResults: {
       fn(root) {
-        return root.querySelectorAll(
-          'div[jsaction*="clickonly:global.empty_space_click"] div[role=listbox] ul:last-of-type'
-        );
-      },
+        return root.querySelectorAll('div[jsaction*="clickonly:global.empty_space_click"] div[role=listbox] ul:last-of-type');
+      }
     },
     chatSidebar: {
-      interval: (count) => (count === 0 ? 5 * 1000 : 120 * 1000),
+      interval: count => count === 0 ? 5 * 1000 : 120 * 1000,
       fn(root) {
         return [root.querySelector('#in')].filter(Boolean);
-      },
+      }
     },
     appToolbarLocation: {
-      interval: (count, timeRunning) =>
-        count === 0 && timeRunning < 60 * 1000 ? 300 : 2 * 60 * 1000,
+      interval: (count, timeRunning) => count === 0 && timeRunning < 60 * 1000 ? 300 : 2 * 60 * 1000,
       fn(root) {
-        const chatToggle = root.querySelector(
-          'div[role=button][jsaction*="global.toggle_chat_roster"]'
-        );
-        const appToolbarLocation = chatToggle
-          ? (chatToggle: any).parentElement.parentElement.parentElement
-          : null;
+        const chatToggle = root.querySelector('div[role=button][jsaction*="global.toggle_chat_roster"]');
+        const appToolbarLocation = chatToggle ? chatToggle.parentElement.parentElement.parentElement : null;
         return appToolbarLocation ? [appToolbarLocation] : [];
-      },
+      }
     },
-
     inlineCompose: {
       fn(root) {
-        const inlineComposesByPopoutBtn = Array.prototype.filter
-          .call(
-            root.querySelectorAll(
-              'div[role=main] div[role=list] div[role=listitem] div[jsvs] button[jsaction$=".quick_compose_popout_mole"]'
-            ),
-            (el) => el.style.display !== 'none'
-          )
-          .map((el) => closest(el, '[jsvs]'));
-
-        const inlineComposesByBody = Array.prototype.map.call(
-          root.querySelectorAll(
-            'div[role=main] div[role=list] ~ div div[jsvs] div[role=textbox][contenteditable=true][tabindex="0"], div[role=main] div[role=listitem][aria-multiselectable] div[jsvs] div[role=textbox][contenteditable=true][tabindex="0"]'
-          ),
-          (el) => closest(el, '[jsvs]')
-        );
+        const inlineComposesByPopoutBtn = Array.prototype.filter.call(root.querySelectorAll('div[role=main] div[role=list] div[role=listitem] div[jsvs] button[jsaction$=".quick_compose_popout_mole"]'), el => el.style.display !== 'none').map(el => (0, _closestNg.default)(el, '[jsvs]'));
+        const inlineComposesByBody = Array.prototype.map.call(root.querySelectorAll('div[role=main] div[role=list] ~ div div[jsvs] div[role=textbox][contenteditable=true][tabindex="0"], div[role=main] div[role=listitem][aria-multiselectable] div[jsvs] div[role=textbox][contenteditable=true][tabindex="0"]'), el => (0, _closestNg.default)(el, '[jsvs]'));
 
         // The above are currently expected to match, though they don't match
         // for all of our historical data.
 
-        const inlineComposes = uniq(
-          inlineComposesByPopoutBtn.concat(inlineComposesByBody)
-        );
+        const inlineComposes = (0, _uniq.default)(inlineComposesByPopoutBtn.concat(inlineComposesByBody));
         return inlineComposes;
-      },
+      }
     },
     regularCompose: {
       fn(root) {
-        return Array.prototype.filter.call(
-          root.querySelectorAll('div[role=dialog]:not(.inboxsdk__mole_view)'),
-          (el) =>
-            el.querySelector(
-              'div[jsaction^="compose"][jsaction$=".focus_mole"]'
-            ) && !closest(el, 'div[tabindex][jsaction*="exit_full_screen"]')
-        );
-      },
+        return Array.prototype.filter.call(root.querySelectorAll('div[role=dialog]:not(.inboxsdk__mole_view)'), el => el.querySelector('div[jsaction^="compose"][jsaction$=".focus_mole"]') && !(0, _closestNg.default)(el, 'div[tabindex][jsaction*="exit_full_screen"]'));
+      }
     },
     fullscreenCompose: {
       fn(root) {
-        return Array.prototype.filter.call(
-          root.querySelectorAll(
-            'div[tabindex][jsaction*="exit_full_screen"] div[role=dialog]'
-          ),
-          (el) =>
-            el.querySelector(
-              'div[jsaction^="compose"][jsaction$=".focus_mole"]'
-            )
-        );
-      },
-    },
+        return Array.prototype.filter.call(root.querySelectorAll('div[tabindex][jsaction*="exit_full_screen"] div[role=dialog]'), el => el.querySelector('div[jsaction^="compose"][jsaction$=".focus_mole"]'));
+      }
+    }
   },
-  watchers: [
-    {
-      sources: [null],
-      tag: 'leftNav',
-      selectors: [
-        'body',
-        '[id][jsaction]',
-        'nav[aria-hidden]:not([role])',
-        'div[role=menu]',
-      ],
-    },
-    {
-      sources: [null],
-      tag: 'topRow',
-      selectors: [
-        'body',
-        '[id][jsaction]',
-        'div[jsaction]:not([role])',
-        '*',
-        { $or: [['[role=main]'], [':not([role])', '*', '[role=main]']] },
-        '[role=application]',
-        '[role=list]',
-        '*',
-        '*',
-        '.scroll-list-section-body',
-        '[role=listitem]',
-      ],
-    },
-    {
-      sources: ['topRow'],
-      tag: 'bundleRow',
-      selectors: [
-        {
-          $filter: (el) =>
-            !/thread-/.test(el.getAttribute('data-item-id') || ''),
-        },
-      ],
-    },
-    {
-      sources: ['topRow'],
-      tag: 'threadRow',
-      selectors: [
-        {
-          $filter: (el) =>
-            /thread-/.test(el.getAttribute('data-item-id') || ''),
-        },
-      ],
-    },
-    {
-      sources: ['bundleRow'],
-      tag: 'threadRow',
-      selectors: [
-        {
-          $watch: {
-            attributeFilter: ['aria-expanded'],
-            cond: '[aria-expanded=true]',
-          },
-        },
-        '[role=list]',
-        '*',
-        ':not([id])',
-        '*',
-        '*',
-        '[role=listitem]',
-      ],
-    },
-    {
-      sources: ['threadRow'],
-      tag: 'collapsedThreadRow',
-      selectors: [
-        {
-          $watch: {
-            attributeFilter: ['class'],
-            cond: ':not(.scroll-list-item-open), .scroll-list-item-measuring-open',
-          },
-        },
-        ':first-child',
-        { $map: (el) => (el: any).parentElement },
-      ],
-    },
-    {
-      sources: ['threadRow'],
-      tag: 'thread',
-      selectors: [
-        {
-          $watch: {
-            attributeFilter: ['class'],
-            cond: '.scroll-list-item-open',
-          },
-        },
-      ],
-    },
-    {
-      sources: ['thread'],
-      tag: 'message',
-      selectors: [
-        '*',
-        ':not([role=heading])',
-        '[role=list]',
-        'div',
-        {
-          $watch: {
-            attributeFilter: ['role', 'data-msg-id'],
-            cond: '[role=listitem][data-msg-id]',
-          },
-        },
-      ],
-    },
-
-    {
-      sources: ['message'],
-      tag: 'attachmentCard',
-      selectors: [
-        '*',
-        '*',
-        'section',
-        '*',
-        { $filter: (el) => el.style.display !== 'none' },
-        'div[tabindex]',
-        { $filter: (el) => el.style.display !== 'none' },
-      ],
-    },
-    {
-      sources: ['bundleRow', 'threadRow'],
-      tag: 'attachmentCard',
-      selectors: [
-        '*',
-        '[jsaction]',
-        '[role=list][jsaction]',
-        '*',
-        'div[role=listitem]',
-        { $watch: { attributeFilter: ['tabindex'], cond: '[tabindex]' } },
-        { $filter: (el) => el.style.display !== 'none' },
-      ],
-    },
-    {
-      sources: [null],
-      tag: 'attachmentOverlay',
-      selectors: [
-        'body',
-        'iframe[id][frameborder]:not([src])',
-        {
-          $map: (el) =>
-            (el: any).contentDocument && (el: any).contentDocument.body,
-        },
-        'div[aria-label][role=dialog]',
-        {
-          $watch: {
-            attributeFilter: ['aria-hidden'],
-            cond: ':not([aria-hidden=true])',
-          },
-        },
-      ],
-    },
-
-    {
-      sources: [null],
-      tag: 'chatSidebar',
-      selectors: [
-        'body',
-        '[id][jsaction]',
-        'div[id]',
-        'div[class]',
-        'div.in#in',
-      ],
-    },
-
-    {
-      sources: [null],
-      tag: 'searchAutocompleteResults',
-      selectors: [
-        'body',
-        '[id][jsaction]',
-        '[id][jsaction]',
-        'div[class]',
-        'div[class]',
-        '[role=listbox]',
-        'ul:last-of-type',
-      ],
-    },
-
-    {
-      sources: ['thread'],
-      tag: 'inlineCompose',
-      selectors: [
-        '*',
-        ':not([role=heading])',
-        ':not([role=list])',
-        '*',
-        '[jsvs]',
-        {
-          $map(el) {
-            // <2016-11-02 support
-            const oldButton = find(
-              el.children,
-              (child) => child.nodeName === 'BUTTON'
-            );
-            if (oldButton) return oldButton;
-
-            const buttonEl = el.querySelector(
-              'div[jsaction="global.none"] > div[role=button]'
-            );
-            if (buttonEl) return (buttonEl.parentElement: any);
-
-            Logger.error(new Error('inline compose button not found'), {
-              el,
-              html: censorHTMLtree(el),
-            });
-          },
-        },
-        {
-          $watch: {
-            attributeFilter: ['style'],
-            cond: (el) => el.style.display !== 'none',
-          },
-        },
-        { $map: (el) => (el.parentElement: any) },
-      ],
-    },
-    {
-      sources: [null],
-      tag: 'regularCompose',
-      selectors: [
-        'body',
-        'div[id][jsaction]',
-        'div[id][class]:not([role])',
-        'div[class]',
-        'div[id]',
-        'div[jstcache][class]:not([aria-hidden]):not([tabindex])',
-        {
-          $map(el) {
-            const composeEl = el.querySelector(
-              'div[role=dialog]:not(.inboxsdk__mole_view)'
-            );
-            if (!composeEl) {
-              Logger.error(new Error('compose dialog element not found'), {
-                html: censorHTMLtree(el),
-              });
-            }
-            return composeEl;
-          },
-        },
-      ],
-    },
-    {
-      sources: [null],
-      tag: 'fullscreenCompose',
-      selectors: [
-        'body',
-        '[id][jsaction]',
-        'div[id]:not([jsaction])',
-        'div[tabindex][jsaction*="exit_full_screen"]',
-        '*',
-        '*',
-        '*',
-        '*',
-        '*',
-        '[role=dialog]:not(.inboxsdk__drawer_view)',
-      ],
-    },
-
-    {
-      sources: ['searchBar'],
-      tag: 'listToolBar',
-      selectors: [
-        { $map: (el) => (el.parentElement: any) },
-        'div:empty + div:not(:empty) + div',
-        'ul[jsaction]',
-      ],
-    },
-  ],
+  watchers: [{
+    sources: [null],
+    tag: 'leftNav',
+    selectors: ['body', '[id][jsaction]', 'nav[aria-hidden]:not([role])', 'div[role=menu]']
+  }, {
+    sources: [null],
+    tag: 'topRow',
+    selectors: ['body', '[id][jsaction]', 'div[jsaction]:not([role])', '*', {
+      $or: [['[role=main]'], [':not([role])', '*', '[role=main]']]
+    }, '[role=application]', '[role=list]', '*', '*', '.scroll-list-section-body', '[role=listitem]']
+  }, {
+    sources: ['topRow'],
+    tag: 'bundleRow',
+    selectors: [{
+      $filter: el => !/thread-/.test(el.getAttribute('data-item-id') || '')
+    }]
+  }, {
+    sources: ['topRow'],
+    tag: 'threadRow',
+    selectors: [{
+      $filter: el => /thread-/.test(el.getAttribute('data-item-id') || '')
+    }]
+  }, {
+    sources: ['bundleRow'],
+    tag: 'threadRow',
+    selectors: [{
+      $watch: {
+        attributeFilter: ['aria-expanded'],
+        cond: '[aria-expanded=true]'
+      }
+    }, '[role=list]', '*', ':not([id])', '*', '*', '[role=listitem]']
+  }, {
+    sources: ['threadRow'],
+    tag: 'collapsedThreadRow',
+    selectors: [{
+      $watch: {
+        attributeFilter: ['class'],
+        cond: ':not(.scroll-list-item-open), .scroll-list-item-measuring-open'
+      }
+    }, ':first-child', {
+      $map: el => el.parentElement
+    }]
+  }, {
+    sources: ['threadRow'],
+    tag: 'thread',
+    selectors: [{
+      $watch: {
+        attributeFilter: ['class'],
+        cond: '.scroll-list-item-open'
+      }
+    }]
+  }, {
+    sources: ['thread'],
+    tag: 'message',
+    selectors: ['*', ':not([role=heading])', '[role=list]', 'div', {
+      $watch: {
+        attributeFilter: ['role', 'data-msg-id'],
+        cond: '[role=listitem][data-msg-id]'
+      }
+    }]
+  }, {
+    sources: ['message'],
+    tag: 'attachmentCard',
+    selectors: ['*', '*', 'section', '*', {
+      $filter: el => el.style.display !== 'none'
+    }, 'div[tabindex]', {
+      $filter: el => el.style.display !== 'none'
+    }]
+  }, {
+    sources: ['bundleRow', 'threadRow'],
+    tag: 'attachmentCard',
+    selectors: ['*', '[jsaction]', '[role=list][jsaction]', '*', 'div[role=listitem]', {
+      $watch: {
+        attributeFilter: ['tabindex'],
+        cond: '[tabindex]'
+      }
+    }, {
+      $filter: el => el.style.display !== 'none'
+    }]
+  }, {
+    sources: [null],
+    tag: 'attachmentOverlay',
+    selectors: ['body', 'iframe[id][frameborder]:not([src])', {
+      $map: el => el.contentDocument && el.contentDocument.body
+    }, 'div[aria-label][role=dialog]', {
+      $watch: {
+        attributeFilter: ['aria-hidden'],
+        cond: ':not([aria-hidden=true])'
+      }
+    }]
+  }, {
+    sources: [null],
+    tag: 'chatSidebar',
+    selectors: ['body', '[id][jsaction]', 'div[id]', 'div[class]', 'div.in#in']
+  }, {
+    sources: [null],
+    tag: 'searchAutocompleteResults',
+    selectors: ['body', '[id][jsaction]', '[id][jsaction]', 'div[class]', 'div[class]', '[role=listbox]', 'ul:last-of-type']
+  }, {
+    sources: ['thread'],
+    tag: 'inlineCompose',
+    selectors: ['*', ':not([role=heading])', ':not([role=list])', '*', '[jsvs]', {
+      $map(el) {
+        // <2016-11-02 support
+        const oldButton = (0, _find.default)(el.children, child => child.nodeName === 'BUTTON');
+        if (oldButton) return oldButton;
+        const buttonEl = el.querySelector('div[jsaction="global.none"] > div[role=button]');
+        if (buttonEl) return buttonEl.parentElement;
+        _logger.default.error(new Error('inline compose button not found'), {
+          el,
+          html: (0, _censorHTMLtree.default)(el)
+        });
+      }
+    }, {
+      $watch: {
+        attributeFilter: ['style'],
+        cond: el => el.style.display !== 'none'
+      }
+    }, {
+      $map: el => el.parentElement
+    }]
+  }, {
+    sources: [null],
+    tag: 'regularCompose',
+    selectors: ['body', 'div[id][jsaction]', 'div[id][class]:not([role])', 'div[class]', 'div[id]', 'div[jstcache][class]:not([aria-hidden]):not([tabindex])', {
+      $map(el) {
+        const composeEl = el.querySelector('div[role=dialog]:not(.inboxsdk__mole_view)');
+        if (!composeEl) {
+          _logger.default.error(new Error('compose dialog element not found'), {
+            html: (0, _censorHTMLtree.default)(el)
+          });
+        }
+        return composeEl;
+      }
+    }]
+  }, {
+    sources: [null],
+    tag: 'fullscreenCompose',
+    selectors: ['body', '[id][jsaction]', 'div[id]:not([jsaction])', 'div[tabindex][jsaction*="exit_full_screen"]', '*', '*', '*', '*', '*', '[role=dialog]:not(.inboxsdk__drawer_view)']
+  }, {
+    sources: ['searchBar'],
+    tag: 'listToolBar',
+    selectors: [{
+      $map: el => el.parentElement
+    }, 'div:empty + div:not(:empty) + div', 'ul[jsaction]']
+  }]
 };
-
-export default pageParserOptions;
+var _default = pageParserOptions;
+exports.default = _default;