configure client wagmi provider with api keys (#217)

Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Co-authored-by: Aaron Sutula <asutula@users.noreply.github.com>

Author: asutula

packages/cli/.env.example

@@ -6,5 +6,5 @@ SESSION_COOKIE_NAME="STUDIO_SESSION"
 SESSION_COOKIE_PASS="secure password secure password secure password secure password secure password secure password secure password"
 DATA_SEAL_PASS="secure password secure password secure password secure password secure password secure password secure password"
 POSTMARK_API_KEY=fillme(optional)
-API_ROUTER_INFURA_KEY="api key"
-API_ROUTER_QUICK_NODE_KEY="api key"
+NEXT_PUBLIC_API_ROUTER_INFURA_KEY="api key"
+NEXT_PUBLIC_API_ROUTER_QUICK_NODE_KEY="api key"

packages/web/components/wagmi-provider.tsx

@@ -8,6 +8,10 @@ const { chains, publicClient, webSocketPublicClient } = configuredChains(
   typeof window !== "undefined" &&
     (window.location?.hostname === "localhost" ||
       window.location?.hostname === "127.0.0.1"),
+  {
+    infura: process.env.NEXT_PUBLIC_API_ROUTER_INFURA_KEY ?? "",
+    quickNode: process.env.NEXT_PUBLIC_API_ROUTER_QUICK_NODE_KEY ?? "",
+  },
 );
 
 const config = createConfig({

packages/web/lib/api-router.ts

@@ -11,6 +11,6 @@ export const apiRouter = appRouter(
   (seal) => `${baseUrl}/invite?seal=${seal}`,
   process.env.DATA_SEAL_PASS!,
   process.env.NODE_ENV === "development",
-  process.env.API_ROUTER_INFURA_KEY ?? "",
-  process.env.API_ROUTER_QUICK_NODE_KEY ?? "",
+  process.env.NEXT_PUBLIC_API_ROUTER_INFURA_KEY ?? "",
+  process.env.NEXT_PUBLIC_API_ROUTER_QUICK_NODE_KEY ?? "",
 );