Dart shelf router routes not being reached - api

Question

I have written a simple backend RESTAPI web app. I can get the vehicles routes to work but not if i try to reach these routes: File: web/Network/service.dart line 22
app.get('/vehicles/<id|.*>', (Request request, String id) {
or even something simple like this: File: web/Network/service.dart line 17
app.get('/hi/<name|.*>', (Request request, String name) async {
the / and /vehicles work. I have the code on github:
https://github.com/hassandaru/dart_middleware_example/blob/main/web/Network/service.dart
The issue bits are:
app.get('/hi/<name|.*>', (Request request, String name) async {
return await Response.ok('hello $name',headers: {'Content-Type': 'application/json' });
});
app.get('/vehicles/<id|.*>', (Request request, String id) {
final parseId = id.isNotEmpty ? id.toString() : '0';
var result = APICalls().fetchByID(parseId);
//need to get result from result before sending it in json, find it j
// return Response.ok(json.encode(result), headers: {'Content-Type': 'application/json'});
return Response.ok(jsonEncode(result), headers: {'Content-Type': 'application/json'});
});
It matches everything in the documentation. Any suggestions would be greatly appreciated.
import '../dbsettings.dart' as db;
import 'package:shelf_router/shelf_router.dart';
import 'package:shelf/shelf.dart';
import 'package:shelf/shelf_io.dart' as io;
import 'dart:convert';
import 'apiCall.dart';
class Service {
Handler get handler {
var app = Router();
app.get('/', (Request request) {
return Response.ok('hello transport API', headers: {'Content-Type': 'application/json'});
});
app.get('/hi/<name|.*>', (Request request, String name) async {
return await Response.ok('hello $name',headers: {'Content-Type': 'application/json' });
});
app.get('/vehicles/<id|.*>', (Request request, String id) {
final parseId = id.isNotEmpty ? id.toString() : '0';
var result = APICalls().fetchByID(parseId);
//need to get result from result before sending it in json, find it j
// return Response.ok(json.encode(result), headers: {'Content-Type': 'application/json'});
return Response.ok(jsonEncode(result), headers: {'Content-Type': 'application/json'});
});
//to read all entries of vehicle
app.get('/vehicles', (Request request) async {
var result = await APICalls().showAllVehicles();
//need to get result from result before sending it in json, find it j
// return Response.ok(json.encode(result), headers: {'Content-Type': 'application/json'});
return Response.ok(jsonEncode(result), headers: {'Content-Type': 'application/json'});
});
return app;
}
}