@inboxsdk/core 2.1.6 → 2.1.8

package/inboxsdk.js

@@ -831,7 +831,7 @@ function isElementVisible(el) {
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- SDK_VERSION is injected by webpack
 ///@ts-ignore
-const BUILD_VERSION = "2.1.6-1696958715466-0b58ccd9c2c6e89e";
+const BUILD_VERSION = "2.1.8-1697045653546-3f2c1ddd76535c28";
 if (false) {}
 
 /***/ }),
@@ -1698,8 +1698,17 @@ const GmailElementGetter = {
       return document.querySelector('.aeN .n3');
     }
   },
+  getRowListElementsContainer() {
+    // This selector can find multiple elements but they should all be siblings
+    // so it's fine because we get the common parent.
+    return document.querySelector('.bGI.nH')?.parentElement ?? null;
+  },
   getRowListElements() {
-    return Array.from(document.querySelectorAll('[gh=tl]'));
+    const rowListElements = document.querySelectorAll('[gh=tl]');
+    if (rowListElements.length === 0) {
+      return null;
+    }
+    return Array.from(rowListElements);
   },
   getScrollContainer() {
     return document.querySelector('div.Tm.aeJ');
@@ -10837,7 +10846,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.1.6-1696958715466-0b58ccd9c2c6e89e");
+              "2.1.8-1697045653546-3f2c1ddd76535c28");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -11984,7 +11993,7 @@ if (!__webpack_require__.g.__InboxSDKImpLoader) {
       await onready;
       const {
         makePlatformImplementation
-      } = await Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 2705));
+      } = await Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 2180));
       return makePlatformImplementation(appId, opts, {
         piMainStarted,
         piLoadStarted,
@@ -12672,7 +12681,7 @@ function _updateNavMenu(members, newRouteViewDriver) {
 
 /***/ }),
 
-/***/ 2705:
+/***/ 2180:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -16055,6 +16064,50 @@ function _getLabelHTML(label) {
   return retArray.join('');
 }
 /* harmony default export */ const gmail_collapsible_section_view = (GmailCollapsibleSectionView);
+// EXTERNAL MODULE: ./node_modules/page-parser-tree/js/index.js
+var page_parser_tree_js = __webpack_require__(66330);
+var page_parser_tree_js_default = /*#__PURE__*/__webpack_require__.n(page_parser_tree_js);
+// EXTERNAL MODULE: ./src/platform-implementation-js/lib/isNotNil.ts
+var isNotNil = __webpack_require__(98727);
+;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/views/gmail-route-view/page-parser.ts
+
+
+
+function makePageParser(element, logger) {
+  return new (page_parser_tree_js_default())(element, {
+    logError(err, el) {
+      const details = {
+        el,
+        html: el ? (0,censorHTMLtree/* default */.Z)(el) : null
+      };
+      logger.errorSite(err, details);
+    },
+    tags: {},
+    watchers: [{
+      sources: [null],
+      tag: 'rowListElementContainer',
+      selectors: [{
+        $map: () => document.querySelector('.bGI.nH')?.parentElement
+      }]
+    }, {
+      sources: ['rowListElementContainer'],
+      tag: 'rowListElement',
+      selectors: [{
+        $or: [[], ['.bGI.nH', '.bf5', '.bv9', '.bGC']]
+      }, '.bGI[role=main]', '[gh=tl]']
+    }],
+    finders: {
+      rowListElementContainer: {
+        fn: root => [root.querySelector('.bGI.nH')?.parentElement].filter(isNotNil/* default */.Z)
+      },
+      rowListElement: {
+        fn: root => root.querySelectorAll('[gh=tl]')
+      }
+    }
+  });
+}
+// EXTERNAL MODULE: ./src/platform-implementation-js/lib/toItemWithLifetimeStream.ts
+var toItemWithLifetimeStream = __webpack_require__(30462);
 ;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/views/gmail-route-view/gmail-route-view.ts
 
 
@@ -16074,8 +16127,11 @@ function _getLabelHTML(label) {
 
 
 
+
+
 class GmailRouteView {
   _stopper = js_default()();
+  #page;
   constructor(_ref, gmailRouteProcessor, driver) {
     let {
       urlObject,
@@ -16097,6 +16153,7 @@ class GmailRouteView {
     this._driver = driver;
     this._eventStream = kefir_bus_default()();
     this._hasAddedCollapsibleSection = false;
+    this.#page = makePageParser(document.body, driver.getLogger());
     if (this._type === 'CUSTOM') {
       this._setupCustomViewElement();
       driver.getStopper().takeUntilBy(this._stopper.delay(0)).onValue(() => {
@@ -16118,6 +16175,7 @@ class GmailRouteView {
   destroy() {
     this._stopper.destroy();
     this._eventStream.end();
+    this.#page.dump();
     if (this._customViewElement) {
       this._customViewElement.remove();
     }
@@ -16180,20 +16238,20 @@ class GmailRouteView {
     return Object.freeze(params);
   });
   addCollapsibleSection(sectionDescriptorProperty, groupOrderHint) {
-    return this._addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, true);
+    return this.#addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, true);
   }
   addSection(sectionDescriptorProperty, groupOrderHint) {
-    return this._addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, false);
+    return this.#addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, false);
   }
-  _addCollapsibleSection(collapsibleSectionDescriptorProperty, groupOrderHint, isCollapsible) {
+  #addCollapsibleSection(collapsibleSectionDescriptorProperty, groupOrderHint, isCollapsible) {
     this._hasAddedCollapsibleSection = true;
     var gmailResultsSectionView = new gmail_collapsible_section_view(this._driver, groupOrderHint, this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.SEARCH, isCollapsible);
-    var sectionsContainer = this._getSectionsContainer();
-    gmailResultsSectionView.getEventStream().filter(function (event) {
+    kefir_esm.combine([this.#getSectionsContainer(), gmailResultsSectionView.getEventStream().filter(event => {
       return event.type === 'update' && event.property === 'orderHint';
-    }).onValue(function () {
-      var children = sectionsContainer.children;
-      var insertBeforeElement = getInsertBeforeElement(gmailResultsSectionView.getElement(), children, ['data-group-order-hint', 'data-order-hint']);
+    })]).onValue(_ref2 => {
+      let [sectionsContainer] = _ref2;
+      const children = sectionsContainer.children;
+      const insertBeforeElement = getInsertBeforeElement(gmailResultsSectionView.getElement(), children, ['data-group-order-hint', 'data-order-hint']);
       if (insertBeforeElement) {
         sectionsContainer.insertBefore(gmailResultsSectionView.getElement(), insertBeforeElement);
       } else {
@@ -16233,15 +16291,17 @@ class GmailRouteView {
   _setupSubViews() {
     browser_asap_default()(() => {
       if (!this._eventStream) return;
-      this._setupRowListViews();
+      this.#monitorRowListElements();
       this._setupContentAndSidebarView();
       this._setupScrollStream();
     });
   }
-  _setupRowListViews() {
-    var rowListElements = gmail_element_getter/* default.getRowListElements */.Z.getRowListElements();
-    Array.prototype.forEach.call(rowListElements, rowListElement => {
-      this._processRowListElement(rowListElement);
+  #monitorRowListElements() {
+    (0,toItemWithLifetimeStream/* default */.Z)(this.#page.tree.getAllByTag('rowListElement')).takeUntilBy(this._stopper).onValue(_ref3 => {
+      let {
+        el
+      } = _ref3;
+      this._processRowListElement(el.getValue());
     });
   }
   _processRowListElement(rowListElement) {
@@ -16299,18 +16359,22 @@ class GmailRouteView {
       };
     }));
   }
-  _getSectionsContainer() {
-    const main = document.querySelector("div[role='main']");
-    if (!main) throw new Error('should not happen');
-    let sectionsContainer = main.querySelector('.inboxsdk__custom_sections');
-    if (!sectionsContainer) {
-      sectionsContainer = this._sectionsContainer = document.createElement('div');
-      sectionsContainer.classList.add('inboxsdk__custom_sections');
-      main.insertBefore(sectionsContainer, main.firstChild);
-    } else if (sectionsContainer.classList.contains('Wc') && !this._isSearchRoute()) {
-      sectionsContainer.classList.remove('Wc');
-    }
-    return sectionsContainer;
+  #getSectionsContainer() {
+    return (0,toItemWithLifetimeStream/* default */.Z)(this.#page.tree.getAllByTag('rowListElementContainer')).takeUntilBy(this._stopper).take(1).map(_ref4 => {
+      let {
+        el
+      } = _ref4;
+      const main = el.getValue();
+      let sectionsContainer = main.querySelector('.inboxsdk__custom_sections');
+      if (!sectionsContainer) {
+        sectionsContainer = document.createElement('div');
+        sectionsContainer.classList.add('inboxsdk__custom_sections');
+        main.insertBefore(sectionsContainer, main.firstChild);
+      } else if (sectionsContainer.classList.contains('Wc') && !this._isSearchRoute()) {
+        sectionsContainer.classList.remove('Wc');
+      }
+      return sectionsContainer;
+    }).toProperty();
   }
   _getCustomParams() {
     var params = Object.create(null);
@@ -16382,8 +16446,10 @@ class GmailRouteView {
     return !!this._getThreadContainerElement();
   }
   _isListRoute() {
-    var rowListElements = gmail_element_getter/* default.getRowListElements */.Z.getRowListElements();
-    return (this._type === 'CUSTOM_LIST' || this._gmailRouteProcessor.isListRouteName(this._name)) && rowListElements && rowListElements.length > 0;
+    const rowListElements = gmail_element_getter/* default.getRowListElements */.Z.getRowListElements();
+    return (this._type === 'CUSTOM_LIST' || this._gmailRouteProcessor.isListRouteName(this._name)) &&
+    // this case is for when you're on a THREAD route, but the thread renders a list like our thread breaker does
+    rowListElements != null && rowListElements.length > 0;
   }
   _isSettingsRoute() {
     return this._gmailRouteProcessor.isSettingsRouteName(this._name);
@@ -19354,7 +19420,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.1.6-1696958715466-0b58ccd9c2c6e89e");
+              "2.1.8-1697045653546-3f2c1ddd76535c28");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -23222,8 +23288,6 @@ async function getSyncThreadForOldGmailThreadId(driver, oldGmailThreadId) {
   }
   return firstThread;
 }
-// EXTERNAL MODULE: ./src/platform-implementation-js/lib/toItemWithLifetimeStream.ts
-var toItemWithLifetimeStream = __webpack_require__(30462);
 // EXTERNAL MODULE: ./node_modules/live-set/index.js
 var live_set = __webpack_require__(40716);
 var live_set_default = /*#__PURE__*/__webpack_require__.n(live_set);