@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

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

@@ -1,44 +1,49 @@
-"use strict";
+/* @flow */
 
-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 = {
+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 = {
   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) {
@@ -46,220 +51,402 @@ const pageParserOptions = {
           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 = _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);
+      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
+          );
         };
-      }()
+      })(),
     },
     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 = (0, _closestNg.default)(drawerUploadFilesBtn, '[role=dialog]');
+          const drawer = closest(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.parentElement.parentElement.parentElement : null;
+        const chatToggle = root.querySelector(
+          'div[role=button][jsaction*="global.toggle_chat_roster"]'
+        );
+        const appToolbarLocation = chatToggle
+          ? (chatToggle: any).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 => (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]'));
+        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]')
+        );
 
         // The above are currently expected to match, though they don't match
         // for all of our historical data.
 
-        const inlineComposes = (0, _uniq.default)(inlineComposesByPopoutBtn.concat(inlineComposesByBody));
+        const inlineComposes = uniq(
+          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"]') && !(0, _closestNg.default)(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"]'
+            ) && !closest(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.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]']
-  }]
+  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]',
+      ],
+    },
+  ],
 };
-var _default = pageParserOptions;
-exports.default = _default;
+
+export default pageParserOptions;