tapimo 0.0.0 → 0.0.2

package/src/admin/ui/plugin.ts

@@ -0,0 +1,135 @@
+import * as fs from 'node:fs'
+import * as path from 'node:path'
+import * as url from 'node:url'
+import * as zlib from 'node:zlib'
+
+import type { PluginOption } from 'vite'
+
+// Vite plugin that turns the TanStack Start SPA build output (`dist/client`)
+// into the shipped asset map `src/admin/ui.generated.ts` — the only thing the
+// Hono admin app imports from the UI. The library `tsc`/`zile` build never sees
+// the `.tsx` source (just this generated module), so the published bundle gains
+// no React or TanStack runtime dependency.
+//
+// It hooks `buildApp` with `order: 'post'` because TanStack Start writes the
+// prerendered `_shell.html` from its own `buildApp` post handler — which runs
+// *after* every environment's `closeBundle`. Registering this plugin after
+// `tanstackStart()` makes this handler run last, once the shell exists.
+
+const here = path.dirname(url.fileURLToPath(import.meta.url))
+const clientDir = path.join(here, 'dist', 'client')
+const outFile = path.join(here, '..', 'ui.generated.ts')
+
+// Total gzipped budget for the whole UI; the React + TanStack + Regen baseline
+// is heavier than a hand-rolled SPA, so fail loudly before it bloats the
+// package. Raise deliberately (and revisit code-splitting) if it trips.
+const maxGzipBytes = 400_000
+
+const contentTypes: Record<string, string> = {
+  '.css': 'text/css; charset=utf-8',
+  '.html': 'text/html; charset=utf-8',
+  '.ico': 'image/x-icon',
+  '.js': 'text/javascript; charset=utf-8',
+  '.json': 'application/json; charset=utf-8',
+  '.map': 'application/json; charset=utf-8',
+  '.png': 'image/png',
+  '.svg': 'image/svg+xml',
+  '.webp': 'image/webp',
+  '.woff': 'font/woff',
+  '.woff2': 'font/woff2',
+}
+
+// Text assets inline as UTF-8; anything else (fonts, images) base64-encodes.
+const textExtensions = new Set(['.css', '.html', '.js', '.json', '.map', '.svg'])
+
+type Asset = { content: string; contentType: string; encoding?: 'base64' }
+
+function walk(dir: string): readonly string[] {
+  return fs.readdirSync(dir, { withFileTypes: true }).flatMap((entry) => {
+    const full = path.join(dir, entry.name)
+    return entry.isDirectory() ? walk(full) : [full]
+  })
+}
+
+function emitAssetMap(): void {
+  if (!fs.existsSync(clientDir))
+    throw new Error(`Missing ${clientDir}; the SPA client build did not run.`)
+
+  const shellPath = path.join(clientDir, '_shell.html')
+  if (!fs.existsSync(shellPath)) throw new Error(`Missing SPA shell at ${shellPath}.`)
+
+  // TanStack Start emits absolute `/./assets/...` URLs for the entry script and
+  // modulepreloads (CSS is already relative). Normalize to `./assets/...` so they
+  // resolve against the `<base href>` the Hono app injects when serving the shell
+  // — that's what makes the single artifact work path-mounted (e.g. `/admin`).
+  const shell = fs.readFileSync(shellPath, 'utf8').replaceAll('/./assets/', './assets/')
+
+  const assets: Record<string, Asset> = {}
+  let totalGzip = 0
+  for (const file of walk(clientDir)) {
+    if (file === shellPath) continue
+    const key = path.relative(clientDir, file).split(path.sep).join('/')
+    const ext = path.extname(file)
+    const buffer = fs.readFileSync(file)
+    totalGzip += zlib.gzipSync(buffer).length
+    assets[key] = {
+      content: textExtensions.has(ext) ? buffer.toString('utf8') : buffer.toString('base64'),
+      contentType: contentTypes[ext] ?? 'application/octet-stream',
+      ...(textExtensions.has(ext) ? {} : { encoding: 'base64' as const }),
+    }
+  }
+
+  totalGzip += zlib.gzipSync(Buffer.from(shell, 'utf8')).length
+  if (totalGzip > maxGzipBytes)
+    throw new Error(
+      `Admin UI bundle is ${(totalGzip / 1000).toFixed(0)} KB gzip, over the ${maxGzipBytes / 1000} KB budget.`,
+    )
+
+  const sortedAssets = Object.fromEntries(
+    Object.entries(assets).sort(([a], [b]) => a.localeCompare(b)),
+  )
+
+  const banner = `// Generated by src/admin/ui/plugin.ts — do not edit by hand.
+// Run \`pnpm build:ui\` to regenerate from the TanStack Start SPA build.
+/* eslint-disable */`
+
+  const body = `${banner}
+
+/** A single built UI file: text inline as UTF-8, binary as base64. */
+export type Asset = {
+  content: string
+  contentType: string
+  encoding?: 'base64'
+}
+
+/** The prerendered SPA shell HTML (assets normalized to relative URLs). */
+export const shell = ${JSON.stringify(shell)}
+
+/** Content-hashed UI assets, keyed by their path under the mount (e.g. \`assets/index-*.js\`). */
+export const assets: Record<string, Asset> = ${JSON.stringify(sortedAssets, null, 2)}
+`
+
+  fs.writeFileSync(outFile, body)
+  console.log(
+    `Wrote ${path.relative(path.join(here, '..', '..', '..'), outFile)} (${Object.keys(assets).length} assets, ${(totalGzip / 1000).toFixed(0)} KB gzip).`,
+  )
+}
+
+/**
+ * Emits `src/admin/ui.generated.ts` from the SPA build output. Register *after*
+ * `tanstackStart()` so its `buildApp` post handler (which writes `_shell.html`
+ * via prerender) runs first.
+ */
+export function generated(): PluginOption {
+  return {
+    name: 'tempo-api-admin-ui-generated',
+    enforce: 'post',
+    buildApp: {
+      order: 'post',
+      async handler() {
+        emitAssetMap()
+        process.exit(0)
+      },
+    },
+  }
+}

