hanssens/app.html

## app.html
<template>
  <router-view></router-view>
</template>

## app.js
import { NavigationInstruction, Next, activationStrategy } from 'aurelia-router';
import { Redirect } from 'aurelia-router';

export class App {
    router;

    configureRouter(config, router) {
        config.title = 'Aurelia Gist - EnforceLowerCaseUrls';
        config.addPreActivateStep(EnforceLowerCaseUrls);
        config.map([
          { route: '/', name: 'home',  moduleId: 'home' },
          { route: ':company/:orderid', name: 'order', moduleId: 'order', nav: false, title: 'Orders' }
        ]);
        this.router = router;
    }
}

export class EnforceLowerCaseUrls {

    run(nav, next) {
        if (/[A-Z]/.test(nav.fragment)) {
            return next.cancel(new Redirect(nav.fragment.toLowerCase()));
        } else {
            return next();
        }
    }
}


## home.html
<template>
  <h3>Home</h3>
  <a route-href="route: order; params.bind: { company: 'ACME', orderid: 'ABC-123' }" role="button">Link with UPPERCASE params</a>
  <hr>
</template>

## home.js
export class Home {

}

## index.html
<!doctype html>
<html>
  <head>
    <title>Aurelia</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body aurelia-app>
    <h1>Loading...</h1>

    <script src="https://jdanyow.github.io/rjs-bundle/node_modules/requirejs/require.js"></script>
    <script src="https://jdanyow.github.io/rjs-bundle/config.js"></script>
    <script src="https://jdanyow.github.io/rjs-bundle/bundles/aurelia.js"></script>
    <script src="https://jdanyow.github.io/rjs-bundle/bundles/babel.js"></script>
    <script>
      require(['aurelia-bootstrapper']);
    </script>
  </body>
</html>

## order.html
<template>
  <h3>Order</h3>
  <a route-href="route: home" role="button">Back home</a>
  <hr>
  Company: ${company}<br>
  OrderID: ${orderId}<br><br>

  Note: expecting both params as well as url to be lowercased (cannot test the latter through gist.run)
</template>

## order.js
export class Order {

  activate(params, routeConfig) {
    this.company = params.company;
    this.orderId = params.orderid;
  }
}
	import { NavigationInstruction, Next, activationStrategy } from 'aurelia-router';
	import { Redirect } from 'aurelia-router';

	export class App {
	router;

	configureRouter(config, router) {
	config.title = 'Aurelia Gist - EnforceLowerCaseUrls';
	config.addPreActivateStep(EnforceLowerCaseUrls);
	config.map([
	{ route: '/', name: 'home', moduleId: 'home' },
	{ route: ':company/:orderid', name: 'order', moduleId: 'order', nav: false, title: 'Orders' }
	]);
	this.router = router;
	}
	}

	export class EnforceLowerCaseUrls {

	run(nav, next) {
	if (/[A-Z]/.test(nav.fragment)) {
	return next.cancel(new Redirect(nav.fragment.toLowerCase()));
	} else {
	return next();
	}
	}
	}
	<template>
	<h3>Home</h3>
	<a route-href="route: order; params.bind: { company: 'ACME', orderid: 'ABC-123' }" role="button">Link with UPPERCASE params</a>
	<hr>
	</template>
	<!doctype html>
	<html>
	<head>
	<title>Aurelia</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body aurelia-app>
	<h1>Loading...</h1>

	<script src="https://jdanyow.github.io/rjs-bundle/node_modules/requirejs/require.js"></script>
	<script src="https://jdanyow.github.io/rjs-bundle/config.js"></script>
	<script src="https://jdanyow.github.io/rjs-bundle/bundles/aurelia.js"></script>
	<script src="https://jdanyow.github.io/rjs-bundle/bundles/babel.js"></script>
	<script>
	require(['aurelia-bootstrapper']);
	</script>
	</body>
	</html>
	<template>
	<h3>Order</h3>
	<a route-href="route: home" role="button">Back home</a>
	<hr>
	Company: ${company}<br>
	OrderID: ${orderId}<br><br>

	Note: expecting both params as well as url to be lowercased (cannot test the latter through gist.run)
	</template>
	export class Order {

	activate(params, routeConfig) {
	this.company = params.company;
	this.orderId = params.orderid;
	}
	}