examples

Author: patnir

components/Layout.tsx

@@ -231,6 +231,27 @@ export function Layout({ children, title = 'Base Verify Demo' }: LayoutProps) {
             Base Verify Docs
           </button>
           <span style={{ color: '#d1d5db', fontSize: '0.8rem' }}>•</span>
+          <button
+            onClick={() => router.push('/examples')}
+            style={{
+              background: 'none',
+              border: 'none',
+              color: '#9ca3af',
+              fontSize: '0.75rem',
+              cursor: 'pointer',
+              textDecoration: 'underline',
+              padding: 0
+            }}
+            onMouseEnter={(e) => {
+              e.currentTarget.style.color = '#1a1a1a';
+            }}
+            onMouseLeave={(e) => {
+              e.currentTarget.style.color = '#9ca3af';
+            }}
+          >
+            Examples
+          </button>
+          <span style={{ color: '#d1d5db', fontSize: '0.8rem' }}>•</span>
           <button
             onClick={() => router.push('/coinbase')}
             style={{

env.example

@@ -12,6 +12,7 @@ NEXT_PUBLIC_ONCHAINKIT_API_KEY="your_onchainkit_api_key_here"
 NEXT_PUBLIC_BASE_VERIFY_API_URL="https://verify.base.dev/v1"
 NEXT_PUBLIC_BASE_VERIFY_MINI_APP_URL="https://verify.base.dev"
 BASE_VERIFY_SECRET_KEY="sk_live_your_secret_key_here_64_character_hex_string"
+NEXT_PUBLIC_BASE_VERIFY_PUBLISHER_KEY="pk_live_your_publisher_key_here_64_character_hex_string"
 
 # Your application's URL
 NEXT_PUBLIC_APP_URL="https://baseverifydemo.com"

lib/config.ts

@@ -9,6 +9,9 @@ export const config = {
   // Secret key for authenticating with Base Verify backend (server-side only)
   baseVerifySecretKey: process.env.BASE_VERIFY_SECRET_KEY,
 
+  // Publisher key for client-side API calls (public, requires origin validation)
+  baseVerifyPublisherKey: process.env.NEXT_PUBLIC_BASE_VERIFY_PUBLISHER_KEY,
+  
   // Current app URL for redirects
   appUrl: process.env.NEXT_PUBLIC_APP_URL || 'https://baseverifydemo.com',
 }

lib/signature-generator.ts

@@ -41,12 +41,24 @@ function buildSIWEMessage(options: SIWEOptions): { message: string; nonce: strin
     // Add base provider URN
     resources.push(`urn:verify:provider:${provider}`);
 
-    // Add traits as embedded provider URNs: urn:verify:provider:provider:trait_type:value
+    // Add traits as embedded provider URNs: urn:verify:provider:provider:trait_type:operation:value
     Object.entries(traits).forEach(([key, value]) => {
       const safeKey = key;
       const safeValue = String(value);
-      // TODO: eq here is hardcoded, other options are gt and 
-      resources.push(`urn:verify:provider:${provider}:${safeKey}:eq:${safeValue}`);
+      
+      // Parse operation from value if present (e.g., "gt:100" -> operation: "gt", value: "100")
+      // Supported operations: eq, gt, gte, lt, lte, in
+      const operationMatch = safeValue.match(/^(eq|gt|gte|lt|lte|in):(.+)$/);
+      
+      if (operationMatch) {
+        // Value contains operation prefix
+        const operation = operationMatch[1];
+        const actualValue = operationMatch[2];
+        resources.push(`urn:verify:provider:${provider}:${safeKey}:${operation}:${actualValue}`);
+      } else {
+        // No operation prefix, default to 'eq'
+        resources.push(`urn:verify:provider:${provider}:${safeKey}:eq:${safeValue}`);
+      }
     });
   }