package/src/admin/ui/src/components/Checkbox.tsx

@@ -0,0 +1,22 @@
+import { Checkbox as Base } from '@base-ui/react/checkbox'
+import type { ComponentProps } from 'react'
+import { Check } from 'lucide-react'
+import { cx } from 'regen-ui'
+
+export function Checkbox({ className, ...props }: ComponentProps<typeof Base.Root>) {
+  return (
+    <Base.Root
+      className={(state) =>
+        cx(
+          'flex size-[18px] shrink-0 items-center justify-center rounded-button border-[2px] border-border bg-secondary text-on-invert outline-none transition-colors hover:bg-secondary-hover focus-visible:border-focus data-[checked]:border-[var(--background-color-invert)] data-[checked]:bg-invert',
+          typeof className === 'function' ? className(state) : className,
+        )
+      }
+      {...props}
+    >
+      <Base.Indicator className="flex data-[unchecked]:hidden">
+        <Check className="size-3" />
+      </Base.Indicator>
+    </Base.Root>
+  )
+}

package/src/admin/ui/src/components/Dialog.tsx

@@ -0,0 +1,32 @@
+import { Dialog as Base } from '@base-ui/react/dialog'
+import type { ComponentProps, ReactNode } from 'react'
+
+/** Backdrop + centered popup shell. Children render inside; pair with Title/Description. */
+function Popup(props: { children: ReactNode }) {
+  return (
+    <Base.Portal>
+      <Base.Backdrop className="fixed inset-0 z-40 bg-black/60 transition-opacity duration-150 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0" />
+      <Base.Popup className="fixed left-1/2 top-1/2 z-50 w-[calc(100vw-2rem)] max-w-md -translate-x-1/2 -translate-y-1/2 border border-border bg-surface p-6 shadow-lg outline-none transition-opacity duration-150 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0">
+        {props.children}
+      </Base.Popup>
+    </Base.Portal>
+  )
+}
+
+function Title(props: ComponentProps<typeof Base.Title>) {
+  return <Base.Title className="text-heading-20 text-foreground" {...props} />
+}
+
+function Description(props: ComponentProps<typeof Base.Description>) {
+  return <Base.Description className="mt-1 text-copy-14 text-foreground-secondary" {...props} />
+}
+
+/** Base modal dialog (base-ui). `Root` manages open state via `Trigger`/`Close`. */
+export const Dialog = {
+  Close: Base.Close,
+  Description,
+  Popup,
+  Root: Base.Root,
+  Title,
+  Trigger: Base.Trigger,
+}

