consolidate packages & rename to hypergraph (#89)

* consolidate packages

* fix tests

Author: nikgraf

README.md

@@ -34,4 +34,4 @@ pnpm prisma migrate dev # this will also generate the Prisma client
 
 ```sh
 pnpm up --interactive --latest -r
-```
+```

apps/events/package.json

@@ -20,15 +20,13 @@
     "@automerge/automerge": "^v2.2.9-alpha.3",
     "@automerge/automerge-repo": "^2.0.0-alpha.14",
     "@automerge/automerge-repo-react-hooks": "^2.0.0-alpha.14",
-    "@graphprotocol/graph-framework": "workspace:*",
+    "@graphprotocol/hypergraph": "workspace:*",
     "@noble/hashes": "^1.5.0",
     "@privy-io/react-auth": "^1.88.4",
     "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@tanstack/react-router": "^1.62.1",
-    "@xmtp/react-sdk": "^9.0.0",
-    "@xmtp/xmtp-js": "^13.0.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "effect": "^3.12.2",

apps/events/src/components/auth.tsx

@@ -1,11 +1,10 @@
-import { GraphLogin, useGraphLogin } from '@graph-framework/identity';
-import type { Signer } from '@graph-framework/identity/types';
+import { Identity } from '@graphprotocol/hypergraph';
 import { PrivyProvider, usePrivy, useWallets } from '@privy-io/react-auth';
 import { useRouter } from '@tanstack/react-router';
 import { useEffect, useState } from 'react';
 
 function DoGraphLogin() {
-  const { login } = useGraphLogin();
+  const { login } = Identity.useGraphLogin();
   useEffect(() => {
     console.log('Logging in to The Graph');
     login();
@@ -16,7 +15,7 @@ function DoGraphLogin() {
 function Auth({ children }: { children: React.ReactNode }) {
   const { signMessage, authenticated } = usePrivy();
   const { wallets } = useWallets();
-  const [signer, setSigner] = useState<Signer | null>(null);
+  const [signer, setSigner] = useState<Identity.Signer | null>(null);
 
   useEffect(() => {
     const getSigner = async () => {
@@ -43,10 +42,10 @@ function Auth({ children }: { children: React.ReactNode }) {
   return (
     <>
       {signer && authenticated ? (
-        <GraphLogin storage={localStorage} signer={signer}>
+        <Identity.GraphLogin storage={localStorage} signer={signer}>
           <DoGraphLogin />
           {children}
-        </GraphLogin>
+        </Identity.GraphLogin>
       ) : (
         children
       )}
@@ -79,7 +78,7 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
 
 export function RequireAuth({ children }: { children: React.ReactNode }) {
   const { authenticated } = usePrivy();
-  const { authenticated: graphAuthenticated } = useGraphLogin();
+  const { authenticated: graphAuthenticated } = Identity.useGraphLogin();
   const router = useRouter();
   if (!authenticated || !graphAuthenticated) {
     router.navigate({

apps/events/src/components/debug-invitations.tsx

@@ -1,11 +1,11 @@
-import type { Invitation } from '@graphprotocol/graph-framework';
+import type { Messages } from '@graphprotocol/hypergraph';
 
 import { Button } from './ui/button';
 
 type Props = {
-  invitations: Invitation[];
+  invitations: Messages.Invitation[];
   accept: (params: {
-    invitation: Invitation;
+    invitation: Messages.Invitation;
   }) => Promise<unknown>;
 };
 

apps/events/src/components/debug-space-events.tsx

@@ -1,6 +1,6 @@
-import type { SpaceEvent } from '@graphprotocol/graph-framework';
+import type { SpaceEvents } from '@graphprotocol/hypergraph';
 
-export function DebugSpaceEvents({ events }: { events: SpaceEvent[] }) {
+export function DebugSpaceEvents({ events }: { events: SpaceEvents.SpaceEvent[] }) {
   return (
     <ul className="text-xs">
       {events.map((event) => {

apps/events/src/components/debug-space-state.tsx

@@ -1,6 +1,6 @@
-import type { SpaceState } from '@graphprotocol/graph-framework';
+import type { SpaceEvents } from '@graphprotocol/hypergraph';
 
-export function DebugSpaceState(props: { state: SpaceState | undefined }) {
+export function DebugSpaceState(props: { state: SpaceEvents.SpaceState | undefined }) {
   return (
     <div className="text-xs">
       <pre>{JSON.stringify(props, null, 2)}</pre>

apps/events/src/components/logout.tsx

@@ -1,10 +1,10 @@
-import { useGraphLogin } from '@graph-framework/identity';
+import { Identity } from '@graphprotocol/hypergraph';
 import { usePrivy } from '@privy-io/react-auth';
 import { useRouter } from '@tanstack/react-router';
 import { Button } from './ui/button';
 
 export function Logout() {
-  const { logout: graphLogout } = useGraphLogin();
+  const { logout: graphLogout } = Identity.useGraphLogin();
   const { logout: privyLogout } = usePrivy();
   const router = useRouter();
   const disconnectWallet = () => {

apps/events/src/components/todos-app.tsx

@@ -1,16 +1,16 @@
 import { useState } from 'react';
 
-import { useCreateEntity, useDeleteEntity, useQuery, useUpdateEntity } from '@graph-framework/schema';
+import { Schema } from '@graphprotocol/hypergraph';
 
 import { Todo } from '../schema';
 import { Button } from './ui/button';
 import { Input } from './ui/input';
 
 export const TodosApp = () => {
-  const todos = useQuery(Todo);
-  const createEntity = useCreateEntity(Todo);
-  const updateEntity = useUpdateEntity(Todo);
-  const deleteEntity = useDeleteEntity();
+  const todos = Schema.useQuery(Todo);
+  const createEntity = Schema.useCreateEntity(Todo);
+  const updateEntity = Schema.useUpdateEntity(Todo);
+  const deleteEntity = Schema.useDeleteEntity();
   const [newTodoTitle, setNewTodoTitle] = useState('');
 
   return (

apps/events/src/main.test.ts

@@ -1,5 +1,5 @@
 import { expect, test } from 'vitest';
 
 test('hello', () => {
-  expect('Hello from graph-framework').toBe('Hello from graph-framework');
+  expect('Hello from hypergraph').toBe('Hello from hypergraph');
 });

apps/events/src/routes/__root.tsx

@@ -1,12 +1,12 @@
 import { Logout } from '@/components/logout';
-import { useGraphLogin } from '@graph-framework/identity';
+import { Identity } from '@graphprotocol/hypergraph';
 import { Link, Outlet, createRootRoute } from '@tanstack/react-router';
 import { TanStackRouterDevtools } from '@tanstack/router-devtools';
 import { CalendarDays } from 'lucide-react';
 
 export const Route = createRootRoute({
   component: () => {
-    const { authenticated } = useGraphLogin();
+    const { authenticated } = Identity.useGraphLogin();
     return (
       <>
         <div className="flex flex-col min-h-screen">