How to clean old deployed versions in Firebase hosting?

You're correct. You'll need to delete the old deployed versions one by one using the Firebase Hosting console.

There's no other way to do this, so I'd suggest you to file a feature request to enable deletion of multiple deployed version in the Firebase Hosting console.

Update:

You can vote here (please avoid +1 spam, use reactions) https://github.com/firebase/firebase-tools/issues/215#issuecomment-314211730 for one of the alternatives proposed by the team (batch delete, keep only X versions, keep versions with published date < Y)


UPDATE Mar/2019

There's now a proper solution: "Version history settings" which allows to keep the last X versions.

https://support.google.com/firebase/answer/9242086?hl=en


UPDATE Feb/2019

Confirmed by Google employee @ github.com/firebase/firebase-tools/issues/...

It is actively being worked on. 🙂

🎉🎉🎉


Before continuing reading:

You can vote here (please avoid +1 spamming, use reactions) https://github.com/firebase/firebase-tools/issues/215#issuecomment-314211730 for one of the alternatives proposed by the team


So, by using Chrome Dev tools I found a way to delete multiple versions. Keep in mind it requires a bit for work (proceed with care since deleted versions can't be restored and you won't get any warnings like when using the UI).

Step 1. Retrieving the version list.

  1. Open Chrome Dev Tools (if you don't know how to chances are you should wait for a proper solution by Firebase's team).
  2. Open Firebase's Console and go to the "Hosting" tab.
  3. Go to the "Network" tab on CDT and use the Websockets filter.
  4. Select the request named .ws?v=5&ns=firebase
  5. Open the "Frames" tab
  6. Now comes the tedious part: Select the frames with the highest "length" value. (Depending on your data, it could be 2-n frames. In my case, 3 frames with 14k-16k length)
  7. Paste each of the frame's data in order (which will form a valid JSON object).
  8. Extracting the data: There are several ways to do it. I opted for simple JS on CDT's console.
    var jsonString = '...';
    var json = JSON.parse(jsonString);
    var ids = Object.keys(json.d.b.d);

Step 2. Performing the requests

Almost there :P

Now that you have the IDs, perform the following requests:

DELETE https://firebasehosting.clients6.google.com/v1beta1/sites/PROJECT_NAME/versions/-VERSION_ID?key=KEY

I used Sublime (to create the request strings) + Paw.

The "KEY" can be copied from any of CDT's requests. It doesn't match Firebase's Web API key

=> Before performing the requests: take note of the version you don't want to delete from the table provided by Firebase. (Each version listed on the website has the last 6 digits of it's ID under your email)

(Screenshots weren't provided since all of them would require blurring and a bit of work)


This script is not yet super-solid, so use it at your own risk. I'll try to update it later, but worked for me for now. Just some javascript to click on buttons to delete deployed items one by one.

var deleteDeployment = function(it) {
    it.click()
    setTimeout(function() {
        $('.md-dialog-container .delete-dialog button.md-raised:contains("Delete")').click()
    }, 300)
}
$('.h5g-hist-status-deployed').map((i, a) => $(a).parent()).map((i, a) => $(a).find('md-menu button:contains(Delete)')).each((i, it) => {
    setTimeout(function() {
        deleteDeployment(it)
    }, (i + 1) * 2000)
})