Uncatchable AbortError when using shortcut methods

Hi there 👋

I’m using the shortcut methods to add data to a store. One of the things I want to do is prevent double-adds on the same index. I have the following code to do it:

Live example: https://stackblitz.com/edit/typescript-gxz95r Code:

import { openDB } from "idb";

async function demo() {
  const dbName = "random-db-" + Math.random();
  const storeName = "store-name";
  // Open IDB and create store of unconfirmed txs
  const db = await openDB(dbName, 1, {
    upgrade(db) {
      const store = db.createObjectStore(storeName, {
        keyPath: "idb_t",
        autoIncrement: true
      });
      store.createIndex("idb_t", "idb_t", {
        unique: true
      });
    }
  });

  // add an item
  await db.add(storeName, { idb_t: 1 });

  // add it again
  try {
    await db.add(storeName, { idb_t: 1 });
  } catch (e) {
    // do nothing, this looks like the index preventing a double insert.
    // his still leaves an DOMException: AbortError thrown in the console
  }
}

demo();

If you open the console, there will be an Uncaught (in promise) DOMException: AbortError error.

Reading through the docs for this error, it looks like I’d have to add a handler on the transaction itself. But since the shortcut method handles that for me, I don’t think I can do that.

Is there a way to still use the shortcut methods and also catch AbortError?

[jakearchibald]

Thanks for the report. This will be fixed in the next release.

[jakearchibald]

Hoping to find time to fix this and some other issues towards the end of the year.