Ng/improvements (#269)

Author: nikgraf

apps/connect/.env.development

@@ -2,6 +2,7 @@ VITE_HYPERGRAPH_SYNC_SERVER_ORIGIN="http://localhost:3030"
 VITE_HYPERGRAPH_CHAIN="geo-testnet"
 VITE_HYPERGRAPH_API_URL="https://hypergraph-v2-testnet.up.railway.app/graphql"
 VITE_HYPERGRAPH_RPC_URL="https://rpc-geo-test-zc16z3tcvf.t.conduit.xyz"
+VITE_PRIVY_APP_ID="cmbhnmo1x000bla0mxudtd8z9"
 # VITE_HYPERGRAPH_CHAIN="geogenesis"
 # VITE_HYPERGRAPH_API_URL="https://hypergraph-v2.up.railway.app/graphql"
 # VITE_HYPERGRAPH_RPC_URL="https://rpc-geo-genesis-h0q2s21xx8.t.conduit.xyz"

apps/connect/.env.production

@@ -1,4 +1,5 @@
 VITE_HYPERGRAPH_SYNC_SERVER_ORIGIN="https://syncserver.hypergraph.thegraph.com"
-VITE_HYPERGRAPH_CHAIN="geogenesis"
-VITE_HYPERGRAPH_API_URL="https://hypergraph-v2.up.railway.app/graphql"
-VITE_HYPERGRAPH_RPC_URL="https://rpc-geo-genesis-h0q2s21xx8.t.conduit.xyz"
+VITE_HYPERGRAPH_CHAIN="geo-testnet"
+VITE_HYPERGRAPH_API_URL="https://hypergraph-v2-testnet.up.railway.app/graphql"
+VITE_HYPERGRAPH_RPC_URL="https://rpc-geo-test-zc16z3tcvf.t.conduit.xyz"
+VITE_PRIVY_APP_ID="cmcccikza007bjy0niawgutl0"

apps/connect/src/Boot.tsx

@@ -47,7 +47,7 @@ export function Boot() {
   return (
     <QueryClientProvider client={queryClient}>
       <PrivyProvider
-        appId="cmbhnmo1x000bla0mxudtd8z9"
+        appId={import.meta.env.VITE_PRIVY_APP_ID}
         config={{
           loginMethods: ['email', 'google'],
           appearance: {

apps/connect/vercel.json

@@ -0,0 +1,3 @@
+{
+  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
+}

apps/events/src/Boot.tsx

@@ -15,12 +15,7 @@ declare module '@tanstack/react-router' {
 
 export function Boot() {
   return (
-    <HypergraphAppProvider
-      storage={localStorage}
-      syncServerUri="http://localhost:3030"
-      mapping={mapping}
-      chainId={19411}
-    >
+    <HypergraphAppProvider syncServerUri="http://localhost:3030" mapping={mapping}>
       <RouterProvider router={router} />
     </HypergraphAppProvider>
   );

apps/events/src/routes/authenticate-success.tsx

@@ -1,7 +1,5 @@
-import { Connect } from '@graphprotocol/hypergraph';
 import { useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { createFileRoute, useNavigate } from '@tanstack/react-router';
-import * as Effect from 'effect/Effect';
 import { useEffect } from 'react';
 
 export const Route = createFileRoute('/authenticate-success')({

apps/next-example/src/components/providers.tsx

@@ -7,7 +7,7 @@ export default function Providers({ children }: { children: React.ReactNode }) {
   const storage = typeof window !== 'undefined' ? window.localStorage : (undefined as unknown as Storage);
 
   return (
-    <HypergraphAppProvider storage={storage} syncServerUri="http://localhost:3030" mapping={{}}>
+    <HypergraphAppProvider syncServerUri="http://localhost:3030" mapping={{}}>
       {children}
     </HypergraphAppProvider>
   );

packages/hypergraph-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphprotocol/hypergraph-react",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "React implementation and additional functionality, components, and hooks for the hypergraph SDK framework",
   "keywords": ["Web3", "Local-First", "Knowledge Graph", "Graph Protocol", "react"],
   "publishConfig": {

packages/hypergraph-react/src/HypergraphAppContext.tsx

@@ -215,19 +215,28 @@ export function useHypergraphAuth() {
 }
 
 export type HypergraphAppProviderProps = Readonly<{
-  storage: Identity.Storage;
+  storage?: Identity.Storage;
   syncServerUri?: string;
   chainId?: number;
   children: ReactNode;
   mapping: Mapping;
 }>;
+
+const mockStorage = {
+  getItem(_key: string) {
+    return null;
+  },
+  setItem(_key: string, _value: string) {},
+  removeItem(_key: string) {},
+};
+
 // 1) a) Get session token from local storage, or
 //    b) Auth with the sync server
 // 2) a)Try to get identity from the sync server, or
 //    b) If identity is not found, create a new identity
 //      (and store it in the sync server)
 export function HypergraphAppProvider({
-  storage,
+  storage = typeof window !== 'undefined' ? localStorage : mockStorage,
   syncServerUri = 'https://syncserver.hypergraph.thegraph.com',
   chainId = Connect.GEO_TESTNET.id,
   children,

packages/hypergraph/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphprotocol/hypergraph",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "SDK for building performant, type-safe, local-first dapps on top of The Graph ecosystem knowledge graphs.",
   "publishConfig": {
     "access": "public",