unsend-all.user.js

// ==UserScript==
// @name         Instagram Delete All
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Adds an "Unsend All" button to a DM thread view.
// @author       ryanml && christopher
// @match        https://www.instagram.com/direct/inbox/
// @grant        GM_xmlhttpRequest
// ==/UserScript==

(function() {
  'use strict'

  let urlInterval
  let threadId = ''
  const itemIds = []
  const THREADS_ENDPOINT = 'https://www.instagram.com/direct_v2/web/threads/'

  const webRequest = (url, method, callback) => {
    const reqConfig = {
      method: method,
      url: url,
      onload: callback
    }
    GM_xmlhttpRequest(reqConfig)
  }

  const fetchInitialData = () => {
    const pathName = window.location.pathname
    threadId = pathName.split('/direct/t/')[1]
    const reqUrl = `${THREADS_ENDPOINT}${threadId}`

    webRequest(reqUrl, 'GET', (response) => {
      const respObj = JSON.parse(response.responseText)
      respObj.thread.items.map((item) => {
        itemIds.push(item['item_id'])
      })
      addUnsendAllButton()
    })
  }

  const deleteAllMessages = () => {
    itemIds.map((itemId) => {
      const reqUrl = `https://www.instagram.com/direct_v2/web/threads/${threadId}/items/${itemId}/delete/`
      webRequest(reqUrl, 'POST', (response) => {
        console.log(`Deleted post: ${itemId}`)
      })
    })
  }

  const addUnsendAllButton = () => {
    const unsendAllButton = document.createElement('button')
    unsendAllButton.innerHTML = "Unsend All Messages"
    unsendAllButton.addEventListener('click', deleteAllMessages)
    document.body.appendChild(unsendAllButton)
  }

  window.onload = () => {
    urlInterval = setInterval(() => {
      const pathName = window.location.pathname
      if (pathName.indexOf('/direct/t/') > -1) {
        clearInterval(urlInterval)
        fetchInitialData()
      }
    }, 500);
  }
})();