typecheck

Author: elliotBraem

.github/workflows/tests.yml

@@ -45,6 +45,11 @@ jobs:
       - name: Install dependencies
         run: bun install
 
+      - name: Build workspace packages
+        run: |
+          bun run --cwd packages/every-plugin build || true
+          bun run --cwd packages/everything-dev build || true
+
       - name: Run typecheck
         run: bun typecheck
 

ui/src/routes/_layout/_authenticated/home.tsx

@@ -290,7 +290,7 @@ function Home() {
 
         {projectsData && projectsData.data.length > 0 ? (
           <div className="grid gap-4 md:grid-cols-2">
-            {projectsData.data.map((project) => (
+            {projectsData.data.map((project: ProjectsResult["data"][number]) => (
               <Card key={project.id}>
                 <CardContent className="p-5 space-y-3">
                   <div className="flex items-start justify-between gap-4">

ui/src/routes/_layout/_authenticated/keys/index.tsx

@@ -176,7 +176,7 @@ function KeysList() {
         </Card>
       ) : (
         <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
-          {keys.map((item, index) => (
+          {keys.map((item: (typeof keys)[number], index: number) => (
             <Card key={item.key}>
               <CardContent className="p-5 space-y-4">
                 <div className="flex items-start justify-between gap-3">

ui/src/routes/_layout/_authenticated/organizations/$id.tsx

@@ -143,7 +143,7 @@ function OrganizationDetail() {
       setCreatedApiKey(data);
       queryClient.setQueryData<OrgApiKeysResult>(
         orgApiKeysQueryOptions(orgId).queryKey,
-        (current) => {
+        (current: OrgApiKeysResult | undefined) => {
           const nextKey = {
             id: data.id,
             name: data.name,
@@ -158,7 +158,7 @@ function OrganizationDetail() {
             return { keys: [nextKey] };
           }
 
-          if (current.keys.some((key) => key.id === data.id)) {
+          if (current.keys.some((key: OrgApiKeysResult["keys"][number]) => key.id === data.id)) {
             return current;
           }
 
@@ -188,14 +188,14 @@ function OrganizationDetail() {
 
       queryClient.setQueryData<OrgApiKeysResult>(
         orgApiKeysQueryOptions(orgId).queryKey,
-        (current) => {
+        (current: OrgApiKeysResult | undefined) => {
           if (!current) {
             return current;
           }
 
           return {
             ...current,
-            keys: current.keys.filter((key) => key.id !== keyId),
+            keys: current.keys.filter((key: OrgApiKeysResult["keys"][number]) => key.id !== keyId),
           };
         },
       );
@@ -428,7 +428,7 @@ function OrganizationDetail() {
           <LoadingCard label="Loading members..." />
         ) : members.length > 0 ? (
           <div className="grid gap-4 md:grid-cols-2">
-            {members.map((member) => (
+            {members.map((member: OrgMembersResult["members"][number]) => (
               <Card key={member.id}>
                 <CardContent className="p-5 space-y-2">
                   <div className="flex items-center justify-between gap-3">
@@ -455,7 +455,7 @@ function OrganizationDetail() {
           <LoadingCard label="Loading invitations..." />
         ) : invitations.length > 0 ? (
           <div className="grid gap-4 md:grid-cols-2">
-            {invitations.map((invitation) => (
+            {invitations.map((invitation: OrgInvitationsResult["invitations"][number]) => (
               <Card key={invitation.id}>
                 <CardContent className="p-5 space-y-3">
                   <div className="flex items-start justify-between gap-3">
@@ -492,7 +492,7 @@ function OrganizationDetail() {
           <LoadingCard label="Loading api keys..." />
         ) : apiKeys.length > 0 ? (
           <div className="grid gap-4 md:grid-cols-2">
-            {apiKeys.map((key) => (
+            {apiKeys.map((key: OrgApiKeysResult["keys"][number]) => (
               <Card key={key.id}>
                 <CardContent className="p-5 space-y-3">
                   <div className="space-y-1">

ui/src/routes/_layout/apps/$accountId.tsx

@@ -26,7 +26,7 @@ function AccountAppsPage() {
   });
 
   const apps = accountQuery.data?.data ?? [];
-  const readyCount = apps.filter((app) => app.status === "ready").length;
+  const readyCount = apps.filter((app: (typeof apps)[number]) => app.status === "ready").length;
 
   return (
     <div className="space-y-8">
@@ -93,7 +93,7 @@ function AccountAppsPage() {
         </Card>
       ) : (
         <div className="grid gap-4 md:grid-cols-2">
-          {apps.map((app) => (
+          {apps.map((app: RegistryAppsResult["data"][number]) => (
             <Card key={app.gatewayId}>
               <CardContent className="p-5 space-y-4">
                 <div className="flex items-start justify-between gap-4">

ui/src/routes/_layout/apps/$accountId/$gatewayId.tsx

@@ -419,7 +419,7 @@ function AppDetailPage() {
             <div className="text-sm text-muted-foreground">Loading projects...</div>
           ) : projectsQuery.data?.data && projectsQuery.data.data.length > 0 ? (
             <div className="space-y-3">
-              {projectsQuery.data.data.map((project) => (
+              {projectsQuery.data.data.map((project: (typeof projectsQuery.data.data)[number]) => (
                 <div
                   key={project.id}
                   className="rounded-sm border border-border bg-muted/10 p-4 flex items-start justify-between gap-4"

ui/src/routes/_layout/apps/index.tsx

@@ -45,9 +45,15 @@ function AppsIndex() {
 
   const apps = appsQuery.data?.data ?? [];
   const stats = useMemo(() => {
-    const ready = apps.filter((app) => app.status === "ready").length;
-    const claimed = apps.filter((app) => app.metadata?.claimedBy).length;
-    const direct = apps.filter((app) => !app.extends).length;
+    const ready = apps.filter(
+      (app: ListRegistryAppsResult["data"][number]) => app.status === "ready",
+    ).length;
+    const claimed = apps.filter(
+      (app: ListRegistryAppsResult["data"][number]) => app.metadata?.claimedBy,
+    ).length;
+    const direct = apps.filter(
+      (app: ListRegistryAppsResult["data"][number]) => !app.extends,
+    ).length;
 
     return {
       total: appsQuery.data?.meta.total ?? 0,
@@ -154,7 +160,7 @@ function AppsIndex() {
         </Card>
       ) : (
         <div className="grid gap-4 lg:grid-cols-2">
-          {apps.map((app) => (
+          {apps.map((app: ListRegistryAppsResult["data"][number]) => (
             <Card key={`${app.accountId}/${app.gatewayId}`} className="h-full">
               <CardContent className="p-5 space-y-4">
                 <div className="flex items-start justify-between gap-4">

ui/src/routes/_layout/projects.$id.tsx

@@ -207,7 +207,7 @@ function ProjectDetailPage() {
               </div>
             ) : (
               <div className="space-y-3">
-                {project.apps.map((app) => (
+                {project.apps.map((app: (typeof project.apps)[number]) => (
                   <div
                     key={app.id}
                     className="rounded-sm border border-border bg-muted/10 p-4 flex items-start justify-between gap-4"