Defaults options and LINK_SELECTOR querySelector about swup

[dylanfisher]

I don't mean to butt in but I like the convention of including the word swup in the animationSelector by default. I was just thinking about this as I noticed you updated the README with the latest animationSelector example.

[gmrchk]

@thetoine No worries. I was just updating the docs, so I updated the default options in a process so it all fits. Thanks for making me do so!

@dylanfisher transition-* seems pretty descriptive to me, and in case it's overlapping with some internal classes, it's still a default setting that can be changed. Any suggestion including word swup tho? I like the idea, but swup-transition-* is unnecessarily long and versions like swup-a-* seems like something that could be confusing for people.

[andre94]

Hi Thetoine,

For first question see this #4

For second question, and also the first, you can adjust manually the default option like this:

var options = {
    LINK_SELECTOR: 'a', //HERE
    FORM_SELECTOR: 'form[data-swup-form]',
    elements: [
        '#swup'
    ],
    animationSelector: '[class^="a-transition-"]', //HERE
    cache: true,
    pageClassPrefix: '',
    scroll: true,
    debugMode: false,
    preload: true,
    support: true,
    disableIE: false,
    skipPopStateHandling: function(event){
        if (event.state && event.state.source == "swup") {
            return false;
        }
        return true;
    },
}
var swup = new Swup(options) //HERE

Hope this help

[gmrchk]

Hi @thetoine,

The LINK_SELECTOR default setting was once pointed out before. I'm all up for it.

I like the idea about animationSelector option. People are having a hard time understanding the meaning of class^=, or just miss it quite often. I was thinking about including the word swup in the selector, but I guess [class*="transition-"] would do just fine. After all, it's a setting that can be changed... It would be nice if you reflect your changes in the readme as well, but I will go through it when you're done anyway, so it's up to you.

Thanks!

[jcklpe]

just wanted to thank @thetoine for his solution which worked great for me. Thanks!

[gmrchk]

Hi @thetoine, any news on this?

[thetoine]

@gmrchk sorry, I was way too busy last week on clients job. So you did the change yourself, great !

[jcklpe]

@andre94 @thetoine

Hey guys, wanted to check in with some other people who might have implemented this in WP.

I was looking at adding a Webpack plugin for in-lining my critical path CSS, and it was not able to work because it couldn't access any HTML files. I'm wondering if that means that the preload for swup isn't going to work for wp? I'm continuing to use it because I think the animation stuff is useful but I'm curious how useful it actually is for the actual preloading of data etc. Any thoughts?