fix(deps): update dependency hono to v4 [security] (#216)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: MikuroXina <[email protected]>

package.json

@@ -12,7 +12,7 @@
     "dependencies": {
         "@mikuroxina/mini-fn": "^6.0.0",
         "@tsndr/cloudflare-worker-jwt": "^2.3.2",
-        "hono": "^3.11.7",
+        "hono": "^4.0.0",
         "zod": "^3.22.4"
     },
     "devDependencies": {

src/@types/cloudflare.d.ts

@@ -0,0 +1,4 @@
+declare module "__STATIC_CONTENT_MANIFEST" {
+    const manifest: object;
+    export = manifest;
+}

src/components/layout.tsx

@@ -1,4 +1,5 @@
 import { html } from "hono/html";
+import type { JSX } from "hono/jsx/jsx-runtime";
 
 export type LayoutProps = {
     title: string;

src/index.tsx

@@ -1,3 +1,4 @@
+import manifest from "__STATIC_CONTENT_MANIFEST";
 import { Result } from "@mikuroxina/mini-fn";
 import { Hono } from "hono";
 import { serveStatic } from "hono/cloudflare-workers";
@@ -25,8 +26,8 @@ type Variables = {
 
 const app = new Hono<{ Bindings: Bindings; Variables: Variables }>();
 
-app.get("/favicon.ico", serveStatic({ path: "./favicon.ico" }));
-app.use("/static/*", serveStatic({ root: "./" }));
+app.get("/favicon.ico", serveStatic({ path: "./favicon.ico", manifest }));
+app.use("/static/*", serveStatic({ root: "./", manifest }));
 app.get("/", (c) => c.html(<Index requestUrl={c.req.url} />));
 app.get("/done", (c) => c.html(<Done />));
 app.get("/error", (c) => {

src/pages/done.tsx

@@ -1,6 +1,8 @@
+import type { JSX } from "hono/jsx/jsx-runtime";
+
 import { Layout } from "../components/layout";
 
-export const Done = () => (
+export const Done = (): JSX.Element => (
     <Layout title="Approvers メンバー情報登録 - 登録完了">
         <h1>登録完了</h1>
         <p>登録できました. このタブは閉じてもらって構いません.</p>

src/pages/error.tsx

@@ -1,3 +1,5 @@
+import type { JSX } from "hono/jsx/jsx-runtime";
+
 import { Layout } from "../components/layout";
 import type { AppError } from "../models";
 

src/pages/index.tsx

@@ -1,3 +1,5 @@
+import type { JSX } from "hono/jsx/jsx-runtime";
+
 import { Layout } from "../components/layout";
 
 export const Index = ({ requestUrl }: { requestUrl: string }): JSX.Element => {