KnockoutJS: Change routing lib

architecture-examples/knockoutjs/index.html

@@ -57,11 +57,8 @@
 			<p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani">Addy Osmani</a></p>
 		</footer>
 		<script src="../../assets/base.js"></script>
+		<script src="../../assets/director.min.js"></script>
 		<script src="js/lib/knockout.min.js"></script>
-		<!--Crossroad.js -->
-		<script src="../../assets/signals.min.js"></script>
-		<script src="../../assets/crossroads.min.js"></script>
-		<!-- / -->
 		<script src="js/app.js"></script>
 	</body>
 </html>

architecture-examples/knockoutjs/js/app.js

@@ -164,22 +164,6 @@
 	var viewModel = new ViewModel( todos || [] );
 	ko.applyBindings( viewModel );
 
-	//setup crossroads
-	crossroads.addRoute('all', function() {
-		viewModel.showMode('all');
-	});
-
-	crossroads.addRoute('active', function() {
-		viewModel.showMode('active');
-	});
-
-	crossroads.addRoute('completed', function() {
-		viewModel.showMode('completed');
-	});
-
-	window.onhashchange = function() {
-		crossroads.parse( location.hash.replace('#', '') );
-	};
-
-	crossroads.parse( location.hash.replace('#', '') );
+	// set up filter routing
+	Router({ '/:filter': viewModel.showMode }).init();
 }());