From 12e71ecabae7faf5f26129481a88854b9550c86b Mon Sep 17 00:00:00 2001
From: dalechyn <vlad.dalechin@gmail.com>
Date: Sun, 8 Dec 2024 17:47:05 +0200
Subject: [PATCH 1/2] chore: bump hono

---
 package.json               |  4 +--
 playground/package.json    |  2 +-
 pnpm-lock.yaml             | 70 +++++++++++++++++++-------------------
 src/dev/api.ts             |  8 ++---
 src/dev/types.ts           |  4 +--
 src/package.json           |  2 +-
 ui/src/components/Tabs.tsx | 38 ++++++++++-----------
 ui/src/utils/actions.ts    |  2 ++
 8 files changed, 66 insertions(+), 64 deletions(-)

diff --git a/package.json b/package.json
index 055b22b0..a127d840 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
     "bun": "^1.0.28",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
-    "hono": "^4.4.4",
+    "hono": "^4.6.13",
     "picocolors": "^1.0.0",
     "rimraf": "^5.0.5",
     "tsx": "^4.7.1",
@@ -52,7 +52,7 @@
   "packageManager": "pnpm@8.15.3",
   "pnpm": {
     "overrides": {
-      "hono": "4.4.4",
+      "hono": "4.6.13",
       "typescript": "5.3.3"
     }
   }
diff --git a/playground/package.json b/playground/package.json
index 89aa475b..39c964b0 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@hono/node-server": "^1.8.2",
     "frog": "workspace:*",
