Can't make it work with custom storage

Describe the bug

I read all the docs, all examples, all Google and most of the issues 😉 And I still can’t make custom storage work.

To Reproduce

For example (I took the code from an other issue yet it works the same as my original code that used file system):

my-cache.js:

const CACHE = new Map();
const STORAGE = buildStorage({
  find: (key) => {
    const found = CACHE.get(key);
    if (found?.data) {
      return { ...found, data: JSON.parse(JSON.stringify(found.data)) };
    }
    return found;
  },
  set: (key, value) => {
    console.log(value); // HERE
    if (value?.data) {
      CACHE.set(key, {
        ...value,
        data: JSON.parse(JSON.stringify(value.data)),
      });
    } else {
      CACHE.set(key, value);
    }
  },
  remove: (key) => {
    CACHE.delete(key);
  },
});

const INSTANCE = setupCache(axios.create(), {
  ttl: 2000,
  storage: STORAGE,
});

function getAxiosWithCache() {
  return INSTANCE;
}
module.exports = { getAxiosWithCache };

Usage:

const { getAxiosWithCache } = require('./my-cache');
const axios = getAxiosWithCache();

async function parseSearchPage(url) {
  const res = await axios.get(url);
  const html = res.data;
  console.log(html); // HERE 2
}

Actual behavior

HERE 2 reports the downloaded URL’s content.

HERE reports only:

{
  state: 'loading',
  previous: 'empty',
  data: undefined,
  createdAt: undefined
}

Expected behavior

HERE reports the downloaded URL’s content, just as HERE 2 does

Additional context

• Axios: v0.27.2
• Axios Cache Interceptor: v0.10.7
• What storage is being used: custom
• Node Version: v16.16.0

[lukaszmn]

Thank you for the detailed explanation, I totally agree with this behavior.

I did not notice it earlier even though I thought I had enabled the debug mode - I set only debug: console.log, but I did not notice I should have also changed the import path to .../dev. Thanks again.

[ahn-nath]

This makes more sense. Thank you.