JamieMason/delete-whatsapp-messages.js

## delete-whatsapp-messages.js
// Delete every Chat in WhatsApp, by Jamie Mason (https://twitter.com/fold_left)
// https://gist.github.com/JamieMason/f8992ebf95423244b730b2c393c321ef
//
// 1. Go to https://web.whatsapp.com/ and sign in.
// 2. Archive any messages you don't want deleting, you can unarchive them after.
// 3. Open the Developer Console. (COMMAND+ALT+I on Mac)
// 4. Paste this into the Developer Console and run it.
// 5. If it gets stuck, scroll up and down in the list of chats.
// 6. Refresh the page and run again if you have any problems.
// 7. This Script does not Exit Groups or clear messages in them.
//
// Last Updated: 08 December 2020
// Only tested in Firefox and Chrome for Mac
(async () => {
  const $profilePic = '[src^="https://web.whatsapp.com/pp"]';
  const $defaultUserProfilePic = '[data-icon="default-user"]';
  const $defaultGroupPic = '[data-icon="default-group"]';
  const $chatItem = '#pane-side [role="option"]';
  const $selectedChatName = '#main header span';
  const $chatMenu = '#main header [data-testid="menu"]';
  const $deleteChatButton = '#main header [role="button"][title="Delete chat"]';
  const $exitGroupButton = '#main header [role="button"][title="Exit group"]';
  const $overlayButton = '.overlay [role="button"]';

  const qsa = (selector) => Array.from(document.querySelectorAll(selector));

  const leftClick = (el) => {
    ['mousedown', 'click', 'mouseup'].forEach((mouseEventType) =>
      el.dispatchEvent(
        new MouseEvent(mouseEventType, {
          view: window,
          bubbles: true,
          cancelable: true,
          buttons: 1,
        })
      )
    );
  };

  const sleep = ({ seconds }) =>
    new Promise((proceed) => {
      console.log(`WAITING FOR ${seconds} SECONDS...`);
      setTimeout(proceed, seconds * 1000);
    });

  const waitFor = (isReady) =>
    new Promise((resolve) => {
      const checkAgain = () => {
        if (isReady()) {
          resolve();
        } else {
          requestIdleCallback(checkAgain, { timeout: 1000 });
        }
      };
      checkAgain();
    });

  const isChatNameElement = (el) => {
    const hasNoChildren = el.firstElementChild === null;
    const hasLargeText = getComputedStyle(el)['font-size'] === '16px';
    return hasNoChildren && hasLargeText;
  };

  const chatList = {
    item: {
      getName(item) {
        const spans = Array.from(item.querySelectorAll('span'));
        const name = spans.find(isChatNameElement);
        return name ? name.innerText : '';
      },
      getByName(name) {
        return qsa($chatItem).find((item) => chatList.item.getName(item) === name);
      },
      getProfilePic(item) {
        return (
          item.querySelector($profilePic) ||
          item.querySelector($defaultUserProfilePic) ||
          item.querySelector($defaultGroupPic)
        );
      },
      isSelected(item) {
        return selectedChat.getName() === chatList.item.getName(item);
      },
      async select(item) {
        leftClick(chatList.item.getProfilePic(item));
        await waitFor(() => chatList.item.isSelected(item));
      },
    },
    getNames() {
      return qsa($chatItem).map(chatList.item.getName);
    },
    async resetList() {
      const el = document.querySelector('#pane-side');
      el.scrollTop = el.scrollHeight;
      await sleep({ seconds: 0.5 });
      el.scrollTop = 0;
    },
  };

  const selectedChat = {
    getName() {
      const spans = Array.from(document.querySelectorAll($selectedChatName));
      const name = spans.find(isChatNameElement);
      return name ? name.innerText : '';
    },
    overlay: {
      getConfirmDeleteButton() {
        return Array.from(document.querySelectorAll($overlayButton)).find(
          (button) => button.innerText === 'DELETE'
        );
      },
    },
    menu: {
      getMenuButton() {
        return document.querySelector($chatMenu);
      },
      getDeleteChatButton() {
        return document.querySelector($deleteChatButton);
      },
      getExitGroupButton() {
        return document.querySelector($exitGroupButton);
      },
      hasDeleteOrExitButton() {
        return Boolean(
          selectedChat.menu.getDeleteChatButton() || selectedChat.menu.getExitGroupButton()
        );
      },
      async open() {
        leftClick(selectedChat.menu.getMenuButton());
        await waitFor(selectedChat.menu.hasDeleteOrExitButton);
      },
      async deleteChat() {
        if (selectedChat.menu.getDeleteChatButton()) {
          console.log('Clicking "Delete chat" Button...');
          leftClick(selectedChat.menu.getDeleteChatButton());
          console.log('Waiting for "Delete chat with <name>?" Window...');
          await waitFor(selectedChat.overlay.getConfirmDeleteButton);
          console.log('Clicking "Delete" Button...');
          leftClick(selectedChat.overlay.getConfirmDeleteButton());
        } else {
          console.log('Skipping because "%s" is a Group');
          leftClick(document.body);
        }
      },
    },
  };

  const deleteAnotherBatch = async (visibleNames) => {
    console.log('%s Chats found...', visibleNames);
    for (const name of visibleNames) {
      console.group(name);
      console.log('Looking for Chat...');
      var item = chatList.item.getByName(name);
      if (item) {
        console.log('Scrolling to Chat...');
        item.scrollIntoView();
      }
      var item = chatList.item.getByName(name);
      if (item) {
        console.log('Opening Chat...');
        await chatList.item.select(item);
        console.log('Opening Chat Menu...');
        await selectedChat.menu.open();
        console.log('Deleting Chat...');
        await selectedChat.menu.deleteChat();
      }
      console.groupEnd(name);
    }
  };

  let visibleNames;

  while ((visibleNames = chatList.getNames().filter(Boolean)).length > 0) {
    await deleteAnotherBatch(visibleNames);
  }
})();