From e0f13aac70943dd61e8b99478a3d19e061f510de Mon Sep 17 00:00:00 2001 From: Nik Graf Date: Wed, 14 Jan 2026 12:44:20 +0100 Subject: [PATCH 1/3] fix useSpaces and Space.findManyPublic for new API --- .changeset/eighty-hornets-kiss.md | 7 ++++ apps/events/src/Boot.tsx | 6 +++- apps/events/src/routes/index.tsx | 27 +++++++++++++--- apps/events/src/routes/podcasts.lazy.tsx | 4 +-- docs/docs/query-public-data.md | 6 ++-- .../hypergraph-react/src/hooks/use-spaces.ts | 4 +-- .../hypergraph/src/space/find-many-public.ts | 32 +++++++++---------- 7 files changed, 58 insertions(+), 28 deletions(-) create mode 100644 .changeset/eighty-hornets-kiss.md diff --git a/.changeset/eighty-hornets-kiss.md b/.changeset/eighty-hornets-kiss.md new file mode 100644 index 00000000..2c856cbd --- /dev/null +++ b/.changeset/eighty-hornets-kiss.md @@ -0,0 +1,7 @@ +--- +"@graphprotocol/hypergraph-react": patch +"@graphprotocol/hypergraph": patch +--- + +fix useSpaces and Space.findManyPublic for new API + \ No newline at end of file diff --git a/apps/events/src/Boot.tsx b/apps/events/src/Boot.tsx index a1b8948a..8a576efb 100644 --- a/apps/events/src/Boot.tsx +++ b/apps/events/src/Boot.tsx @@ -14,7 +14,11 @@ declare module '@tanstack/react-router' { export function Boot() { return ( - + ); diff --git a/apps/events/src/routes/index.tsx b/apps/events/src/routes/index.tsx index c504c645..b282b7ed 100644 --- a/apps/events/src/routes/index.tsx +++ b/apps/events/src/routes/index.tsx @@ -1,11 +1,11 @@ +import { Button } from '@/components/ui/button'; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; +import { Input } from '@/components/ui/input'; import { store } from '@graphprotocol/hypergraph'; -import { useHypergraphApp, useSpaces } from '@graphprotocol/hypergraph-react'; +import { useHypergraphApp, usePublicSpaces, useSpaces } from '@graphprotocol/hypergraph-react'; import { createFileRoute, Link } from '@tanstack/react-router'; import { useSelector } from '@xstate/store/react'; import { useEffect, useState } from 'react'; -import { Button } from '@/components/ui/button'; -import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; -import { Input } from '@/components/ui/input'; export const Route = createFileRoute('/')({ component: Index, @@ -17,6 +17,13 @@ window.HYPERGRAPH_STORE = store; function Index() { const { data: publicSpaces } = useSpaces({ mode: 'public' }); const { data: privateSpaces } = useSpaces({ mode: 'private' }); + + const { data: publicSpaces2, invalidSpaces } = usePublicSpaces({ + filter: { editorId: 'b0043a26-cb81-379c-1217-dfd2283b67b8' }, + }); + + console.log({ invalidSpaces }); + const [spaceName, setSpaceName] = useState(''); const accountInboxes = useSelector(store, (state) => state.context.accountInboxes); @@ -124,6 +131,18 @@ function Index() { ); })} + v2 + {publicSpaces2?.map((space) => { + return ( +
  • + + + {space.name} + + +
    • + ); + })}
    diff --git a/apps/events/src/routes/podcasts.lazy.tsx b/apps/events/src/routes/podcasts.lazy.tsx index f010b0f0..1e85dae2 100644 --- a/apps/events/src/routes/podcasts.lazy.tsx +++ b/apps/events/src/routes/podcasts.lazy.tsx @@ -1,6 +1,6 @@ +import { Person, PersonHostTest, Podcast, Topic } from '@/schema'; import { useEntities, useEntity, usePublicSpaces } from '@graphprotocol/hypergraph-react'; import { createLazyFileRoute } from '@tanstack/react-router'; -import { Person, PersonHostTest, Podcast, Topic } from '@/schema'; export const Route = createLazyFileRoute('/podcasts')({ component: RouteComponent, @@ -117,7 +117,7 @@ function RouteComponent() { console.log({ topics }); const { data: spaces } = usePublicSpaces({ - filter: { memberAccountAddress: '0xE86b4a182779ae6320cA04ad43Fe6a1bed051e24' }, + filter: { memberId: 'cbbb9a68568e4e88938080ad0706f365' }, }); console.log('spaces', spaces); diff --git a/docs/docs/query-public-data.md b/docs/docs/query-public-data.md index b0627905..bf38c0cc 100644 --- a/docs/docs/query-public-data.md +++ b/docs/docs/query-public-data.md @@ -12,7 +12,7 @@ When you only need the list of public spaces (with optional avatar metadata) you import { usePublicSpaces } from '@graphprotocol/hypergraph-react'; const { data: spaces, invalidSpaces, isPending } = usePublicSpaces({ - filter: { editorAccountAddress: '0x1234...' }, + filter: { editorId: '0x1234...' }, }); ``` @@ -30,11 +30,11 @@ You can restrict the result set to spaces where a given account is a member or a ```ts await Space.findManyPublic({ - filter: { memberAccountAddress: '0x1234...' }, + filter: { memberId: '23kd4...' }, }); await Space.findManyPublic({ - filter: { editorAccountAddress: '0x1234...' }, + filter: { editorId: '23kd4...' }, }); ``` diff --git a/packages/hypergraph-react/src/hooks/use-spaces.ts b/packages/hypergraph-react/src/hooks/use-spaces.ts index 15b300dc..beea6739 100644 --- a/packages/hypergraph-react/src/hooks/use-spaces.ts +++ b/packages/hypergraph-react/src/hooks/use-spaces.ts @@ -6,8 +6,8 @@ import { useEffect } from 'react'; import { useHypergraphApp } from '../HypergraphAppContext.js'; const publicSpacesQueryDocument = gql` -query Spaces($accountAddress: String!) { - spaces(filter: {members: {some: {address: {is: $accountAddress}}}}) { +query Spaces($memberId: String!) { + spaces(filter: {members: {some: {memberSpaceId: {is: $memberId}}}}) { id page { name diff --git a/packages/hypergraph/src/space/find-many-public.ts b/packages/hypergraph/src/space/find-many-public.ts index bf5ad79f..1d1c74cc 100644 --- a/packages/hypergraph/src/space/find-many-public.ts +++ b/packages/hypergraph/src/space/find-many-public.ts @@ -32,16 +32,16 @@ query spaces { `; const memberSpacesQueryDocument = ` -query memberSpaces($accountAddress: String!) { - spaces(filter: {members: {some: {address: {is: $accountAddress}}}}) { +query memberSpaces($accountId: UUID!) { + spaces(filter: {members: {some: {memberSpaceId: {is: $accountId}}}}) { ${spaceFields} } } `; const editorSpacesQueryDocument = ` -query editorSpaces($accountAddress: String!) { - spaces(filter: {editors: {some: {address: {is: $accountAddress}}}}) { +query editorSpaces($accountId: UUID!) { + spaces(filter: {editors: {some: {memberSpaceId: {is: $accountId}}}}) { ${spaceFields} } } @@ -73,7 +73,7 @@ type SpacesQueryResult = { }; type SpacesQueryVariables = { - accountAddress: string; + accountId: string; }; type SpaceQueryEntry = NonNullable[number]; @@ -115,9 +115,9 @@ export const parseSpacesQueryResult = (queryResult: SpacesQueryResult) => { }; export type FindManyPublicFilter = - | Readonly<{ memberAccountAddress: string; editorAccountAddress?: never }> - | Readonly<{ editorAccountAddress: string; memberAccountAddress?: never }> - | Readonly<{ memberAccountAddress?: undefined; editorAccountAddress?: undefined }>; + | Readonly<{ memberId: string; editorId?: never }> + | Readonly<{ editorId: string; memberId?: never }> + | Readonly<{ memberId?: undefined; editorId?: undefined }>; export type FindManyPublicParams = Readonly<{ filter?: FindManyPublicFilter; @@ -125,25 +125,25 @@ export type FindManyPublicParams = Readonly<{ export const findManyPublic = async (params?: FindManyPublicParams) => { const filter = params?.filter; - const memberAccountAddress = filter?.memberAccountAddress; - const editorAccountAddress = filter?.editorAccountAddress; + const memberId = filter?.memberId; + const editorId = filter?.editorId; - if (memberAccountAddress && editorAccountAddress) { - throw new Error('Provide only one of memberAccountAddress or editorAccountAddress when calling findManyPublic().'); + if (memberId && editorId) { + throw new Error('Provide only one of memberId or editorId when calling findManyPublic().'); } const endpoint = `${Config.getApiOrigin()}/v2/graphql`; - if (memberAccountAddress) { + if (memberId) { const queryResult = await request(endpoint, memberSpacesQueryDocument, { - accountAddress: memberAccountAddress, + accountId: memberId, }); return parseSpacesQueryResult(queryResult); } - if (editorAccountAddress) { + if (editorId) { const queryResult = await request(endpoint, editorSpacesQueryDocument, { - accountAddress: editorAccountAddress, + accountId: editorId, }); return parseSpacesQueryResult(queryResult); } From 1621fb17a7d1cd10b4c2a45054107302da4f3aed Mon Sep 17 00:00:00 2001 From: Nik Graf Date: Wed, 14 Jan 2026 12:48:53 +0100 Subject: [PATCH 2/3] fix lint --- apps/events/src/routes/index.tsx | 6 +++--- apps/events/src/routes/podcasts.lazy.tsx | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/events/src/routes/index.tsx b/apps/events/src/routes/index.tsx index b282b7ed..58846cb9 100644 --- a/apps/events/src/routes/index.tsx +++ b/apps/events/src/routes/index.tsx @@ -1,11 +1,11 @@ -import { Button } from '@/components/ui/button'; -import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; -import { Input } from '@/components/ui/input'; import { store } from '@graphprotocol/hypergraph'; import { useHypergraphApp, usePublicSpaces, useSpaces } from '@graphprotocol/hypergraph-react'; import { createFileRoute, Link } from '@tanstack/react-router'; import { useSelector } from '@xstate/store/react'; import { useEffect, useState } from 'react'; +import { Button } from '@/components/ui/button'; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; +import { Input } from '@/components/ui/input'; export const Route = createFileRoute('/')({ component: Index, diff --git a/apps/events/src/routes/podcasts.lazy.tsx b/apps/events/src/routes/podcasts.lazy.tsx index 1e85dae2..186abba7 100644 --- a/apps/events/src/routes/podcasts.lazy.tsx +++ b/apps/events/src/routes/podcasts.lazy.tsx @@ -1,6 +1,6 @@ -import { Person, PersonHostTest, Podcast, Topic } from '@/schema'; import { useEntities, useEntity, usePublicSpaces } from '@graphprotocol/hypergraph-react'; import { createLazyFileRoute } from '@tanstack/react-router'; +import { Person, PersonHostTest, Podcast, Topic } from '@/schema'; export const Route = createLazyFileRoute('/podcasts')({ component: RouteComponent, From c25bd17fbc8a8a36c9cba9de732359f15042774b Mon Sep 17 00:00:00 2001 From: Nik Graf Date: Wed, 14 Jan 2026 12:50:02 +0100 Subject: [PATCH 3/3] fix type --- packages/hypergraph-react/src/hooks/use-spaces.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/hypergraph-react/src/hooks/use-spaces.ts b/packages/hypergraph-react/src/hooks/use-spaces.ts index beea6739..e967f268 100644 --- a/packages/hypergraph-react/src/hooks/use-spaces.ts +++ b/packages/hypergraph-react/src/hooks/use-spaces.ts @@ -6,7 +6,7 @@ import { useEffect } from 'react'; import { useHypergraphApp } from '../HypergraphAppContext.js'; const publicSpacesQueryDocument = gql` -query Spaces($memberId: String!) { +query Spaces($memberId: UUID!) { spaces(filter: {members: {some: {memberSpaceId: {is: $memberId}}}}) { id page {