fix(examples): update hono example to remove transforms since StarlingMonkey takes care of it

Signed-off-by: Lachlan Heywood <[email protected]>

Author: lachieh

examples/components/http-server-with-hono/README.md

@@ -35,10 +35,7 @@ The adapter in [`src/wasmcloud/hono-adapter`](https://github.com/wasmCloud/types
 
 **How it works:**
 
-- The adapter exposes a `serve(app)` function that takes a Hono app and returns a WASI-compatible handler function.
-- When a request comes in, it converts the WASI HTTP request into a standard Web `Request` object.
-- The Hono app processes the request and returns a standard Web `Response`.
-- The adapter reads the response status, headers, and streams the response body (if present) back to the WASI HTTP provider, ensuring compatibility with both text and binary responses.
+- The adapter exposes a `serve(app: Hono)` function that takes a Hono app and adds a 'fetch' event-listener onto the global context. JCO componentize-js supports this (through StarlingMonkey) by automatically adding the necessary imports.
 - Any errors in the request handling are caught and a 500 Internal Server Error is returned to the client.
 
 ## Logging Middleware
@@ -53,3 +50,7 @@ The logging middleware in [`src/wasmcloud/hono-middleware-wasi-logging`](https:/
 - Uses the WASI logging interface for compatibility with wasmCloud and other WASI hosts
 
 This makes it easy to observe and debug your HTTP component's behavior in production or development environments.
+
+## Environment Variables
+
+The example uses the `wasi:config/runtime` interface to pass environment variables to the Hono app. The `env` object is available in the request context, allowing you to access configuration values in your routes and middleware.

examples/components/http-server-with-hono/generated/types/interfaces/wasi-cli-environment.d.ts

@@ -0,0 +1,22 @@
+declare module 'wasi:cli/[email protected]' {
+  /**
+   * Get the POSIX-style environment variables.
+   * 
+   * Each environment variable is provided as a pair of string variable names
+   * and string value.
+   * 
+   * Morally, these are a value import, but until value imports are available
+   * in the component model, this import function should return the same
+   * values each time it is called.
+   */
+  export function getEnvironment(): Array<[string, string]>;
+  /**
+   * Get the POSIX-style arguments to the program.
+   */
+  export function getArguments(): Array<string>;
+  /**
+   * Return a path that programs should use as their initial current working
+   * directory, interpreting `.` as shorthand for this.
+   */
+  export function initialCwd(): string | undefined;
+}

examples/components/http-server-with-hono/generated/types/wit.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="./interfaces/wasi-cli-environment.d.ts" />
 /// <reference path="./interfaces/wasi-clocks-monotonic-clock.d.ts" />
 /// <reference path="./interfaces/wasi-config-runtime.d.ts" />
 /// <reference path="./interfaces/wasi-http-incoming-handler.d.ts" />
@@ -7,6 +8,7 @@
 /// <reference path="./interfaces/wasi-io-streams.d.ts" />
 /// <reference path="./interfaces/wasi-logging-logging.d.ts" />
 declare module 'wasmcloud:hello/hello' {
+  export type * as WasiCliEnvironment023 from 'wasi:cli/[email protected]'; // import wasi:cli/[email protected]
   export type * as WasiClocksMonotonicClock023 from 'wasi:clocks/[email protected]'; // import wasi:clocks/[email protected]
   export type * as WasiConfigRuntime020Draft from 'wasi:config/[email protected]'; // import wasi:config/[email protected]
   export type * as WasiHttpTypes023 from 'wasi:http/[email protected]'; // import wasi:http/[email protected]

examples/components/http-server-with-hono/package-lock.json

@@ -22,8 +22,7 @@
     "hono": "^4.4.13"
   },
   "devDependencies": {
-    "@bytecodealliance/jco": "^1.10.2",
-    "@rollup/plugin-commonjs": "^28.0.3",
+    "@bytecodealliance/jco": "^1.11.1",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.2",
     "@types/node": "^22.7.6",

examples/components/http-server-with-hono/package.json

@@ -1,6 +1,5 @@
 // rollup.config.mjs
 import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
 import typescript from '@rollup/plugin-typescript';
 
 export default {
@@ -10,7 +9,7 @@ export default {
     format: 'esm', // Output format as ES Module
     sourcemap: true,
   },
-  external: [/wasi:.*/],
+  external: [/wasi:.*/], // Exclude WASI imports from bundling
   plugins: [
     typescript({
       // Compile TypeScript first
@@ -23,6 +22,5 @@ export default {
       preferBuiltins: false, // Important for WASI environment
       browser: true, // Treat as browser environment for dependencies
     }),
-    commonjs(), // Convert CommonJS modules to ES modules
   ],
 };

examples/components/http-server-with-hono/rollup.config.mjs

@@ -1,6 +1,22 @@
-import app from './app';
-import {serve} from './wasmcloud/hono-adapter';
+import {Hono, Context} from 'hono';
 
-export const incomingHandler = {
-  handle: serve(app),
-};
+import {serve, type WasiEnv} from './wasmcloud/hono-adapter';
+import {wasiLog} from './wasmcloud/hono-middleware-wasi-logging';
+
+// Initialize Hono app
+const app = new Hono<WasiEnv>();
+
+// Middleware for logging
+app.use(wasiLog());
+
+// Define routes
+app.get('/', (c: Context) => c.text('Welcome to the Hono HTTP Router Example!'));
+app.get('/hello', (c: Context) => c.text('Hello, World!'));
+app.get('/api/data', (c: Context) => c.json({message: 'This is some JSON data.'}));
+
+// handle missing routes
+app.notFound((c: Context) => {
+  return c.json({error: '404 Not Found'}, 404);
+});
+
+serve(app);

examples/components/http-server-with-hono/src/app.ts

@@ -1 +1,3 @@
+export type {WasiEnv} from './types';
+
 export {serve} from './server';

examples/components/http-server-with-hono/src/index.ts

@@ -1,3 +1,4 @@
 import {logging as rootLogger} from '../logging';
 
 export const logging = rootLogger.createLogger('hono-adapter');
+export type Logger = typeof logging;

examples/components/http-server-with-hono/src/wasmcloud/hono-adapter/index.ts

@@ -1,26 +1,28 @@
+/// <reference lib="WebWorker" />
+// The ServiceWorker scope isn't currently exported from the TS lib; only the "WebWorker" scope. StarlingMonkey executes
+// in a ServiceWorker context, so we need to override the type of `self` to be ServiceWorkerGlobalScope.
+// See https://github.com/microsoft/TypeScript-DOM-lib-generator/issues/1498
+declare const self: ServiceWorkerGlobalScope;
+
 import type {Env, Hono, Schema} from 'hono';
-import type {IncomingRequest, ResponseOutparam} from 'wasi:http/[email protected]';
 import type {BlankSchema} from 'hono/types';
 
 import {getAll as getConfig} from 'wasi:config/[email protected]';
 
-import {logging} from './logging';
-import {createRequest, createResponse} from './transformers';
 import {handleError} from './errorHandling';
-
-const logger = logging.createLogger('serve');
+import {createLogger} from '../logging';
 
 function serve<E extends Env = Env, S extends Schema = BlankSchema, BasePath extends string = '/'>(
   app: Hono<E, S, BasePath>,
-): (request: IncomingRequest, response: ResponseOutparam) => Promise<void> {
-  return async (request, response) => {
-    logger.info(`Received request: ${request.pathWithQuery()}`);
-    app.onError(handleError);
+): void {
+  const logger = createLogger('serve()');
+  app.onError(handleError);
+  self.addEventListener('fetch', (event): void => {
+    logger.debug('Request:', event.request.url);
 
     const env = Object.fromEntries(getConfig());
-    const res = await app.fetch(createRequest(request), env);
-    await createResponse(res, response);
-  };
+    event.respondWith(app.fetch(event.request, env));
+  });
 }
 
 export {serve};

examples/components/http-server-with-hono/src/wasmcloud/hono-adapter/logging.ts

@@ -0,0 +1,7 @@
+import type {Env} from 'hono';
+import type {Logger} from './logging';
+
+export interface WasiEnv extends Env {
+  config: Record<string, string>;
+  logger: Logger;
+}

examples/components/http-server-with-hono/src/wasmcloud/hono-adapter/server.ts

@@ -2,6 +2,15 @@
 # It is not intended for manual editing.
 version = 1
 
+[[packages]]
+name = "wasi:cli"
+registry = "wasi.dev"
+
+[[packages.versions]]
+requirement = "=0.2.3"
+version = "0.2.3"
+digest = "sha256:8f97d837e1f856a225422869d5c34752204d1befb5a04d0cd80541aec17a20c1"
+
 [[packages]]
 name = "wasi:config"
 registry = "wasi.dev"