fix: clear cacheVersions on flushCache

[christianzoppi]

This PR fixes the issue number 2 from #806. The issue is intermittent because of a combination of factors, but in some cases it will result in the JS Client serving cached content even after flushing the cache, because the flushCache method clears the cache but it doesn't clear the cached cv value used for performing requests.

Pull request type

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Other (please describe):

How to test this PR

In order to simulate a case that would be affected by this bug, you can run the following script. To get the accessToken, spaceId, storyId and get added to the space for testing, please DM me. Of course you can setup your own space and script, but with this one it will be quick :-)

If you run it on the main branch, you will always get the same values for all the 3 requests. With this branch you will get the current value after flushing the cache.

import StoryblokClient from "storyblok-js-client";

const oauthToken = "";
const accessToken = ""
const spaceId = "";
const storyId = "";

const Storyblok = new StoryblokClient({
  accessToken,
  cache: {
    clear: "auto",
    type: "memory",
  },
});

const StoryblokMapi = new StoryblokClient({
  oauthToken
});

const updateStory = async () => {
  const hp = await StoryblokMapi.get(`/spaces/${spaceId}/stories/${storyId}`);
  hp.data.story.content.v = parseInt(hp.data.story.content.v) + 1;
  try {
    await StoryblokMapi.put(`/spaces/${spaceId}/stories/${storyId}`, {
      story: hp.data.story,
      publish: 1,
      force_update: 1,
    });
  } catch (e) {
    console.log(e);
  }
};

const getHome = async (cv) => {
  const res = await Storyblok.get("cdn/stories/home", {
    version: "published",
    ...(cv && { cv: Date.now() }),
  });
  console.log(`Test Field value: ${res.data.story.content.v} - Response CV value: ${res.data.cv}`);
};

(async () => {
  try {
    await getHome();
    await getHome();
    await updateStory();
    await Storyblok.flushCache();
    console.log("---");
    await getHome();
  } catch (err) {
    console.log(err);
  }
})();

What is the new behavior?

The cv value is set to 0 when the flushCache method is executed.

Other information

[ademarCardoso]

I think you could remove the ;

Suggested change

	this.clearCacheVersion();
	this.clearCacheVersion()

[ademarCardoso]

I tested using the script and ran other tests and it seems to be working well.

[github-actions]

🎉 This PR is included in version 6.7.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