[router] support URL Query string

[bit-app-3000]

Hi !
thanks for the great tool !

not found support for URL query string

When used it redirects to location, truncating query parameters

[postspectacular]

Hi @bit-app-3000 — sorry for the delay, can you please still provide a small example to illustrate the issue? Thank you!

[bit-app-3000]

Hi @postspectacular
small example of use

/cars/bmw -> is Handled
/cars/bmw?sort=price -> redirect to /cars/bmw

expected route processing
with query strings and no redirect

import { EVENT_ROUTE_CHANGED, HTMLRouter } from '@thi.ng/router'
import { route } from 'state'

let routerInstance = null

const config = {
  useFragment: false,
  prefix: '/',
  default: 'home',
  trim: true,
  routes: [
    {
      id: 'home',
      match: []
    },
    {
      id: 'category',
      match: ['?category']
    },
    {
      id: 'category-item',
      match: ['?category', '?item']
    }
  ]
}

const change = ev => {

  const { id, params } = ev.value
  const queryParams = window.location.search

  route({ id, params, queryParams })

}

const init = () => {

  console.log('ROUTE:INIT')
  
  routerInstance = new HTMLRouter(config)
  routerInstance.addListener(EVENT_ROUTE_CHANGED, change)
  routerInstance.start()
}

export const router = { init }

[postspectacular]

Hi @bit-app-3000 — sorry for the delay. I've just released a new version of this package (i.e. v4.1.28) which should keep the existing query string when navigating to a new route... This should only have been an issue if you're not using the hash fragment for storing the route. Please let me know if that works for you. I've tested it with router-basics example and it seems to be all in order...

[bit-app-3000]

works correctly!

@thi.ng ecosystem is powerful

thank you.

[postspectacular]

Hah! Thank you! Again, sorry it took so long... good thi.ngs come to those who wait! 😅