package/src/admin/ui/src/components/MobileProfile.tsx

@@ -0,0 +1,31 @@
+import { Bytes, Hash, type Address } from 'ox'
+import { Identicon } from 'regen-ui'
+import { LogOut } from 'lucide-react'
+
+import * as Config from '../lib/config'
+
+/** Mobile-only header profile: identicon + sign-out, shown when the sidebar is hidden. */
+export function MobileProfile() {
+  const { data: config } = Config.use()
+  const identity = config?.auth.identity
+  if (!identity) return null
+  return (
+    <div className="flex items-center gap-2">
+      <Identicon address={identiconAddress(identity.email)} className="size-9 shrink-0" size={36} />
+      {config.auth.logoutUrl ? (
+        <a
+          aria-label="Sign out"
+          className="text-foreground-secondary hover:text-foreground"
+          href={config.auth.logoutUrl}
+        >
+          <LogOut className="size-[18px]" />
+        </a>
+      ) : null}
+    </div>
+  )
+}
+
+/** Derives a stable identicon seed address from an email. */
+export function identiconAddress(email: string): Address.Address {
+  return Hash.keccak256(Bytes.fromString(email), { as: 'Hex' }).slice(0, 42) as Address.Address
+}

package/src/admin/ui/src/components/Page.tsx

@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react'
+
+import { MobileProfile } from './MobileProfile'
+
+/** Page header: title, optional description, and an optional right-aligned action. */
+export function Page(props: {
+  title: string
+  description?: string
+  action?: ReactNode
+  children: ReactNode
+}) {
+  return (
+    <section className="flex flex-col gap-6">
+      <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between md:gap-4">
+        <div className="flex min-w-0 flex-1 items-start gap-4">
+          <div className="min-w-0 flex-1">
+            <h1 className="text-heading-24 text-foreground">{props.title}</h1>
+            {props.description ? (
+              <p className="mt-1 text-copy-15 text-foreground-secondary">{props.description}</p>
+            ) : null}
+          </div>
+          <div className="shrink-0 md:hidden">
+            <MobileProfile />
+          </div>
+        </div>
+        {props.action ? (
+          <div className="flex items-center gap-2 max-sm:w-full [&>*]:max-sm:flex-1">
+            {props.action}
+          </div>
+        ) : null}
+      </div>
+      {props.children}
+    </section>
+  )
+}
+
+/** Bordered surface container used for lists and forms. */
+export function Card(props: { children: ReactNode; className?: string }) {
+  return (
+    <div className={`border border-border bg-surface ${props.className ?? ''}`}>
+      {props.children}
+    </div>
+  )
+}
+
+/** Centered placeholder for loading / empty / error states inside a card. */
+export function Notice(props: { children: ReactNode }) {
+  return (
+    <div className="flex items-center justify-center px-6 py-12 text-copy-14 text-foreground-secondary">
+      {props.children}
+    </div>
+  )
+}

package/src/admin/ui/src/components/TempoLogo.tsx

