Merge pull request #22 from d2verb/feat/logger

Add logger

Author: d2verb

deno.json

@@ -1,6 +1,6 @@
 {
   "name": "@d2verb/pera",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "license": "MIT",
   "tasks": {
     "test": "deno test -A --coverage=coverage",

examples/pokedex.tsx

@@ -71,7 +71,7 @@ export function App() {
 
     try {
       const response = await fetch(
-        `https://pokeapi.co/api/v2/pokemon/${name.toLowerCase()}`,
+        `/_pera/api/pokemon/${name.toLowerCase()}`,
       );
 
       if (!response.ok) {
@@ -371,5 +371,32 @@ await serve(App, {
   port: 8080,
   title: "Pokédex - pera Sample",
   moduleUrl: import.meta.url,
-  props: {},
+  logging: true,
+  api: (app) => {
+    // GET /api/pokemon/:name - Fetch Pokemon data from PokeAPI
+    app.get("/pokemon/:name", async (c) => {
+      const name = c.req.param("name");
+
+      try {
+        const response = await fetch(
+          `https://pokeapi.co/api/v2/pokemon/${name.toLowerCase()}`,
+        );
+
+        if (!response.ok) {
+          if (response.status === 404) {
+            return c.json({ error: `Pokémon "${name}" not found` }, 404);
+          }
+          return c.json(
+            { error: `Failed to fetch Pokémon data: ${response.status}` },
+            response.status,
+          );
+        }
+
+        const pokemonData = await response.json();
+        return c.json(pokemonData);
+      } catch {
+        return c.json({ error: "An unexpected error occurred" }, 500);
+      }
+    });
+  },
 });

src/server.ts

@@ -5,6 +5,7 @@ import { dirname } from "@std/path";
 import { renderToString } from "preact-render-to-string";
 import { h } from "preact";
 import { Hono } from "@hono/hono";
+import { logger } from "@hono/hono/logger";
 
 /**
  * The implementation of the serve() function.
@@ -23,9 +24,14 @@ export async function serveImpl<
   const rootId = opts.rootId ?? "root";
   const appFile = filePathFromModuleUrl(opts.moduleUrl);
   const hmr = opts.hmr ?? true;
+  const logging = opts.logging ?? false;
 
   const app = new Hono();
 
+  if (logging) {
+    app.use(logger());
+  }
+
   app.get("/_pera/app.js", async () => {
     try {
       const origCode = await Deno.readTextFile(appFile);

src/types.ts

@@ -23,6 +23,8 @@ export type PeraOptions<
   api?: (app: Hono) => void | Promise<void>;
   /** The signal to abort the server. (Default: undefined) */
   signal?: AbortSignal;
+  /** Whether to enable logging. (Default: false) */
+  logging?: boolean;
 };
 
 export type PeraApp<