add bounties page for testing

Author: nikgraf

.claude/settings.local.json

@@ -15,7 +15,12 @@
       "Bash(node -e:*)",
       "Bash(pnpm build:*)",
       "mcp__chrome-devtools__list_pages",
-      "Bash(pnpm lint:*)"
+      "Bash(pnpm lint:*)",
+      "Bash(npx @tanstack/router-cli generate:*)",
+      "mcp__chrome-devtools__navigate_page",
+      "mcp__chrome-devtools__list_network_requests",
+      "mcp__chrome-devtools__get_network_request",
+      "mcp__chrome-devtools__evaluate_script"
     ],
     "deny": [],
     "ask": []

apps/events/src/routeTree.gen.ts

@@ -27,6 +27,7 @@ const PodcastsInfiniteLazyRouteImport = createFileRoute('/podcasts-infinite')()
 const PodcastsLazyRouteImport = createFileRoute('/podcasts')()
 const PlaygroundLazyRouteImport = createFileRoute('/playground')()
 const LoginLazyRouteImport = createFileRoute('/login')()
+const BountiesLazyRouteImport = createFileRoute('/bounties')()
 
 const PodcastsInfiniteLazyRoute = PodcastsInfiniteLazyRouteImport.update({
   id: '/podcasts-infinite',
@@ -50,6 +51,11 @@ const LoginLazyRoute = LoginLazyRouteImport.update({
   path: '/login',
   getParentRoute: () => rootRouteImport,
 } as any).lazy(() => import('./routes/login.lazy').then((d) => d.Route))
+const BountiesLazyRoute = BountiesLazyRouteImport.update({
+  id: '/bounties',
+  path: '/bounties',
+  getParentRoute: () => rootRouteImport,
+} as any).lazy(() => import('./routes/bounties.lazy').then((d) => d.Route))
 const AuthenticateSuccessRoute = AuthenticateSuccessRouteImport.update({
   id: '/authenticate-success',
   path: '/authenticate-success',
@@ -110,6 +116,7 @@ const SpaceSpaceIdChatRoute = SpaceSpaceIdChatRouteImport.update({
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/authenticate-success': typeof AuthenticateSuccessRoute
+  '/bounties': typeof BountiesLazyRoute
   '/login': typeof LoginLazyRoute
   '/playground': typeof PlaygroundLazyRoute
   '/podcasts': typeof PodcastsLazyRoute
@@ -127,6 +134,7 @@ export interface FileRoutesByFullPath {
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/authenticate-success': typeof AuthenticateSuccessRoute
+  '/bounties': typeof BountiesLazyRoute
   '/login': typeof LoginLazyRoute
   '/playground': typeof PlaygroundLazyRoute
   '/podcasts': typeof PodcastsLazyRoute
@@ -144,6 +152,7 @@ export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/': typeof IndexRoute
   '/authenticate-success': typeof AuthenticateSuccessRoute
+  '/bounties': typeof BountiesLazyRoute
   '/login': typeof LoginLazyRoute
   '/playground': typeof PlaygroundLazyRoute
   '/podcasts': typeof PodcastsLazyRoute
@@ -163,6 +172,7 @@ export interface FileRouteTypes {
   fullPaths:
     | '/'
     | '/authenticate-success'
+    | '/bounties'
     | '/login'
     | '/playground'
     | '/podcasts'
@@ -180,6 +190,7 @@ export interface FileRouteTypes {
   to:
     | '/'
     | '/authenticate-success'
+    | '/bounties'
     | '/login'
     | '/playground'
     | '/podcasts'
@@ -196,6 +207,7 @@ export interface FileRouteTypes {
     | '__root__'
     | '/'
     | '/authenticate-success'
+    | '/bounties'
     | '/login'
     | '/playground'
     | '/podcasts'
@@ -214,6 +226,7 @@ export interface FileRouteTypes {
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   AuthenticateSuccessRoute: typeof AuthenticateSuccessRoute
+  BountiesLazyRoute: typeof BountiesLazyRoute
   LoginLazyRoute: typeof LoginLazyRoute
   PlaygroundLazyRoute: typeof PlaygroundLazyRoute
   PodcastsLazyRoute: typeof PodcastsLazyRoute
@@ -253,6 +266,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof LoginLazyRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/bounties': {
+      id: '/bounties'
+      path: '/bounties'
+      fullPath: '/bounties'
+      preLoaderRoute: typeof BountiesLazyRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/authenticate-success': {
       id: '/authenticate-success'
       path: '/authenticate-success'
@@ -358,6 +378,7 @@ const SpaceSpaceIdRouteWithChildren = SpaceSpaceIdRoute._addFileChildren(
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   AuthenticateSuccessRoute: AuthenticateSuccessRoute,
+  BountiesLazyRoute: BountiesLazyRoute,
   LoginLazyRoute: LoginLazyRoute,
   PlaygroundLazyRoute: PlaygroundLazyRoute,
   PodcastsLazyRoute: PodcastsLazyRoute,

apps/events/src/routes/__root.tsx

@@ -33,6 +33,9 @@ export const Route = createRootRoute({
           <nav className="ml-auto flex gap-4 sm:gap-6">
             {authenticated ? (
               <div className="flex items-center gap-4">
+                <Link className="text-xs" to="/bounties">
+                  Bounties
+                </Link>
                 <Link className="text-xs" to="/podcasts">
                   Podcasts
                 </Link>

apps/events/src/routes/bounties.lazy.tsx

@@ -0,0 +1,47 @@
+import { useEntities } from '@graphprotocol/hypergraph-react';
+import { createLazyFileRoute } from '@tanstack/react-router';
+import { Bounty } from '@/schema';
+
+export const Route = createLazyFileRoute('/bounties')({
+  component: RouteComponent,
+});
+
+const PERSON_ENTITY_ID = '7728d2458ae842d3a90a37e0bb8ee676';
+
+function RouteComponent() {
+  const { data: bounties, isLoading, isError } = useEntities(Bounty, {
+    mode: 'public',
+    spaces: 'all',
+    filter: {
+      interestedIn: { entityId: PERSON_ENTITY_ID },
+    },
+  });
+
+  return (
+    <div className="flex flex-col gap-4 max-w-(--breakpoint-sm) mx-auto py-8">
+      <h1 className="text-2xl font-bold">Bounties</h1>
+      <p className="text-sm text-gray-500">
+        Bounties where person {PERSON_ENTITY_ID} expressed interest
+      </p>
+
+      {isLoading && <div>Loading...</div>}
+      {isError && <div>Error loading bounties</div>}
+
+      {!isLoading && bounties.length === 0 && (
+        <div className="text-gray-500">No bounties found</div>
+      )}
+
+      <ul className="flex flex-col gap-2">
+        {bounties.map((bounty) => (
+          <li key={bounty.id} className="border rounded p-4">
+            <h2 className="font-semibold">{bounty.name}</h2>
+            {bounty.description && (
+              <p className="text-sm text-gray-600">{bounty.description}</p>
+            )}
+            <p className="text-xs text-gray-400 mt-1">{bounty.id}</p>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}

apps/events/src/schema.ts

@@ -360,6 +360,34 @@ export const PodcastHostTest = Entity.Schema(
   },
 );
 
+export const PersonBacklink = Entity.Schema(
+  {
+    name: Type.String,
+  },
+  {
+    types: [Id('7ed45f2bc48b419e8e4664d5ff680b0d')],
+    properties: {
+      name: Id(SystemIds.NAME_PROPERTY),
+    },
+  },
+);
+
+export const Bounty = Entity.Schema(
+  {
+    name: Type.String,
+    description: Type.optional(Type.String),
+    interestedIn: Type.Backlink(PersonBacklink),
+  },
+  {
+    types: [Id('808af0bad5884e3391f09dd4b25e18be')],
+    properties: {
+      name: Id(SystemIds.NAME_PROPERTY),
+      description: Id(SystemIds.DESCRIPTION_PROPERTY),
+      interestedIn: Id('ff7e1b4444a2419187324e6c222afe07'),
+    },
+  },
+);
+
 export const PersonHostTest = Entity.Schema(
   {
     name: Type.String,