Ng/connect debug (#270)

Author: nikgraf

apps/connect/.env.development

@@ -3,6 +3,7 @@ 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_PRIVY_PROVIDERS="development"
 # 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

@@ -2,4 +2,5 @@ VITE_HYPERGRAPH_SYNC_SERVER_ORIGIN="https://syncserver.hypergraph.thegraph.com"
 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"
+VITE_PRIVY_APP_ID="cmcccikza007bjy0niawgutl0"
+VITE_PRIVY_PROVIDERS="production"

apps/connect/package.json

@@ -44,6 +44,7 @@
     "prettier-plugin-tailwindcss": "^0.6.13",
     "tailwindcss": "^4.1.10",
     "unplugin-fonts": "^1.3.1",
+    "vite-plugin-node-polyfills": "^0.23.0",
     "vite-plugin-svgr": "^4.3.0"
   }
 }

apps/connect/src/Boot.tsx

@@ -49,7 +49,7 @@ export function Boot() {
       <PrivyProvider
         appId={import.meta.env.VITE_PRIVY_APP_ID}
         config={{
-          loginMethods: ['email', 'google'],
+          loginMethods: import.meta.env.VITE_PRIVY_PROVIDERS === 'development' ? ['email', 'google'] : ['email'],
           appearance: {
             theme: 'light',
             accentColor: '#6833ff',

apps/connect/vite.config.ts

@@ -4,6 +4,7 @@ import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
 import react from '@vitejs/plugin-react';
 import unfonts from 'unplugin-fonts/vite';
 import { defineConfig } from 'vite';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import svgr from 'vite-plugin-svgr';
 
 // https://vitejs.dev/config/
@@ -12,6 +13,13 @@ export default defineConfig({
     port: 5180,
   },
   plugins: [
+    nodePolyfills({
+      protocolImports: true,
+      globals: {
+        Buffer: true,
+      },
+      include: ['buffer'],
+    }),
     TanStackRouterVite(),
     react(),
     tailwindcss(),