import { buildClient, CanceledPromiseError } from "@datocms/cma-client-browser";
const client = buildClient({ apiToken: "<YOUR_API_TOKEN>" });
let cancelablePromise = null;
document.querySelector("button").addEventListener("click", () => {
  if (cancelablePromise) {
    cancelablePromise.cancel();
  }
});
document
  .querySelector('input[type="file"]')
  .addEventListener("change", async (event) => {
    cancelablePromise = client.uploads.createFromFileOrBlob({
      fileOrBlob: event.target.files[0],
    });
    cancelablePromise
      .then((upload) => {
        cancelablePromise = null;
        console.log(upload);
      })
      .catch((e) => {
        if (e instanceof CanceledPromiseError) {
          console.log("User canceled the upload process!");
        } else {
          throw e;
        }
      });
  });