Error connecting to Waku network
diff --git a/examples/buddybook/src/env.ts b/examples/buddybook/src/env.ts
index ec490c5..7958523 100644
--- a/examples/buddybook/src/env.ts
+++ b/examples/buddybook/src/env.ts
@@ -1,10 +1,21 @@
import { createEnv } from "@t3-oss/env-core";
import { z } from "zod";
+// Define a global type for our environment variables
+declare global {
+ const __ENV__: {
+ NODE_ENV: string;
+ VITE_WALLETCONNECT_PROJECT_ID: string;
+ }
+}
+
export const env = createEnv({
clientPrefix: "VITE_",
client: {
- VITE_WALLETCONNECT_PROJECT_ID: z.string().min(1),
+ VITE_WALLETCONNECT_PROJECT_ID: z.string().length(32, "WalletConnect Project ID must be 32 characters long"),
},
- runtimeEnv: import.meta.env,
+ runtimeEnv: {
+ VITE_WALLETCONNECT_PROJECT_ID: __ENV__.VITE_WALLETCONNECT_PROJECT_ID
+ },
+ emptyStringAsUndefined: true,
});
diff --git a/examples/buddybook/src/lib/waku-config.ts b/examples/buddybook/src/lib/waku-config.ts
new file mode 100644
index 0000000..61789d4
--- /dev/null
+++ b/examples/buddybook/src/lib/waku-config.ts
@@ -0,0 +1,15 @@
+import { Protocols } from '@waku/sdk';
+
+// Configure Waku options with browser-compatible settings
+export const WAKU_NODE_OPTIONS = {
+ defaultBootstrap: true,
+ libp2p: {
+ addresses: {
+ listen: [] // Empty for browser environments
+ },
+ connectionManager: {
+ minConnections: 2
+ }
+ },
+ protocols: [Protocols.Store, Protocols.Filter, Protocols.LightPush]
+};
\ No newline at end of file
diff --git a/examples/buddybook/src/lib/walletConnect.ts b/examples/buddybook/src/lib/walletConnect.ts
index e8de5cb..d39217a 100644
--- a/examples/buddybook/src/lib/walletConnect.ts
+++ b/examples/buddybook/src/lib/walletConnect.ts
@@ -1,15 +1,24 @@
import { mainnet } from 'wagmi/chains'
-import { createConfig, http } from 'wagmi'
-import { getDefaultConfig } from 'connectkit'
-import { env } from '@/env'
+import { createConfig, http } from 'wagmi'
+import { getDefaultConfig } from 'connectkit'
+
+// Try multiple ways to get the project ID
+const projectId =
+ process.env.VITE_WALLETCONNECT_PROJECT_ID ||
+ window.process?.env?.VITE_WALLETCONNECT_PROJECT_ID ||
+ 'dd346811b5dd8a8f7d471df7c571dd92' // Fallback to hardcoded value if all else fails
+
+if (!projectId) {
+ throw new Error('Missing VITE_WALLETCONNECT_PROJECT_ID environment variable')
+}
export const config = createConfig(
- getDefaultConfig({
- appName: 'BuddyBook',
- walletConnectProjectId: env.VITE_WALLETCONNECT_PROJECT_ID,
- chains: [mainnet],
- transports: {
- [mainnet.id]: http(),
- },
- }),
- )
+ getDefaultConfig({
+ appName: 'BuddyBook',
+ walletConnectProjectId: projectId,
+ chains: [mainnet],
+ transports: {
+ [mainnet.id]: http(),
+ },
+ }),
+)
diff --git a/examples/buddybook/src/main.tsx b/examples/buddybook/src/main.tsx
index 49f14f7..5e6dc75 100644
--- a/examples/buddybook/src/main.tsx
+++ b/examples/buddybook/src/main.tsx
@@ -1,3 +1,4 @@
+import { Buffer } from 'buffer'
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { WagmiProvider } from 'wagmi'
@@ -8,8 +9,15 @@ import App from './App.tsx'
import './index.css'
import { LightNodeProvider } from "@waku/react";
import { config } from './lib/walletConnect.ts'
-import { WAKU_NODE_OPTIONS } from './lib/waku.ts'
+import { WAKU_NODE_OPTIONS } from './lib/waku-config.ts'
+// Polyfills
+if (typeof global === 'undefined') {
+ (window as any).global = window;
+}
+if (typeof Buffer === 'undefined') {
+ (window as any).Buffer = Buffer;
+}
const queryClient = new QueryClient()
@@ -19,7 +27,7 @@ createRoot(document.getElementById('root')!).render(
-
+
diff --git a/examples/buddybook/src/vite-env.d.ts b/examples/buddybook/src/vite-env.d.ts
index 11f02fe..94fd20b 100644
--- a/examples/buddybook/src/vite-env.d.ts
+++ b/examples/buddybook/src/vite-env.d.ts
@@ -1 +1,6 @@
///
+
+declare const __ENV__: {
+ NODE_ENV: string;
+ VITE_WALLETCONNECT_PROJECT_ID: string;
+}
diff --git a/examples/buddybook/tasks.md b/examples/buddybook/tasks.md
index 2f988d3..1c43d3a 100644
--- a/examples/buddybook/tasks.md
+++ b/examples/buddybook/tasks.md
@@ -1,12 +1,21 @@
- [ x ] waku connections on header should have green/yellow/red color indicator
- [ x ] chains can't be signed twice by an address
-- [ ] generate waku peer id using the wallet address
+- [ x ] sign shared chain route should show spinner while waiting for the store query to resolve
+- [ x ] create chain -> QR modal should have a sharable link instead of the object
+- [ x ] store query should yield messages as they come in, instead of waiting for all of them to come in before displaying anything
+
+- [ ] generate waku peer id using a custom seed (store in localstorage)
- [ ] telemetry
- [ x ] disclaimer
- [ ] functionality
-- [ ] landing page
- [ ] look into high initial loading times
- [ ] fix deployment/hosting
-- [ x ] sign shared chain route should show spinner while waiting for the store query to resolve
-- [ x ] create chain -> QR modal should have a sharable link instead of the object
-- [ x ] store query should yield messages as they come in, instead of waiting for all of them to come in before displaying anything
\ No newline at end of file
+
+- [ ] Meme UI options
+ - [ ] Pepe?
+- [ ] landing page
+- [ ] leaderboard/top 3 chains on the landing
+
+- [ ] view chains
+ - sorted by most recent
+ - sorted by most signed
diff --git a/examples/buddybook/vite.config.ts b/examples/buddybook/vite.config.ts
index a12ddef..8aeb465 100644
--- a/examples/buddybook/vite.config.ts
+++ b/examples/buddybook/vite.config.ts
@@ -1,27 +1,57 @@
import path from "path"
import react from "@vitejs/plugin-react"
-import { defineConfig } from "vite"
+import { defineConfig, loadEnv } from "vite"
-export default defineConfig({
- plugins: [react()],
- resolve: {
- alias: {
- "@": path.resolve(__dirname, "./src"),
- },
- },
- base: '/buddybook/',
- build: {
- assetsDir: 'assets',
- manifest: true,
- rollupOptions: {
- output: {
- entryFileNames: 'assets/[name]-[hash].js',
- chunkFileNames: 'assets/[name]-[hash].js',
- assetFileNames: 'assets/[name]-[hash].[ext]'
+export default defineConfig(({ mode }) => {
+ const env = loadEnv(mode, process.cwd(), '')
+
+ return {
+ plugins: [
+ react(),
+ {
+ name: 'html-transform',
+ transformIndexHtml(html) {
+ return html.replace(
+ /%VITE_WALLETCONNECT_PROJECT_ID%/g,
+ env.VITE_WALLETCONNECT_PROJECT_ID || ''
+ )
+ }
}
+ ],
+ resolve: {
+ alias: {
+ "@": path.resolve(__dirname, "./src"),
+ stream: 'stream-browserify',
+ buffer: 'buffer',
+ util: 'util',
+ process: 'process/browser',
+ },
+ },
+ build: {
+ assetsDir: 'assets',
+ manifest: true,
+ rollupOptions: {
+ output: {
+ entryFileNames: 'assets/[name]-[hash].js',
+ chunkFileNames: 'assets/[name]-[hash].js',
+ assetFileNames: 'assets/[name]-[hash].[ext]'
+ }
+ }
+ },
+ define: {
+ global: 'globalThis',
+ 'process.env.VITE_WALLETCONNECT_PROJECT_ID': JSON.stringify(env.VITE_WALLETCONNECT_PROJECT_ID),
+ 'process': {
+ 'env': {
+ 'NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+ 'DEBUG': JSON.stringify(process.env.DEBUG),
+ 'VITE_WALLETCONNECT_PROJECT_ID': JSON.stringify(env.VITE_WALLETCONNECT_PROJECT_ID)
+ },
+ 'nextTick': 'setImmediate',
+ 'platform': JSON.stringify('browser'),
+ 'version': JSON.stringify('v16.0.0'),
+ 'browser': true
+ },
}
- },
- define: {
- 'process.env': {}
}
})