perf: reduce payload size

Author: danielroe

app/app.vue

@@ -42,8 +42,6 @@ const stateColors: Record<string, string> = {
 }
 
 const openState = reactive<Record<string, boolean>>({})
-
-async function updateSearch() {}
 </script>
 
 <template>
@@ -75,6 +73,7 @@ async function updateSearch() {}
       <label class="w-full border-solid border border-gray-600 rounded-md flex flex-row items-center relative">
         <span class="sr-only">pick a repository to cluster issues</span>
         <select
+          :value="selectedRepo"
           class="pl-8 bg-transparent pr-2 py-2 color-white border-0 w-full"
           @change="(event) => navigateTo({ query: { repo: (event.target as HTMLSelectElement).value } })"
         >
@@ -149,10 +148,8 @@ async function updateSearch() {}
               <span
                 class="text-xs relative md:absolute md:mt-6 text-gray-400 mb-1"
               >
-                <span
-                  v-if="issue.repository"
-                >
-                  {{ issue.repository?.owner.name }}/{{ issue.repository.name }}
+                <span v-if="issue.repository">
+                  {{ issue.repository }}
                 </span>
                 &middot;
                 updated

server/api/clusters/[...repo].ts

@@ -47,9 +47,18 @@ export default defineCachedEventHandler(async (event) => {
   console.log('generated', embeddings.length, 'embeddings')
   const clusters = clusterEmbeddings(issues, embeddings)
   console.log('generated', clusters.length, 'clusters')
-  return clusters.filter((cluster) => {
-    return cluster.some(issue => issue.repository?.owner?.name === owner && issue.repository?.name === repo)
-  })
+  return clusters
+    .filter(cluster => cluster.some(issue => issue.repository?.owner?.name === owner && issue.repository?.name === repo))
+    .map(cluster => cluster.map(i => ({
+      html_url: i.html_url,
+      state: i.state,
+      pull_request: i.pull_request,
+      title: i.title,
+      repository: i.repository ? i.repository?.owner.name + '/' + i.repository?.name : undefined,
+      updated_at: i.updated_at,
+      avgSimilarity: i.avgSimilarity,
+      labels: i.labels,
+    })))
 }, {
   swr: true,
   getKey(event) {