@@ -0,0 +1,37 @@
+/** The Tempo "T" mark as an inline SVG. Inherits `currentColor` for fill. */
+export function TempoMark(props: { className?: string }) {
+  return (
+    <svg
+      aria-label="Tempo"
+      className={props.className}
+      fill="none"
+      height="14"
+      role="img"
+      viewBox="0 0 13 14"
+      width="13"
+    >
+      <path d="M4.594 14H.944L4.327 3.173H0L.944 0H13l-.944 3.173H7.96z" fill="currentColor" />
+    </svg>
+  )
+}
+
+/** The Tempo wordmark as an inline SVG. Inherits `currentColor` for fill. */
+export function TempoLogo(props: { className?: string }) {
+  return (
+    <svg
+      aria-label="Tempo"
+      className={props.className}
+      fill="none"
+      height="24"
+      role="img"
+      viewBox="0 0 107 24"
+      width="107"
+    >
+      <title>Tempo</title>
+      <path
+        d="M7.903 23.516h-6.28L7.445 5.593H0L1.624.34h20.739l-1.624 5.253h-7.046zM31.273 23.516H16.385L23.859.34h14.827l-1.409 4.419h-8.608l-1.562 4.975h8.332l-1.41 4.357h-8.362l-1.562 5.006h8.546zM38.011 23.516h-4.993L40.523.34h8.333l-.276 12.484L56.698.34h9.129l-7.475 23.176h-6.25l5.055-15.852-10.384 15.852h-3.707l.153-15.914zM72.856 4.635l-2.42 7.478h.674q2.297 0 3.829-1.081Q76.47 9.919 76.93 7.88q.398-1.761-.429-2.503-.826-.742-2.757-.742zm-6.066 18.88h-6.28L67.985.34h7.628q2.634 0 4.534.865 1.93.835 2.818 2.41.919 1.546.612 3.616-.398 2.72-2.082 4.79-1.686 2.07-4.381 3.213-2.665 1.113-5.974 1.113h-2.052zM98.546 22.033q-3.124 1.854-6.648 1.854h-.06q-3.126 0-5.27-1.39-2.114-1.422-3.033-3.833-.888-2.41-.428-5.284a16.3 16.3 0 0 1 2.665-6.674q2.082-3.06 5.207-4.883T97.658 0h.06q3.248 0 5.362 1.39 2.144 1.392 2.971 3.801.858 2.38.368 5.346-.582 3.492-2.665 6.582a16.3 16.3 0 0 1-5.208 4.914m-8.67-3.987q.828 1.576 2.88 1.576h.061q1.686 0 3.125-1.267 1.47-1.297 2.481-3.46 1.042-2.164 1.532-4.821.46-2.595-.368-4.172-.826-1.607-2.849-1.607h-.06q-1.563 0-3.034 1.298-1.44 1.298-2.511 3.492a18.8 18.8 0 0 0-1.563 4.759q-.49 2.595.307 4.202"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}

package/src/admin/ui/src/lib/api-keys.ts

@@ -0,0 +1,63 @@
+import * as ReactQuery from '@tanstack/react-query'
+import type { InferRequestType, InferResponseType } from 'hono/client'
+
+import { client } from './client'
+
+/** A single API key record from the list endpoint. */
+export type ApiKey = InferResponseType<(typeof client)['api-keys']['$get'], 200>['data'][number]
+
+/** List API keys. */
+export namespace get {
+  export const key = ['api-keys'] as const
+  export function fn() {
+    return client['api-keys'].$get().then((r) => r.json())
+  }
+  export function options() {
+    return ReactQuery.queryOptions({ queryFn: fn, queryKey: key, staleTime: 30_000 })
+  }
+  export function useQuery() {
+    return ReactQuery.useQuery(options())
+  }
+}
+
+/** Provision a new API key. */
+export namespace provision {
+  export type Input = InferRequestType<(typeof client)['api-keys']['$post']>['json']
+  export function fn(json: Input) {
+    return client['api-keys'].$post({ json }).then((r) => {
+      if (!r.ok) throw new Error('Failed to provision key.')
+      return r.json()
+    })
+  }
+  export function useMutation() {
+    const queryClient = ReactQuery.useQueryClient()
+    return ReactQuery.useMutation({
+      mutationFn: fn,
+      onSuccess: ({ token: _token, ...record }) =>
+        queryClient.setQueryData(
+          get.key,
+          (previous: { data: ApiKey[] } | undefined) =>
+            previous && { data: [record, ...previous.data] },
+        ),
+    })
+  }
+}
+
+/** Revoke an API key by id. */
+export namespace revoke {
+  export function fn(id: string) {
+    return client['api-keys'][':id'].$delete({ param: { id } })
+  }
+  export function useMutation() {
+    const queryClient = ReactQuery.useQueryClient()
+    return ReactQuery.useMutation({
+      mutationFn: fn,
+      onSuccess: (_response, id) =>
+        queryClient.setQueryData(
+          get.key,
+          (previous: { data: ApiKey[] } | undefined) =>
+            previous && { data: previous.data.filter((key) => key.id !== id) },
+        ),
+    })
+  }
+}

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

@@ -0,0 +1,15 @@
+import { hc } from 'hono/client'
+
+import type { App } from '../../../App'
+
+// Mount root for API calls: the shell injects `<base href="<mount>/">`, so use
+// it when present. The Vite dev shell has none, so `document.baseURI` would be
+// the current URL (breaking sub-routes); fall back to the origin root instead.
+function baseUrl() {
+  if (typeof document === 'undefined') return '/'
+  const base = document.querySelector('base')
+  return base ? base.href : `${location.origin}/`
+}
+
+/** Typed admin API client (Hono RPC). */
+export const client = hc<App>(baseUrl())

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

@@ -0,0 +1,57 @@
+import { queryOptions, useQuery } from '@tanstack/react-query'
+
+import { client } from './client'
+
+/** The auth contract the SPA reads from `GET config.json` once loaded. */
+export type Config = {
+  auth: {
+    /** The signed-in admin identity, or `null` when logged out (shell is public). */
+    identity: { email: string } | null
+    /** Where the deployer's sign-in page lives; shown when logged out. */
+    loginUrl?: string
+    /** Where to send the user to sign out (e.g. Cloudflare Access logout). */
+    logoutUrl?: string
+  }
+}
+
+declare global {
+  interface Window {
+    /** Auth config inlined into the shell `<head>` by the server (see App.ts). */
+    __TEMPO_API_CONFIG__?: Config
+  }
+}
+
+/** Query key for the bootstrap config. */
+export const key = ['config'] as const
+
+/** The config the server inlined into the shell, if present (synchronous). */
+export function inlineConfig(): Config | undefined {
+  return typeof window === 'undefined' ? undefined : window.__TEMPO_API_CONFIG__
+}
+
+/** Admin UI bootstrap config: the inlined value, else fetched from `config.json`. */
+export async function getConfig(): Promise<Config> {
+  const inlined = inlineConfig()
+  if (inlined) return inlined
+  const response = await client['config.json'].$get()
+  if (!response.ok) return { auth: { identity: null } }
+  return response.json() as Promise<Config>
+}
+
+/**
+ * Bootstrap config query. Seeded from the inlined value and never stale, so an
+ * authenticated load reads identity synchronously with no round trip.
+ */
+export function options() {
+  return queryOptions({
+    queryKey: key,
+    queryFn: getConfig,
+    initialData: inlineConfig,
+    staleTime: Infinity,
+  })
+}
+
+/** Bootstrap config query hook. */
+export function use() {
+  return useQuery(options())
+}

package/src/admin/ui/src/lib/query-client.ts

@@ -0,0 +1,26 @@
+import { defaultShouldDehydrateQuery, QueryClient } from '@tanstack/react-query'
+import { createAsyncStoragePersister } from '@tanstack/query-async-storage-persister'
+import type { PersistQueryClientOptions } from '@tanstack/react-query-persist-client'
+import { Json } from 'ox'
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: { gcTime: 1000 * 60 * 60 * 24, retry: false, refetchOnWindowFocus: false },
+  },
+})
+
+const persister = createAsyncStoragePersister({
+  key: 'tempo-admin',
+  storage: typeof window === 'undefined' ? undefined : window.localStorage,
+  serialize: Json.stringify,
+  deserialize: Json.parse,
+})
+
+export const persistOptions: Omit<PersistQueryClientOptions, 'queryClient'> = {
+  maxAge: 1000 * 60 * 60 * 24,
+  persister,
+  dehydrateOptions: {
+    shouldDehydrateQuery: (query) =>
+      query.queryKey[0] !== 'config' && defaultShouldDehydrateQuery(query),
+  },
+}

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

