[Idea]: New plugin for all route-related stuff

[hirasso]

Describe the problem 🧐

Currently, we have three core plugins that are related to modifying the visit object based on routes. In order of complexity:

• fragment-plugin
• js-plugin
• route-name-plugin

I see two issues with this situation:

• tedious setup for end users
• need for test duplication between the plugins

The two PROs I see:

• bigger control over the bundle size for consumers.
• each plugin's task is clear and therefor easier to contribute to

Describe the propsed solution 😎

Merge the three plugins into one: @swup/routes-plugin

import Swup from "swup";
import SwupRoutesPlugin from "@swup/routes-plugin";

new Swup({
  plugins: [
    new SwupRoutesPlugin({
      routes: [
        {
          from: "(.*)",
          to: "(.*)",
          //... containers, name, scroll, focus, animations, ...
        }
      ]
    })
  ]
});

Alternatives considered 🤔

Leave it as it is.

How important is this feature to you? 🧭

Nice to have

Checked all these? 📚

• I have read and searched the official docs
• I have checked discussions and existing issues for related problems
• I agree to follow this project's Code of Conduct
• I have provided all necessary information to the best of my knowledge

[daun]

Interesting! I haven't yet used all three of them together, but I agree the overlap in routing functionality is a bit unfortunate. I'm not sure collapsing them into a single plugin would make it easier to explain this plugin to users (it now does animations + urls + dom fragments), but I'd love to explore this on a call sometimes and see where it takes us 🚀