Merge pull request #161 from guidefari/migration/6b-resolve-swap

feat(www): swap resolve consumer to typed Effect client (step 6b)

Author: guidefari

apps/www/src/lib/http.ts

@@ -943,10 +943,10 @@ export type ResolvedShow = {
     description: string | null
     thumbnailUrl: string | null
     bannerImageUrl: string | null
-    tags: string[] | null
+    tags: ReadonlyArray<string> | null
     createdAt: string
     compiledContent: string | null
-    hosts: Array<{ id: string; name: string; username: string | null }>
+    hosts: ReadonlyArray<{ id: string; name: string; username: string | null }>
   }
 }
 
@@ -956,7 +956,14 @@ export function useResolveSlug(slug: string) {
   const { data, error, isPending } = useQuery<ResolveResult, Error>({
     queryKey: ['resolve', slug],
     queryFn: async () => {
-      return fetcher<ResolveResult>(apiUrl(`/resolve/${slug}`))
+      const client = await getApiClient()
+      return Effect.runPromise(
+        client.resolve
+          .resolveSlug({ params: { slug } })
+          .pipe(
+            Effect.tapError((error) => captureException(error, { endpoint: 'resolve.resolveSlug' }))
+          )
+      )
     },
     enabled: Boolean(slug),
     retry: false

apps/www/src/lib/seo.ts

@@ -224,7 +224,7 @@ export type ResolvedShowData = {
   description: string | null
   thumbnailUrl: string | null
   compiledContent: string | null
-  hosts: Array<{ id: string; name: string }>
+  hosts: ReadonlyArray<{ id: string; name: string }>
 }
 
 export function generateResolvedShowSEO(show: ResolvedShowData, slug: string): SEOHeadData {

apps/www/src/routes/$slug.tsx

@@ -1,13 +1,17 @@
 import { createFileRoute, Link, Navigate } from '@tanstack/react-router'
+import { Effect } from 'effect'
 import { PublicProfilePage } from '@/components/profile/PublicProfilePage'
-import { apiUrl, fetcher, type ResolveResult } from '@/lib/http'
+import { getApiClient } from '@/lib/api-client'
 import { generateProfileSEO, generateResolvedShowSEO, generateSEOMeta } from '@/lib/seo'
 
 export const Route = createFileRoute('/$slug')({
   component: SlugPage,
   loader: async ({ params }) => {
     try {
-      const resolved = await fetcher<ResolveResult>(apiUrl(`/resolve/${params.slug}`))
+      const client = await getApiClient()
+      const resolved = await Effect.runPromise(
+        client.resolve.resolveSlug({ params: { slug: params.slug } })
+      )
       return { resolved }
     } catch {
       return { resolved: null }