-    "hono": "^4"
+    "hono": "^4.6.13"
   },
   "devDependencies": {
     "tsx": "^4.7.1"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 91b8a0fa..a6cbf320 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,7 +5,7 @@ settings:
   excludeLinksFromLockfile: false
 
 overrides:
-  hono: 4.4.4
+  hono: 4.6.13
   typescript: 5.3.3
 
 importers:
@@ -58,8 +58,8 @@ importers:
         specifier: ^11.2.0
         version: 11.2.0
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
       picocolors:
         specifier: ^1.0.0
         version: 1.0.0
@@ -106,8 +106,8 @@ importers:
         specifier: workspace:*
         version: link:../src
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
     devDependencies:
       tsx:
         specifier: ^4.7.1
@@ -131,8 +131,8 @@ importers:
   services/auth:
     dependencies:
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
       viem:
         specifier: ^2.7.10
         version: 2.7.11(typescript@5.3.3)
@@ -147,8 +147,8 @@ importers:
         specifier: latest
         version: link:../../src
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
     devDependencies:
       '@hono/node-server':
         specifier: ^1
@@ -188,7 +188,7 @@ importers:
         version: 1.11.2
       '@hono/valibot-validator':
         specifier: ^0.3.0
-        version: 0.3.0(hono@4.4.4)(valibot@0.31.1)
+        version: 0.3.0(hono@4.6.13)(valibot@0.31.1)
       '@noble/curves':
         specifier: ^1.3.0
         version: 1.3.0
@@ -215,7 +215,7 @@ importers:
         version: 11.2.0
       hono-og:
         specifier: 0.0.29
-        version: 0.0.29(hono@4.4.4)
+        version: 0.0.29(hono@4.6.13)
       jose:
         specifier: ^5.2.2
         version: 5.2.2
@@ -241,8 +241,8 @@ importers:
         specifier: latest
         version: link:../../src
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
     devDependencies:
       '@types/bun':
         specifier: latest
@@ -257,8 +257,8 @@ importers:
         specifier: latest
         version: link:../../src
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
     devDependencies:
       '@cloudflare/workers-types':
         specifier: latest
@@ -276,8 +276,8 @@ importers:
         specifier: latest
         version: link:../../src
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
     devDependencies:
       typescript:
         specifier: 5.3.3
@@ -289,8 +289,8 @@ importers:
         specifier: latest
         version: link:../../src
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
       next:
         specifier: 14.1.0
         version: 14.1.0(react-dom@18.2.0)(react@18.2.0)
@@ -326,8 +326,8 @@ importers:
         specifier: latest
         version: link:../../src
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
     devDependencies:
       '@types/node':
         specifier: ^20.11.17
@@ -342,8 +342,8 @@ importers:
         specifier: latest
         version: link:../../src
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
     devDependencies:
       tsx:
         specifier: ^4.7.1
@@ -391,8 +391,8 @@ importers:
         specifier: ^7.5.4
         version: 7.5.4
       hono:
-        specifier: 4.4.4
-        version: 4.4.4
+        specifier: 4.6.13
+        version: 4.6.13
       lz-string:
         specifier: ^1.5.0
         version: 1.5.0
@@ -2210,13 +2210,13 @@ packages:
     engines: {node: '>=18.14.1'}
     dev: false
 
-  /@hono/valibot-validator@0.3.0(hono@4.4.4)(valibot@0.31.1):
+  /@hono/valibot-validator@0.3.0(hono@4.6.13)(valibot@0.31.1):
     resolution: {integrity: sha512-EcGJKzLt11SK4K11yKHrhI93ECtKeSHAnnENHw5tCL0ZhyDIx96avc3Ua8/ri4fwVvRPuOzFQ2OBRsVvwZuqeQ==}
     peerDependencies:
-      hono: 4.4.4
+      hono: 4.6.13
       valibot: '>=0.31.0 <1'
     dependencies:
-      hono: 4.4.4
+      hono: 4.6.13
       valibot: 0.31.1
     dev: false
 
@@ -8110,19 +8110,19 @@ packages:
       minimalistic-crypto-utils: 1.0.1
     dev: true
 
-  /hono-og@0.0.29(hono@4.4.4):
+  /hono-og@0.0.29(hono@4.6.13):
     resolution: {integrity: sha512-j/rWd4c9o8bSysOWnc4CiLaTX79DF8uTxHG9g/J+FeVYDND17uXL7sgmMcRZZXP6QjsrqTFf/Vpmyk1OfJwhTg==}
     peerDependencies:
-      hono: 4.4.4
+      hono: 4.6.13
     dependencies:
       '@vercel/og': 0.6.3
-      hono: 4.4.4
+      hono: 4.6.13
       workers-og: 0.0.23
     dev: false
 
-  /hono@4.4.4:
-    resolution: {integrity: sha512-zO5+4K8yf1iuKhBZhwmpZ/0LzPMr8Zt1RugEGM1xvOqgh9DyLb7tslOtoBks4bmm5bIcLtzLCXUpYpXOkwpABA==}
-    engines: {node: '>=16.0.0'}
+  /hono@4.6.13:
+    resolution: {integrity: sha512-haV0gaMdSjy9URCRN9hxBPlqHa7fMm/T72kAImIxvw4eQLbNz1rgjN4hHElLJSieDiNuiIAXC//cC6YGz2KCbg==}
+    engines: {node: '>=16.9.0'}
 
   /hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
@@ -12863,7 +12863,7 @@ packages:
       fs-extra: 11.2.0
       globby: 13.2.2
       hastscript: 8.0.0
-      hono: 4.4.4
+      hono: 4.6.13
       mark.js: 8.11.1
       mdast-util-directive: 3.0.0
       mdast-util-from-markdown: 2.0.0
diff --git a/src/dev/api.ts b/src/dev/api.ts
index 0eb78cb0..472a5c88 100644
--- a/src/dev/api.ts
+++ b/src/dev/api.ts
@@ -186,21 +186,21 @@ export function apiRoutes(
           speed,
         },
         response: response?.redirected
-          ? {
+          ? ({
               success: true,
               location: response.url,
               error: undefined,
               status: 302,
               statusText: 'Found',
-            }
-          : {
+            } as const)
+          : ({
               success: false,
               error: error?.cause
                 ? `${error.cause}`.replace('Error: ', '')
                 : error?.message,
               status: response?.status ?? 500,
               statusText: response?.statusText ?? 'Internal Server Error',
-            },
+            } as const),
         sourceFrameId: json.sourceFrameId,
         url,
       } as const)
