/s /b

src/pages/b/[id].vue

@@ -0,0 +1,22 @@
+<script setup lang="ts" async>
+const { id } = useRoute().params
+if (!id || Array.isArray(id)) {
+  createError('please provide id')
+}
+const client = useNuxtApp()
+const bm = await client.$client.map.beatmap.query({ id: id as string })
+navigateTo({
+  name: 'beatmapset-id',
+  params: {
+    id: bm.beatmapset.id,
+  },
+  query: {
+    beatmap: bm.md5,
+    mode: bm.mode,
+  },
+})
+
+definePageMeta({
+  render() {},
+})
+</script>

src/pages/beatmapset/[id].vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { BeatmapSource } from '~/def/beatmap'
 import { Mode } from '~/def'
 import type { AppScoresRankingSystemSwitcher } from '#components'
 import type { Label } from '~/composables/useLinks'
@@ -254,7 +255,7 @@ async function update() {
                   Source | ID
                 </dt>
                 <dd class="stripe-even  flex gap-1 items-center">
-                  {{ beatmapset.source }} | {{ selectedMap.foreignId }}
+                  {{ BeatmapSource[beatmapset.source] }} | {{ selectedMap.foreignId }}
                 </dd>
               </div>
               <div class="stripe-odd">

src/server/trpc/routers/map.ts

@@ -19,4 +19,10 @@ export const router = _router({
       }
       return returnValue
     }),
+  beatmap: p.input(z.object({
+    id: string().trim(),
+  })).query(async ({ input }) => {
+    const bm = await map.getBeatmap({ id: MapProvider.stringToId(input.id) })
+    return mapId(bm, MapProvider.idToString, ['id', 'foreignId'])
+  }),
 })