feat(separate react): pull in updates from main to auth

Author: cmwhited

apps/events/src/Boot.tsx

@@ -1,7 +1,8 @@
 import { RouterProvider, createRouter } from '@tanstack/react-router';
 
-import { Identity } from '@graphprotocol/hypergraph';
+import { Auth } from '@graphprotocol/hypergraph-react';
 import { PrivyProvider } from '@privy-io/react-auth';
+
 import { routeTree } from './routeTree.gen';
 
 // Create a new router instance
@@ -32,9 +33,9 @@ export function Boot() {
         },
       }}
     >
-      <Identity.GraphLogin storage={localStorage}>
+      <Auth.HypergraphAuthProvider storage={localStorage}>
         <RouterProvider router={router} />
-      </Identity.GraphLogin>
+      </Auth.HypergraphAuthProvider>
     </PrivyProvider>
   );
 }

packages/hypergraph-react/src/HypergraphAuthContext.tsx

@@ -58,7 +58,6 @@ export function useHypergraphSessionToken() {
 
 export type HypergraphAuthProviderProps = Readonly<{
   storage: Identity.Storage;
-  signer: Identity.Signer | null;
   syncServerUri?: string;
   chainId?: number;
   children: ReactNode;
@@ -70,7 +69,6 @@ export type HypergraphAuthProviderProps = Readonly<{
 //      (and store it in the sync server)
 export function HypergraphAuthProvider({
   storage,
-  signer,
   syncServerUri = 'http://localhost:3030',
   chainId = 80451,
   children,

packages/hypergraph-react/test/HypergraphAuthContext.test.tsx

@@ -2,11 +2,8 @@ import '@testing-library/jest-dom/vitest';
 import { cleanup, renderHook } from '@testing-library/react';
 // biome-ignore lint/style/useImportType: <explanation>
 import React from 'react';
-import { type PrivateKeyAccount, generatePrivateKey, privateKeyToAccount } from 'viem/accounts';
 import { afterEach, describe, expect, it } from 'vitest';
 
-import type { Identity } from '@graphprotocol/hypergraph';
-
 import { HypergraphAuthProvider, useAuthenticated, useHypergraphAccountId } from '../src/HypergraphAuthContext.js';
 
 afterEach(() => {
@@ -15,36 +12,21 @@ afterEach(() => {
 
 const storageMockDict = {} as { [key: string]: string };
 const storageMock = {
-  getItem: (key: string) => {
+  getItem(key: string) {
     return storageMockDict[key] || null;
   },
-  setItem: (key: string, value: string) => {
+  setItem(key: string, value: string) {
     storageMockDict[key] = value;
   },
-  removeItem: (key: string) => {
+  removeItem(key: string) {
     delete storageMockDict[key];
   },
 };
-const accountSigner = (account: PrivateKeyAccount): Identity.Signer => {
-  return {
-    signMessage: async (message: string) => {
-      return account.signMessage({ message });
-    },
-    getAddress: async () => {
-      return account.address;
-    },
-  };
-};
 
 describe('HypergraphAuthContext', () => {
   it('should render the HypergraphAuthProvider and be initially unauthenticetd', async () => {
-    // generate a random private key to simulate a user wallet
-    const account = privateKeyToAccount(generatePrivateKey());
-    const signer = accountSigner(account);
     const wrapper = ({ children }: Readonly<{ children: React.ReactNode }>) => (
-      <HypergraphAuthProvider storage={storageMock} signer={signer}>
-        {children}
-      </HypergraphAuthProvider>
+      <HypergraphAuthProvider storage={storageMock}>{children}</HypergraphAuthProvider>
     );
 
     const { result: authenticatedResult } = renderHook(() => useAuthenticated(), { wrapper });