chore: use new select ui for http router

Signed-off-by: Thorsten Hans <[email protected]>

Author: ThorstenHans

templates/http-js/content/src/index.js.tmpl

@@ -16,7 +16,7 @@ app.use(async (c, next) => {
 })
 
 app.get('/', (c) => c.text('Hello, Spin!'));
-app.get('/:name', (c) => {
+app.get('/hello/:name', (c) => {
     return c.json({ message: `Hello, ${c.req.param('name')}` })
 });
 
@@ -42,7 +42,7 @@ function handle(_request) {
   return new Response("Hello, Spin!", {
     status: 200,
     headers: {
-      'content-type': 'application/json'
+      'content-type': 'text/plain'
     }
   })
 }

templates/http-js/metadata/spin-template.toml

@@ -10,4 +10,8 @@ component = "component.txt"
 [parameters]
 project-description = { type = "string", prompt = "Description", default = "" }
 http-path = { type = "string", prompt = "HTTP path", default = "/...", pattern = "^/\\S*$" }
-http-router = { type = "string", prompt = "HTTP Router", default = "itty", pattern = "^(itty|hono|none)$" }
+http-router = { type = "string", prompt = "HTTP Router", default = "itty", allowed_values = [
+    "itty",
+    "hono",
+    "none",
+] }

templates/http-ts/content/src/index.ts.tmpl

@@ -17,8 +17,8 @@ app.use(async (c: Context, next: Next) => {
 })
 
 app.get('/', (c: Context) => c.text('Hello, Spin!'));
-app.get('/:name', (c: Context) => {
-  return c.json({ message: `Hello, ${c.req.param('name')}` })
+app.get('/hello/:name', (c: Context) => {
+  return c.json({ message: `Hello, ${c.req.param('name')}!` })
 });
 
 app.fire();
@@ -44,7 +44,7 @@ function handle(_request: Request): Response {
   return new Response("Hello, Spin!", {
     status: 200,
     headers: {
-      'content-type': 'application/json'
+      'content-type': 'text/plain'
     }
   })
 }

templates/http-ts/metadata/spin-template.toml

@@ -10,4 +10,8 @@ component = "component.txt"
 [parameters]
 project-description = { type = "string", prompt = "Description", default = "" }
 http-path = { type = "string", prompt = "HTTP path", default = "/...", pattern = "^/\\S*$" }
-http-router = { type = "string", prompt = "HTTP Router", default = "itty", pattern = "^(itty|hono|none)$" }
+http-router = { type = "string", prompt = "HTTP Router", default = "itty", allowed_values = [
+    "itty",
+    "hono",
+    "none",
+] }