Function renderMessageList

devtools/panel.bundle.js:596–653

(options = {})

  }

  function renderMessageList(options = {}) {
    const currentToken = ++renderToken;
    const connection = state.connections[state.selectedConnectionId];

    if (!connection || connection.messages.length === 0) {
      elements$6.messageTbody.innerHTML = '';
      elements$6.messageEmpty.style.display = 'flex';
      elements$6.messageTbody.parentElement.style.display = 'none';
      lastRenderedConnectionId = null;
      lastRenderedMessageCount = 0;
      lastRenderSignature = '';
      return;
    }

    elements$6.messageEmpty.style.display = 'none';
    elements$6.messageTbody.parentElement.style.display = 'flex';

    const filteredMessages = getFilteredMessages(connection);

    updateFilterStats(filteredMessages.length, connection.messages.length);

    const displayMessages = getDisplayMessages(filteredMessages);

    const currentConnectionId = state.selectedConnectionId;
    const currentMessageCount = displayMessages.length;
    const currentRenderSignature = getRenderSignature(currentConnectionId);

    const isConnectionChanged = currentConnectionId !== lastRenderedConnectionId;
    const isRenderStateChanged = currentRenderSignature !== lastRenderSignature;
    const isMessageCountReduced = currentMessageCount < lastRenderedMessageCount;
    const shouldFullRender = options.force ||
      isConnectionChanged ||
      isRenderStateChanged ||
      isMessageCountReduced;

    if (renderTimeout) {
      cancelAnimationFrame(renderTimeout);
    }

    renderTimeout = requestAnimationFrame(() => {
      if (currentToken !== renderToken || currentConnectionId !== state.selectedConnectionId) {
        return;
      }

      if (shouldFullRender) {
        renderAllMessages(displayMessages);
      } else {
        const isAutoScrolling = state.autoScrollToBottom && 
          elements$6.messageTbody.scrollTop + elements$6.messageTbody.clientHeight >= elements$6.messageTbody.scrollHeight - 50;

        renderIncrementalMessages(displayMessages, lastRenderedMessageCount, isAutoScrolling);
      }

      lastRenderedConnectionId = currentConnectionId;
      lastRenderedMessageCount = currentMessageCount;
      lastRenderSignature = currentRenderSignature;
    });
  }