@@ -0,0 +1,25 @@
+import * as ReactQuery from '@tanstack/react-query'
+import type { InferResponseType } from 'hono/client'
+
+import { client } from './client'
+
+/** A single issuable API-key scope from the catalog endpoint. */
+export type Scope = InferResponseType<(typeof client)['scopes']['$get'], 200>['data'][number]
+
+/** List the issuable API-key scope catalog. */
+export namespace get {
+  export const key = ['scopes'] as const
+  export function fn() {
+    return client.scopes.$get().then((r) => r.json())
+  }
+  export function options() {
+    return ReactQuery.queryOptions({
+      queryFn: fn,
+      queryKey: key,
+      staleTime: Number.POSITIVE_INFINITY,
+    })
+  }
+  export function useQuery() {
+    return ReactQuery.useQuery(options())
+  }
+}

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

@@ -0,0 +1,89 @@
+import * as ReactQuery from '@tanstack/react-query'
+import type { InferRequestType, InferResponseType } from 'hono/client'
+
+import { client } from './client'
+
+/** The verified-token list endpoint's success body. */
+type ListResponse = InferResponseType<(typeof client)['verified-tokens']['$get'], 200>
+
+/** A single verified token record from the list endpoint. */
+export type VerifiedToken = ListResponse['data'][number]
+
+/** URL of a token's curated logo, served from the admin's asset store. */
+export function logoUrl({ address, chainId }: { address: `0x${string}`; chainId: number }) {
+  return client['verified-tokens'][':address'].logo
+    .$url({ param: { address }, query: { chainId: String(chainId) } })
+    .toString()
+}
+
+/** List verified tokens for a chain. */
+export namespace get {
+  export type Input = { chainId: number }
+  export function key({ chainId }: Input) {
+    return ['verified-tokens', chainId] as const
+  }
+  export async function fn({ chainId }: Input) {
+    const response = await client['verified-tokens'].$get({ query: { chainId: String(chainId) } })
+    return response.json() as Promise<ListResponse>
+  }
+  export function options(input: Input) {
+    return ReactQuery.queryOptions({
+      queryFn: () => fn(input),
+      queryKey: key(input),
+      staleTime: 30_000,
+    })
+  }
+  export function useQuery(input: Input) {
+    return ReactQuery.useQuery(options(input))
+  }
+}
+
+/** Create a verified token, optionally with an inline SVG logo. */
+export namespace create {
+  type Json = InferRequestType<(typeof client)['verified-tokens']['$post']>['json']
+  // `chainId` validates through `Schema.ChainId`, whose `z.coerce.number()` input
+  // makes hono/client infer the wire type as `unknown`; narrow it back to the
+  // numeric id the UI sends.
+  export type Input = Omit<Json, 'chainId' | 'logo'> & {
+    chainId: number
+    logo?: File | null
+  }
+  export async function fn({ logo, ...json }: Input) {
+    const response = await client['verified-tokens'].$post({
+      json: { ...json, ...(logo ? { logo: await logo.text() } : {}) },
+    })
+    if (!response.ok) throw new Error('Failed to add token.')
+    return response.json()
+  }
+  export function useMutation() {
+    const queryClient = ReactQuery.useQueryClient()
+    return ReactQuery.useMutation({
+      mutationFn: fn,
+      onSuccess: (_data, input) =>
+        queryClient.invalidateQueries({
+          queryKey: get.key({ chainId: input.chainId }),
+        }),
+    })
+  }
+}
+
+/** Remove a verified token from a chain. */
+export namespace remove {
+  export type Input = { address: `0x${string}`; chainId: number }
+  export async function fn({ address, chainId }: Input) {
+    const response = await client['verified-tokens'][':address'].$delete({
+      param: { address },
+      query: { chainId: String(chainId) },
+    })
+    if (!response.ok) throw new Error('Failed to remove token.')
+    return response.json()
+  }
+  export function useMutation() {
+    const queryClient = ReactQuery.useQueryClient()
+    return ReactQuery.useMutation({
+      mutationFn: fn,
+      onSuccess: (_data, input) =>
+        queryClient.invalidateQueries({ queryKey: get.key({ chainId: input.chainId }) }),
+    })
+  }
+}

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

@@ -0,0 +1,18 @@
+import { createConfig, http } from 'wagmi'
+import { tempo, tempoTestnet } from 'wagmi/chains'
+
+/** Read-only wagmi config for reading on-chain token metadata (no wallet). */
+export const config = createConfig({
+  chains: [tempo, tempoTestnet],
+  ssr: true,
+  transports: {
+    [tempo.id]: http(),
+    [tempoTestnet.id]: http(),
+  },
+})
+
+declare module 'wagmi' {
+  interface Register {
+    config: typeof config
+  }
+}