feat: Add http-hono-ts template

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

Author: ThorstenHans

templates/http-hono-ts/content/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+target
+.spin/
+build/

templates/http-hono-ts/content/.npmrc

@@ -0,0 +1 @@
+KNITWIT_SOURCE=./config/knitwit.json

templates/http-hono-ts/content/config/knitwit.json

@@ -0,0 +1,9 @@
+{
+    "version": 1,
+    "project": {
+        "worlds": [
+            "spin-http"
+        ]
+    },
+    "packages": {}
+}

templates/http-hono-ts/content/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "{{project-name | kebab_case}}",
+  "version": "1.0.0",
+  "description": "{{project-description}}",
+  "main": "index.js",
+  "scripts": {
+    "build": "knitwit --out-dir build/wit/knitwit --out-world combined && npx webpack --mode=production && npx mkdirp dist && npx j2w -i build/bundle.js -d build/wit/knitwit -n combined -o dist/{{ project-name | kebab_case }}.wasm",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "mkdirp": "^3.0.1",
+    "ts-loader": "^9.4.1",
+    "typescript": "^4.8.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "@fermyon/knitwit": "0.3.0"
+  },
+  "dependencies": {
+    "@fermyon/spin-sdk": "^3.0.0",
+    "hono": "^4.7.4"
+  }
+}

templates/http-hono-ts/content/spin.toml

@@ -0,0 +1,18 @@
+spin_manifest_version = 2
+
+[application]
+authors = ["{{authors}}"]
+description = "{{project-description}}"
+name = "{{project-name}}"
+version = "0.1.0"
+
+[[trigger.http]]
+route = "{{http-path}}"
+component = "{{project-name | kebab_case}}"
+
+[component.{{project-name | kebab_case}}]
+source = "dist/{{project-name | kebab_case}}.wasm"
+exclude_files = ["**/node_modules"]
+[component.{{project-name | kebab_case}}.build]
+command = ["npm install", "npm run build"]
+watch = ["src/**/*.ts"]

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

@@ -0,0 +1,22 @@
+// For Hono documentation refer to https://hono.dev/docs/
+import { Hono } from 'hono';
+import type { Context, Next } from 'hono'
+import { logger } from 'hono/logger';
+
+let app = new Hono();
+
+// Logging to stdout via built-in middleware
+app.use(logger())
+
+// Example of a custom middleware to set HTTP response header 
+app.use(async (c: Context, next: Next) => {
+    c.header('server', 'Spin CLI')
+    await next();
+})
+
+app.get('/', (c: Context) => c.text('Hello, Spin!'));
+app.get('/:name', (c: Context) => {
+    return c.json({ message: `Hello, ${c.req.param('name')}` })
+});
+
+app.fire();

templates/http-hono-ts/content/tsconfig.json

@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+        "outDir": "./dist/",
+        "noImplicitAny": true,
+        "module": "es6",
+        "target": "es2020",
+        "jsx": "react",
+        "skipLibCheck": true,
+        "lib": [
+            "ES2020",
+            "WebWorker"
+        ],
+        "allowJs": true,
+        "strict": true,
+        "noImplicitReturns": true,
+        "moduleResolution": "node"
+    },
+    "include": [
+        "src/**/*"
+    ]
+}

templates/http-hono-ts/content/webpack.config.js

@@ -0,0 +1,38 @@
+const path = require('path');
+const SpinSdkPlugin = require("@fermyon/spin-sdk/plugins/webpack")
+
+module.exports = {
+    entry: './src/index.ts',
+    experiments: {
+        outputModule: true,
+    },
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: 'ts-loader',
+                exclude: /node_modules/,
+            },
+        ],
+    },
+    resolve: {
+        extensions: ['.tsx', '.ts', '.js'],
+    },
+    output: {
+        path: path.resolve(__dirname, './build'),
+        filename: 'bundle.js',
+        module: true,
+        library: {
+            type: "module",
+        }
+    },
+    plugins: [
+        new SpinSdkPlugin()
+    ],
+    optimization: {
+        minimize: false
+    },
+    performance: {
+        hints: false,
+    }
+};

templates/http-hono-ts/metadata/snippets/component.txt

@@ -0,0 +1,11 @@
+[[trigger.http]]
+route = "{{http-path}}"
+component = "{{project-name | kebab_case}}"
+
+[component.{{project-name | kebab_case}}]
+source = "{{ output-path }}/dist/{{project-name | kebab_case}}.wasm"
+allowed_outbound_hosts = []
+
+[component.{{project-name | kebab_case}}.build]
+command = "npm install && npm run build"
+workdir = "{{ output-path }}"

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

@@ -0,0 +1,12 @@
+manifest_version = "1"
+id = "http-hono-ts"
+description = "HTTP request handler using TypeScript and Hono"
+
+[add_component]
+skip_files = ["spin.toml"]
+[add_component.snippets]
+component = "component.txt"
+
+[parameters]
+project-description = { type = "string", prompt = "Description", default = "" }
+http-path = { type = "string", prompt = "HTTP path", default = "/...", pattern = "^/\\S*$" }