tapimo 0.7.0 → 0.7.2

package/src/admin/ui/src/lib/scopes.ts

@@ -1,26 +1,47 @@
 import * as ReactQuery from '@tanstack/react-query'
 import type { InferResponseType } from 'hono/client'
 
-import { client } from './client'
+import { client } from './client.js'
 
 /** A single issuable API-key scope from the catalog endpoint. */
 export type Scope = InferResponseType<(typeof client)['scopes']['$get'], 200>['data'][number]
 
-/** Dynamic Zone scope template returned by the scope catalog. */
-export const zoneTemplate = 'zone:<chainId>:read'
+/** Dynamic Zone scope templates returned by the scope catalog. */
+export const zoneTemplates = {
+  read: 'zone:<chainId>:read',
+  write: 'zone:<chainId>:write',
+} as const
 
-/** Builds a canonical Zone read scope from a positive integer chain id. */
-export function fromZoneChainId(value: string): `zone:${string}:read` | undefined {
+/** Supported Zone scope access levels. */
+export type ZoneAccess = keyof typeof zoneTemplates
+
+/** Returns the access level represented by a dynamic Zone scope template. */
+export function accessFromTemplate(value: string): ZoneAccess | undefined {
+  if (value === zoneTemplates.read) return 'read'
+  if (value === zoneTemplates.write) return 'write'
+  return undefined
+}
+
+/** Builds a canonical Zone scope from a positive integer chain id. */
+export function fromZoneChainId(value: string): `zone:${string}:read` | undefined
+export function fromZoneChainId<const access extends ZoneAccess>(
+  value: string,
+  access: access,
+): `zone:${string}:${access}` | undefined
+export function fromZoneChainId(
+  value: string,
+  access: ZoneAccess = 'read',
+): `zone:${string}:${ZoneAccess}` | undefined {
   const chainId = value.trim()
   if (!/^\d+$/.test(chainId)) return undefined
   const normalized = BigInt(chainId)
   if (normalized === 0n) return undefined
-  return `zone:${normalized}:read`
+  return `zone:${normalized}:${access}`
 }
 
 /** List the issuable API-key scope catalog. */
 export namespace get {
-  export const key = ['scopes'] as const
+  export const key = ['scopes', 'v2'] as const
   export function fn() {
     return client.scopes.$get().then((r) => r.json())
   }

package/src/admin/ui/src/lib/verified-tokens.ts

@@ -2,7 +2,8 @@ import * as ReactQuery from '@tanstack/react-query'
 import type { InferRequestType, InferResponseType } from 'hono/client'
 import * as z from 'zod/mini'
 
-import { client } from './client'
+import { client } from './client.js'
+import * as Response from './response.js'
 
 /** Route search: the active page tab. */
 export const search = z.object({
@@ -104,7 +105,10 @@ export namespace requests {
       const response = await client['verified-tokens'].requests[':requestId'].approve.$post({
         param: { requestId },
       })
-      if (!response.ok) throw new Error(await errorMessage(response, 'Failed to approve request.'))
+      if (!response.ok)
+        throw new Error(
+          await Response.errorMessage(response, { fallback: 'Failed to approve request.' }),
+        )
       return response.json()
     }
     export function useMutation() {
@@ -127,7 +131,10 @@ export namespace requests {
         json: reviewNote ? { reviewNote } : {},
         param: { requestId },
       })
-      if (!response.ok) throw new Error(await errorMessage(response, 'Failed to deny request.'))
+      if (!response.ok)
+        throw new Error(
+          await Response.errorMessage(response, { fallback: 'Failed to deny request.' }),
+        )
       return response.json()
     }
     export function useMutation() {
@@ -140,12 +147,6 @@ export namespace requests {
   }
 }
 
-/** Server error-envelope message, with a fallback for non-JSON bodies. */
-async function errorMessage(response: { json(): Promise<unknown> }, fallback: string) {
-  const body = (await response.json().catch(() => null)) as { error?: { message?: string } } | null
-  return body?.error?.message ?? fallback
-}
-
 /** Remove a verified token from a chain. */
 export namespace remove {
   export type Input = { address: `0x${string}`; chainId: number }

package/src/admin/ui/src/routeTree.gen.ts

@@ -8,13 +8,16 @@
 // You should NOT make any changes in this file as it will be overwritten.
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
-import { Route as rootRouteImport } from './routes/__root'
-import { Route as VerifiedTokensRouteImport } from './routes/verified-tokens'
-import { Route as OrganizationsRouteImport } from './routes/organizations'
-import { Route as EarlyAccessRouteImport } from './routes/early-access'
-import { Route as ApiKeysRouteImport } from './routes/api-keys'
-import { Route as IndexRouteImport } from './routes/index'
-import { Route as OrganizationsOrgIdRouteImport } from './routes/organizations_.$orgId'
+import { Route as rootRouteImport } from './routes/__root.js'
+import { Route as VerifiedTokensRouteImport } from './routes/verified-tokens.js'
+import { Route as OrganizationsRouteImport } from './routes/organizations.js'
+import { Route as EarlyAccessRouteImport } from './routes/early-access.js'
+import { Route as ApiKeysRouteImport } from './routes/api-keys.js'
+import { Route as IndexRouteImport } from './routes/index.js'
+import { Route as OrganizationsOrgIdRouteImport } from './routes/organizations_.$orgId.js'
+import { Route as EarnVaultsRouteImport } from './routes/earn.vaults.js'
+import { Route as EarnVaultsNewRouteImport } from './routes/earn.vaults_.new.js'
+import { Route as EarnVaultsVaultIdEditRouteImport } from './routes/earn.vaults_.$vaultId.edit.js'
 
 const VerifiedTokensRoute = VerifiedTokensRouteImport.update({
   id: '/verified-tokens',
@@ -46,6 +49,21 @@ const OrganizationsOrgIdRoute = OrganizationsOrgIdRouteImport.update({
   path: '/organizations/$orgId',
   getParentRoute: () => rootRouteImport,
 } as any)
+const EarnVaultsRoute = EarnVaultsRouteImport.update({
+  id: '/earn/vaults',
+  path: '/earn/vaults',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const EarnVaultsNewRoute = EarnVaultsNewRouteImport.update({
+  id: '/earn/vaults_/new',
+  path: '/earn/vaults/new',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const EarnVaultsVaultIdEditRoute = EarnVaultsVaultIdEditRouteImport.update({
+  id: '/earn/vaults_/$vaultId/edit',
+  path: '/earn/vaults/$vaultId/edit',
+  getParentRoute: () => rootRouteImport,
+} as any)
 
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
@@ -53,7 +71,10 @@ export interface FileRoutesByFullPath {
   '/early-access': typeof EarlyAccessRoute
   '/organizations': typeof OrganizationsRoute
   '/verified-tokens': typeof VerifiedTokensRoute
+  '/earn/vaults': typeof EarnVaultsRoute
   '/organizations/$orgId': typeof OrganizationsOrgIdRoute
+  '/earn/vaults/new': typeof EarnVaultsNewRoute
+  '/earn/vaults/$vaultId/edit': typeof EarnVaultsVaultIdEditRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
@@ -61,7 +82,10 @@ export interface FileRoutesByTo {
   '/early-access': typeof EarlyAccessRoute
   '/organizations': typeof OrganizationsRoute
   '/verified-tokens': typeof VerifiedTokensRoute
+  '/earn/vaults': typeof EarnVaultsRoute
   '/organizations/$orgId': typeof OrganizationsOrgIdRoute
+  '/earn/vaults/new': typeof EarnVaultsNewRoute
+  '/earn/vaults/$vaultId/edit': typeof EarnVaultsVaultIdEditRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
@@ -70,7 +94,10 @@ export interface FileRoutesById {
   '/early-access': typeof EarlyAccessRoute
   '/organizations': typeof OrganizationsRoute
   '/verified-tokens': typeof VerifiedTokensRoute
+  '/earn/vaults': typeof EarnVaultsRoute
   '/organizations_/$orgId': typeof OrganizationsOrgIdRoute
+  '/earn/vaults_/new': typeof EarnVaultsNewRoute
+  '/earn/vaults_/$vaultId/edit': typeof EarnVaultsVaultIdEditRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
@@ -80,7 +107,10 @@ export interface FileRouteTypes {
     | '/early-access'
     | '/organizations'
     | '/verified-tokens'
+    | '/earn/vaults'
     | '/organizations/$orgId'
+    | '/earn/vaults/new'
+    | '/earn/vaults/$vaultId/edit'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
@@ -88,7 +118,10 @@ export interface FileRouteTypes {
     | '/early-access'
     | '/organizations'
     | '/verified-tokens'
+    | '/earn/vaults'
     | '/organizations/$orgId'
+    | '/earn/vaults/new'
+    | '/earn/vaults/$vaultId/edit'
   id:
     | '__root__'
     | '/'
@@ -96,7 +129,10 @@ export interface FileRouteTypes {
     | '/early-access'
     | '/organizations'
     | '/verified-tokens'
+    | '/earn/vaults'
     | '/organizations_/$orgId'
+    | '/earn/vaults_/new'
+    | '/earn/vaults_/$vaultId/edit'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -105,7 +141,10 @@ export interface RootRouteChildren {
   EarlyAccessRoute: typeof EarlyAccessRoute
   OrganizationsRoute: typeof OrganizationsRoute
   VerifiedTokensRoute: typeof VerifiedTokensRoute
+  EarnVaultsRoute: typeof EarnVaultsRoute
   OrganizationsOrgIdRoute: typeof OrganizationsOrgIdRoute
+  EarnVaultsNewRoute: typeof EarnVaultsNewRoute
+  EarnVaultsVaultIdEditRoute: typeof EarnVaultsVaultIdEditRoute
 }
 
 declare module '@tanstack/react-router' {
@@ -152,6 +191,27 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof OrganizationsOrgIdRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/earn/vaults': {
+      id: '/earn/vaults'
+      path: '/earn/vaults'
+      fullPath: '/earn/vaults'
+      preLoaderRoute: typeof EarnVaultsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/earn/vaults_/new': {
+      id: '/earn/vaults_/new'
+      path: '/earn/vaults/new'
+      fullPath: '/earn/vaults/new'
+      preLoaderRoute: typeof EarnVaultsNewRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/earn/vaults_/$vaultId/edit': {
+      id: '/earn/vaults_/$vaultId/edit'
+      path: '/earn/vaults/$vaultId/edit'
+      fullPath: '/earn/vaults/$vaultId/edit'
+      preLoaderRoute: typeof EarnVaultsVaultIdEditRouteImport
+      parentRoute: typeof rootRouteImport
+    }
   }
 }
 
@@ -161,7 +221,10 @@ const rootRouteChildren: RootRouteChildren = {
   EarlyAccessRoute: EarlyAccessRoute,
   OrganizationsRoute: OrganizationsRoute,
   VerifiedTokensRoute: VerifiedTokensRoute,
+  EarnVaultsRoute: EarnVaultsRoute,
   OrganizationsOrgIdRoute: OrganizationsOrgIdRoute,
+  EarnVaultsNewRoute: EarnVaultsNewRoute,
+  EarnVaultsVaultIdEditRoute: EarnVaultsVaultIdEditRoute,
 }
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)

package/src/admin/ui/src/router.tsx

@@ -1,7 +1,7 @@
 import { createRouter } from '@tanstack/react-router'
 
-import { queryClient } from './lib/query-client'
-import { routeTree } from './routeTree.gen'
+import { queryClient } from './lib/query-client.js'
+import { routeTree } from './routeTree.gen.js'
 
 // The shell carries a `<base href="<mount>/">`, so derive the router `basepath`
 // from it to keep routing/links under the mount. The Vite dev shell has none,

package/src/admin/ui/src/routes/__root.tsx

@@ -10,17 +10,17 @@ import type { QueryClient } from '@tanstack/react-query'
 import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client'
 import { type ComponentType } from 'react'
 import { Button, Identicon } from 'regen-ui'
-import { BadgeCheck, Building2, KeyRound, LogOut, Ticket } from 'lucide-react'
+import { BadgeCheck, Building2, KeyRound, Landmark, LogOut, Ticket } from 'lucide-react'
 import { WagmiProvider } from 'wagmi'
 
 import appCss from '../styles.css?url'
-import { TempoLogo, TempoMark } from '../components/TempoLogo'
-import { identiconAddress } from '../components/MobileProfile'
-import { ThemeToggle } from '../components/ThemeToggle'
-import * as Config from '../lib/config'
-import { persistOptions, queryClient } from '../lib/query-client'
-import * as Theme from '../lib/theme'
-import { config as wagmiConfig } from '../lib/wagmi'
+import { TempoLogo, TempoMark } from '../components/TempoLogo.js'
+import { identiconAddress } from '../components/MobileProfile.js'
+import { ThemeToggle } from '../components/ThemeToggle.js'
+import * as Config from '../lib/config.js'
+import { persistOptions, queryClient } from '../lib/query-client.js'
+import * as Theme from '../lib/theme.js'
+import { config as wagmiConfig } from '../lib/wagmi.js'
 
 export type RouterContext = { queryClient: QueryClient }
 
@@ -115,6 +115,7 @@ const nav = [
   { exact: false, href: '/organizations', icon: Building2, label: 'Organizations' },
   { exact: false, href: '/api-keys', icon: KeyRound, label: 'API Keys' },
   { exact: false, href: '/verified-tokens', icon: BadgeCheck, label: 'Verified Tokens' },
+  { exact: false, href: '/earn/vaults', icon: Landmark, label: 'Earn Vaults' },
   { exact: false, href: '/early-access', icon: Ticket, label: 'Early Access' },
 ] as const