diff --git a/src/dev/types.ts b/src/dev/types.ts
index 991465e0..ec27f737 100644
--- a/src/dev/types.ts
+++ b/src/dev/types.ts
@@ -32,12 +32,12 @@ export type FrameButton = {
 } & (
   | {
       type: 'link'
-      postUrl: undefined
+      postUrl?: undefined
       target: `http://${string}` | `https://${string}`
     }
   | {
       type: 'mint'
-      postUrl: undefined
+      postUrl?: undefined
       target: `eip155:${string}`
     }
   | {
diff --git a/src/package.json b/src/package.json
index 28a5d75d..dd05bed1 100644
--- a/src/package.json
+++ b/src/package.json
@@ -90,7 +90,7 @@
     }
   },
   "peerDependencies": {
-    "hono": "^4.4.4",
+    "hono": "^4.6.13",
     "typescript": ">=5.0.4"
   },
   "peerDependenciesMeta": {
diff --git a/ui/src/components/Tabs.tsx b/ui/src/components/Tabs.tsx
index f4ff9c14..99ec87a0 100644
--- a/ui/src/components/Tabs.tsx
+++ b/ui/src/components/Tabs.tsx
@@ -88,7 +88,7 @@ export function Tabs(props: TabsProps) {
     <div className="rounded-md border bg-background-100">
       <ul
         role="tablist"
-        className="flex flex-row rounded-t-md border bg-background-200 text-sm"
+        className="flex flex-row text-sm rounded-t-md border bg-background-200"
         style={{
           borderLeft: '0',
           borderRight: '0',
@@ -250,7 +250,7 @@ export function Tabs(props: TabsProps) {
         id="request-section"
         role="tabpanel"
         aria-labelledby="request"
-        className="scrollbars flex-col divide-y lg:flex-row lg:divide-x lg:divide-y-0"
+        className="flex-col divide-y lg:flex-row lg:divide-y-0 lg:divide-x scrollbars"
         style={{
           fontSize: '0.8125rem',
           display: tab === 'request' ? 'flex' : 'none',
@@ -264,7 +264,7 @@ export function Tabs(props: TabsProps) {
           id="transaction-section"
           role="tabpanel"
           aria-labelledby="transaction"
-          className="flex-col divide-y lg:flex-row lg:divide-x lg:divide-y-0"
+          className="flex-col divide-y lg:flex-row lg:divide-y-0 lg:divide-x"
           style={{
             fontSize: '0.8125rem',
             display: tab === 'tx' ? 'flex' : 'none',
@@ -283,7 +283,7 @@ export function Tabs(props: TabsProps) {
           id="context-section"
           role="tabpanel"
           aria-labelledby="context"
-          className="scrollbars p-4"
+          className="p-4 scrollbars"
           style={{
             fontSize: '0.8125rem',
             display: tab === 'context' ? 'flex' : 'none',
@@ -314,9 +314,9 @@ export function Tabs(props: TabsProps) {
             display: tab === 'state' ? 'block' : 'none',
           }}
         >
-          <div className="scrollbars flex flex-col divide-y lg:flex-row lg:divide-x lg:divide-y-0">
-            <div className="scrollbars flex flex-col gap-2 p-4 lg:w-1/2">
-              <div className="font-medium text-gray-700 text-xs uppercase">
+          <div className="flex flex-col divide-y lg:flex-row lg:divide-y-0 lg:divide-x scrollbars">
+            <div className="flex flex-col gap-2 p-4 lg:w-1/2 scrollbars">
+              <div className="text-xs font-medium text-gray-700 uppercase">
                 Current
               </div>
               {/* TODO: Handle non-JSON state from non-Frog frames */}
@@ -330,8 +330,8 @@ export function Tabs(props: TabsProps) {
               />
             </div>
 
-            <div className="scrollbars flex flex-col gap-2 p-4 lg:w-1/2">
-              <div className="font-medium text-gray-700 text-xs uppercase">
+            <div className="flex flex-col gap-2 p-4 lg:w-1/2 scrollbars">
+              <div className="text-xs font-medium text-gray-700 uppercase">
                 Previous
               </div>
               <CodeToHtml
@@ -407,7 +407,7 @@ function TransactionReceiptContent(props: {
           href={`${blockExplorer?.url}/tx/${transactionId}`}
           target="_blank"
           rel="noreferrer noopener"
-          className="mb-2 inline-block w-fit items-center font-medium text-gray-700"
+          className="inline-block items-center mb-2 font-medium text-gray-700 w-fit"
         >
           <span>View on {blockExplorer.name}</span>
         </a>
@@ -455,7 +455,7 @@ function TransactionContent(props: {
 
   return (
     <>
-      <div className="flex flex-col divide-y px-4 py-2 lg:w-1/2">
+      <div className="flex flex-col py-2 px-4 divide-y lg:w-1/2">
         <div className={rowClass}>
           <div className={labelClass}>Method</div>
           <div className={valueClass}>{data.method}</div>
@@ -496,7 +496,7 @@ function TransactionContent(props: {
             <div className={labelClass}>Value</div>
             <div className={valueClass}>
               {data.method.includes('eth') && (
-                <span className="mr-1 select-none text-gray-700">Ξ</span>
+                <span className="mr-1 text-gray-700 select-none">Ξ</span>
               )}
               {formatEther(BigInt(data.params.value))}
             </div>
@@ -530,7 +530,7 @@ function TransactionContent(props: {
           </div>
         )}
       </div>
-      <div className="scrollbars flex flex-col p-4 lg:w-1/2">
+      <div className="flex flex-col p-4 lg:w-1/2 scrollbars">
         <CodeToHtml code={JSON.stringify(data, null, 2)} lang="json" />
       </div>
     </>
@@ -549,10 +549,10 @@ function RequestContent(props: {
 
   return (
     <>
-      <div className="flex flex-col divide-y px-4 py-2 lg:w-1/2">
+      <div className="flex flex-col py-2 px-4 divide-y lg:w-1/2">
         <div className={rowClass}>
           <div className={labelClass}>Method</div>
-          <div className="flex items-center rounded border px-1 py-0.5 font-mono text-gray-900 uppercase leading-4">
+          <div className="flex items-center py-0.5 px-1 font-mono leading-4 text-gray-900 uppercase rounded border">
             {data.method}
           </div>
         </div>
@@ -598,7 +598,7 @@ function RequestContent(props: {
         )}
       </div>
 
-      <div className="flex flex-col divide-y px-4 py-2 lg:w-1/2">
+      <div className="flex flex-col py-2 px-4 divide-y lg:w-1/2">
         <div className={rowClass}>
           <div className={labelClass}>Status Code</div>
           <div
@@ -702,7 +702,7 @@ function RequestContent(props: {
           </div>
         )}
 
-        {data.response.error && (
+        {data.response.success === false && data.response.error && (
           <div className={rowClass}>
             <div className={labelClass}>Error</div>
             <div className={valueClass}>{data.response.error}</div>
@@ -750,7 +750,7 @@ function MetaTagsContent(props: MetaTagsContentProps) {
         style={{ right: '0.5rem', top: '0.5rem' }}
       >
         <button
-          className="rounded bg-transparent p-1.5 text-gray-600 hover:bg-gray-100"
+          className="p-1.5 text-gray-600 bg-transparent rounded hover:bg-gray-100"
           aria-label={copied ? 'copied' : 'copy to clipboard'}
           type="button"
           onClick={copy}
@@ -759,7 +759,7 @@ function MetaTagsContent(props: MetaTagsContentProps) {
         </button>
       </div>
 
-      <div className="scrollbars p-4">
+      <div className="p-4 scrollbars">
         <CodeToHtml code={metaTags} lang="html" />
       </div>
     </>
diff --git a/ui/src/utils/actions.ts b/ui/src/utils/actions.ts
index a8147d6c..b675cdf8 100644
--- a/ui/src/utils/actions.ts
+++ b/ui/src/utils/actions.ts
@@ -105,6 +105,8 @@ export async function handlePostRedirect(button: {
     })
     .then((response) => response.json())
 
+  if (!json.response.success) throw new Error('Post redirect did not suceed.')
+
   const id = json.id
   store.setState((state) => {
     const nextStackIndex = state.stackIndex + 1

From 6cef00ecffa2def8a92e2e395a9c49972b96056d Mon Sep 17 00:00:00 2001
From: dalechyn <vlad.dalechin@gmail.com>
Date: Sun, 8 Dec 2024 17:47:26 +0200
Subject: [PATCH 2/2] chore: changesets

---
 .changeset/sharp-dolphins-turn.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/sharp-dolphins-turn.md

diff --git a/.changeset/sharp-dolphins-turn.md b/.changeset/sharp-dolphins-turn.md
new file mode 100644
index 00000000..bc2beb4f
--- /dev/null
+++ b/.changeset/sharp-dolphins-turn.md
@@ -0,0 +1,5 @@
+---
+"frog": patch
+---
+
+Bumped hono to the latest version.