chore: bump hono

.changeset/eleven-pigs-develop.md

@@ -0,0 +1,5 @@
+---
+"frog": patch
+---
+
+Bumped `hono` and related packages versions.

package.json

@@ -41,7 +41,7 @@
     "bun": "^1.0.28",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
-    "hono": "^4",
+    "hono": "^4.4.4",
     "picocolors": "^1.0.0",
     "rimraf": "^5.0.5",
     "tsx": "^4.7.1",
@@ -51,7 +51,7 @@
   "packageManager": "[email protected]",
   "pnpm": {
     "overrides": {
-      "hono": "4.1.0",
+      "hono": "4.4.4",
       "typescript": "5.3.3"
     }
   }

src/components/Button.tsx

@@ -1,3 +1,4 @@
+import type { JSX } from 'hono/jsx/jsx-runtime'
 import type { HtmlEscapedString } from 'hono/utils/html'
 
 export const buttonPrefix = {

src/components/TextInput.tsx

@@ -1,3 +1,5 @@
+import type { JSX } from 'hono/jsx/jsx-runtime'
+
 export type TextInputProps = {
   placeholder?: string | undefined
 }

src/jsx/jsx-dev-runtime/index.ts

@@ -1,4 +1,5 @@
 import { type JSXNode, jsx } from 'hono/jsx'
+export type { JSX } from 'hono/jsx/jsx-runtime'
 import type { HtmlEscapedString } from 'hono/utils/html'
 export { Fragment } from 'hono/jsx'
 

src/jsx/jsx-runtime/index.ts

@@ -1,4 +1,4 @@
-export { jsxDEV as jsx, Fragment } from '../jsx-dev-runtime/index.js'
+export { jsxDEV as jsx, Fragment, type JSX } from '../jsx-dev-runtime/index.js'
 export { jsxDEV as jsxs } from '../jsx-dev-runtime/index.js'
 
 import { html, raw } from 'hono/html'

src/package.json

@@ -90,7 +90,7 @@
     }
   },
   "peerDependencies": {
-    "hono": "^4",
+    "hono": "^4.4.4",
     "typescript": ">=5.0.4"
   },
   "peerDependenciesMeta": {
@@ -100,8 +100,8 @@
   },
   "dependencies": {
     "@bufbuild/protobuf": "^1.7.2",
-    "@hono/node-server": "^1.8.2",
-    "@hono/valibot-validator": "^0.2.2",
+    "@hono/node-server": "^1.11.2",
+    "@hono/valibot-validator": "^0.3.0",
     "@noble/curves": "^1.3.0",
     "@noble/hashes": "^1.3.3",
     "cac": "^6.7.14",
@@ -121,10 +121,7 @@
   "license": "MIT",
   "homepage": "https://frog.fm",
   "repository": "wevm/frog",
-  "authors": [
-    "awkweb.eth",
-    "jxom.eth"
-  ],
+  "authors": ["awkweb.eth", "jxom.eth"],
   "funding": [
     {
       "type": "github",

src/types/frame.ts

@@ -1,4 +1,5 @@
 import { type ImageResponseOptions } from 'hono-og'
+import type { JSX } from 'hono/jsx/jsx-runtime'
 import type { Hash } from 'viem'
 import type { TypedResponse } from './response.js'
 import type { Pretty } from './utils.js'

src/types/image.ts

@@ -1,3 +1,4 @@
+import type { JSX } from 'hono/jsx/jsx-runtime'
 import type { ImageOptions } from './frame.js'
 import type { TypedResponse } from './response.js'
 

src/types/routes.ts

@@ -1,6 +1,7 @@
 // NOTE: THIS IS A FORK OF https://github.com/honojs/hono/blob/139e863aa214118397e442329121f8f39833b2f9/src/types.ts
 
 import type { Context as Context_hono } from 'hono'
+import type { StatusCode } from 'hono/utils/http-status'
 import type {
   IfAnyThenEmptyObject,
   RemoveBlankRecord,
@@ -1490,13 +1491,18 @@ export type ToSchema<
   }
 }
 
+export type KnownResponseFormat = 'json' | 'text' | 'redirect'
+export type ResponseFormat = KnownResponseFormat | string
+
 export type Schema = {
   [Path: string]: {
     [Method: `$${Lowercase<string>}`]: {
       input: Partial<ValidationTargets> & {
-        param?: Record<string, string>
+        param?: Record<string, string | undefined>
       }
       output: any
+      outputFormat: ResponseFormat
+      status: StatusCode
     }
   }
 }
@@ -1589,7 +1595,7 @@ export type ValidationTargets = {
   json: any
   form: Record<string, string | File>
   query: Record<string, string | string[]>
-  param: Record<string, string>
+  param: Record<string, string> | Record<string, string | undefined>
   header: Record<string, string>
   cookie: Record<string, string>
 }

src/ui/Box.tsx

@@ -1,3 +1,4 @@
+import type { JSX } from 'hono/jsx/jsx-runtime'
 import type {
   Child,
   Direction,

src/ui/Text.tsx

@@ -1,3 +1,4 @@
+import type { JSX } from 'hono/jsx/jsx-runtime'
 import { Box, type BoxProps } from './Box.js'
 import type { Child } from './types.js'
 import type { DefaultVars, Vars } from './vars.js'

src/ui/createSystem.tsx

@@ -1,3 +1,4 @@
+import type { JSX } from 'hono/jsx/jsx-runtime'
 import type { Assign } from '../types/utils.js'
 import { Box } from './Box.js'
 import { Column, Columns } from './Columns.js'

src/ui/types.ts

@@ -1,4 +1,5 @@
 import type { Properties } from 'csstype'
+import type { JSX } from 'hono/jsx/jsx-runtime'
 
 export type Child = import('hono/jsx').Child | JSX.Element
 

src/utils/parseImage.ts

@@ -20,6 +20,8 @@ export async function parseImage(
     )) as Child
   if (node_ instanceof Promise) return await node_
 
+  if (node_ === null) return null
+
   let node = node_
   const direction =
     (node.tag as unknown as { direction: Direction } | undefined)?.direction ??