Allow links to replace history state instead of pushing a new state

[Mamboleoo]

Hi,
I wanted to know if it would be an interesting feature to allow some links to replace the current browser history state instead of pushing it.
For example, when you're on a product page on Amazon you can switch from one colour to another one without pushing new entries in your browser history.

I'm currently working on a project with a similar situation like the Amazon one and it would be nicer for our users to not have to press the Back button multiple time when they want to get back to the 'previous page'.

I think it could work either with a data-attribute like (data-barba-history="replace") or with an option on the init phase similar to the prevent function.

What do you think of such feature?

[luruke]

@Mamboleoo, yeah, that's indeed a good case scenario and I think it's something we can add

[xavierfoucrier]

@Mamboleoo I love this idea! +1 for that 😉

[luruke]

@Mamboleoo perhaps you want to work on a PR? 🤓

[thierrymichel]

@Mamboleoo could you try with @next release (https://www.npmjs.com/package/@barba/core/v/2.9.0) ?
Thanks in advance!

[Mamboleoo]

@thierrymichel Thanks for the update 🙀 If I get it right from the commit, I need to add a data-barba-history attribute with either push or replace? (Push being the default so unnecessary to write)

[thierrymichel]

@Mamboleoo absolutely! :)
If it works as expected, I will add an option where you can put some logic…

[Mamboleoo]

I just implemented the new version on my current project and it's working like a charm! 💖
Thanks again for this feature, I think it could help others :)

[lionettiluca]

Hi guys,
I'm sorry for comment in a closed issue, but how can we use this implementation with API?
I've seen the add method code but I can't understand if is possible to replace history with something like barba.history.add('?query=search', 'replace')
Thanks in advance 🙏