How to download images on build and serve from dist instead of remote airtable?

[babarogic]

As airtable announced new changes, any attachment URLs obtained via the Airtable Web API and the CSV export functionality will expire after a few hours.

My question is how to serve images locally from build? In other words I would like to download them on build and place them in images folder

[atflick]

I use this in my plugin, first downloads to a temp directory with a .tmp file extension and then gets moved to the destination path. Can't remember why I didn't directly download to the final destination path.

const fs = require('fs')
const path = require('path')
const https = require('https')
const http = require('http')
const TMPDIR = ".cache/downloads";

  async downloadImage(url, destPath, fileName) {
    const imagePath = path.resolve(destPath, fileName);
    const encodedURI = encodeURI(url);
    const requester = url.includes('https') ? https : http;

    try {
        if (fs.existsSync(imagePath)) return;
    } catch (err) {
        console.log(err);
    }

    const tmpPath = path.resolve(TMPDIR, `${++this.tmpCount}.tmp`);
    console.log('Downloading from:', url);
    return new Promise(function(resolve, reject) {
        const file = fs.createWriteStream(tmpPath);
        requester
            .get(encodedURI, (response) => {
                response.pipe(file);
                file.on("finish", () => {
                    file.close();
                    fs.rename(tmpPath, imagePath, resolve);
                });
            })
            .on("error", (err) => {
                console.error(err.message);
                fs.unlinkSync(tmpPath); // Cleanup blank file
                reject(err);
            });
    });
  }