From 1cb03790228ae39dc12b39358728210931c5e7d1 Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 01:02:39 -0600 Subject: [PATCH 01/23] docs: add Vercel environment variables setup guide --- VERCEL_ENV_SETUP.md | 85 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 VERCEL_ENV_SETUP.md diff --git a/VERCEL_ENV_SETUP.md b/VERCEL_ENV_SETUP.md new file mode 100644 index 0000000..d592fb6 --- /dev/null +++ b/VERCEL_ENV_SETUP.md @@ -0,0 +1,85 @@ +# Vercel Environment Variables Setup + +## Required Environment Variables + +Para que la aplicación funcione correctamente en producción, necesitas configurar las siguientes variables de entorno en Vercel: + +### 1. Reown/Web3Modal Configuration + +**IMPORTANTE:** Asegúrate de que NO haya saltos de línea o espacios extra al final del Project ID. + +``` +NEXT_PUBLIC_PROJECT_ID=6fd397eb41ba4744205068f35b888825 +``` + +**También necesitas:** +- Ir a https://dashboard.reown.com +- Seleccionar tu proyecto +- En "App Settings" → "Allowed Domains", agregar: + - `gigstream-mx.vercel.app` + - `*.vercel.app` (para preview deployments) + - Tu dominio personalizado si lo tienes + +### 2. Gemini AI + +``` +GEMINI_API_KEY=AIzaSyBIagF-Irh1r-9r0VcD_Z5XcghyfXEiLj8 +GOOGLE_GENERATIVE_AI_API_KEY=AIzaSyBIagF-Irh1r-9r0VcD_Z5XcghyfXEiLj8 +``` + +### 3. Smart Contracts + +**IMPORTANTE:** Asegúrate de que NO haya saltos de línea al final de las direcciones. + +``` +NEXT_PUBLIC_GIGESCROW_ADDRESS=0x7094f1eb1c49Cf89B793844CecE4baE655f3359b +NEXT_PUBLIC_REPUTATION_TOKEN_ADDRESS=0x51FBdDcD12704e4FCc28880E22b582362811cCdf +NEXT_PUBLIC_STAKING_POOL_ADDRESS=0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4 +``` + +### 4. Somnia Network + +``` +NEXT_PUBLIC_SOMNIA_RPC_URL=https://dream-rpc.somnia.network +NEXT_PUBLIC_SOMNIA_CHAIN_ID=50312 +NEXT_PUBLIC_SOMNIA_EXPLORER=https://shannon-explorer.somnia.network +``` + +### 5. App URL (Opcional) + +``` +NEXT_PUBLIC_APP_URL=https://gigstream-mx.vercel.app +``` + +## Cómo Configurar en Vercel + +1. Ve a tu proyecto en Vercel: https://vercel.com/dashboard +2. Selecciona el proyecto "gigstream-mx" +3. Ve a "Settings" → "Environment Variables" +4. Agrega cada variable de entorno +5. **IMPORTANTE:** Al pegar valores, asegúrate de: + - No tener espacios al inicio o final + - No tener saltos de línea + - Usar el formato exacto mostrado arriba + +## Verificar Configuración + +Después de configurar las variables: +1. Ve a "Deployments" +2. Haz un nuevo deployment o redeploy el último +3. Verifica que no haya errores 403 en la consola del navegador + +## Problemas Comunes + +### Error 403 en api.web3modal.org +- **Causa:** El dominio no está autorizado en Reown Dashboard +- **Solución:** Agrega el dominio en https://dashboard.reown.com → Tu Proyecto → App Settings → Allowed Domains + +### Error "Address is invalid" +- **Causa:** Saltos de línea o espacios en las direcciones de contratos +- **Solución:** Asegúrate de que las variables de entorno no tengan espacios o saltos de línea al final + +### Error "Project ID not found" +- **Causa:** Saltos de línea en NEXT_PUBLIC_PROJECT_ID +- **Solución:** Copia y pega el Project ID sin espacios ni saltos de línea + From 66984cbe6b1e508b9affca81599532091c2ae661 Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 10:18:28 -0600 Subject: [PATCH 02/23] security: eliminar API key de Gemini expuesta en VERCEL_ENV_SETUP.md --- .gitignore | 1 + VERCEL_ENV_SETUP.md | 34 +++++++++++++++++++++++++++++++--- 2 files changed, 32 insertions(+), 3 deletions(-) diff --git a/.gitignore b/.gitignore index 01ab233..596a2e8 100644 --- a/.gitignore +++ b/.gitignore @@ -28,6 +28,7 @@ yarn-error.log* # Local env files .env*.local .env +.env.production env.example # Vercel diff --git a/VERCEL_ENV_SETUP.md b/VERCEL_ENV_SETUP.md index d592fb6..d28ba0b 100644 --- a/VERCEL_ENV_SETUP.md +++ b/VERCEL_ENV_SETUP.md @@ -20,13 +20,23 @@ NEXT_PUBLIC_PROJECT_ID=6fd397eb41ba4744205068f35b888825 - `*.vercel.app` (para preview deployments) - Tu dominio personalizado si lo tienes -### 2. Gemini AI +### 2. Gemini AI (CRÍTICO PARA IA) + +**IMPORTANTE:** La IA requiere estas variables para funcionar. Sin ellas, las funciones de IA mostrarán mensajes de error. ``` -GEMINI_API_KEY=AIzaSyBIagF-Irh1r-9r0VcD_Z5XcghyfXEiLj8 -GOOGLE_GENERATIVE_AI_API_KEY=AIzaSyBIagF-Irh1r-9r0VcD_Z5XcghyfXEiLj8 +GEMINI_API_KEY=tu_api_key_aqui +GOOGLE_GENERATIVE_AI_API_KEY=tu_api_key_aqui ``` +**Nota:** El sistema acepta cualquiera de las dos variables. Se recomienda configurar ambas para compatibilidad. + +**Cómo obtener tu API key:** +1. Ve a https://aistudio.google.com/app/apikey +2. Crea una nueva API key o usa una existente +3. Copia y pega en Vercel (sin espacios ni saltos de línea) +4. **IMPORTANTE:** NUNCA subas tu API key a Git. Solo configúrala en Vercel como variable de entorno. + ### 3. Smart Contracts **IMPORTANTE:** Asegúrate de que NO haya saltos de línea al final de las direcciones. @@ -68,6 +78,7 @@ Después de configurar las variables: 1. Ve a "Deployments" 2. Haz un nuevo deployment o redeploy el último 3. Verifica que no haya errores 403 en la consola del navegador +4. **Prueba la IA:** Visita `/api/test-gemini` para verificar que Gemini esté funcionando ## Problemas Comunes @@ -83,3 +94,20 @@ Después de configurar las variables: - **Causa:** Saltos de línea en NEXT_PUBLIC_PROJECT_ID - **Solución:** Copia y pega el Project ID sin espacios ni saltos de línea +### Error "Gemini AI no está configurado" +- **Causa:** Las variables `GEMINI_API_KEY` o `GOOGLE_GENERATIVE_AI_API_KEY` no están configuradas en Vercel +- **Solución:** + 1. Ve a Vercel Dashboard → Tu Proyecto → Settings → Environment Variables + 2. Agrega `GEMINI_API_KEY` con tu API key de Google AI Studio + 3. Opcionalmente agrega `GOOGLE_GENERATIVE_AI_API_KEY` con el mismo valor + 4. Haz un nuevo deployment + 5. Verifica en `/api/test-gemini` que funcione + +### Error "Request timeout" o "Tiempo de espera agotado" +- **Causa:** La solicitud a Gemini tardó más de 55 segundos +- **Solución:** Esto es normal en ocasiones. El sistema tiene un timeout de 55 segundos para evitar exceder el límite de Vercel (60s). Intenta de nuevo. + +### Error "API rate limit exceeded" +- **Causa:** Has excedido el límite de solicitudes de la API de Gemini +- **Solución:** Espera unos minutos antes de intentar de nuevo. Considera actualizar tu plan de Google AI Studio si necesitas más cuota. + From a00a7d09ae02a51d2a76d5855765e42a492b1507 Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 14:01:35 -0600 Subject: [PATCH 03/23] feat: Complete Somnia Data Streams integration and English translation - Integrate Somnia SDS SDK fully into frontend with visual indicators - Add SDSJobsIndicator component for Data Streams availability - Add useSDSJobs hook for fetching jobs from Data Streams - Add API endpoint /api/sds/read-jobs for querying Data Streams - Update JobCard to show SDS badge for jobs in Data Streams - Translate all Spanish text to English across frontend components - Fix TypeScript error 7022 in useGigStream hook (naming conflict) - Update date-fns locale from Spanish to English (enUS) - Improve error handling and type safety in SDS integration - Add comprehensive integration tests for Somnia SDS SDK - Update README with Data Streams API documentation --- .gitignore | 7 +- INTEGRACION_SDS_VISUAL.md | 94 +++ README.md | 42 +- SOLUCION_API_KEY.md | 79 ++ env.example | 58 ++ next.config.js | 2 + package.json | 2 + pnpm-lock.yaml | 27 + src/app/api/gemini/route.ts | 62 +- src/app/api/sds/publish-job/route.ts | 95 +++ src/app/api/sds/read-jobs/route.ts | 74 ++ src/app/api/streams/route.ts | 119 ++- src/app/api/test-gemini/route.ts | 31 +- src/app/gigstream/job/[id]/page.tsx | 84 +- src/app/gigstream/my-jobs/page.tsx | 719 ++++++++++++++++++ src/app/gigstream/page.tsx | 43 +- src/app/gigstream/post/page.tsx | 6 + src/components/chatbot/GeminiBot.tsx | 12 +- src/components/gigstream/AIBidOptimizer.tsx | 20 +- src/components/gigstream/AIJobMatcher.tsx | 12 +- src/components/gigstream/JobCard.tsx | 47 +- src/components/gigstream/SDSJobsIndicator.tsx | 46 ++ src/components/somnia/Navbar.tsx | 2 + src/hooks/useGigStream.ts | 71 +- src/hooks/useSDSJobs.ts | 83 ++ .../__tests__/somnia-sds.integration.test.ts | 245 ++++++ src/lib/ai/gemini-advanced.ts | 39 +- src/lib/somnia-sds.ts | 255 +++++++ src/providers/GeminiProvider.tsx | 51 +- vitest.config.ts | 37 + 30 files changed, 2295 insertions(+), 169 deletions(-) create mode 100644 INTEGRACION_SDS_VISUAL.md create mode 100644 SOLUCION_API_KEY.md create mode 100644 env.example create mode 100644 src/app/api/sds/publish-job/route.ts create mode 100644 src/app/api/sds/read-jobs/route.ts create mode 100644 src/app/gigstream/my-jobs/page.tsx create mode 100644 src/components/gigstream/SDSJobsIndicator.tsx create mode 100644 src/hooks/useSDSJobs.ts create mode 100644 src/lib/__tests__/somnia-sds.integration.test.ts create mode 100644 src/lib/somnia-sds.ts create mode 100644 vitest.config.ts diff --git a/.gitignore b/.gitignore index 596a2e8..e211e7e 100644 --- a/.gitignore +++ b/.gitignore @@ -25,11 +25,14 @@ npm-debug.log* yarn-debug.log* yarn-error.log* -# Local env files +# Local env files (NEVER commit these!) .env*.local .env .env.production -env.example + +# env.example SHOULD be versioned (it's a template) +# Remove env.example from ignore if you want to track it +# env.example # Vercel .vercel diff --git a/INTEGRACION_SDS_VISUAL.md b/INTEGRACION_SDS_VISUAL.md new file mode 100644 index 0000000..01504ae --- /dev/null +++ b/INTEGRACION_SDS_VISUAL.md @@ -0,0 +1,94 @@ +# Integración Visual de Somnia Data Streams + +## ✅ Elementos Visuales Implementados + +### 1. **Dashboard Principal (`/gigstream`)** + +#### Header Section +- **Indicador SDS con contador** (línea 79-81) + - Se muestra al lado de "Live SDS Streams • X active jobs" + - Badge con icono de Database + contador "X in SDS" + - Solo visible si hay jobs en Data Streams + - Estilo: gradiente cyan/green con borde + +#### Live Streams Card +- **Indicador SDS pequeño** (línea 165-167) + - Icono sin contador en la esquina superior derecha + - Solo visible si hay jobs en SDS +- **Contador de jobs en SDS** (línea 170-174) + - Texto: "X job(s) in Data Streams" + - Color: somnia-cyan/80 + - Solo visible si hay jobs en SDS + +### 2. **JobCard Component** + +#### Badge de SDS +- **Icono Database** (línea 78-81) + - Se muestra en la esquina superior derecha del card + - Color: somnia-cyan + - Tooltip: "Available in Somnia Data Streams" + - Solo visible si el job está en Data Streams + - Verificación asíncrona al cargar el job + +### 3. **SDSJobsIndicator Component** + +#### Estados Visuales +1. **Loading** (línea 16-22) + - Spinner animado + - Texto "Loading SDS..." + - Color: white/50 + +2. **Empty** (línea 25-27) + - No se muestra nada (return null) + +3. **With Jobs** (línea 29-43) + - Badge con gradiente cyan/green + - Icono Database (cyan) + - Contador "X in SDS" (si showCount=true) + - Icono Zap animado (green, pulsing) + - Animación de entrada (fade + scale) + +## 🎨 Estilos Visuales + +### Colores +- **Somnia Cyan**: `text-somnia-cyan` / `border-somnia-cyan/30` +- **MX Green**: `text-mx-green` (para animación) +- **Gradientes**: `from-somnia-cyan/20 to-mx-green/20` + +### Animaciones +- **Fade In + Scale**: `initial={{ opacity: 0, scale: 0.9 }}` → `animate={{ opacity: 1, scale: 1 }}` +- **Pulse**: `animate-pulse` en icono Zap +- **Spinner**: `animate-spin` en estado loading + +## 📍 Ubicaciones en el Frontend + +1. **Dashboard Header** (`src/app/gigstream/page.tsx:79-81`) + - Indicador con contador visible + +2. **Live Streams Card** (`src/app/gigstream/page.tsx:165-174`) + - Indicador pequeño + contador de texto + +3. **Job Cards** (`src/components/gigstream/JobCard.tsx:78-81`) + - Badge individual por job + +## 🔄 Comportamiento + +### Condicional +- Los indicadores **solo se muestran** si: + - `sdsJobs.length > 0` (hay jobs en SDS) + - `isInSDS === true` (para JobCard individual) + +### Actualización +- Los datos se refrescan automáticamente: + - Hook `useSDSJobs` se ejecuta cuando cambia `address` o `isConnected` + - JobCard verifica SDS cuando se carga el job + +## 🚀 Para Ver los Indicadores + +1. **Conectar wallet** con jobs publicados en SDS +2. **Publicar un job** (se publica automáticamente a SDS) +3. **Ver indicadores** en: + - Header del dashboard + - Card "Live Streams" + - Cards individuales de jobs + diff --git a/README.md b/README.md index f608262..3ce89e5 100644 --- a/README.md +++ b/README.md @@ -360,21 +360,29 @@ GigStream MX is fully optimized for **Somnia Network**, a high-performance L1 bl ## 🔄 Data Streams Integration -Real-time event streaming using **Somnia Data Streams** and Viem's `watchEvent`: +Real-time event streaming using **@somnia-chain/streams SDK 0.11.0** (official Somnia Data Streams SDK) + Viem's `watchEvent`: + +### Features + +✅ **Dual Data Sources**: Contract events (real-time) + Structured Data Streams (indexed) +✅ **Automatic Publishing**: Jobs automatically published to Data Streams when created +✅ **Schema Registration**: Job schema registered on-chain for structured queries +✅ **Real-time Streaming**: Server-Sent Events (SSE) for live contract events +✅ **Structured Queries**: Read jobs from Data Streams by publisher/schema ### Supported Events -| Event | Description | Real-time | -|-------|-------------|-----------| -| **JobPosted** | New jobs appear instantly | ✅ Yes | -| **BidPlaced** | Bids stream in real-time | ✅ Yes | -| **JobCompleted** | Completion events streamed | ✅ Yes | -| **JobCancelled** | Cancellation events | ✅ Yes | -| **ReputationUpdated** | Reputation changes | ✅ Yes | +| Event | Description | Real-time | Data Streams | +|-------|-------------|-----------|--------------| +| **JobPosted** | New jobs appear instantly | ✅ Yes | ✅ Published | +| **BidPlaced** | Bids stream in real-time | ✅ Yes | ⏳ Coming | +| **JobCompleted** | Completion events streamed | ✅ Yes | ⏳ Coming | +| **JobCancelled** | Cancellation events | ✅ Yes | ⏳ Coming | +| **ReputationUpdated** | Reputation changes | ✅ Yes | ⏳ Coming | ### API Endpoints -Access real-time streams via Server-Sent Events (SSE): +**Real-time Event Streaming** (Server-Sent Events): ``` GET /api/streams?type=jobs # Job postings stream @@ -382,6 +390,20 @@ GET /api/streams?type=bids # Bids stream GET /api/streams?type=completions # Job completions stream ``` +**Data Streams API** (Structured Data Queries): + +``` +GET /api/sds/read-jobs?publisher=0x...&limit=50 # Read jobs from Data Streams +POST /api/sds/publish-job # Publish job to Data Streams (automatic) +``` + +### Frontend Integration + +- **`useSDSJobs` Hook**: Fetch jobs from Data Streams in React components +- **`SDSJobsIndicator` Component**: Visual indicator for Data Streams availability +- **Automatic Publishing**: Jobs automatically published to Data Streams when created +- **Dual Source Display**: Shows jobs from both contract and Data Streams + --- ## 🤖 AI Features @@ -518,7 +540,7 @@ pnpm run test:coverage | Criteria | GigStream MX | Score | |----------|-------------|-------| -| **Technical Excellence** | Hardhat + SDS SDK 0.11 | ⭐⭐⭐⭐⭐ | +| **Technical Excellence** | Hardhat + @somnia-chain/streams SDK 0.11.0 | ⭐⭐⭐⭐⭐ | | **Real-time UX** | Live streams 400k TPS | ⭐⭐⭐⭐⭐ | | **Somnia Integration** | 100% Testnet | ⭐⭐⭐⭐⭐ | | **Potential Impact** | $10B real market | ⭐⭐⭐⭐⭐ | diff --git a/SOLUCION_API_KEY.md b/SOLUCION_API_KEY.md new file mode 100644 index 0000000..c21ef7d --- /dev/null +++ b/SOLUCION_API_KEY.md @@ -0,0 +1,79 @@ +# 🔐 Solución: API Key de Gemini Reportada como Filtrada + +## Problema Detectado + +Los logs de Vercel muestran: +``` +[403 Forbidden] Your API key was reported as leaked. Please use another API key. +``` + +La API key actual ha sido deshabilitada por Google porque fue detectada como "filtrada" (probablemente expuesta en un repositorio público o archivo compartido). + +## Solución: Generar Nueva API Key + +### Paso 1: Generar Nueva API Key + +1. Ve a https://aistudio.google.com/app/apikey +2. Inicia sesión con tu cuenta de Google +3. Haz clic en **"Create API Key"** o **"Get API Key"** +4. Copia la nueva API key (formato: `AIzaSy...`) + +### Paso 2: Actualizar en Vercel (Producción) + +**Opción A: Usando Vercel CLI** +```bash +# Eliminar la key antigua +vercel env rm GEMINI_API_KEY production +vercel env rm GOOGLE_GENERATIVE_AI_API_KEY production + +# Agregar la nueva key +vercel env add GEMINI_API_KEY production +# Pega tu nueva API key cuando se solicite + +vercel env add GOOGLE_GENERATIVE_AI_API_KEY production +# Pega la misma API key cuando se solicite +``` + +**Opción B: Usando Dashboard de Vercel** +1. Ve a https://vercel.com/dashboard +2. Selecciona el proyecto `gigstream-mx` +3. Ve a **Settings** → **Environment Variables** +4. Elimina `GEMINI_API_KEY` y `GOOGLE_GENERATIVE_AI_API_KEY` +5. Agrega nuevas variables con tu nueva API key +6. Selecciona **Production** como entorno + +### Paso 3: Actualizar Localmente + +Crea un archivo `.env.local` (NO lo subas a git): + +```bash +# .env.local (NO subir a git) +GEMINI_API_KEY=tu_nueva_api_key_aqui +GOOGLE_GENERATIVE_AI_API_KEY=tu_nueva_api_key_aqui +``` + +### Paso 4: Redeploy + +```bash +vercel --prod --yes +``` + +## Prevención Futura + +✅ **NUNCA** subas archivos `.env` o `.env.local` a git +✅ **NUNCA** pongas API keys en archivos que se suban al repositorio +✅ Usa `.gitignore` para excluir archivos con keys +✅ Usa variables de entorno en Vercel para producción +✅ Usa `.env.local` para desarrollo local (ya está en .gitignore) + +## Verificación + +Después de actualizar, prueba: +1. Visita: `https://gigstream-mx.vercel.app/api/test-gemini` +2. Debe mostrar `success: true` con el modelo usado +3. Prueba el chatbot en la página principal + +## Nota Importante + +El archivo `env.example` ya fue actualizado para NO incluir la API key real. Solo usa valores de ejemplo. + diff --git a/env.example b/env.example new file mode 100644 index 0000000..45c84d2 --- /dev/null +++ b/env.example @@ -0,0 +1,58 @@ +# ============================================ +# Somnia Network Configuration +# ============================================ +# Testnet: Shannon Testnet (Chain ID: 50312) +# Mainnet: Somnia Mainnet (Chain ID: TBD - check somnia.network/docs) +NEXT_PUBLIC_SOMNIA_RPC_URL=https://dream-rpc.somnia.network +NEXT_PUBLIC_SOMNIA_CHAIN_ID=50312 +NEXT_PUBLIC_SOMNIA_EXPLORER=https://shannon-explorer.somnia.network + +# ============================================ +# Reown AppKit (WalletConnect) +# ============================================ +# Get your Project ID from: https://dashboard.reown.com +NEXT_PUBLIC_PROJECT_ID=6fd397eb41ba4744205068f35b888825 +NEXT_PUBLIC_REOWN_PROJECT_ID=6fd397eb41ba4744205068f35b888825 + +# ============================================ +# Google Gemini AI +# ============================================ +# Get your API key from: https://aistudio.google.com/app/apikey +# Supports both variable names for compatibility (SDK uses GEMINI_API_KEY, legacy uses GOOGLE_GENERATIVE_AI_API_KEY) +GEMINI_API_KEY=your_gemini_api_key_here +GOOGLE_GENERATIVE_AI_API_KEY=your_gemini_api_key_here + +# ============================================ +# Smart Contracts +# ============================================ +# Deploy contracts first: pnpm run contracts:deploy-testnet +# Then update these addresses with the deployed contract addresses +NEXT_PUBLIC_GIGESCROW_ADDRESS=0x7094f1eb1c49Cf89B793844CecE4baE655f3359b +NEXT_PUBLIC_REPUTATION_TOKEN_ADDRESS=0x51FBdDcD12704e4FCc28880E22b582362811cCdf +NEXT_PUBLIC_STAKING_POOL_ADDRESS=0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4 + +# ============================================ +# Hardhat Deployment (for contract deployment) +# ============================================ +# Private key for deployment (NEVER commit this to git!) +# Use environment variable or .env.local (not tracked by git) +PRIVATE_KEY=9c874488039d0cc4025e904b7f39eee04d51f4b507d5f76f86fbd5e488af2fc9 +SOMNIA_RPC_URL=https://dream-rpc.somnia.network + +# ============================================ +# Somnia Data Streams (SDS) Publishing +# ============================================ +# Private key for publishing jobs to Somnia Data Streams +# This wallet needs STT tokens for gas fees +# Optional: If not set, Data Streams publishing will be skipped (streams still work via contract events) +# Format: 0x... (must start with 0x) +SOMNIA_PRIVATE_KEY=0x... + +# ============================================ +# Somnia Explorer API (for contract verification) +# ============================================ +# API key for Somnia Explorer contract verification +# Get from: https://shannon-explorer.somnia.network +SOMNIA_EXPLORER_API_KEY=R3HXHXJUA2J66MMX5NY2QP21KXV3MJR7HM + + diff --git a/next.config.js b/next.config.js index 3a8f906..b85ee9c 100644 --- a/next.config.js +++ b/next.config.js @@ -5,6 +5,8 @@ const nextConfig = { NEXT_PUBLIC_SOMNIA_RPC_URL: process.env.NEXT_PUBLIC_SOMNIA_RPC_URL, NEXT_PUBLIC_SOMNIA_CHAIN_ID: process.env.NEXT_PUBLIC_SOMNIA_CHAIN_ID, NEXT_PUBLIC_REOWN_PROJECT_ID: process.env.NEXT_PUBLIC_REOWN_PROJECT_ID, + // Gemini API keys (server-side only, not exposed to client) + GEMINI_API_KEY: process.env.GEMINI_API_KEY, GOOGLE_GENERATIVE_AI_API_KEY: process.env.GOOGLE_GENERATIVE_AI_API_KEY, }, webpack: (config, { isServer }) => { diff --git a/package.json b/package.json index b4123bc..8197066 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,7 @@ "@radix-ui/react-slot": "^1.0.2", "@reown/appkit": "^1.8.14", "@reown/appkit-adapter-wagmi": "^1.8.14", + "@somnia-chain/streams": "^0.11.0", "@tanstack/react-query": "^5.0.0", "@wagmi/core": "^2.22.1", "class-variance-authority": "^0.7.0", @@ -48,6 +49,7 @@ "@types/react": "^18.3.0", "@types/react-dom": "^18.3.0", "autoprefixer": "^10.4.0", + "dotenv": "^17.2.3", "eslint": "^8.57.0", "eslint-config-next": "^14.2.0", "postcss": "^8.4.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 62eaf41..58897f5 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -23,6 +23,9 @@ importers: '@reown/appkit-adapter-wagmi': specifier: ^1.8.14 version: 1.8.14(744c06703ad323fd38907086afc9346d) + '@somnia-chain/streams': + specifier: ^0.11.0 + version: 0.11.0(viem@2.40.3(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.13)) '@tanstack/react-query': specifier: ^5.0.0 version: 5.90.11(react@18.3.1) @@ -78,6 +81,9 @@ importers: autoprefixer: specifier: ^10.4.0 version: 10.4.22(postcss@8.5.6) + dotenv: + specifier: ^17.2.3 + version: 17.2.3 eslint: specifier: ^8.57.0 version: 8.57.1 @@ -1101,6 +1107,11 @@ packages: '@solana/web3.js@1.98.4': resolution: {integrity: sha512-vv9lfnvjUsRiq//+j5pBdXig0IQdtzA0BRZ3bXEP4KaIyF1CcaydWqgyzQgfZMNIsWNWmG+AUHwPy4AHOD6gpw==} + '@somnia-chain/streams@0.11.0': + resolution: {integrity: sha512-izEMPW0+WSdgW9lc+jtovwghyBjYnwL5OxxWk5rmKLs+EVBeN8K4IWUPip3tC2W2l13hvzIGcNUHX86RDEIubw==} + peerDependencies: + viem: ~2.37.8 + '@swc/counter@0.1.3': resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==} @@ -2022,6 +2033,10 @@ packages: resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==} engines: {node: '>=6.0.0'} + dotenv@17.2.3: + resolution: {integrity: sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==} + engines: {node: '>=12'} + dunder-proto@1.0.1: resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==} engines: {node: '>= 0.4'} @@ -2307,6 +2322,9 @@ packages: picomatch: optional: true + fflate@0.8.2: + resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==} + file-entry-cache@6.0.1: resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==} engines: {node: ^10.12.0 || >=12.0.0} @@ -5987,6 +6005,11 @@ snapshots: - typescript - utf-8-validate + '@somnia-chain/streams@0.11.0(viem@2.40.3(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.13))': + dependencies: + fflate: 0.8.2 + viem: 2.40.3(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.13) + '@swc/counter@0.1.3': {} '@swc/helpers@0.5.17': @@ -7552,6 +7575,8 @@ snapshots: dependencies: esutils: 2.0.3 + dotenv@17.2.3: {} + dunder-proto@1.0.1: dependencies: call-bind-apply-helpers: 1.0.2 @@ -8032,6 +8057,8 @@ snapshots: optionalDependencies: picomatch: 4.0.3 + fflate@0.8.2: {} + file-entry-cache@6.0.1: dependencies: flat-cache: 3.2.0 diff --git a/src/app/api/gemini/route.ts b/src/app/api/gemini/route.ts index 586ab90..bbce4d5 100644 --- a/src/app/api/gemini/route.ts +++ b/src/app/api/gemini/route.ts @@ -8,20 +8,31 @@ import { callGemini, callGeminiJSON, callGeminiText } from '@/lib/ai/gemini-adva export const runtime = 'nodejs' export async function POST(req: NextRequest) { + // Set timeout for production (Vercel has 60s limit for Hobby, 300s for Pro) + const timeout = 55000 // 55 seconds to be safe + try { // Check if API key is configured early to avoid unnecessary processing - if (!process.env.GEMINI_API_KEY && !process.env.GOOGLE_GENERATIVE_AI_API_KEY) { + const apiKey = process.env.GEMINI_API_KEY || process.env.GOOGLE_GENERATIVE_AI_API_KEY + if (!apiKey) { + console.error('[API] Gemini API key not configured') return NextResponse.json( { success: false, - error: 'Gemini API key not configured. Please set GEMINI_API_KEY or GOOGLE_GENERATIVE_AI_API_KEY environment variable.', + error: 'Gemini API key not configured. Please set GEMINI_API_KEY or GOOGLE_GENERATIVE_AI_API_KEY environment variable in Vercel.', timestamp: new Date().toISOString() }, { status: 503 } // Service Unavailable - not an error, just not configured ) } - const body = await req.json() + // Parse request body (with short timeout for parsing) + const bodyPromise = req.json() + const parseTimeoutPromise = new Promise((_, reject) => + setTimeout(() => reject(new Error('Request parsing timeout')), 5000) + ) + + const body = await Promise.race([bodyPromise, parseTimeoutPromise]) as any const { prompt, context, expectJSON, options } = body if (!prompt || typeof prompt !== 'string') { @@ -46,16 +57,20 @@ INSTRUCTIONS: ` // Call Gemini with appropriate method based on expectJSON flag - let result - if (expectJSON) { - result = await callGeminiJSON(fullPrompt) - } else { - result = await callGemini(fullPrompt, { - ...options, - expectJSON: expectJSON || false, - returnRawText: true - }) - } + // Wrap in Promise.race with timeout to avoid exceeding Vercel limits + const geminiPromise = expectJSON + ? callGeminiJSON(fullPrompt) + : callGemini(fullPrompt, { + ...options, + expectJSON: expectJSON || false, + returnRawText: true + }) + + const geminiTimeoutPromise = new Promise((_, reject) => + setTimeout(() => reject(new Error('Gemini API request timeout')), timeout) + ) + + const result = await Promise.race([geminiPromise, geminiTimeoutPromise]) as any // Extract text response for compatibility with provider const textResponse = result.rawText || (typeof result.data === 'string' ? result.data : JSON.stringify(result.data)) @@ -65,20 +80,35 @@ INSTRUCTIONS: data: result.data || result, response: textResponse, // Primary field for provider compatibility text: textResponse, // Fallback field for provider compatibility - modelUsed: result.modelUsed, + modelUsed: result.modelUsed || 'unknown', timestamp: new Date().toISOString() }) } catch (error: any) { console.error('[API] Gemini error:', error) + // Handle specific error types + let statusCode = 500 + let errorMessage = error.message || 'Gemini API error' + + if (error.message?.includes('timeout')) { + statusCode = 504 // Gateway Timeout + errorMessage = 'Request timeout. Please try again.' + } else if (error.message?.includes('quota') || error.message?.includes('rate limit')) { + statusCode = 429 // Too Many Requests + errorMessage = 'API rate limit exceeded. Please try again later.' + } else if (error.message?.includes('API key') || error.message?.includes('not configured')) { + statusCode = 503 // Service Unavailable + errorMessage = 'Gemini API key not configured. Please contact support.' + } + // Return structured error response return NextResponse.json( { success: false, - error: error.message || 'Gemini API error', + error: errorMessage, timestamp: new Date().toISOString() }, - { status: 500 } + { status: statusCode } ) } } diff --git a/src/app/api/sds/publish-job/route.ts b/src/app/api/sds/publish-job/route.ts new file mode 100644 index 0000000..743f373 --- /dev/null +++ b/src/app/api/sds/publish-job/route.ts @@ -0,0 +1,95 @@ +// src/app/api/sds/publish-job/route.ts - Publish Job to Somnia Data Streams +// API endpoint to publish job data to Somnia Data Streams after contract event + +import { NextRequest, NextResponse } from 'next/server' +import { createSDSWalletClient, publishJobToDataStream } from '@/lib/somnia-sds' + +export const runtime = 'nodejs' + +/** + * POST /api/sds/publish-job + * Publishes job data to Somnia Data Streams + * + * Body: { + * jobId: string | bigint + * employer: string (0x address) + * title: string + * location: string + * reward: string | bigint + * deadline: string | bigint + * timestamp?: number (optional) + * } + */ +export async function POST(req: NextRequest) { + try { + // Check for private key (server-side only) + const privateKey = process.env.SOMNIA_PRIVATE_KEY as `0x${string}` | undefined + + if (!privateKey) { + return NextResponse.json( + { error: 'SOMNIA_PRIVATE_KEY not configured. Data Streams publishing requires a wallet.' }, + { status: 500 } + ) + } + + const body = await req.json() + const { jobId, employer, title, location, reward, deadline, timestamp } = body + + // Validate required fields + if (!jobId || !employer || !title || !location || !reward || !deadline) { + return NextResponse.json( + { error: 'Missing required fields: jobId, employer, title, location, reward, deadline' }, + { status: 400 } + ) + } + + // Initialize SDK with wallet + const sdk = createSDSWalletClient(privateKey) + + // Publish to Data Streams + const txHash = await publishJobToDataStream(sdk, { + jobId, + employer: employer as `0x${string}`, + title, + location, + reward, + deadline, + timestamp, + }) + + if (!txHash) { + return NextResponse.json( + { error: 'Failed to publish to Data Streams' }, + { status: 500 } + ) + } + + // Wait for transaction confirmation + const { createPublicClient, http } = await import('viem') + const { waitForTransactionReceipt } = await import('viem/actions') + const { SOMNIA_CONFIG } = await import('@/lib/contracts') + const publicClient = createPublicClient({ + chain: { + id: SOMNIA_CONFIG.chainId, + name: SOMNIA_CONFIG.name, + nativeCurrency: SOMNIA_CONFIG.nativeCurrency, + rpcUrls: { default: { http: [SOMNIA_CONFIG.rpcUrl] } }, + }, + transport: http(), + }) + await waitForTransactionReceipt(publicClient, { hash: txHash }) + + return NextResponse.json({ + success: true, + transactionHash: txHash, + message: 'Job published to Somnia Data Streams successfully', + }) + } catch (error: any) { + console.error('Error publishing job to Data Streams:', error) + return NextResponse.json( + { error: error.message || 'Failed to publish job to Data Streams' }, + { status: 500 } + ) + } +} + diff --git a/src/app/api/sds/read-jobs/route.ts b/src/app/api/sds/read-jobs/route.ts new file mode 100644 index 0000000..d3123a7 --- /dev/null +++ b/src/app/api/sds/read-jobs/route.ts @@ -0,0 +1,74 @@ +// src/app/api/sds/read-jobs/route.ts - Read Jobs from Somnia Data Streams +// API endpoint to read job data from Somnia Data Streams + +import { NextRequest, NextResponse } from 'next/server' +import { createSDSClient, getJobSchemaId, readJobFromDataStream } from '@/lib/somnia-sds' + +export const runtime = 'nodejs' +export const dynamic = 'force-dynamic' + +/** + * GET /api/sds/read-jobs + * Reads job data from Somnia Data Streams for a specific publisher + * + * Query params: + * publisher: string (0x address) - required + * limit?: number - optional, default 50 + */ +export async function GET(req: NextRequest) { + try { + const { searchParams } = new URL(req.url) + const publisher = searchParams.get('publisher') as `0x${string}` | null + const limit = parseInt(searchParams.get('limit') || '50') + + if (!publisher) { + return NextResponse.json( + { error: 'publisher parameter is required' }, + { status: 400 } + ) + } + + // Validate address format + if (!publisher.startsWith('0x') || publisher.length !== 42) { + return NextResponse.json( + { error: 'Invalid publisher address format' }, + { status: 400 } + ) + } + + // Get schema ID + const schemaId = await getJobSchemaId() + + // Read jobs from Data Streams + const jobs = await readJobFromDataStream(schemaId, publisher) + + // Limit results + const limitedJobs = jobs.slice(0, limit) + + return NextResponse.json({ + success: true, + jobs: limitedJobs, + total: jobs.length, + schemaId, + publisher, + }) + } catch (error: any) { + console.error('Error reading jobs from Data Streams:', error) + + // Handle NoData error gracefully + if (error?.message?.includes('NoData') || error?.shortMessage?.includes('NoData')) { + return NextResponse.json({ + success: true, + jobs: [], + total: 0, + message: 'No jobs found in Data Streams for this publisher', + }) + } + + return NextResponse.json( + { error: error.message || 'Failed to read jobs from Data Streams' }, + { status: 500 } + ) + } +} + diff --git a/src/app/api/streams/route.ts b/src/app/api/streams/route.ts index 1634315..f089336 100644 --- a/src/app/api/streams/route.ts +++ b/src/app/api/streams/route.ts @@ -1,9 +1,14 @@ // src/app/api/streams/route.ts - Somnia Data Streams Integration -// Optimized for Somnia Network's high-throughput real-time data streams +// Using official @somnia-chain/streams SDK for Somnia Network's high-throughput real-time data streams import { NextRequest } from 'next/server' import { createPublicClient, http, parseAbiItem } from 'viem' +import { SDK } from '@somnia-chain/streams' import { gigEscrowAbi } from '@/lib/viem' import { GIGESCROW_ADDRESS, SOMNIA_CONFIG } from '@/lib/contracts' +import { createSDSWalletClient, publishJobToDataStream } from '@/lib/somnia-sds' + +// Force Node.js runtime for Vercel +export const runtime = 'nodejs' // Somnia Testnet configuration const somniaTestnet = { @@ -21,16 +26,74 @@ const somniaTestnet = { }, } as const +// Initialize viem public client const publicClient = createPublicClient({ chain: somniaTestnet, transport: http(somniaTestnet.rpcUrls.default.http[0]) }) +// Initialize Somnia SDS SDK (only public client for reading/listening) +const sdsSdk = new SDK({ + public: publicClient, +}) + const CONTRACT_ADDRESS = GIGESCROW_ADDRESS +// Helper to get job location from contract +async function getJobLocation(jobId: bigint): Promise { + try { + const job = await publicClient.readContract({ + address: CONTRACT_ADDRESS, + abi: gigEscrowAbi, + functionName: 'getJob', + args: [jobId], + }) + return (job as any)?.location || '' + } catch (error) { + console.error('Failed to get job location:', error) + return '' + } +} + +// Helper to publish job to Data Streams (if private key is configured) +async function publishJobToSDS(jobData: { + jobId: string + employer: string + title: string + location: string + reward: string + deadline: string +}) { + try { + const privateKey = process.env.SOMNIA_PRIVATE_KEY as `0x${string}` | undefined + if (!privateKey) { + // Silently skip if no private key (Data Streams publishing is optional) + return + } + + const walletSdk = createSDSWalletClient(privateKey) + await publishJobToDataStream(walletSdk, { + jobId: jobData.jobId, + employer: jobData.employer as `0x${string}`, + title: jobData.title, + location: jobData.location || '', + reward: jobData.reward, + deadline: jobData.deadline, + timestamp: Math.floor(Date.now() / 1000), + }) + } catch (error) { + // Log but don't fail the stream if Data Streams publishing fails + console.error('Failed to publish job to Data Streams:', error) + } +} + /** * Server-Sent Events (SSE) stream for Somnia Data Streams - * Streams real-time contract events (JobPosted, BidPlaced, JobCompleted, etc.) + * Uses official @somnia-chain/streams SDK + viem watchEvent for real-time contract events + * Streams: JobPosted, BidPlaced, JobCompleted, etc. + * + * The SDK is initialized for potential future use with structured Data Streams, + * while contract events are monitored via viem's watchEvent for real-time updates. */ export async function GET(req: NextRequest) { const { searchParams } = new URL(req.url) @@ -66,24 +129,44 @@ export async function GET(req: NextRequest) { unwatch = publicClient.watchEvent({ address: CONTRACT_ADDRESS, event: parseAbiItem('event JobPosted(uint256 indexed jobId, address indexed employer, string title, uint256 reward, uint256 deadline)'), - onLogs: (logs) => { - logs.forEach((log) => { + onLogs: async (logs) => { + for (const log of logs) { + const jobData = { + type: 'JobPosted', + jobId: log.args.jobId?.toString() || '', + employer: log.args.employer || '', + title: log.args.title || '', + reward: log.args.reward?.toString() || '0', + deadline: log.args.deadline?.toString() || '0', + blockNumber: log.blockNumber?.toString(), + transactionHash: log.transactionHash, + timestamp: Date.now() + } + + // Stream the event to client controller.enqueue( - encoder.encode( - `data: ${JSON.stringify({ - type: 'JobPosted', - jobId: log.args.jobId?.toString(), - employer: log.args.employer, - title: log.args.title, - reward: log.args.reward?.toString(), - deadline: log.args.deadline?.toString(), - blockNumber: log.blockNumber?.toString(), - transactionHash: log.transactionHash, - timestamp: Date.now() - })}\n\n` - ) + encoder.encode(`data: ${JSON.stringify(jobData)}\n\n`) ) - }) + + // Also publish to Somnia Data Streams (async, non-blocking) + // This enriches the data with structured streams + // Fetch location from contract and publish + getJobLocation(BigInt(jobData.jobId)) + .then((location) => { + return publishJobToSDS({ + jobId: jobData.jobId, + employer: jobData.employer, + title: jobData.title, + location, + reward: jobData.reward, + deadline: jobData.deadline, + }) + }) + .catch((err) => { + // Silently handle errors - Data Streams publishing is optional + console.error('Background Data Streams publish failed:', err) + }) + } } }) } else if (streamType === 'bids') { diff --git a/src/app/api/test-gemini/route.ts b/src/app/api/test-gemini/route.ts index 7d97d5f..b1d0732 100644 --- a/src/app/api/test-gemini/route.ts +++ b/src/app/api/test-gemini/route.ts @@ -9,16 +9,43 @@ export const runtime = 'nodejs' export async function GET(req: NextRequest) { try { + // Check API key first + const apiKey = process.env.GEMINI_API_KEY || process.env.GOOGLE_GENERATIVE_AI_API_KEY + if (!apiKey) { + return NextResponse.json( + { + success: false, + error: 'Gemini API key not configured', + configuration: { + apiKeyConfigured: false, + envVarUsed: null, + runtime: 'nodejs' + }, + timestamp: new Date().toISOString() + }, + { status: 503 } + ) + } + // Test 1: Simple text generation const testPrompt = 'Respond with "OK" if you can read this message. Include your model name.' - const result = await callGemini(testPrompt, { returnRawText: true }) + const timeoutPromise = new Promise((_, reject) => + setTimeout(() => reject(new Error('Test timeout')), 30000) + ) + + const resultPromise = callGemini(testPrompt, { returnRawText: true }) + const result = await Promise.race([resultPromise, timeoutPromise]) as any // Test 2: JSON generation (if first test passes) let jsonTest = null try { const jsonPrompt = 'Generate a simple JSON: {"status": "ok", "test": true, "timestamp": "2025-11-01"}' - jsonTest = await callGeminiJSON(jsonPrompt) + const jsonPromise = callGeminiJSON(jsonPrompt) + const jsonTimeoutPromise = new Promise((_, reject) => + setTimeout(() => reject(new Error('JSON test timeout')), 30000) + ) + jsonTest = await Promise.race([jsonPromise, jsonTimeoutPromise]) } catch (jsonError) { console.warn('[TEST] JSON test failed:', jsonError) } diff --git a/src/app/gigstream/job/[id]/page.tsx b/src/app/gigstream/job/[id]/page.tsx index 4823f39..ab97f73 100644 --- a/src/app/gigstream/job/[id]/page.tsx +++ b/src/app/gigstream/job/[id]/page.tsx @@ -14,7 +14,7 @@ import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' import Link from 'next/link' import { formatDistanceToNow } from 'date-fns' -import { es } from 'date-fns/locale' +import { enUS } from 'date-fns/locale' import { useState } from 'react' export default function JobDetailPage() { @@ -37,8 +37,8 @@ export default function JobDetailPage() { const handlePlaceBid = async () => { if (!hasMinReputation) { showToast({ - title: "Reputación insuficiente", - description: "Necesitas al menos 10 puntos de reputación para hacer ofertas", + title: "Insufficient Reputation", + description: "You need at least 10 reputation points to place bids", }) return } @@ -46,8 +46,8 @@ export default function JobDetailPage() { try { await placeBid(jobId, bidAmount || '0') showToast({ - title: "Oferta enviada", - description: "Tu oferta ha sido registrada en la blockchain", + title: "Bid Submitted", + description: "Your bid has been recorded on the blockchain", }) setBidAmount('') setShowBidForm(false) @@ -55,7 +55,7 @@ export default function JobDetailPage() { } catch (error: any) { showToast({ title: "Error", - description: error?.message || "No se pudo enviar la oferta", + description: error?.message || "Failed to submit bid", }) } } @@ -64,15 +64,15 @@ export default function JobDetailPage() { try { await acceptBid(jobId, workerAddress) showToast({ - title: "Oferta aceptada", - description: "El trabajador ha sido asignado al trabajo", + title: "Bid Accepted", + description: "The worker has been assigned to the job", }) refetchJob() refetchBids() } catch (error: any) { showToast({ title: "Error", - description: error?.message || "No se pudo aceptar la oferta", + description: error?.message || "Failed to accept bid", }) } } @@ -81,14 +81,14 @@ export default function JobDetailPage() { try { await completeJob(jobId) showToast({ - title: "Trabajo completado", - description: "El pago ha sido liberado y tu reputación ha aumentado", + title: "Job Completed", + description: "Payment has been released and your reputation has increased", }) refetchJob() } catch (error: any) { showToast({ title: "Error", - description: error?.message || "No se pudo completar el trabajo", + description: error?.message || "Failed to complete job", }) } } @@ -97,14 +97,14 @@ export default function JobDetailPage() { try { await cancelJob(jobId) showToast({ - title: "Trabajo cancelado", - description: "El reembolso ha sido procesado", + title: "Job Cancelled", + description: "Refund has been processed", }) refetchJob() } catch (error: any) { showToast({ title: "Error", - description: error?.message || "No se pudo cancelar el trabajo", + description: error?.message || "Failed to cancel job", }) } } @@ -114,7 +114,7 @@ export default function JobDetailPage() {
-
Cargando trabajo...
+
Loading job...
@@ -127,9 +127,9 @@ export default function JobDetailPage() {
-

Trabajo no encontrado

+

Job Not Found

- Volver al dashboard + Back to Dashboard
@@ -155,7 +155,7 @@ export default function JobDetailPage() { className="flex items-center space-x-2 text-white/70 hover:text-white transition-colors mb-4" > - Volver al dashboard + Back to Dashboard @@ -179,7 +179,7 @@ export default function JobDetailPage() {
- {formatDistanceToNow(deadlineDate, { addSuffix: true, locale: es })} + {formatDistanceToNow(deadlineDate, { addSuffix: true, locale: enUS })}
@@ -187,25 +187,25 @@ export default function JobDetailPage() { {job.completed && ( - Completado + Completed )} {job.cancelled && ( - Cancelado + Cancelled )} {!job.completed && !job.cancelled && isAssigned && ( - Asignado + Assigned )} {!job.completed && !job.cancelled && !isAssigned && ( - Disponible + Available )} @@ -214,12 +214,12 @@ export default function JobDetailPage() { {/* Job Info */}
-
Empleador
+
Employer
{job.employer.slice(0, 6)}...{job.employer.slice(-4)}
{isAssigned && (
-
Trabajador
+
Worker
{job.worker.slice(0, 6)}...{job.worker.slice(-4)}
)} @@ -235,7 +235,7 @@ export default function JobDetailPage() { disabled={isCancellingJob} className="px-6 py-3 bg-red-500/20 hover:bg-red-500/30 rounded-xl text-white font-bold border border-red-500/30 disabled:opacity-50" > - {isCancellingJob ? 'Cancelando...' : 'Cancelar Trabajo'} + {isCancellingJob ? 'Cancelling...' : 'Cancel Job'} )} {isWorker && !job.completed && ( @@ -246,7 +246,7 @@ export default function JobDetailPage() { disabled={isCompletingJob} className="px-6 py-3 bg-gradient-to-r from-mx-green to-emerald-400 rounded-xl text-white font-bold shadow-neural-glow disabled:opacity-50" > - {isCompletingJob ? 'Completando...' : 'Completar Trabajo'} + {isCompletingJob ? 'Completing...' : 'Complete Job'} )} {canBid && ( @@ -257,7 +257,7 @@ export default function JobDetailPage() { className="px-6 py-3 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold shadow-neural-glow" > - {showBidForm ? 'Cancelar' : 'Hacer Oferta'} + {showBidForm ? 'Cancel' : 'Place Bid'} )}
@@ -271,21 +271,21 @@ export default function JobDetailPage() { > {!hasMinReputation && (
-

Reputación insuficiente

-

Necesitas al menos 10 puntos de reputación. Tu reputación actual: {reputation.reputationScore}

+

Insufficient Reputation

+

You need at least 10 reputation points. Your current reputation: {reputation.reputationScore}

)}
- + setBidAmount(e.target.value)} - placeholder="0 (opcional)" + placeholder="0 (optional)" className="w-full bg-white/10 border border-white/20 rounded-xl px-4 py-3 text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50" /> -

Deja en 0 para aceptar el precio del trabajo

+

Leave at 0 to accept the job price

- {isPlacingBid ? 'Enviando oferta...' : 'Enviar Oferta'} + {isPlacingBid ? 'Submitting Bid...' : 'Submit Bid'}
@@ -311,13 +311,13 @@ export default function JobDetailPage() { >
-

Ofertas ({bids.length})

+

Bids ({bids.length})

{bidsLoading ? ( -
Cargando ofertas...
+
Loading bids...
) : bids.length === 0 ? ( -
No hay ofertas aún
+
No bids yet
) : (
{bids.map((bid, index) => ( @@ -334,16 +334,16 @@ export default function JobDetailPage() { {bid.worker.slice(0, 6)}...{bid.worker.slice(-4)}
- Oferta: {formatEther(bid.amount)} STT + Bid: {formatEther(bid.amount)} STT
- {formatDistanceToNow(new Date(Number(bid.timestamp) * 1000), { addSuffix: true, locale: es })} + {formatDistanceToNow(new Date(Number(bid.timestamp) * 1000), { addSuffix: true, locale: enUS })}
{bid.accepted && ( - Aceptada + Accepted )} {!bid.accepted && !isAssigned && ( @@ -354,7 +354,7 @@ export default function JobDetailPage() { disabled={isAcceptingBid} className="px-6 py-2 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold text-sm shadow-neural-glow disabled:opacity-50" > - {isAcceptingBid ? 'Aceptando...' : 'Aceptar'} + {isAcceptingBid ? 'Accepting...' : 'Accept'} )}
diff --git a/src/app/gigstream/my-jobs/page.tsx b/src/app/gigstream/my-jobs/page.tsx new file mode 100644 index 0000000..5daef8e --- /dev/null +++ b/src/app/gigstream/my-jobs/page.tsx @@ -0,0 +1,719 @@ +// src/app/gigstream/my-jobs/page.tsx - My Jobs with all onchain functions +'use client' + +import { useState, useEffect } from 'react' +import * as React from 'react' +import { motion } from 'framer-motion' +import { + MapPin, + DollarSign, + Clock, + User, + CheckCircle, + XCircle, + Send, + Handshake, + Zap, + Plus, + Briefcase, + UserCheck, + AlertCircle, + ArrowRight, + X, + CheckCircle2 +} from 'lucide-react' +import { formatEther } from 'viem' +import { useAccount } from 'wagmi' +import { useGigStream } from '@/hooks/useGigStream' +import { useJob } from '@/hooks/useJob' +import { useJobBids } from '@/hooks/useJobBids' +import { useToast } from '@/components/ui/use-toast' +import Navbar from '@/components/somnia/Navbar' +import Footer from '@/components/somnia/Footer' +import Link from 'next/link' +import { formatDistanceToNow } from 'date-fns' +import { enUS } from 'date-fns/locale' + +export default function MyJobsPage() { + const { address, isConnected } = useAccount() + const { + userJobIds, + workerJobIds, + placeBid, + acceptBid, + completeJob, + cancelJob, + isPlacingBid, + isAcceptingBid, + isCompletingJob, + isCancellingJob, + reputation, + refetch + } = useGigStream() + const { showToast } = useToast() + + // Track loading state + const [isRefreshing, setIsRefreshing] = useState(false) + + const [selectedJobId, setSelectedJobId] = useState(null) + const [bidAmount, setBidAmount] = useState('') + const [showBidForm, setShowBidForm] = useState(null) + const [expandedJobs, setExpandedJobs] = useState>(new Set()) + + // Fetch all jobs - combine user jobs and worker jobs, removing duplicates + const allJobIds = React.useMemo(() => { + const userJobs = userJobIds || [] + const workerJobs = workerJobIds || [] + const combined = [...userJobs] + + // Add worker jobs that are not already in user jobs + workerJobs.forEach(id => { + if (!combined.some(jobId => jobId.toString() === id.toString())) { + combined.push(id) + } + }) + + // Sort by job ID (newest first) + combined.sort((a, b) => { + const aNum = Number(a) + const bNum = Number(b) + return bNum - aNum + }) + + return combined + }, [userJobIds, workerJobIds]) + + // Debug: Log job counts when they change + useEffect(() => { + if (isConnected && address) { + console.log('[My Jobs] Job counts:', { + userJobs: userJobIds?.length || 0, + workerJobs: workerJobIds?.length || 0, + total: allJobIds.length + }) + } + }, [userJobIds, workerJobIds, allJobIds.length, isConnected, address]) + + // Auto-refresh jobs periodically + useEffect(() => { + if (!isConnected || !address) return + + // Initial refetch + const doRefetch = async () => { + setIsRefreshing(true) + try { + await refetch() + } finally { + setIsRefreshing(false) + } + } + + doRefetch() + + // Set up interval to refetch every 15 seconds + const interval = setInterval(() => { + doRefetch() + }, 15000) + + return () => clearInterval(interval) + }, [isConnected, address, refetch]) + + const toggleExpand = (jobId: string) => { + const newExpanded = new Set(expandedJobs) + if (newExpanded.has(jobId)) { + newExpanded.delete(jobId) + } else { + newExpanded.add(jobId) + } + setExpandedJobs(newExpanded) + } + + const handlePlaceBid = async (jobId: bigint) => { + if (reputation.reputationScore < 10) { + showToast({ + title: "Insufficient Reputation", + description: "You need at least 10 reputation points to place bids", + }) + return + } + + try { + await placeBid(jobId, bidAmount || '0') + showToast({ + title: "Bid Submitted", + description: "Your bid has been registered on the blockchain", + }) + setBidAmount('') + setShowBidForm(null) + // Wait a bit for transaction to be mined, then refetch + setTimeout(() => { + refetch() + }, 2000) + } catch (error: any) { + showToast({ + title: "Error", + description: error?.message || "Failed to submit bid", + }) + } + } + + const handleAcceptBid = async (jobId: bigint, workerAddress: `0x${string}`) => { + try { + await acceptBid(jobId, workerAddress) + showToast({ + title: "Bid Accepted", + description: "The worker has been assigned to the job", + }) + // Wait a bit for transaction to be mined, then refetch + setTimeout(() => { + refetch() + }, 2000) + } catch (error: any) { + showToast({ + title: "Error", + description: error?.message || "Failed to accept bid", + }) + } + } + + const handleCompleteJob = async (jobId: bigint) => { + try { + await completeJob(jobId) + showToast({ + title: "Job Completed", + description: "Payment has been released and your reputation has increased", + }) + // Wait a bit for transaction to be mined, then refetch + setTimeout(() => { + refetch() + }, 2000) + } catch (error: any) { + showToast({ + title: "Error", + description: error?.message || "Failed to complete job", + }) + } + } + + const handleCancelJob = async (jobId: bigint) => { + if (!confirm('Are you sure you want to cancel this job? The payment will be refunded.')) { + return + } + + try { + await cancelJob(jobId) + showToast({ + title: "Job Cancelled", + description: "Payment has been refunded", + }) + // Wait a bit for transaction to be mined, then refetch + setTimeout(() => { + refetch() + }, 2000) + } catch (error: any) { + showToast({ + title: "Error", + description: error?.message || "Failed to cancel job", + }) + } + } + + if (!isConnected || !address) { + return ( +
+ +
+ +

Connect Your Wallet

+

Connect your wallet to view your jobs

+
+ +
+ +
+
+
+ ) + } + + return ( +
+ +
+
+ {/* Header */} + +
+

+ My Jobs +

+
+

+ Manage all your onchain jobs • {allJobIds.length} jobs +

+ {isRefreshing && ( + + )} +
+
+ + + + Post Job + + + + + {/* Stats */} +
+ +
+ +
+

Posted Jobs

+

{userJobIds?.length || 0}

+
+
+ + +
+ +
+

Assigned Jobs

+

{workerJobIds?.length || 0}

+
+
+ + +
+ +
+

Reputation

+

{reputation.reputationScore}

+
+
+ +
+ + {/* Jobs List */} + {allJobIds.length === 0 ? ( + + +

You don't have any jobs yet

+ + + + Post First Job + + + + ) : ( +
+ {allJobIds.map((jobId, index) => ( + toggleExpand(jobId.toString())} + onPlaceBid={handlePlaceBid} + onAcceptBid={handleAcceptBid} + onCompleteJob={handleCompleteJob} + onCancelJob={handleCancelJob} + isPlacingBid={isPlacingBid} + isAcceptingBid={isAcceptingBid} + isCompletingJob={isCompletingJob} + isCancellingJob={isCancellingJob} + reputation={reputation.reputationScore} + bidAmount={bidAmount} + setBidAmount={setBidAmount} + showBidForm={showBidForm === jobId} + setShowBidForm={(show) => setShowBidForm(show ? jobId : null)} + /> + ))} +
+ )} +
+
+
+
+ ) +} + +// Component for each job with all actions +function JobCardWithActions({ + jobId, + address, + userJobIds, + workerJobIds, + isExpanded, + onToggleExpand, + onPlaceBid, + onAcceptBid, + onCompleteJob, + onCancelJob, + isPlacingBid, + isAcceptingBid, + isCompletingJob, + isCancellingJob, + reputation, + bidAmount, + setBidAmount, + showBidForm, + setShowBidForm, +}: { + jobId: bigint + address: `0x${string}` + userJobIds: readonly bigint[] + workerJobIds: readonly bigint[] + isExpanded: boolean + onToggleExpand: () => void + onPlaceBid: (jobId: bigint) => void + onAcceptBid: (jobId: bigint, worker: `0x${string}`) => void + onCompleteJob: (jobId: bigint) => void + onCancelJob: (jobId: bigint) => void + isPlacingBid: boolean + isAcceptingBid: boolean + isCompletingJob: boolean + isCancellingJob: boolean + reputation: number + bidAmount: string + setBidAmount: (amount: string) => void + showBidForm: boolean + setShowBidForm: (show: boolean) => void +}) { + const { job, isLoading } = useJob(jobId) + const { bids, isLoading: bidsLoading } = useJobBids(jobId) + + if (isLoading || !job) { + return ( + +
+
+
+
+ + ) + } + + const isEmployer = address.toLowerCase() === job.employer.toLowerCase() + const isWorker = address.toLowerCase() === job.worker.toLowerCase() + const isAssigned = job.worker !== '0x0000000000000000000000000000000000000000' + const canBid = !isEmployer && !isAssigned && !job.completed && !job.cancelled + const hasMinReputation = reputation >= 10 + const isMyJob = userJobIds.includes(jobId) + const isMyAssignedJob = workerJobIds.includes(jobId) + + const statusColor = job.completed + ? 'text-mx-green' + : job.cancelled + ? 'text-red-500' + : isAssigned + ? 'text-somnia-cyan' + : 'text-yellow-500' + + const statusText = job.completed + ? 'Completed' + : job.cancelled + ? 'Cancelled' + : isAssigned + ? 'Assigned' + : 'Open' + + return ( + + {/* Header */} +
+
+
+
+

{job.title}

+ + {statusText} + + {isMyJob && ( + + My Job + + )} + {isMyAssignedJob && ( + + Assigned to Me + + )} +
+
+
+ + {job.location} +
+
+ + {formatEther(job.reward)} STT +
+
+ + + {formatDistanceToNow(new Date(Number(job.deadline) * 1000), { + addSuffix: true, + locale: enUS, + })} + +
+
+
+
+ + + + + + + {isExpanded ? ( + + ) : ( + + )} + +
+
+
+ + {/* Expanded Actions */} + {isExpanded && ( + +
+ {/* Actions for Employer */} + {isEmployer && !job.completed && !job.cancelled && ( +
+

+ + Actions as Employer +

+ + {/* Cancel Job */} + onCancelJob(jobId)} + disabled={isCancellingJob} + className="w-full px-4 py-3 bg-red-500/20 hover:bg-red-500/30 rounded-xl text-white font-bold border border-red-500/30 disabled:opacity-50 flex items-center justify-center gap-2" + > + + {isCancellingJob ? 'Cancelling...' : 'Cancel Job'} + + + {/* Accept Bids */} + {bids && bids.length > 0 && !isAssigned && ( +
+

Received Bids ({bids.length}):

+ {bids.map((bid: any, idx: number) => ( +
+
+

+ {bid.worker.slice(0, 6)}...{bid.worker.slice(-4)} +

+ {bid.amount > 0n && ( +

+ Bid: {formatEther(bid.amount)} STT +

+ )} +
+ onAcceptBid(jobId, bid.worker as `0x${string}`)} + disabled={isAcceptingBid || bid.accepted} + className="px-4 py-2 bg-gradient-to-r from-mx-green to-somnia-cyan rounded-lg text-white font-bold text-sm disabled:opacity-50 flex items-center gap-2" + > + + {bid.accepted ? 'Accepted' : isAcceptingBid ? 'Accepting...' : 'Accept'} + +
+ ))} +
+ )} +
+ )} + + {/* Actions for Worker */} + {isWorker && !job.completed && !job.cancelled && ( +
+

+ + Actions as Worker +

+ onCompleteJob(jobId)} + disabled={isCompletingJob} + className="w-full px-4 py-3 bg-gradient-to-r from-mx-green to-emerald-400 rounded-xl text-white font-bold shadow-neural-glow disabled:opacity-50 flex items-center justify-center gap-2" + > + + {isCompletingJob ? 'Completing...' : 'Complete Job'} + +
+ )} + + {/* Actions for Bidding */} + {canBid && ( +
+

+ + Place Bid +

+ {!hasMinReputation && ( +
+

+ + You need at least 10 reputation points to place bids +

+
+ )} + {!showBidForm ? ( + setShowBidForm(true)} + disabled={!hasMinReputation} + className="w-full px-4 py-3 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold shadow-neural-glow disabled:opacity-50 flex items-center justify-center gap-2" + > + + Place Bid + + ) : ( +
+ setBidAmount(e.target.value)} + placeholder="Bid amount (optional)" + className="w-full px-4 py-2 bg-white/10 border border-white/20 rounded-lg text-white placeholder-white/50" + /> +
+ onPlaceBid(jobId)} + disabled={isPlacingBid} + className="flex-1 px-4 py-2 bg-gradient-to-r from-somnia-purple to-mx-green rounded-lg text-white font-bold disabled:opacity-50" + > + {isPlacingBid ? 'Submitting...' : 'Submit Bid'} + + setShowBidForm(false)} + className="px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg text-white" + > + Cancel + +
+
+ )} +
+ )} + + {/* Job Info */} +
+
+
+

Employer

+

+ {job.employer.slice(0, 6)}...{job.employer.slice(-4)} +

+
+ {isAssigned && ( +
+

Worker

+

+ {job.worker.slice(0, 6)}...{job.worker.slice(-4)} +

+
+ )} +
+

Created

+

+ {formatDistanceToNow(new Date(Number(job.createdAt) * 1000), { + addSuffix: true, + locale: enUS, + })} +

+
+
+

ID

+

#{jobId.toString()}

+
+
+
+
+ + )} + + ) +} + diff --git a/src/app/gigstream/page.tsx b/src/app/gigstream/page.tsx index 569f87e..f1e7e93 100644 --- a/src/app/gigstream/page.tsx +++ b/src/app/gigstream/page.tsx @@ -14,12 +14,17 @@ import AIBidOptimizer from '@/components/gigstream/AIBidOptimizer' import GeminiBot from '@/components/chatbot/GeminiBot' import { useGigStream } from '@/hooks/useGigStream' +import { useSDSJobs } from '@/hooks/useSDSJobs' import JobCard from '@/components/gigstream/JobCard' +import SDSJobsIndicator from '@/components/gigstream/SDSJobsIndicator' export default function GigStreamDashboard() { const { address, isConnected } = useAccount() const { jobCounter, refetch } = useGigStream() const [jobsCount, setJobsCount] = useState(0) + + // Fetch jobs from Somnia Data Streams (optional, for enrichment) + const { jobs: sdsJobs } = useSDSJobs(address, isConnected) // Fetch all jobs from contract useEffect(() => { @@ -67,9 +72,14 @@ export default function GigStreamDashboard() {

GigStream Dashboard

-

- Live SDS Streams • {jobsCount} active jobs -

+
+

+ Live SDS Streams • {jobsCount} active jobs +

+ {sdsJobs.length > 0 && ( + + )} +
) : (
-

No hay trabajos disponibles aún

+

No jobs available yet

- Publicar Primer Trabajo + Post First Job
@@ -130,7 +140,16 @@ export default function GigStreamDashboard() { {/* Quick Links */} -
+
+ + +

My Jobs

+

Manage all your onchain jobs

+ +
-

Live Streams

+
+

Live Streams

+ {sdsJobs.length > 0 && ( + + )} +

SDS active • {jobsCount} events

+ {sdsJobs.length > 0 && ( +

+ {sdsJobs.length} job{sdsJobs.length !== 1 ? 's' : ''} in Data Streams +

+ )}
diff --git a/src/app/gigstream/post/page.tsx b/src/app/gigstream/post/page.tsx index c481d99..f4f7097 100644 --- a/src/app/gigstream/post/page.tsx +++ b/src/app/gigstream/post/page.tsx @@ -8,6 +8,7 @@ import { useAccount, useSendTransaction, useBalance } from 'wagmi' import { parseEther, formatEther } from 'viem' import { useGemini } from '@/providers/GeminiProvider' import { useToast } from '@/components/ui/use-toast' +import { useGigStream } from '@/hooks/useGigStream' import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' @@ -17,6 +18,7 @@ export default function PostJob() { const { sendTransactionAsync } = useSendTransaction() const { generateText } = useGemini() const { showToast } = useToast() + const { jobCounter } = useGigStream() // Check user balance const { data: balance, isLoading: balanceLoading } = useBalance({ @@ -250,6 +252,10 @@ export default function PostJob() { duration: 5000 }) + // Note: Job will be automatically published to Somnia Data Streams + // via the /api/streams endpoint when it detects the JobPosted event + // This happens in the background and enriches the data with structured streams + // Redirect to dashboard after successful post setTimeout(() => { window.location.href = '/gigstream' diff --git a/src/components/chatbot/GeminiBot.tsx b/src/components/chatbot/GeminiBot.tsx index 68bfba6..8f7e5ad 100644 --- a/src/components/chatbot/GeminiBot.tsx +++ b/src/components/chatbot/GeminiBot.tsx @@ -88,13 +88,19 @@ export default function GeminiBot() { ? { ...msg, content: response, status: 'delivered', model: 'gemini' } : msg )) - } catch (error) { + } catch (error: any) { + const errorMessage = error?.message || 'Error temporal. Por favor intenta de nuevo.' setMessages(prev => prev.map(msg => msg.id === botMessageId - ? { ...msg, content: 'Temporary error. Please try again.', status: 'error' } + ? { ...msg, content: errorMessage, status: 'error' } : msg )) - showToast({ title: 'Error', description: 'Could not connect to Gemini' }) + showToast({ + title: 'Error', + description: errorMessage.includes('no está configurado') + ? 'Gemini AI no está configurado en producción' + : 'No se pudo conectar con Gemini AI' + }) } finally { setIsLoading(false) } diff --git a/src/components/gigstream/AIBidOptimizer.tsx b/src/components/gigstream/AIBidOptimizer.tsx index 4d3add8..69bdd2d 100644 --- a/src/components/gigstream/AIBidOptimizer.tsx +++ b/src/components/gigstream/AIBidOptimizer.tsx @@ -137,18 +137,26 @@ export default function AIBidOptimizer() { setModelUsed('gemini-2.5-flash') // Could be enhanced to get actual model from API } catch (error: any) { console.error('Error optimizing bid:', error) - setError(error.message || 'Error optimizing bid. Please try again.') - // Fallback + const errorMessage = error?.message || 'Error al optimizar la oferta. Por favor intenta de nuevo.' + + // Check if it's a configuration error + if (errorMessage.includes('no está configurado') || errorMessage.includes('not configured')) { + setError('Gemini AI no está configurado. Usando valores por defecto.') + } else { + setError(errorMessage) + } + + // Fallback optimization const optimal = Math.floor(parseInt(jobReward) * 0.65) setOptimization({ optimalBid: optimal, savings: parseInt(currentBid) - optimal, winProbability: 78, - strategy: 'Competitive but profitable bid (fallback)', + strategy: 'Oferta competitiva pero rentable (valores por defecto)', tips: [ - 'Bid 10-15% below average to increase chances', - 'Respond quickly to stand out', - 'Highlight relevant specific skills' + 'Oferta 10-15% por debajo del promedio para aumentar oportunidades', + 'Responde rápidamente para destacar', + 'Destaca habilidades específicas relevantes' ] }) } finally { diff --git a/src/components/gigstream/AIJobMatcher.tsx b/src/components/gigstream/AIJobMatcher.tsx index 202d2ee..2e30356 100644 --- a/src/components/gigstream/AIJobMatcher.tsx +++ b/src/components/gigstream/AIJobMatcher.tsx @@ -108,12 +108,20 @@ export default function AIJobMatcher() { })) } catch (error: any) { console.error('Error analyzing matches:', error) - setError(error.message || 'Error analyzing matches') + const errorMessage = error?.message || 'Error al analizar coincidencias' + + // Check if it's a configuration error + if (errorMessage.includes('no está configurado') || errorMessage.includes('not configured')) { + setError('Gemini AI no está configurado. Usando valores por defecto.') + } else { + setError(errorMessage) + } + // Fallback scores setJobs(prev => prev.map((job, idx) => ({ ...job, matchScore: [92, 78, 65][idx], - reason: ['Excellent match by location and skill (fallback)', 'Good opportunity, requires travel', 'Moderate match, different skill'][idx] + reason: ['Excelente coincidencia por ubicación y habilidad (por defecto)', 'Buena oportunidad, requiere viaje', 'Coincidencia moderada, habilidad diferente'][idx] }))) } finally { setIsAnalyzing(false) diff --git a/src/components/gigstream/JobCard.tsx b/src/components/gigstream/JobCard.tsx index abd9f1f..ce43cbe 100644 --- a/src/components/gigstream/JobCard.tsx +++ b/src/components/gigstream/JobCard.tsx @@ -2,14 +2,15 @@ 'use client' import { motion } from 'framer-motion' -import { MapPin, DollarSign, Clock, User, CheckCircle, XCircle, Zap } from 'lucide-react' +import { MapPin, DollarSign, Clock, User, CheckCircle, XCircle, Zap, Database } from 'lucide-react' import { formatEther } from 'viem' import { useJob } from '@/hooks/useJob' import { useGigStream } from '@/hooks/useGigStream' import { useAccount } from 'wagmi' import Link from 'next/link' import { formatDistanceToNow } from 'date-fns' -import { es } from 'date-fns/locale' +import { enUS } from 'date-fns/locale' +import { useState, useEffect } from 'react' interface JobCardProps { jobId: bigint @@ -19,6 +20,29 @@ interface JobCardProps { export default function JobCard({ jobId, onClick }: JobCardProps) { const { job, isLoading } = useJob(jobId) const { address } = useAccount() + const [isInSDS, setIsInSDS] = useState(false) + + // Check if this job is in Data Streams (optional enhancement) + useEffect(() => { + if (!job?.employer) return + + const checkSDS = async () => { + try { + const response = await fetch(`/api/sds/read-jobs?publisher=${job.employer}&limit=100`) + if (response.ok) { + const data = await response.json() + const jobInSDS = data.jobs?.some((sdsJob: any) => + sdsJob.jobId?.toString() === jobId.toString() + ) + setIsInSDS(jobInSDS || false) + } + } catch (error) { + // Silently fail - SDS check is optional + } + } + + checkSDS() + }, [job?.employer, jobId]) if (isLoading || !job) { return ( @@ -50,6 +74,11 @@ export default function JobCard({ jobId, onClick }: JobCardProps) {

{job.title}

+ {isInSDS && ( +
+ +
+ )} {job.completed && ( )} @@ -78,37 +107,37 @@ export default function JobCard({ jobId, onClick }: JobCardProps) { {job.deadline > BigInt(Math.floor(Date.now() / 1000)) - ? `Deadline: ${formatDistanceToNow(deadlineDate, { addSuffix: true, locale: es })}` - : 'Deadline pasado'} + ? `Deadline: ${formatDistanceToNow(deadlineDate, { addSuffix: true, locale: enUS })}` + : 'Deadline passed'}
{isAssigned && (
- Asignado a: {job.worker.slice(0, 6)}...{job.worker.slice(-4)} + Assigned to: {job.worker.slice(0, 6)}...{job.worker.slice(-4)}
)}
- {formatDistanceToNow(createdAtDate, { addSuffix: true, locale: es })} + {formatDistanceToNow(createdAtDate, { addSuffix: true, locale: enUS })}
{isEmployer && !job.completed && !job.cancelled && ( - Mi trabajo + My Job )} {isWorker && !job.completed && ( - Asignado + Assigned )} {!isEmployer && !isWorker && !isAssigned && !job.completed && !job.cancelled && ( - Disponible + Available )}
diff --git a/src/components/gigstream/SDSJobsIndicator.tsx b/src/components/gigstream/SDSJobsIndicator.tsx new file mode 100644 index 0000000..2bc9faa --- /dev/null +++ b/src/components/gigstream/SDSJobsIndicator.tsx @@ -0,0 +1,46 @@ +// src/components/gigstream/SDSJobsIndicator.tsx - Indicator for Data Streams integration +'use client' + +import { Zap, Database } from 'lucide-react' +import { useSDSJobs } from '@/hooks/useSDSJobs' +import { motion } from 'framer-motion' + +interface SDSJobsIndicatorProps { + publisher?: `0x${string}` + showCount?: boolean +} + +export default function SDSJobsIndicator({ publisher, showCount = true }: SDSJobsIndicatorProps) { + const { jobs, isLoading } = useSDSJobs(publisher) + + if (isLoading) { + return ( +
+
+ Loading SDS... +
+ ) + } + + if (jobs.length === 0) { + return null + } + + return ( + + + {showCount && ( + + {jobs.length} in SDS + + )} + + + ) +} + diff --git a/src/components/somnia/Navbar.tsx b/src/components/somnia/Navbar.tsx index d47825d..a962cc8 100644 --- a/src/components/somnia/Navbar.tsx +++ b/src/components/somnia/Navbar.tsx @@ -49,6 +49,7 @@ export default function Navbar() { // GigStream Dashboard Menu { name: 'Home', href: '/', icon: Home }, { name: 'Dashboard', href: '/gigstream', icon: Briefcase }, + { name: 'My Jobs', href: '/gigstream/my-jobs', icon: Briefcase }, { name: 'Post Job', href: '/gigstream/post', icon: Plus }, { name: 'Profile', href: '/gigstream/profile', icon: User } ] @@ -61,6 +62,7 @@ export default function Navbar() { icon: Briefcase, submenu: [ { name: 'Dashboard', href: '/gigstream', icon: Briefcase }, + { name: 'My Jobs', href: '/gigstream/my-jobs', icon: Briefcase }, { name: 'Post Job', href: '/gigstream/post', icon: Plus }, { name: 'Profile', href: '/gigstream/profile', icon: User } ] diff --git a/src/hooks/useGigStream.ts b/src/hooks/useGigStream.ts index c396a21..f890b95 100644 --- a/src/hooks/useGigStream.ts +++ b/src/hooks/useGigStream.ts @@ -75,8 +75,48 @@ export function useGigStream() { address: GIGESCROW_ADDRESS, abi: gigEscrowAbi, eventName: 'JobPosted', - onLogs: () => { - refetchUserJobs() + onLogs: (logs) => { + // Check if the job was posted by the current user + const userPosted = logs.some((log: any) => + log.args?.employer?.toLowerCase() === address?.toLowerCase() + ) + if (userPosted) { + refetchUserJobs() + } + }, + }) + + // Watch for job acceptance + useWatchContractEvent({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + eventName: 'JobAccepted', + onLogs: (logs) => { + // Check if the job was accepted for the current user + const userInvolved = logs.some((log: any) => + log.args?.worker?.toLowerCase() === address?.toLowerCase() || + log.args?.employer?.toLowerCase() === address?.toLowerCase() + ) + if (userInvolved) { + refetchUserJobs() + refetchWorkerJobs() + } + }, + }) + + // Watch for job cancellation + useWatchContractEvent({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + eventName: 'JobCancelled', + onLogs: (logs) => { + // Check if the job was cancelled by the current user + const userInvolved = logs.some((log: any) => + log.args?.employer?.toLowerCase() === address?.toLowerCase() + ) + if (userInvolved) { + refetchUserJobs() + } }, }) @@ -86,15 +126,16 @@ export function useGigStream() { abi: gigEscrowAbi, eventName: 'BidPlaced', onLogs: () => { - // Refetch job data when bids are placed + // Refetch job data when bids are placed (for employers to see new bids) + refetchUserJobs() }, }) // Write contract functions - const { writeContract: placeBid, data: placeBidHash, isPending: isPlacingBid } = useWriteContract() - const { writeContract: acceptBid, data: acceptBidHash, isPending: isAcceptingBid } = useWriteContract() - const { writeContract: completeJob, data: completeJobHash, isPending: isCompletingJob } = useWriteContract() - const { writeContract: cancelJob, data: cancelJobHash, isPending: isCancellingJob } = useWriteContract() + const { writeContract: writePlaceBid, data: placeBidHash, isPending: isPlacingBid } = useWriteContract() + const { writeContract: writeAcceptBid, data: acceptBidHash, isPending: isAcceptingBid } = useWriteContract() + const { writeContract: writeCompleteJob, data: completeJobHash, isPending: isCompletingJob } = useWriteContract() + const { writeContract: writeCancelJob, data: cancelJobHash, isPending: isCancellingJob } = useWriteContract() // Wait for transactions const { isLoading: isPlaceBidConfirming } = useWaitForTransactionReceipt({ hash: placeBidHash }) @@ -145,11 +186,11 @@ export function useGigStream() { // Handler functions - const handlePlaceBid = async (jobId: bigint, bidAmount: string = '0') => { + const handlePlaceBid = async (jobId: bigint, bidAmount: string = '0'): Promise => { if (!address || !isConnected) throw new Error('Wallet not connected') try { - await placeBid({ + await writePlaceBid({ address: GIGESCROW_ADDRESS, abi: gigEscrowAbi, functionName: 'placeBid', @@ -161,11 +202,11 @@ export function useGigStream() { } } - const handleAcceptBid = async (jobId: bigint, workerAddress: `0x${string}`) => { + const handleAcceptBid = async (jobId: bigint, workerAddress: `0x${string}`): Promise => { if (!address || !isConnected) throw new Error('Wallet not connected') try { - await acceptBid({ + await writeAcceptBid({ address: GIGESCROW_ADDRESS, abi: gigEscrowAbi, functionName: 'acceptBid', @@ -177,11 +218,11 @@ export function useGigStream() { } } - const handleCompleteJob = async (jobId: bigint) => { + const handleCompleteJob = async (jobId: bigint): Promise => { if (!address || !isConnected) throw new Error('Wallet not connected') try { - await completeJob({ + await writeCompleteJob({ address: GIGESCROW_ADDRESS, abi: gigEscrowAbi, functionName: 'completeJob', @@ -193,11 +234,11 @@ export function useGigStream() { } } - const handleCancelJob = async (jobId: bigint) => { + const handleCancelJob = async (jobId: bigint): Promise => { if (!address || !isConnected) throw new Error('Wallet not connected') try { - await cancelJob({ + await writeCancelJob({ address: GIGESCROW_ADDRESS, abi: gigEscrowAbi, functionName: 'cancelJob', diff --git a/src/hooks/useSDSJobs.ts b/src/hooks/useSDSJobs.ts new file mode 100644 index 0000000..8f62fa3 --- /dev/null +++ b/src/hooks/useSDSJobs.ts @@ -0,0 +1,83 @@ +// src/hooks/useSDSJobs.ts - Hook to fetch jobs from Somnia Data Streams +'use client' + +import { useState, useEffect } from 'react' +import { useAccount } from 'wagmi' + +interface SDSJob { + jobId?: string | bigint + employer?: string + title?: string + location?: string + reward?: string | bigint + deadline?: string | bigint + timestamp?: string | number +} + +interface UseSDSJobsResult { + jobs: SDSJob[] + isLoading: boolean + error: Error | null + refetch: () => void +} + +/** + * Hook to fetch jobs from Somnia Data Streams + * @param publisher - Address to fetch jobs for (defaults to connected wallet) + * @param enabled - Whether to fetch (defaults to true if wallet connected) + */ +export function useSDSJobs( + publisher?: `0x${string}`, + enabled: boolean = true +): UseSDSJobsResult { + const { address, isConnected } = useAccount() + const [jobs, setJobs] = useState([]) + const [isLoading, setIsLoading] = useState(false) + const [error, setError] = useState(null) + + const targetPublisher = publisher || (address as `0x${string}` | undefined) + + const fetchJobs = async () => { + if (!targetPublisher || !enabled || !isConnected) { + setJobs([]) + setIsLoading(false) + return + } + + setIsLoading(true) + setError(null) + + try { + const response = await fetch( + `/api/sds/read-jobs?publisher=${targetPublisher}&limit=100` + ) + + if (!response.ok) { + const errorData = await response.json() + throw new Error(errorData.error || 'Failed to fetch jobs from Data Streams') + } + + const data = await response.json() + setJobs(data.jobs || []) + } catch (err) { + const error = err instanceof Error ? err : new Error('Unknown error') + setError(error) + // Don't set jobs to empty on error - keep previous data + console.error('Error fetching SDS jobs:', error) + } finally { + setIsLoading(false) + } + } + + useEffect(() => { + fetchJobs() + }, [targetPublisher, enabled, isConnected]) + + return { + jobs, + isLoading, + error, + refetch: fetchJobs, + } +} + diff --git a/src/lib/__tests__/somnia-sds.integration.test.ts b/src/lib/__tests__/somnia-sds.integration.test.ts new file mode 100644 index 0000000..9c1379d --- /dev/null +++ b/src/lib/__tests__/somnia-sds.integration.test.ts @@ -0,0 +1,245 @@ +// src/lib/__tests__/somnia-sds.integration.test.ts +// Real integration tests for Somnia Data Streams SDK +// These tests use the real SDK against Somnia Testnet +// Requires: SOMNIA_PRIVATE_KEY environment variable with testnet wallet + +import { describe, it, expect, beforeAll } from 'vitest' +import { config } from 'dotenv' +import { resolve } from 'path' +import { + createSDSClient, + createSDSWalletClient, + getJobSchemaId, + registerJobSchema, + publishJobToDataStream, + readJobFromDataStream, + JOB_SCHEMA, +} from '../somnia-sds' +import { SDK } from '@somnia-chain/streams' + +// Load .env.local file +config({ path: resolve(process.cwd(), '.env.local') }) + +describe('Somnia SDS SDK - Real Integration Tests', () => { + // Get private key and normalize it (add 0x prefix if missing) + let rawPrivateKey = process.env.SOMNIA_PRIVATE_KEY + let privateKey: `0x${string}` | undefined = undefined + + if (rawPrivateKey) { + // Remove any whitespace + rawPrivateKey = rawPrivateKey.trim() + // Add 0x prefix if missing + if (!rawPrivateKey.startsWith('0x')) { + privateKey = `0x${rawPrivateKey}` as `0x${string}` + } else { + privateKey = rawPrivateKey as `0x${string}` + } + } + + const hasPrivateKey = !!privateKey && privateKey !== '0x...' && privateKey.length > 10 + + describe('SDK Client Creation', () => { + it('should create a public SDK client successfully', () => { + const client = createSDSClient() + expect(client).toBeInstanceOf(SDK) + expect(client).toBeDefined() + }) + + it('should create a wallet SDK client if private key is provided', () => { + if (!hasPrivateKey || !privateKey) { + console.log('⚠️ Skipping: SOMNIA_PRIVATE_KEY not configured') + return + } + + const client = createSDSWalletClient(privateKey) + expect(client).toBeInstanceOf(SDK) + expect(client).toBeDefined() + console.log('✅ Wallet SDK client created successfully') + }) + }) + + describe('Schema Operations', () => { + it('should compute schema ID for JOB_SCHEMA', async () => { + const schemaId = await getJobSchemaId() + + expect(schemaId).toBeDefined() + expect(typeof schemaId).toBe('string') + expect(schemaId).toMatch(/^0x[a-fA-F0-9]{64}$/) + expect(schemaId.length).toBe(66) // 0x + 64 hex chars + + console.log('✅ Schema ID computed:', schemaId) + }, 30000) // 30 second timeout for network calls + + it('should check if schema is registered', async () => { + const sdk = createSDSClient() + const schemaId = await getJobSchemaId() + + const result = await sdk.streams.isDataSchemaRegistered(schemaId) + + if (result instanceof Error) { + console.error('❌ Error checking schema registration:', result.message) + throw result + } + + expect(typeof result).toBe('boolean') + console.log(`✅ Schema registered: ${result}`) + }, 30000) + + it('should register schema if private key is available', async () => { + if (!hasPrivateKey || !privateKey) { + console.log('⚠️ Skipping: SOMNIA_PRIVATE_KEY not configured (required for registration)') + return + } + + console.log('🔄 Registering schema with private key...') + const sdk = createSDSWalletClient(privateKey) + const schemaId = await registerJobSchema(sdk) + + expect(schemaId).toBeDefined() + expect(schemaId).toMatch(/^0x[a-fA-F0-9]{64}$/) + console.log('✅ Schema registered with ID:', schemaId) + }, 120000) // 2 minute timeout for transaction + }) + + describe('Publish Job to Data Streams', () => { + it('should publish a job to Data Streams if private key is available', async () => { + if (!hasPrivateKey || !privateKey) { + console.log('⚠️ Skipping: SOMNIA_PRIVATE_KEY not configured (required for publishing)') + return + } + + console.log('🔄 Publishing job to Data Streams...') + const sdk = createSDSWalletClient(privateKey) + + const jobData = { + jobId: BigInt(Date.now()), // Use timestamp as unique ID + employer: '0x1234567890123456789012345678901234567890' as `0x${string}`, + title: 'Test Job - Integration Test', + location: 'CDMX Testnet', + reward: '1000', + deadline: (BigInt(Math.floor(Date.now() / 1000)) + BigInt(86400 * 7)).toString(), // 7 days from now + timestamp: Math.floor(Date.now() / 1000), + } + + const txHash = await publishJobToDataStream(sdk, jobData) + + expect(txHash).toBeDefined() + expect(txHash).toMatch(/^0x[a-fA-F0-9]{64}$/) + console.log('✅ Job published to Data Streams. Transaction:', txHash) + + // Wait a bit for the transaction to be mined + await new Promise(resolve => setTimeout(resolve, 5000)) + }, 120000) // 2 minute timeout for transaction + confirmation + }) + + describe('Read Job from Data Streams', () => { + it('should read job data from Data Streams (or handle NoData error)', async () => { + const sdk = createSDSClient() + const schemaId = await getJobSchemaId() + + // Use a test publisher address (you can change this to a real one) + const testPublisher = '0x1234567890123456789012345678901234567890' as `0x${string}` + + try { + const result = await readJobFromDataStream(schemaId, testPublisher) + + // Result should be an array (empty if no data, or with jobs if data exists) + expect(Array.isArray(result)).toBe(true) + console.log(`✅ Read ${result.length} job${result.length !== 1 ? 's' : ''} from Data Streams`) + + if (result.length > 0) { + console.log('Sample job data:', result[0]) + } else { + console.log('ℹ️ No data found for this publisher (expected if no jobs published yet)') + } + } catch (error: any) { + // NoData error is expected if no data has been published + if (error?.message?.includes('NoData') || error?.shortMessage?.includes('NoData')) { + console.log('ℹ️ NoData error (expected): No jobs published for this publisher yet') + expect(error).toBeDefined() + } else { + throw error + } + } + }, 30000) + }) + + describe('Schema Validation', () => { + it('should have correct JOB_SCHEMA format', () => { + expect(JOB_SCHEMA).toContain('uint256 jobId') + expect(JOB_SCHEMA).toContain('address employer') + expect(JOB_SCHEMA).toContain('string title') + expect(JOB_SCHEMA).toContain('string location') + expect(JOB_SCHEMA).toContain('uint256 reward') + expect(JOB_SCHEMA).toContain('uint256 deadline') + expect(JOB_SCHEMA).toContain('uint64 timestamp') + + console.log('✅ JOB_SCHEMA format is correct:', JOB_SCHEMA) + }) + + it('should validate schema using SchemaEncoder', async () => { + const { SchemaEncoder } = await import('@somnia-chain/streams') + const encoder = new SchemaEncoder(JOB_SCHEMA) + + // Test encoding + const testData = [ + { name: 'jobId', value: '1', type: 'uint256' }, + { name: 'employer', value: '0x1234567890123456789012345678901234567890', type: 'address' }, + { name: 'title', value: 'Test', type: 'string' }, + { name: 'location', value: 'CDMX', type: 'string' }, + { name: 'reward', value: '1000', type: 'uint256' }, + { name: 'deadline', value: '1735689600', type: 'uint256' }, + { name: 'timestamp', value: '1733001600', type: 'uint64' }, + ] + + const encoded = encoder.encodeData(testData) + expect(encoded).toBeDefined() + expect(encoded).toMatch(/^0x[a-fA-F0-9]+$/) + + // Test decoding + const decoded = encoder.decodeData(encoded) + expect(Array.isArray(decoded)).toBe(true) + expect(decoded.length).toBe(7) + + console.log('✅ Schema encoding/decoding works correctly') + }) + }) + + describe('Error Handling', () => { + it('should handle invalid schema ID gracefully', async () => { + const sdk = createSDSClient() + const invalidSchemaId = '0x0000000000000000000000000000000000000000000000000000000000000000' as `0x${string}` + + const result = await sdk.streams.isDataSchemaRegistered(invalidSchemaId) + + // Should return boolean (false) or Error + if (result instanceof Error) { + console.log('⚠️ Expected error for invalid schema:', result.message) + expect(result).toBeInstanceOf(Error) + } else { + expect(typeof result).toBe('boolean') + } + }, 30000) + + it('should handle invalid addresses gracefully', async () => { + // This test verifies that errors are properly handled + const sdk = createSDSClient() + + // Try to read from zero address (SDK validates this) + const schemaId = await getJobSchemaId() + const zeroAddress = '0x0000000000000000000000000000000000000000' as `0x${string}` + + try { + await readJobFromDataStream(schemaId, zeroAddress) + // Should not reach here + expect(false).toBe(true) + } catch (error: any) { + // SDK should reject zero address + expect(error).toBeDefined() + expect(error.message || error.toString()).toContain('address') + console.log('✅ Zero address validation works correctly:', error.message || error.toString()) + } + }, 30000) + }) +}) + diff --git a/src/lib/ai/gemini-advanced.ts b/src/lib/ai/gemini-advanced.ts index aa7c0b6..1ddd3e6 100644 --- a/src/lib/ai/gemini-advanced.ts +++ b/src/lib/ai/gemini-advanced.ts @@ -3,22 +3,34 @@ import { GoogleGenerativeAI } from '@google/generative-ai' -// Validate API key on module load -if (!process.env.GEMINI_API_KEY && !process.env.GOOGLE_GENERATIVE_AI_API_KEY) { - console.error('[AI] GEMINI_API_KEY or GOOGLE_GENERATIVE_AI_API_KEY is not set') +// Get API key helper function (lazy initialization) +function getApiKey(): string | null { + return process.env.GEMINI_API_KEY || process.env.GOOGLE_GENERATIVE_AI_API_KEY || null } -// Create singleton instance (supports both env var names for compatibility) -const apiKey = process.env.GEMINI_API_KEY || process.env.GOOGLE_GENERATIVE_AI_API_KEY -const genAI = apiKey ? new GoogleGenerativeAI(apiKey) : null +// Get or create Gemini instance (lazy initialization) +let genAI: GoogleGenerativeAI | null = null +function getGenAI(): GoogleGenerativeAI | null { + if (!genAI) { + const apiKey = getApiKey() + if (apiKey) { + genAI = new GoogleGenerativeAI(apiKey) + } else { + console.error('[AI] GEMINI_API_KEY or GOOGLE_GENERATIVE_AI_API_KEY is not set') + } + } + return genAI +} // Model fallback chain (ordered by preference) +// Updated November 2025: Only using Gemini 2.5 models +// IMPORTANT: Gemini 1.5 models were discontinued September 24, 2025 +// Reference: https://ai.google.dev/gemini-api/docs/models +// Note: gemini-pro, gemini-pro-vision, gemini-1.5-*, and gemini-2.0-* are NOT available const modelsToTry = [ - 'gemini-2.5-flash', // Primary - Fastest, latest - 'gemini-2.5-pro', // Fallback 1 - More capable - 'gemini-2.0-flash', // Fallback 2 - Previous gen fast - 'gemini-1.5-flash', // Fallback 3 - Stable fast - 'gemini-1.5-pro' // Fallback 4 - Most capable + 'gemini-2.5-flash', // Primary - Fastest, latest (November 2025 - confirmed available) + 'gemini-2.5-flash-lite', // Fallback 1 - Lighter version of 2.5-flash + 'gemini-2.5-pro' // Fallback 2 - More capable (if available) ] // Generation configuration @@ -56,7 +68,8 @@ export async function callGemini( prompt: string, options: GeminiOptions = {} ): Promise { - if (!genAI) { + const ai = getGenAI() + if (!ai) { throw new Error('Gemini API key not configured. Set GEMINI_API_KEY or GOOGLE_GENERATIVE_AI_API_KEY') } @@ -77,7 +90,7 @@ export async function callGemini( // Try each model in fallback chain for (const modelName of modelsToTry) { try { - const model = genAI.getGenerativeModel({ + const model = ai.getGenerativeModel({ model: modelName, generationConfig: { temperature, diff --git a/src/lib/somnia-sds.ts b/src/lib/somnia-sds.ts new file mode 100644 index 0000000..132053d --- /dev/null +++ b/src/lib/somnia-sds.ts @@ -0,0 +1,255 @@ +// src/lib/somnia-sds.ts - Somnia Data Streams SDK Utilities +// Utilities for working with @somnia-chain/streams SDK + +import { SDK, SchemaEncoder, zeroBytes32 } from '@somnia-chain/streams' +import { createPublicClient, createWalletClient, http, toHex } from 'viem' +import { privateKeyToAccount } from 'viem/accounts' +import { SOMNIA_CONFIG } from './contracts' + +/** + * Job Data Stream Schema + * Defines the structure for job data in Somnia Data Streams + */ +export const JOB_SCHEMA = 'uint256 jobId, address employer, string title, string location, uint256 reward, uint256 deadline, uint64 timestamp' + +/** + * Initialize Somnia SDS SDK with public client only (for reading) + */ +export function createSDSClient() { + const publicClient = createPublicClient({ + chain: { + id: SOMNIA_CONFIG.chainId, + name: SOMNIA_CONFIG.name, + nativeCurrency: SOMNIA_CONFIG.nativeCurrency, + rpcUrls: { + default: { + http: [SOMNIA_CONFIG.rpcUrl], + }, + }, + }, + transport: http(SOMNIA_CONFIG.rpcUrl), + }) + + return new SDK({ + public: publicClient, + }) +} + +/** + * Initialize Somnia SDS SDK with wallet client (for writing) + * Note: This requires a private key, use only on server-side + */ +export function createSDSWalletClient(privateKey: `0x${string}`) { + const account = privateKeyToAccount(privateKey) + + const publicClient = createPublicClient({ + chain: { + id: SOMNIA_CONFIG.chainId, + name: SOMNIA_CONFIG.name, + nativeCurrency: SOMNIA_CONFIG.nativeCurrency, + rpcUrls: { + default: { + http: [SOMNIA_CONFIG.rpcUrl], + }, + }, + }, + transport: http(SOMNIA_CONFIG.rpcUrl), + }) + + const walletClient = createWalletClient({ + chain: { + id: SOMNIA_CONFIG.chainId, + name: SOMNIA_CONFIG.name, + nativeCurrency: SOMNIA_CONFIG.nativeCurrency, + rpcUrls: { + default: { + http: [SOMNIA_CONFIG.rpcUrl], + }, + }, + }, + account, + transport: http(SOMNIA_CONFIG.rpcUrl), + }) + + return new SDK({ + public: publicClient, + wallet: walletClient, + }) +} + +/** + * Compute schema ID for job schema + */ +export async function getJobSchemaId(): Promise<`0x${string}`> { + const sdk = createSDSClient() + const result = await sdk.streams.computeSchemaId(JOB_SCHEMA) + if (result instanceof Error) { + throw result + } + return result +} + +/** + * Register job schema if not already registered + */ +export async function registerJobSchema(sdk: SDK): Promise<`0x${string}`> { + // Compute schema ID + const schemaIdResult = await sdk.streams.computeSchemaId(JOB_SCHEMA) + if (schemaIdResult instanceof Error) { + throw schemaIdResult + } + const schemaId = schemaIdResult + + // Check if schema is already registered + const existsResult = await sdk.streams.isDataSchemaRegistered(schemaId) + if (existsResult instanceof Error) { + throw existsResult + } + const exists = existsResult + + if (!exists) { + // Register the schema + const txResult = await sdk.streams.registerDataSchemas([ + { + schemaName: 'GigStreamJob', + schema: JOB_SCHEMA, + parentSchemaId: zeroBytes32 as `0x${string}`, + } + ]) + + if (txResult instanceof Error) { + throw txResult + } + + // Wait for transaction receipt + const { waitForTransactionReceipt } = await import('viem/actions') + // Get public client from SDK - need to access it differently + // The SDK uses a Client internally, we need to pass the public client separately + const publicClient = createPublicClient({ + chain: { + id: SOMNIA_CONFIG.chainId, + name: SOMNIA_CONFIG.name, + nativeCurrency: SOMNIA_CONFIG.nativeCurrency, + rpcUrls: { + default: { + http: [SOMNIA_CONFIG.rpcUrl], + }, + }, + }, + transport: http(SOMNIA_CONFIG.rpcUrl), + }) + + await waitForTransactionReceipt(publicClient, { hash: txResult }) + } + + return schemaId +} + +/** + * Publish job data to Somnia Data Streams + */ +export async function publishJobToDataStream( + sdk: SDK, + jobData: { + jobId: bigint | string + employer: `0x${string}` + title: string + location: string + reward: bigint | string + deadline: bigint | string + timestamp?: number + } +): Promise<`0x${string}` | null> { + // Check if SDK was initialized with wallet (required for writing) + // The SDK constructor requires wallet for write operations + // We'll check by trying to use it - if it fails, we know wallet is missing + + // Register schema if needed + const schemaId = await registerJobSchema(sdk) as `0x${string}` + + // Create encoder + const encoder = new SchemaEncoder(JOB_SCHEMA) + + // Encode job data + const timestamp = jobData.timestamp || Math.floor(Date.now() / 1000) + const data = encoder.encodeData([ + { name: 'jobId', value: jobData.jobId.toString(), type: 'uint256' }, + { name: 'employer', value: jobData.employer, type: 'address' }, + { name: 'title', value: jobData.title, type: 'string' }, + { name: 'location', value: jobData.location, type: 'string' }, + { name: 'reward', value: jobData.reward.toString(), type: 'uint256' }, + { name: 'deadline', value: jobData.deadline.toString(), type: 'uint256' }, + { name: 'timestamp', value: timestamp.toString(), type: 'uint64' }, + ]) + + // Create unique data ID + const dataId = toHex(`job-${jobData.jobId}-${timestamp}`, { size: 32 }) + + // Publish to Data Streams + // Use 'set' method when we only have data (no events) + // 'setAndEmitEvents' requires events array to be non-empty + const txResult = await sdk.streams.set( + [{ id: dataId, schemaId, data }] + ) + + if (txResult instanceof Error) { + throw txResult + } + + return txResult +} + +/** + * Read job data from Somnia Data Streams + * Note: The SDK returns data in a structured format + */ +export async function readJobFromDataStream( + schemaId: `0x${string}`, + publisher: `0x${string}` +) { + const sdk = createSDSClient() + const encoder = new SchemaEncoder(JOB_SCHEMA) + + const dataResult = await sdk.streams.getAllPublisherDataForSchema(schemaId, publisher) + + if (dataResult instanceof Error) { + throw dataResult + } + + // The SDK returns Hex[] | SchemaDecodedItem[][] + // Check the type and handle accordingly + if (!Array.isArray(dataResult) || dataResult.length === 0) { + return [] + } + + // Check if it's SchemaDecodedItem[][] (array of arrays with decoded items) + const firstItem = dataResult[0] + if (Array.isArray(firstItem) && firstItem.length > 0 && typeof firstItem[0] === 'object' && 'name' in firstItem[0]) { + // It's SchemaDecodedItem[][] + return (dataResult as any[][]).map((decodedItems: any[]) => { + const job: any = {} + decodedItems.forEach((item: any) => { + if (item.name && item.value) { + job[item.name] = item.value.value || item.value + } + }) + return job + }) + } else { + // It's Hex[], need to decode + return (dataResult as `0x${string}`[]).map((hexData: `0x${string}`) => { + try { + const decoded = encoder.decodeData(hexData) + const job: any = {} + decoded.forEach((item) => { + job[item.name] = item.value.value || item.value + }) + return job + } catch (error) { + console.error('Error decoding job data:', error) + return null + } + }).filter(Boolean) + } +} + diff --git a/src/providers/GeminiProvider.tsx b/src/providers/GeminiProvider.tsx index 8ecdc0c..4082803 100644 --- a/src/providers/GeminiProvider.tsx +++ b/src/providers/GeminiProvider.tsx @@ -1,29 +1,27 @@ -// src/providers/GeminiProvider.tsx - Gemini 2.5 Flash + Fallbacks +// src/providers/GeminiProvider.tsx - Client-side Gemini API Provider +// Note: Model fallback is handled server-side in /api/gemini route 'use client' -import { createContext, useContext, ReactNode, useCallback, useState } from 'react' +import { createContext, useContext, ReactNode, useCallback } from 'react' const GeminiContext = createContext(null) -const models = [ - 'gemini-2.5-flash', // Primary ✅ - 'gemini-2.5-pro', // Fallback 1 ✅ - 'gemini-2.0-flash', // Fallback 2 ✅ - 'gemini-1.5-flash', // Fallback 3 ✅ - 'gemini-1.5-pro' // Fallback 4 ✅ -] - export function GeminiProvider({ children }: { children: ReactNode }) { - const generateText = useCallback(async (prompt: string, retries = 0): Promise => { + const generateText = useCallback(async (prompt: string, context?: string): Promise => { try { - const response = await fetch('/api/gemini', { + // Use absolute URL in production to avoid CORS issues + const apiUrl = process.env.NODE_ENV === 'production' + ? `${process.env.NEXT_PUBLIC_APP_URL || 'https://gigstream-mx.vercel.app'}/api/gemini` + : '/api/gemini' + + const response = await fetch(apiUrl, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ prompt, - context: 'Mexico freelance marketplace, 56M informal workers' + context: context || 'Mexico freelance marketplace, 56M informal workers. Built on Somnia Network L1 blockchain with real-time Data Streams.' }), }) @@ -33,7 +31,17 @@ export function GeminiProvider({ children }: { children: ReactNode }) { // Don't retry if API key is not configured (503 status) if (response.status === 503 && errorMessage.includes('API key')) { - throw new Error(errorMessage) + throw new Error('Gemini AI no está configurado. Por favor contacta al soporte.') + } + + // Handle rate limits + if (response.status === 429) { + throw new Error('Límite de solicitudes excedido. Por favor intenta más tarde.') + } + + // Handle timeouts + if (response.status === 504) { + throw new Error('Tiempo de espera agotado. Por favor intenta de nuevo.') } throw new Error(errorMessage) @@ -45,24 +53,19 @@ export function GeminiProvider({ children }: { children: ReactNode }) { if (!data.success) { // Don't retry if API key is not configured if (data.error?.includes('API key') || data.error?.includes('not configured')) { - throw new Error(data.error || 'Gemini API key not configured') + throw new Error('Gemini AI no está configurado. Por favor contacta al soporte.') } - throw new Error(data.error || 'Gemini API error') + throw new Error(data.error || 'Error en la API de Gemini') } // Return text response (provider expects string) return data.response || data.text || data.data || '' } catch (error: any) { - // Don't retry on configuration errors (503) or API key errors - if (error?.message?.includes('API key') || error?.message?.includes('not configured')) { + // Re-throw with user-friendly message + if (error.message) { throw error } - - if (retries < models.length - 1) { - console.warn(`Model ${models[retries]} failed, trying fallback ${retries + 1}`) - return generateText(prompt, retries + 1) - } - throw new Error('All Gemini models failed') + throw new Error('Error al conectar con Gemini AI. Por favor intenta más tarde.') } }, []) diff --git a/vitest.config.ts b/vitest.config.ts new file mode 100644 index 0000000..c36d04d --- /dev/null +++ b/vitest.config.ts @@ -0,0 +1,37 @@ +// vitest.config.ts +import { defineConfig } from 'vitest/config' +import path from 'path' +import { loadEnv } from 'vite' + +export default defineConfig(({ mode }) => { + // Load env file based on `mode` in the current working directory. + // Load .env.local if it exists + const env = loadEnv(mode, process.cwd(), '') + + return { + test: { + globals: true, + environment: 'node', + include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'], + exclude: ['node_modules', 'dist', '.idea', '.git', '.cache'], + testTimeout: 120000, // 2 minutes for integration tests + env, // Pass environment variables to tests + coverage: { + provider: 'v8', + reporter: ['text', 'json', 'html'], + exclude: [ + 'node_modules/', + 'src/**/*.d.ts', + 'src/**/*.config.*', + 'src/**/__tests__/**', + ], + }, + }, + resolve: { + alias: { + '@': path.resolve(__dirname, './src'), + }, + }, + } +}) + From 69502b72db2659c30c48e0ef8b6c6d2bfaad3511 Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 14:40:03 -0600 Subject: [PATCH 04/23] feat: Update landing page with accurate tech stack and marketplace integration - Replace Foundry references with Hardhat (actual tool used) - Update ZK Reputation to On-Chain Reputation (current implementation) - Add Marketplace section to navbar - Create MarketplaceSearch component for landing page - Add SomniaSDKSection with SDK integration details - Update Footer with real project information - Remove GitHub, Discord, YouTube links (keep only X/Twitter) - Update all technology references to match actual stack - Fix TypeScript errors and remove unused imports --- src/app/api/streams/route.ts | 8 +- src/app/gigstream/marketplace/page.tsx | 217 ++++++++++++++++++ src/app/gigstream/page.tsx | 4 +- src/app/page.tsx | 4 + src/components/gigstream/BenefitsSection.tsx | 6 +- src/components/gigstream/FeaturesSection.tsx | 12 +- src/components/gigstream/HeroSection.tsx | 2 +- .../gigstream/HowItWorksSection.tsx | 2 +- .../gigstream/MarketplaceSearch.tsx | 110 +++++++++ src/components/gigstream/SomniaSDKSection.tsx | 145 ++++++++++++ src/components/somnia/DevelopersSection.tsx | 14 +- src/components/somnia/Footer.tsx | 132 +++++------ src/components/somnia/Navbar.tsx | 4 +- 13 files changed, 559 insertions(+), 101 deletions(-) create mode 100644 src/app/gigstream/marketplace/page.tsx create mode 100644 src/components/gigstream/MarketplaceSearch.tsx create mode 100644 src/components/gigstream/SomniaSDKSection.tsx diff --git a/src/app/api/streams/route.ts b/src/app/api/streams/route.ts index f089336..2fe05fd 100644 --- a/src/app/api/streams/route.ts +++ b/src/app/api/streams/route.ts @@ -132,15 +132,15 @@ export async function GET(req: NextRequest) { onLogs: async (logs) => { for (const log of logs) { const jobData = { - type: 'JobPosted', + type: 'JobPosted', jobId: log.args.jobId?.toString() || '', employer: log.args.employer || '', title: log.args.title || '', reward: log.args.reward?.toString() || '0', deadline: log.args.deadline?.toString() || '0', - blockNumber: log.blockNumber?.toString(), - transactionHash: log.transactionHash, - timestamp: Date.now() + blockNumber: log.blockNumber?.toString(), + transactionHash: log.transactionHash, + timestamp: Date.now() } // Stream the event to client diff --git a/src/app/gigstream/marketplace/page.tsx b/src/app/gigstream/marketplace/page.tsx new file mode 100644 index 0000000..ff5dd27 --- /dev/null +++ b/src/app/gigstream/marketplace/page.tsx @@ -0,0 +1,217 @@ +// src/app/gigstream/marketplace/page.tsx - Jobs Marketplace - All Available Jobs +'use client' + +import { motion } from 'framer-motion' +import { useAccount } from 'wagmi' +import Link from 'next/link' +import { Store, Plus, Search, Filter, Zap } from 'lucide-react' +import { useEffect, useState, useMemo } from 'react' +import Navbar from '@/components/somnia/Navbar' +import Footer from '@/components/somnia/Footer' +import { useGigStream } from '@/hooks/useGigStream' +import JobCard from '@/components/gigstream/JobCard' + +export default function MarketplacePage() { + const { address, isConnected } = useAccount() + const { jobCounter, refetch } = useGigStream() + const [jobsCount, setJobsCount] = useState(0) + const [searchQuery, setSearchQuery] = useState('') + const [filterAvailable, setFilterAvailable] = useState(true) + + // Get search query from URL params + useEffect(() => { + if (typeof window !== 'undefined') { + const params = new URLSearchParams(window.location.search) + const searchParam = params.get('search') + if (searchParam) { + setSearchQuery(decodeURIComponent(searchParam)) + } + } + }, []) + + // Fetch all jobs from contract + useEffect(() => { + if (jobCounter && jobCounter > 0n) { + setJobsCount(Number(jobCounter)) + } + }, [jobCounter]) + + useEffect(() => { + // Refetch jobs periodically + const interval = setInterval(() => { + refetch() + }, 10000) // Every 10 seconds + + return () => clearInterval(interval) + }, [refetch]) + + // Generate all job IDs (newest first) + const allJobIds = Array.from({ length: jobsCount }, (_, i) => + BigInt(Number(jobsCount) - i) + ) + + return ( +
+ +
+
+ {/* Header */} + +
+
+
+ +
+
+

+ Jobs Marketplace +

+

+ Browse all available jobs from any user +

+
+
+
+ {isConnected && ( + + + + Post Job + + + )} + + + {/* Search and Filter Bar */} + +
+
+ + setSearchQuery(e.target.value)} + className="w-full pl-12 pr-4 py-3 bg-white/10 border border-white/20 rounded-xl text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50" + /> +
+
+ +
+
+ + + {/* Stats */} + +
+
+
+ +
+
+
{jobsCount}
+
Total Jobs
+
+
+
+
+
+
+ +
+
+
{allJobIds.length}
+
Available Now
+
+
+
+
+
+
+ +
+
+
Live
+
Real-time Updates
+
+
+
+ + + {/* Jobs Grid */} + {jobsCount > 0 ? ( + +
+

+ All Jobs ({allJobIds.length}) +

+
+
+ {allJobIds.map((jobId) => ( + + ))} +
+ + ) : ( + + +

No jobs available in the marketplace yet

+ {isConnected ? ( + + + + Post First Job + + + ) : ( +

Connect your wallet to post a job

+ )} + + )} +
+
+
+
+ ) +} + diff --git a/src/app/gigstream/page.tsx b/src/app/gigstream/page.tsx index f1e7e93..739d6bc 100644 --- a/src/app/gigstream/page.tsx +++ b/src/app/gigstream/page.tsx @@ -74,8 +74,8 @@ export default function GigStreamDashboard() {

- Live SDS Streams • {jobsCount} active jobs -

+ Live SDS Streams • {jobsCount} active jobs +

{sdsJobs.length > 0 && ( )} diff --git a/src/app/page.tsx b/src/app/page.tsx index e09419c..6d18eb7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -3,10 +3,12 @@ import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' import HeroSection from '@/components/gigstream/HeroSection' +import MarketplaceSearch from '@/components/gigstream/MarketplaceSearch' import FeaturesSection from '@/components/gigstream/FeaturesSection' import BenefitsSection from '@/components/gigstream/BenefitsSection' import HowItWorksSection from '@/components/gigstream/HowItWorksSection' import WhatWeDoSection from '@/components/gigstream/WhatWeDoSection' +import SomniaSDKSection from '@/components/gigstream/SomniaSDKSection' // Somnia Network Sections - Integrated import TechnologySection from '@/components/somnia/TechnologySection' import MultiStreamSection from '@/components/somnia/MultiStreamSection' @@ -20,10 +22,12 @@ export default function Home() {
{/* GigStream Sections */} + + {/* Somnia Network - Consolidated Key Features */} diff --git a/src/components/gigstream/BenefitsSection.tsx b/src/components/gigstream/BenefitsSection.tsx index 65464ea..e284b54 100644 --- a/src/components/gigstream/BenefitsSection.tsx +++ b/src/components/gigstream/BenefitsSection.tsx @@ -17,7 +17,7 @@ export default function BenefitsSection() { highlight: 'Instant payments' }, { - text: 'Build verifiable, portable reputation on-chain with ZK proofs', + text: 'Build verifiable, portable reputation on-chain with ERC-20 reputation tokens', icon: Award, highlight: 'On-chain reputation' }, @@ -37,9 +37,9 @@ export default function BenefitsSection() { highlight: 'Secure escrow' }, { - text: 'Privacy-preserving ZK reputation system protects your identity', + text: 'Transparent on-chain reputation system with verifiable work history', icon: Lock, - highlight: 'ZK privacy' + highlight: 'On-chain reputation' }, { text: 'AI-powered job matching finds the best opportunities for your skills', diff --git a/src/components/gigstream/FeaturesSection.tsx b/src/components/gigstream/FeaturesSection.tsx index 4932f4f..0ba8bb8 100644 --- a/src/components/gigstream/FeaturesSection.tsx +++ b/src/components/gigstream/FeaturesSection.tsx @@ -18,7 +18,7 @@ export default function FeaturesSection() { icon: Shield, title: 'Smart Contract Escrow', description: 'Audited Solidity escrow contracts ensure payment security. Funds locked in multi-signature escrow until work completion. Zero disputes, zero fraud, fully on-chain.', - technical: 'Foundry-tested • Slither audited • Multi-sig escrow • Auto-release on completion', + technical: 'Hardhat-tested • Multi-sig escrow • Auto-release on completion • Solidity 0.8.29', color: 'from-mx-green to-emerald-400', glow: 'shadow-[0_0_30px_hsl(var(--mx-green)/0.5)]' }, @@ -48,9 +48,9 @@ export default function FeaturesSection() { }, { icon: Users, - title: 'ZK Reputation System', - description: 'Privacy-preserving reputation system using zero-knowledge proofs. Build trust without exposing personal data. Verified skills, verified work history.', - technical: 'ZK proofs • On-chain reputation • Privacy-preserving verification', + title: 'On-Chain Reputation System', + description: 'Transparent reputation system built on-chain. Build verifiable trust with portable reputation tokens (ERC-20). Reputation increases with each completed job, creating a transparent work history.', + technical: 'ERC-20 reputation tokens • On-chain reputation • Portable reputation • Verifiable work history', color: 'from-indigo-400 to-purple-400', glow: 'shadow-[0_0_30px_hsl(var(--somnia-purple)/0.5)]' }, @@ -215,8 +215,8 @@ export default function FeaturesSection() {
-
Foundry
-
Audited • Tested
+
Hardhat
+
Solidity 0.8.29 • Tested
diff --git a/src/components/gigstream/HeroSection.tsx b/src/components/gigstream/HeroSection.tsx index 5d3a749..eb38b5b 100644 --- a/src/components/gigstream/HeroSection.tsx +++ b/src/components/gigstream/HeroSection.tsx @@ -252,7 +252,7 @@ export default function HeroSection() { {[ 'Zero Platform Fees', 'Smart Contract Escrow', - 'ZK Reputation System', + 'On-Chain Reputation', 'Gemini AI', 'AI-Powered Matching', 'Instant Payments', diff --git a/src/components/gigstream/HowItWorksSection.tsx b/src/components/gigstream/HowItWorksSection.tsx index 7c18978..81904a5 100644 --- a/src/components/gigstream/HowItWorksSection.tsx +++ b/src/components/gigstream/HowItWorksSection.tsx @@ -27,7 +27,7 @@ export default function HowItWorksSection() { icon: Handshake, title: 'Match & Accept', description: 'Workers place bids instantly. Employers review on-chain reputation scores and accept the best match. Smart contract escrow automatically locks payment.', - technical: 'On-chain reputation • Smart escrow • Instant matching • ZK verification', + technical: 'On-chain reputation • Smart escrow • Instant matching • Reputation scoring', color: 'from-scroll-gold to-yellow-400' }, { diff --git a/src/components/gigstream/MarketplaceSearch.tsx b/src/components/gigstream/MarketplaceSearch.tsx new file mode 100644 index 0000000..5bf833f --- /dev/null +++ b/src/components/gigstream/MarketplaceSearch.tsx @@ -0,0 +1,110 @@ +// src/components/gigstream/MarketplaceSearch.tsx - Marketplace Search Component +'use client' + +import { motion } from 'framer-motion' +import { useState } from 'react' +import { useRouter } from 'next/navigation' +import { Search, Store, ArrowRight, Zap } from 'lucide-react' +import Link from 'next/link' + +export default function MarketplaceSearch() { + const [searchQuery, setSearchQuery] = useState('') + const router = useRouter() + + const handleSearch = (e: React.FormEvent) => { + e.preventDefault() + if (searchQuery.trim()) { + router.push(`/gigstream/marketplace?search=${encodeURIComponent(searchQuery.trim())}`) + } else { + router.push('/gigstream/marketplace') + } + } + + return ( +
+
+ +
+ {/* Background gradient effect */} +
+ +
+
+
+ +
+
+ +

+ Explore the Jobs Marketplace +

+

+ Browse all available jobs from any user. Find opportunities instantly with real-time updates. +

+ +
+
+ + setSearchQuery(e.target.value)} + placeholder="Search jobs by title, location, skills..." + className="w-full pl-16 pr-6 py-5 bg-white/10 border border-white/20 rounded-2xl text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50 focus:ring-2 focus:ring-somnia-purple/30 text-lg" + /> +
+ +
+ + + Search Jobs + + + + + + + View All Jobs + + +
+
+ +
+
+ + Real-time updates +
+
+ + All jobs from any user +
+
+ + Instant search +
+
+
+
+ +
+
+ ) +} + diff --git a/src/components/gigstream/SomniaSDKSection.tsx b/src/components/gigstream/SomniaSDKSection.tsx new file mode 100644 index 0000000..a599868 --- /dev/null +++ b/src/components/gigstream/SomniaSDKSection.tsx @@ -0,0 +1,145 @@ +// src/components/gigstream/SomniaSDKSection.tsx - Somnia SDK Information Section +'use client' + +import { motion } from 'framer-motion' +import { Database, Code, Zap, Shield, Network, Sparkles, ArrowRight } from 'lucide-react' +import Link from 'next/link' + +export default function SomniaSDKSection() { + const features = [ + { + icon: Database, + title: 'Structured Data Streams', + description: 'Publish and query structured job data using schema-based encoding. All jobs automatically indexed in Somnia Data Streams for fast retrieval.', + color: 'from-somnia-cyan to-cyan-400' + }, + { + icon: Code, + title: 'Official SDK Integration', + description: 'Built with @somnia-chain/streams SDK v0.11.0. Full TypeScript support, comprehensive error handling, and production-ready integration.', + color: 'from-somnia-purple to-purple-400' + }, + { + icon: Zap, + title: 'Real-Time Publishing', + description: 'Jobs automatically published to Data Streams when created. Event-driven architecture ensures instant availability across the network.', + color: 'from-mx-green to-emerald-400' + }, + { + icon: Network, + title: 'High-Throughput Network', + description: 'Leverage Somnia\'s 400k+ TPS capacity for real-time job matching. Sub-second finality ensures instant job availability.', + color: 'from-somnia-cyan to-blue-400' + }, + { + icon: Shield, + title: 'On-Chain Schema Registry', + description: 'Job schemas registered on-chain for verifiable data structure. Query by publisher, schema, or timestamp with full transparency.', + color: 'from-somnia-purple to-pink-400' + }, + { + icon: Sparkles, + title: 'Dual Data Sources', + description: 'Combine contract events (real-time) with Data Streams (indexed). Best of both worlds: instant updates and structured queries.', + color: 'from-mx-green to-yellow-400' + } + ] + + return ( +
+
+ + + + +

+ + Powered by Somnia Data Streams SDK + +

+

+ Built on the official @somnia-chain/streams SDK for + structured data publishing, real-time event streaming, and high-throughput job matching. +

+ + +
+ {features.map((feature, idx) => ( + +
+
+
+ +
+

{feature.title}

+

{feature.description}

+
+ + ))} +
+ + +
+

SDK Version & Integration

+
+
+
v0.11.0
+
SDK Version
+
+
+
100%
+
TypeScript
+
+
+
Vitest
+
Integration Tests
+
+
+
Hardhat
+
Contract Dev
+
+
+

+ All jobs are automatically published to Somnia Data Streams using structured schemas. + Query jobs by publisher, filter by location, and access real-time updates via the official SDK. +

+ + + View SDK Documentation + + + +
+ +
+
+ ) +} + diff --git a/src/components/somnia/DevelopersSection.tsx b/src/components/somnia/DevelopersSection.tsx index ea4d32a..c2e355d 100644 --- a/src/components/somnia/DevelopersSection.tsx +++ b/src/components/somnia/DevelopersSection.tsx @@ -36,8 +36,8 @@ export default function DevelopersSection() { const quickstarts = [ { name: 'Remix IDE', icon: Code, href: 'https://remix.ethereum.org' }, { name: 'VSCode', icon: Code, href: '#' }, - { name: 'Hardhat', icon: Code, href: '#' }, - { name: 'Foundry', icon: Code, href: '#' } + { name: 'Hardhat', icon: Code, href: 'https://hardhat.org', featured: true }, + { name: 'Foundry', icon: Code, href: 'https://book.getfoundry.sh' } ] return ( @@ -64,7 +64,8 @@ export default function DevelopersSection() {

- EVM Compatible: Use Solidity, Hardhat, Foundry as-is. + Built with Hardhat and Solidity 0.8.29. + EVM Compatible: Use existing tools like Remix, VSCode, Foundry, or Hardhat. Build on GigStream MX with familiar tools.

@@ -89,10 +90,15 @@ export default function DevelopersSection() { transition={{ delay: idx * 0.1 }} whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }} - className="px-8 py-4 backdrop-blur-xl bg-white/5 border border-somnia-cyan/20 rounded-xl text-white font-medium hover:border-somnia-cyan/50 transition-all flex items-center space-x-2" + className={`px-8 py-4 backdrop-blur-xl ${ + (item as any).featured + ? 'bg-gradient-to-r from-somnia-cyan/20 to-somnia-purple/20 border-somnia-cyan/40' + : 'bg-white/5 border-somnia-cyan/20' + } border rounded-xl text-white font-medium hover:border-somnia-cyan/50 transition-all flex items-center space-x-2`} > {item.name} + {(item as any).featured && Used} ))} diff --git a/src/components/somnia/Footer.tsx b/src/components/somnia/Footer.tsx index 27cc6b9..e74ca97 100644 --- a/src/components/somnia/Footer.tsx +++ b/src/components/somnia/Footer.tsx @@ -3,10 +3,9 @@ import { useState, useEffect } from 'react' import { motion, AnimatePresence } from 'framer-motion' import Link from 'next/link' -import { ArrowUp, Mail, Github, Twitter, MessageCircle, Youtube, Send } from 'lucide-react' +import { ArrowUp, Twitter, ExternalLink } from 'lucide-react' export default function Footer() { - const [email, setEmail] = useState('') const [showBackToTop, setShowBackToTop] = useState(false) useEffect(() => { @@ -21,50 +20,34 @@ export default function Footer() { window.scrollTo({ top: 0, behavior: 'smooth' }) } - const handleNewsletter = (e: React.FormEvent) => { - e.preventDefault() - // Newsletter signup logic - setEmail('') - } - - const companyLinks = [ - { name: 'About', href: '#about' }, - { name: 'Careers', href: '#careers' }, - { name: 'Blog', href: '#blog' }, - { name: 'Whitepaper PDF', href: '/whitepaper.pdf' } - ] - const productLinks = [ - { name: 'Technology', href: '#technology' }, - { name: 'Ecosystem', href: '#ecosystem' }, - { name: 'SOMI Token', href: '#somi' }, - { name: 'Developers', href: '#developers' }, - { name: 'Roadmap', href: '#roadmap' } + { name: 'Dashboard', href: '/gigstream' }, + { name: 'Marketplace', href: '/gigstream/marketplace' }, + { name: 'Post Job', href: '/gigstream/post' }, + { name: 'My Jobs', href: '/gigstream/my-jobs' }, + { name: 'Profile', href: '/gigstream/profile' } ] - const communityLinks = [ - { name: 'Discord', href: 'https://discord.gg/somnia', icon: MessageCircle }, - { name: 'Twitter/X', href: 'https://twitter.com/somnia_network', icon: Twitter }, - { name: 'GitHub', href: 'https://github.com/somnia-network', icon: Github }, - { name: 'YouTube', href: '#', icon: Youtube } + const resourcesLinks = [ + { name: 'Live Demo', href: 'https://gigstream-mx.vercel.app', external: true }, + { name: 'Smart Contracts', href: 'https://shannon-explorer.somnia.network/address/0x7094f1eb1c49Cf89B793844CecE4baE655f3359b', external: true }, + { name: 'Somnia Docs', href: 'https://docs.somnia.network', external: true }, + { name: 'Somnia Explorer', href: 'https://shannon-explorer.somnia.network', external: true } ] - const legalLinks = [ - { name: 'Privacy Policy', href: '#privacy' }, - { name: 'Terms', href: '#terms' }, - { name: 'KYC/AML', href: '#kyc' }, - { name: 'MiCA Compliance', href: '#mica' } + const socialLinks = [ + { name: 'X (Twitter)', href: 'https://twitter.com/somnia_network', icon: Twitter } ] return (
diff --git a/src/components/somnia/Navbar.tsx b/src/components/somnia/Navbar.tsx index a962cc8..3d54bb3 100644 --- a/src/components/somnia/Navbar.tsx +++ b/src/components/somnia/Navbar.tsx @@ -5,7 +5,7 @@ import { motion, AnimatePresence } from 'framer-motion' import Link from 'next/link' import { useAccount, useDisconnect } from 'wagmi' import { usePathname } from 'next/navigation' -import { Menu, X, Download, Zap, Briefcase, User, Plus, Home, Network, Code, Users, Map } from 'lucide-react' +import { Menu, X, Download, Zap, Briefcase, User, Plus, Home, Network, Code, Users, Map, Store } from 'lucide-react' import { formatEther } from 'viem' export default function Navbar() { @@ -49,6 +49,7 @@ export default function Navbar() { // GigStream Dashboard Menu { name: 'Home', href: '/', icon: Home }, { name: 'Dashboard', href: '/gigstream', icon: Briefcase }, + { name: 'Marketplace', href: '/gigstream/marketplace', icon: Store }, { name: 'My Jobs', href: '/gigstream/my-jobs', icon: Briefcase }, { name: 'Post Job', href: '/gigstream/post', icon: Plus }, { name: 'Profile', href: '/gigstream/profile', icon: User } @@ -62,6 +63,7 @@ export default function Navbar() { icon: Briefcase, submenu: [ { name: 'Dashboard', href: '/gigstream', icon: Briefcase }, + { name: 'Marketplace', href: '/gigstream/marketplace', icon: Store }, { name: 'My Jobs', href: '/gigstream/my-jobs', icon: Briefcase }, { name: 'Post Job', href: '/gigstream/post', icon: Plus }, { name: 'Profile', href: '/gigstream/profile', icon: User } From 32f137b19d693885f671f936bdab97a0679d57d4 Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 16:27:38 -0600 Subject: [PATCH 05/23] Update GigStream features: add contract verification, worker search, profile toggle, and help section --- contracts/src/GigEscrow.sol | 63 ++- contracts/test/GigEscrow.test.js | 146 ++++++- env.example | 7 +- src/app/api/sds/read-jobs/route.ts | 67 ++-- src/app/gigstream/help/reputation/page.tsx | 225 +++++++++++ src/app/gigstream/job/[id]/page.tsx | 379 ++++++++++++++++-- src/app/gigstream/my-jobs/page.tsx | 131 +++--- src/app/gigstream/page.tsx | 217 +++++++++- src/components/gigstream/AIInsightsPanel.tsx | 52 ++- .../gigstream/ContractAddressVerifier.tsx | 106 +++++ .../gigstream/ContractFunctionChecker.tsx | 65 +++ src/components/gigstream/HeroSection.tsx | 61 +-- src/components/gigstream/ProfileToggle.tsx | 68 ++++ src/components/gigstream/WorkerSearch.tsx | 333 +++++++++++++++ src/components/somnia/Footer.tsx | 2 +- src/hooks/useGigStream.ts | 182 ++++++++- src/lib/contracts.ts | 18 +- src/lib/viem.ts | 29 ++ 18 files changed, 1971 insertions(+), 180 deletions(-) create mode 100644 src/app/gigstream/help/reputation/page.tsx create mode 100644 src/components/gigstream/ContractAddressVerifier.tsx create mode 100644 src/components/gigstream/ContractFunctionChecker.tsx create mode 100644 src/components/gigstream/ProfileToggle.tsx create mode 100644 src/components/gigstream/WorkerSearch.tsx diff --git a/contracts/src/GigEscrow.sol b/contracts/src/GigEscrow.sol index d82d3ca..9415201 100644 --- a/contracts/src/GigEscrow.sol +++ b/contracts/src/GigEscrow.sol @@ -35,10 +35,16 @@ contract GigEscrow { mapping(address => uint256[]) public userJobs; mapping(address => uint256[]) public workerJobs; uint256 public jobCounter; + address public owner; - uint256 public constant MIN_REPUTATION = 10; + // MIN_REPUTATION removed - employers can now accept bids from workers with any reputation level uint256 public constant MIN_DEADLINE_OFFSET = 1 days; + modifier onlyOwner() { + if (msg.sender != owner) revert Unauthorized(); + _; + } + event JobPosted( uint256 indexed jobId, address indexed employer, @@ -74,13 +80,22 @@ contract GigEscrow { error InsufficientPayment(); error InvalidDeadline(); - error LowReputation(); + // LowReputation error removed - reputation requirement for bidding has been removed error JobNotFound(); error JobAlreadyAssigned(); error JobAlreadyCancelled(); error JobAlreadyCompleted(); error NotAuthorized(); error TransferFailed(); + error InvalidAddress(); + error Unauthorized(); + + /** + * @dev Constructor sets the owner + */ + constructor() { + owner = msg.sender; + } /** * @dev Post a new job with escrow payment @@ -129,7 +144,7 @@ contract GigEscrow { if (job.id == 0) revert JobNotFound(); if (job.worker != address(0)) revert JobAlreadyAssigned(); if (job.cancelled) revert JobAlreadyCancelled(); - if (reputation[msg.sender] < MIN_REPUTATION) revert LowReputation(); + // Reputation requirement removed - employers can accept bids from workers with any reputation level jobBids[_jobId].push(Bid({ worker: msg.sender, @@ -168,6 +183,27 @@ contract GigEscrow { emit JobAccepted(_jobId, _worker, msg.sender); } + /** + * @dev Assign a worker directly to a job (bypasses bidding system) + * Allows employers to assign workers without requiring bids + * Useful for new workers who don't have enough reputation yet + * @param _jobId Job ID + * @param _worker Worker address to assign + */ + function assignWorkerDirectly(uint256 _jobId, address _worker) external { + Job storage job = jobs[_jobId]; + if (job.id == 0) revert JobNotFound(); + if (job.employer != msg.sender) revert NotAuthorized(); + if (job.worker != address(0)) revert JobAlreadyAssigned(); + if (job.cancelled) revert JobAlreadyCancelled(); + if (_worker == address(0)) revert InvalidAddress(); + + job.worker = _worker; + workerJobs[_worker].push(_jobId); + + emit JobAccepted(_jobId, _worker, msg.sender); + } + /** * @dev Complete a job and release escrow payment * @param _jobId Job ID to complete @@ -254,6 +290,27 @@ contract GigEscrow { return address(this).balance; } + /** + * @dev Grant initial reputation to a new user (only owner) + * Allows new users to start bidding on jobs + * @param _user User address to grant reputation to + * @param _amount Amount of reputation to grant + */ + function grantInitialReputation(address _user, uint256 _amount) external onlyOwner { + if (_user == address(0)) revert InvalidAddress(); + reputation[_user] += _amount; + emit ReputationUpdated(_user, reputation[_user]); + } + + /** + * @dev Transfer ownership of the contract + * @param _newOwner New owner address + */ + function transferOwnership(address _newOwner) external onlyOwner { + if (_newOwner == address(0)) revert InvalidAddress(); + owner = _newOwner; + } + /** * @dev Receive function to accept native tokens */ diff --git a/contracts/test/GigEscrow.test.js b/contracts/test/GigEscrow.test.js index cd6fb7f..4f9c71a 100644 --- a/contracts/test/GigEscrow.test.js +++ b/contracts/test/GigEscrow.test.js @@ -71,7 +71,6 @@ describe("GigEscrow", function () { describe("Deployment", function () { it("Should deploy with correct initial state", async function () { expect(await gigEscrow.jobCounter()).to.equal(0n); - expect(await gigEscrow.MIN_REPUTATION()).to.equal(MIN_REPUTATION); expect(await gigEscrow.MIN_DEADLINE_OFFSET()).to.equal(MIN_DEADLINE_OFFSET); }); }); @@ -195,10 +194,11 @@ describe("GigEscrow", function () { expect(bids[0].accepted).to.be.false; }); - it("Should revert with LowReputation when reputation < MIN_REPUTATION", async function () { + it("Should allow placing bid with zero reputation", async function () { + // Reputation requirement removed - workers can bid with any reputation level await expect( gigEscrow.connect(worker2).placeBid(jobId, 0n) - ).to.be.revertedWithCustomError(gigEscrow, "LowReputation"); + ).to.emit(gigEscrow, "BidPlaced"); }); it("Should revert with JobNotFound for invalid job ID", async function () { @@ -471,6 +471,146 @@ describe("GigEscrow", function () { expect(await gigEscrow.reputation(worker.address)).to.equal(initialRep + 1n); }); }); + + describe("assignWorkerDirectly", function () { + let jobId; + const deadline = BigInt(Math.floor(Date.now() / 1000)) + 7n * 86400n; + + beforeEach(async function () { + await gigEscrow.connect(employer).postJob( + "Direct Assignment Test", + "Test Location", + JOB_REWARD, + deadline, + { value: JOB_REWARD } + ); + jobId = 1n; + }); + + it("Should assign worker directly by employer", async function () { + await expect( + gigEscrow.connect(employer).assignWorkerDirectly(jobId, worker.address) + ).to.emit(gigEscrow, "JobAccepted") + .withArgs(jobId, worker.address, employer.address); + + const job = await gigEscrow.getJob(jobId); + expect(job.worker).to.equal(worker.address); + expect(job.completed).to.equal(false); + expect(job.cancelled).to.equal(false); + }); + + it("Should add job to worker's job list", async function () { + await gigEscrow.connect(employer).assignWorkerDirectly(jobId, worker.address); + + const workerJobs = await gigEscrow.getWorkerJobs(worker.address); + expect(workerJobs.length).to.equal(1); + expect(workerJobs[0]).to.equal(jobId); + }); + + it("Should revert if not called by employer", async function () { + await expect( + gigEscrow.connect(unauthorized).assignWorkerDirectly(jobId, worker.address) + ).to.be.revertedWithCustomError(gigEscrow, "NotAuthorized"); + }); + + it("Should revert if job does not exist", async function () { + await expect( + gigEscrow.connect(employer).assignWorkerDirectly(999n, worker.address) + ).to.be.revertedWithCustomError(gigEscrow, "JobNotFound"); + }); + + it("Should revert if job already has a worker", async function () { + await gigEscrow.connect(employer).assignWorkerDirectly(jobId, worker.address); + + await expect( + gigEscrow.connect(employer).assignWorkerDirectly(jobId, worker2.address) + ).to.be.revertedWithCustomError(gigEscrow, "JobAlreadyAssigned"); + }); + + it("Should revert if job is cancelled", async function () { + await gigEscrow.connect(employer).cancelJob(jobId); + + await expect( + gigEscrow.connect(employer).assignWorkerDirectly(jobId, worker.address) + ).to.be.revertedWithCustomError(gigEscrow, "JobAlreadyCancelled"); + }); + + it("Should revert if worker address is zero", async function () { + await expect( + gigEscrow.connect(employer).assignWorkerDirectly(jobId, hre.ethers.ZeroAddress) + ).to.be.revertedWithCustomError(gigEscrow, "InvalidAddress"); + }); + + it("Should allow assigning worker without reputation requirement", async function () { + // Worker has zero reputation + expect(await gigEscrow.reputation(worker.address)).to.equal(0n); + + // Should still be able to assign directly + await expect( + gigEscrow.connect(employer).assignWorkerDirectly(jobId, worker.address) + ).to.emit(gigEscrow, "JobAccepted"); + + const job = await gigEscrow.getJob(jobId); + expect(job.worker).to.equal(worker.address); + }); + }); + + describe("grantInitialReputation", function () { + it("Should grant initial reputation by owner", async function () { + const initialAmount = 10n; + + await expect( + gigEscrow.connect(owner).grantInitialReputation(worker.address, initialAmount) + ).to.emit(gigEscrow, "ReputationUpdated") + .withArgs(worker.address, initialAmount); + + expect(await gigEscrow.reputation(worker.address)).to.equal(initialAmount); + }); + + it("Should increase reputation if worker already has some", async function () { + const firstAmount = 5n; + const secondAmount = 10n; + + await gigEscrow.connect(owner).grantInitialReputation(worker.address, firstAmount); + expect(await gigEscrow.reputation(worker.address)).to.equal(firstAmount); + + await gigEscrow.connect(owner).grantInitialReputation(worker.address, secondAmount); + expect(await gigEscrow.reputation(worker.address)).to.equal(firstAmount + secondAmount); + }); + + it("Should revert if not called by owner", async function () { + await expect( + gigEscrow.connect(employer).grantInitialReputation(worker.address, 10n) + ).to.be.revertedWithCustomError(gigEscrow, "Unauthorized"); + }); + + it("Should revert if user address is zero", async function () { + await expect( + gigEscrow.connect(owner).grantInitialReputation(hre.ethers.ZeroAddress, 10n) + ).to.be.revertedWithCustomError(gigEscrow, "InvalidAddress"); + }); + + it("Should allow worker to bid after receiving initial reputation", async function () { + const deadline = BigInt(Math.floor(Date.now() / 1000)) + 7n * 86400n; + + // Grant initial reputation + await gigEscrow.connect(owner).grantInitialReputation(worker.address, MIN_REPUTATION); + + // Post a job + await gigEscrow.connect(employer).postJob( + "Test Job", + "Test Location", + JOB_REWARD, + deadline, + { value: JOB_REWARD } + ); + + // Worker should now be able to place a bid + await expect( + gigEscrow.connect(worker).placeBid(1n, 0n) + ).to.emit(gigEscrow, "BidPlaced"); + }); + }); }); diff --git a/env.example b/env.example index 45c84d2..6729117 100644 --- a/env.example +++ b/env.example @@ -27,9 +27,10 @@ GOOGLE_GENERATIVE_AI_API_KEY=your_gemini_api_key_here # ============================================ # Deploy contracts first: pnpm run contracts:deploy-testnet # Then update these addresses with the deployed contract addresses -NEXT_PUBLIC_GIGESCROW_ADDRESS=0x7094f1eb1c49Cf89B793844CecE4baE655f3359b -NEXT_PUBLIC_REPUTATION_TOKEN_ADDRESS=0x51FBdDcD12704e4FCc28880E22b582362811cCdf -NEXT_PUBLIC_STAKING_POOL_ADDRESS=0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4 +# Latest deployment (2025-11-28): No reputation requirement for bids +NEXT_PUBLIC_GIGESCROW_ADDRESS=0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef +NEXT_PUBLIC_REPUTATION_TOKEN_ADDRESS=0x995759f140029e4fEabCE8F555f5536A1b413562 +NEXT_PUBLIC_STAKING_POOL_ADDRESS=0x6934126deC72a3Dba22a9C5D5300620E894C72a8 # ============================================ # Hardhat Deployment (for contract deployment) diff --git a/src/app/api/sds/read-jobs/route.ts b/src/app/api/sds/read-jobs/route.ts index d3123a7..3e15f32 100644 --- a/src/app/api/sds/read-jobs/route.ts +++ b/src/app/api/sds/read-jobs/route.ts @@ -36,39 +36,58 @@ export async function GET(req: NextRequest) { ) } - // Get schema ID - const schemaId = await getJobSchemaId() + try { + // Get schema ID + const schemaId = await getJobSchemaId() - // Read jobs from Data Streams - const jobs = await readJobFromDataStream(schemaId, publisher) + // Read jobs from Data Streams + const jobs = await readJobFromDataStream(schemaId, publisher) - // Limit results - const limitedJobs = jobs.slice(0, limit) + // Limit results + const limitedJobs = jobs.slice(0, limit) - return NextResponse.json({ - success: true, - jobs: limitedJobs, - total: jobs.length, - schemaId, - publisher, - }) - } catch (error: any) { - console.error('Error reading jobs from Data Streams:', error) - - // Handle NoData error gracefully - if (error?.message?.includes('NoData') || error?.shortMessage?.includes('NoData')) { + return NextResponse.json({ + success: true, + jobs: limitedJobs, + total: jobs.length, + schemaId, + publisher, + }) + } catch (sdsError: any) { + console.error('Error reading jobs from Data Streams:', sdsError) + + // Handle NoData error gracefully + if (sdsError?.message?.includes('NoData') || + sdsError?.shortMessage?.includes('NoData') || + sdsError?.message?.includes('not found') || + sdsError?.message?.includes('No data')) { + return NextResponse.json({ + success: true, + jobs: [], + total: 0, + message: 'No jobs found in Data Streams for this publisher', + }) + } + + // Return empty array instead of error for better UX + // SDS is optional enhancement, so we don't want to break the UI return NextResponse.json({ success: true, jobs: [], total: 0, - message: 'No jobs found in Data Streams for this publisher', + message: 'Data Streams temporarily unavailable', }) } - - return NextResponse.json( - { error: error.message || 'Failed to read jobs from Data Streams' }, - { status: 500 } - ) + } catch (error: any) { + console.error('Error in read-jobs API:', error) + + // Always return success with empty array to avoid breaking UI + return NextResponse.json({ + success: true, + jobs: [], + total: 0, + message: 'Unable to fetch jobs from Data Streams', + }) } } diff --git a/src/app/gigstream/help/reputation/page.tsx b/src/app/gigstream/help/reputation/page.tsx new file mode 100644 index 0000000..432167a --- /dev/null +++ b/src/app/gigstream/help/reputation/page.tsx @@ -0,0 +1,225 @@ +// src/app/gigstream/help/reputation/page.tsx - Reputation System Help Page +'use client' + +import { motion } from 'framer-motion' +import { ArrowLeft, CheckCircle, UserPlus, TrendingUp, HelpCircle, Info, AlertCircle } from 'lucide-react' +import Link from 'next/link' +import Navbar from '@/components/somnia/Navbar' +import Footer from '@/components/somnia/Footer' + +export default function ReputationHelpPage() { + return ( +
+ +
+
+ {/* Back Button */} + + + + Back to Dashboard + + + + {/* Header */} + +
+
+ +
+
+

Reputation System

+

Learn how to build and maintain your on-chain reputation

+
+
+ + + {/* How It Works */} + +

+ + How It Works +

+
+

+ Your reputation is stored on-chain and represents your track record of completed jobs. + It's a transparent, verifiable way for employers to assess your reliability. +

+
+

Reputation Points

+
    +
  • You earn +1 reputation point for each completed job
    • +
  • Reputation is permanent and cannot be removed
    • +
  • All reputation is stored on the Somnia blockchain
    • +
  • Anyone can verify your reputation score on-chain
    • +
+
+
+ + + {/* Getting Started */} + +

+ + Getting Started (New Workers) +

+
+
+
+ +
+

No Minimum Reputation Required

+

+ You can place bids on jobs with any reputation level. Employers will decide who to accept based on your reputation, bid, and experience. +

+
+
+
+ +
+

Two Ways to Get Started:

+ +
+
+
+ 1 +
+

Direct Assignment

+
+

+ Ask an employer to assign you directly to a job. This bypasses the bidding system and is perfect for new workers. +

+
    +
  • Contact employers directly or through the platform
    • +
  • Employers can assign you without requiring bids
    • +
  • Complete the job to earn your first reputation point
    • +
  • Repeat until you reach 10 points
    • +
+
+ +
+
+
+ 2 +
+

Initial Reputation Grant

+
+

+ Platform administrators can grant initial reputation to verified users. Contact support if you're a trusted worker from another platform. +

+

+ Note: This is typically reserved for verified professionals or users migrating from other platforms. +

+
+
+
+ + + {/* Building Reputation */} + +

+ + Building Your Reputation +

+
+
+
+
10+
+
Can place bids
+
+
+
25+
+
Experienced worker
+
+
+
50+
+
Top performer
+
+
+
+

Tips for Success

+
    +
  • + + Complete jobs on time and with quality work +
    • +
  • + + Communicate clearly with employers +
    • +
  • + + Build a consistent track record +
    • +
  • + + Your reputation is permanent and verifiable on-chain +
    • +
+
+
+ + + {/* FAQ */} + +

+ + Frequently Asked Questions +

+
+
+

Can I lose reputation points?

+

+ No, reputation points are permanent once earned. They represent your completed work history and cannot be removed. +

+
+
+

What if I cancel a job?

+

+ Cancelling a job does not affect your reputation. Only completed jobs add to your reputation score. +

+
+
+

How do employers see my reputation?

+

+ Employers can view your on-chain reputation score when reviewing bids or considering direct assignments. + Your reputation is transparent and verifiable on the blockchain. +

+
+
+ +
+
+
+
+ ) +} + diff --git a/src/app/gigstream/job/[id]/page.tsx b/src/app/gigstream/job/[id]/page.tsx index ab97f73..f293b91 100644 --- a/src/app/gigstream/job/[id]/page.tsx +++ b/src/app/gigstream/job/[id]/page.tsx @@ -3,19 +3,24 @@ import { useParams } from 'next/navigation' import { motion } from 'framer-motion' -import { MapPin, DollarSign, Clock, User, CheckCircle, XCircle, Send, Handshake, Zap, ArrowLeft, Users } from 'lucide-react' +import { MapPin, DollarSign, Clock, User, CheckCircle, XCircle, Send, Handshake, Zap, ArrowLeft, Users, UserPlus, Briefcase, History } from 'lucide-react' import { formatEther, parseEther } from 'viem' import { useJob } from '@/hooks/useJob' import { useJobBids } from '@/hooks/useJobBids' import { useGigStream } from '@/hooks/useGigStream' -import { useAccount } from 'wagmi' +import { useAccount, useReadContract } from 'wagmi' +import { gigEscrowAbi } from '@/lib/viem' +import { GIGESCROW_ADDRESS } from '@/lib/contracts' import { useToast } from '@/components/ui/use-toast' import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' import Link from 'next/link' import { formatDistanceToNow } from 'date-fns' import { enUS } from 'date-fns/locale' -import { useState } from 'react' +import { useState, useEffect } from 'react' +import WorkerSearch from '@/components/gigstream/WorkerSearch' +import ContractFunctionChecker from '@/components/gigstream/ContractFunctionChecker' +import ContractAddressVerifier from '@/components/gigstream/ContractAddressVerifier' export default function JobDetailPage() { const params = useParams() @@ -23,27 +28,50 @@ export default function JobDetailPage() { const { job, isLoading: jobLoading, refetch: refetchJob } = useJob(jobId) const { bids, isLoading: bidsLoading, refetch: refetchBids } = useJobBids(jobId) const { address } = useAccount() - const { placeBid, acceptBid, completeJob, cancelJob, isPlacingBid, isAcceptingBid, isCompletingJob, isCancellingJob, reputation } = useGigStream() + const { placeBid, acceptBid, completeJob, cancelJob, assignWorkerDirectly, isPlacingBid, isAcceptingBid, isCompletingJob, isCancellingJob, isAssigningWorker, assignWorkerHash, reputation, refetch: refetchGigStream } = useGigStream() const { showToast } = useToast() const [bidAmount, setBidAmount] = useState('') const [showBidForm, setShowBidForm] = useState(false) + const [showAssignForm, setShowAssignForm] = useState(false) + const [workerAddress, setWorkerAddress] = useState<`0x${string}` | null>(null) const isEmployer = address?.toLowerCase() === job?.employer.toLowerCase() const isWorker = address?.toLowerCase() === job?.worker.toLowerCase() const isAssigned = job?.worker !== '0x0000000000000000000000000000000000000000' const canBid = !isEmployer && !isAssigned && !job?.completed && !job?.cancelled - const hasMinReputation = reputation.reputationScore >= 10 - const handlePlaceBid = async () => { - if (!hasMinReputation) { - showToast({ - title: "Insufficient Reputation", - description: "You need at least 10 reputation points to place bids", - }) - return + // Listen for worker assignment notifications + useEffect(() => { + const handleWorkerAssigned = (event: CustomEvent) => { + const assignedWorker = event.detail?.logs?.[0]?.args?.worker + if (assignedWorker?.toLowerCase() === address?.toLowerCase()) { + showToast({ + title: "🎉 You've been assigned!", + description: "An employer has assigned you directly to a job. Check your assigned jobs!", + duration: 8000 + }) + } + } + + window.addEventListener('worker-assigned', handleWorkerAssigned as EventListener) + return () => { + window.removeEventListener('worker-assigned', handleWorkerAssigned as EventListener) } + }, [address, showToast]) + const handlePlaceBid = async () => { try { + console.log('Attempting to place bid:', { + jobId: jobId.toString(), + bidAmount: bidAmount || '0', + jobState: { + completed: job?.completed, + cancelled: job?.cancelled, + assigned: isAssigned, + employer: job?.employer + } + }) + await placeBid(jobId, bidAmount || '0') showToast({ title: "Bid Submitted", @@ -53,9 +81,29 @@ export default function JobDetailPage() { setShowBidForm(false) refetchBids() } catch (error: any) { + console.error('Error in handlePlaceBid:', error) + + // Provide user-friendly error messages + let errorMessage = error?.message || "Failed to submit bid" + + if (errorMessage.includes('JobNotFound')) { + errorMessage = "Job not found. The job may have been deleted." + } else if (errorMessage.includes('JobAlreadyAssigned')) { + errorMessage = "This job already has an assigned worker." + } else if (errorMessage.includes('JobAlreadyCancelled')) { + errorMessage = "Cannot place bid on a cancelled job." + } else if (errorMessage.includes('User rejected')) { + errorMessage = "Transaction was cancelled." + } else if (errorMessage.includes('Insufficient balance')) { + errorMessage = "Insufficient balance. Please check your STT balance for gas fees." + } else if (errorMessage.includes('Network error')) { + errorMessage = "Network error. Please check your connection and try again." + } + showToast({ - title: "Error", - description: error?.message || "Failed to submit bid", + title: "Error Placing Bid", + description: errorMessage, + duration: 6000 }) } } @@ -109,6 +157,161 @@ export default function JobDetailPage() { } } + const handleAssignWorkerDirectly = async () => { + if (!workerAddress || !workerAddress.startsWith('0x') || workerAddress.length !== 42) { + showToast({ + title: "Invalid Address", + description: "Please select a valid worker address", + }) + return + } + + // Validate job state before assigning + if (job?.completed) { + showToast({ + title: "Error", + description: "Cannot assign worker to a completed job", + }) + return + } + + if (job?.cancelled) { + showToast({ + title: "Error", + description: "Cannot assign worker to a cancelled job", + }) + return + } + + if (isAssigned) { + showToast({ + title: "Error", + description: "This job already has an assigned worker", + }) + return + } + + try { + console.log('Attempting to assign worker:', { + jobId: jobId.toString(), + workerAddress, + isEmployer, + jobState: { + completed: job?.completed, + cancelled: job?.cancelled, + assigned: isAssigned + } + }) + + await assignWorkerDirectly(jobId, workerAddress) + + // Wait for transaction confirmation before showing success + // The hook already handles waiting, but we'll show a pending message + showToast({ + title: "Transaction Submitted", + description: "Assigning worker... Please wait for confirmation.", + duration: 3000 + }) + + // Wait a bit for the transaction to be mined, then refetch + setTimeout(() => { + refetchJob() + refetchBids() + setWorkerAddress(null) + setShowAssignForm(false) + + showToast({ + title: "✅ Worker Assigned", + description: "The worker has been assigned directly to the job", + duration: 5000 + }) + }, 3000) + } catch (error: any) { + console.error('Error assigning worker:', error) + + // Provide user-friendly error messages + let errorMessage = "Failed to assign worker" + let errorTitle = "Error Assigning Worker" + + const errorMsg = error?.message || error?.shortMessage || error?.toString() || '' + const errorData = error?.data || error?.cause?.data + + if (errorMsg.includes('User rejected') || errorMsg.includes('user rejected') || errorMsg.includes('rejected the request')) { + errorMessage = "Transaction was cancelled by user" + errorTitle = "Transaction Cancelled" + } else if (errorMsg.includes('NotAuthorized') || errorMsg.includes('not authorized') || errorMsg.includes('Unauthorized')) { + errorMessage = "You are not authorized to assign workers to this job. Only the job employer can assign workers." + errorTitle = "Authorization Error" + } else if (errorMsg.includes('JobAlreadyAssigned') || errorMsg.includes('already assigned')) { + errorMessage = "This job already has an assigned worker" + errorTitle = "Job Already Assigned" + } else if (errorMsg.includes('JobNotFound') || errorMsg.includes('not found')) { + errorMessage = "Job not found. The job may have been deleted or the ID is invalid." + errorTitle = "Job Not Found" + } else if (errorMsg.includes('JobAlreadyCancelled') || errorMsg.includes('cancelled')) { + errorMessage = "Cannot assign worker to a cancelled job" + errorTitle = "Job Cancelled" + } else if (errorMsg.includes('InvalidAddress') || errorMsg.includes('invalid address')) { + errorMessage = "Invalid worker address. Please check the address format (0x...42 characters)." + errorTitle = "Invalid Address" + } else if (errorMsg.includes('insufficient funds') || errorMsg.includes('balance')) { + errorMessage = "Insufficient balance. Please check your STT balance for gas fees." + errorTitle = "Insufficient Balance" + } else if (errorMsg.includes('Internal JSON-RPC error') || errorMsg.includes('network')) { + errorMessage = "Network error. Please check your connection and try again." + errorTitle = "Network Error" + } else if (errorMsg.includes('execution reverted') || errorMsg.includes('revert')) { + // Try to extract specific revert reason + const revertMatch = errorMsg.match(/revert\s+(\w+)/i) || errorMsg.match(/reverted\s+with\s+reason\s+string\s+['"]?(\w+)/i) + if (revertMatch && revertMatch[1]) { + const revertReason = revertMatch[1] + if (revertReason === 'NotAuthorized') { + errorMessage = "You are not authorized. Only the job employer can assign workers." + errorTitle = "Authorization Error" + } else if (revertReason === 'JobAlreadyAssigned') { + errorMessage = "This job already has an assigned worker." + errorTitle = "Job Already Assigned" + } else if (revertReason === 'JobNotFound') { + errorMessage = "Job not found. Please verify the job ID." + errorTitle = "Job Not Found" + } else if (revertReason === 'JobAlreadyCancelled') { + errorMessage = "Cannot assign worker to a cancelled job." + errorTitle = "Job Cancelled" + } else if (revertReason === 'InvalidAddress') { + errorMessage = "Invalid worker address." + errorTitle = "Invalid Address" + } else { + errorMessage = `Contract error: ${revertReason}. Please verify job status and permissions.` + errorTitle = "Contract Error" + } + } else if (errorData) { + errorMessage = `Contract execution reverted. Error data: ${JSON.stringify(errorData)}` + errorTitle = "Transaction Failed" + } else { + errorMessage = "Transaction failed: Contract execution reverted. Please verify:\n• You are the job employer\n• The job is not completed or cancelled\n• The job doesn't already have an assigned worker" + errorTitle = "Transaction Failed" + } + } else if (errorMsg.includes('function') && (errorMsg.includes('not found') || errorMsg.includes('does not exist') || errorMsg.includes('is not a function'))) { + errorMessage = "⚠️ The contract function 'assignWorkerDirectly' is not available in the deployed contract.\n\nThis feature requires redeploying the contract with the latest version.\n\nPlease contact support or redeploy the contract." + errorTitle = "Function Not Available" + } else if (errorMsg.includes('gas') || errorMsg.includes('Gas') || errorMsg.includes('gas required exceeds allowance')) { + errorMessage = "Gas estimation failed. The transaction may be too complex or the contract state is invalid. Please try again or check your gas settings." + errorTitle = "Gas Estimation Error" + } else if (errorMsg.includes('nonce') || errorMsg.includes('Nonce')) { + errorMessage = "Nonce error. Please wait a moment and try again." + errorTitle = "Transaction Error" + } else if (errorMsg) { + errorMessage = errorMsg.length > 200 ? errorMsg.substring(0, 200) + '...' : errorMsg + } + + showToast({ + title: errorTitle, + description: errorMessage, + duration: 8000 + }) + } + } + if (jobLoading) { return (
@@ -147,6 +350,7 @@ export default function JobDetailPage() {
+ {/* Back Button */} - {!hasMinReputation && ( -
-

Insufficient Reputation

-

You need at least 10 reputation points. Your current reputation: {reputation.reputationScore}

-
- )}
@@ -291,7 +489,7 @@ export default function JobDetailPage() { whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }} onClick={handlePlaceBid} - disabled={isPlacingBid || !hasMinReputation} + disabled={isPlacingBid} className="w-full px-6 py-3 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold shadow-neural-glow disabled:opacity-50" > {isPlacingBid ? 'Submitting Bid...' : 'Submit Bid'} @@ -309,11 +507,91 @@ export default function JobDetailPage() { transition={{ delay: 0.1 }} className="backdrop-blur-xl bg-white/5 rounded-3xl p-6 md:p-8 border border-white/10 shadow-neural-glow" > -
- -

Bids ({bids.length})

+
+
+ +

Bids ({bids.length})

+
+ {!isAssigned && ( + setShowAssignForm(!showAssignForm)} + className="px-4 py-2 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold text-sm shadow-neural-glow flex items-center space-x-2" + > + + {showAssignForm ? 'Cancel' : 'Assign Worker Directly'} + + )}
+ {/* Direct Assignment Form */} + {showAssignForm && !isAssigned && ( + +
+

+ + Assign Worker Directly +

+

Assign a worker without requiring bids. Useful for new workers who don't have enough reputation yet.

+

+ 💡 Tip: Ask the worker to share their wallet address (0x...), then paste it in the field below. +

+ {!isEmployer && ( +
+ ⚠️ Only the job employer can assign workers directly +
+ )} +
+ + + + )} + {bidsLoading ? (
Loading bids...
) : bids.length === 0 ? ( @@ -372,3 +650,56 @@ export default function JobDetailPage() { ) } +// Worker History Component +function WorkerHistory({ address }: { address: `0x${string}` }) { + const { data: workerJobs } = useReadContract({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + functionName: 'getWorkerJobs', + args: [address], + }) + + const { data: reputation } = useReadContract({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + functionName: 'reputation', + args: [address], + }) + + const completedJobs = workerJobs?.length || 0 + const repScore = reputation ? Number(reputation) : 0 + + return ( + +
+ +

Worker History

+
+
+
+
Reputation
+
{repScore} pts
+ {repScore < 10 && ( +
New worker
+ )} +
+
+
Completed Jobs
+
{completedJobs}
+
+
+ {completedJobs > 0 && ( +
+
+ This worker has completed {completedJobs} job{completedJobs !== 1 ? 's' : ''} on the platform. +
+
+ )} + + ) +} + diff --git a/src/app/gigstream/my-jobs/page.tsx b/src/app/gigstream/my-jobs/page.tsx index 5daef8e..e87acfd 100644 --- a/src/app/gigstream/my-jobs/page.tsx +++ b/src/app/gigstream/my-jobs/page.tsx @@ -34,6 +34,8 @@ import Link from 'next/link' import { formatDistanceToNow } from 'date-fns' import { enUS } from 'date-fns/locale' +type ProfileType = 'worker' | 'employer' + export default function MyJobsPage() { const { address, isConnected } = useAccount() const { @@ -52,6 +54,16 @@ export default function MyJobsPage() { } = useGigStream() const { showToast } = useToast() + // Get profile from localStorage + const [profile, setProfile] = useState('worker') + + useEffect(() => { + const savedProfile = localStorage.getItem('gigstream-profile') as ProfileType + if (savedProfile && (savedProfile === 'worker' || savedProfile === 'employer')) { + setProfile(savedProfile) + } + }, []) + // Track loading state const [isRefreshing, setIsRefreshing] = useState(false) @@ -60,28 +72,26 @@ export default function MyJobsPage() { const [showBidForm, setShowBidForm] = useState(null) const [expandedJobs, setExpandedJobs] = useState>(new Set()) - // Fetch all jobs - combine user jobs and worker jobs, removing duplicates + // Filter jobs based on profile const allJobIds = React.useMemo(() => { - const userJobs = userJobIds || [] + if (profile === 'worker') { + // Workers see only their assigned jobs const workerJobs = workerJobIds || [] - const combined = [...userJobs] - - // Add worker jobs that are not already in user jobs - workerJobs.forEach(id => { - if (!combined.some(jobId => jobId.toString() === id.toString())) { - combined.push(id) - } - }) - - // Sort by job ID (newest first) - combined.sort((a, b) => { + return [...workerJobs].sort((a, b) => { + const aNum = Number(a) + const bNum = Number(b) + return bNum - aNum + }) + } else { + // Employers see only their posted jobs + const userJobs = userJobIds || [] + return [...userJobs].sort((a, b) => { const aNum = Number(a) const bNum = Number(b) return bNum - aNum }) - - return combined - }, [userJobIds, workerJobIds]) + } + }, [userJobIds, workerJobIds, profile]) // Debug: Log job counts when they change useEffect(() => { @@ -130,11 +140,7 @@ export default function MyJobsPage() { const handlePlaceBid = async (jobId: bigint) => { if (reputation.reputationScore < 10) { - showToast({ - title: "Insufficient Reputation", - description: "You need at least 10 reputation points to place bids", - }) - return + // Reputation requirement removed } try { @@ -268,6 +274,7 @@ export default function MyJobsPage() { )}
+ {profile === 'employer' && ( Post Job + )} - {/* Stats */} -
- -
- -
-

Posted Jobs

-

{userJobIds?.length || 0}

-
-
- + {/* Stats - Profile specific */} +
+ {profile === 'worker' ? ( + <>
+ + ) : ( + <> + +
+ +
+

Posted Jobs

+

{userJobIds?.length || 0}

+
+
+ + +
+ +
+

Active Listings

+

{userJobIds?.length || 0}

+
+
+ + + )}
{/* Jobs List */} @@ -331,7 +359,12 @@ export default function MyJobsPage() { className="backdrop-blur-xl bg-white/5 rounded-3xl p-12 border border-white/10 text-center" > -

You don't have any jobs yet

+

+ {profile === 'worker' + ? "You don't have any assigned jobs yet" + : "You haven't posted any jobs yet"} +

+ {profile === 'employer' && ( + )} + {profile === 'worker' && ( + + + Browse Available Jobs + + + )} ) : (
@@ -442,7 +487,7 @@ function JobCardWithActions({ const isWorker = address.toLowerCase() === job.worker.toLowerCase() const isAssigned = job.worker !== '0x0000000000000000000000000000000000000000' const canBid = !isEmployer && !isAssigned && !job.completed && !job.cancelled - const hasMinReputation = reputation >= 10 + // Reputation requirement removed - workers can bid with any reputation level const isMyJob = userJobIds.includes(jobId) const isMyAssignedJob = workerJobIds.includes(jobId) @@ -626,20 +671,12 @@ function JobCardWithActions({ Place Bid - {!hasMinReputation && ( -
-

- - You need at least 10 reputation points to place bids -

-
- )} {!showBidForm ? ( setShowBidForm(true)} - disabled={!hasMinReputation} + disabled={false} className="w-full px-4 py-3 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold shadow-neural-glow disabled:opacity-50 flex items-center justify-center gap-2" > diff --git a/src/app/gigstream/page.tsx b/src/app/gigstream/page.tsx index 739d6bc..03d7987 100644 --- a/src/app/gigstream/page.tsx +++ b/src/app/gigstream/page.tsx @@ -4,7 +4,7 @@ import { motion } from 'framer-motion' import { useAccount } from 'wagmi' import Link from 'next/link' -import { MapPin, DollarSign, Clock, Zap, Plus, Brain } from 'lucide-react' +import { MapPin, DollarSign, Clock, Zap, Plus, Brain, Briefcase, User, Search, CheckCircle } from 'lucide-react' import { useEffect, useState } from 'react' import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' @@ -12,16 +12,22 @@ import AIInsightsPanel from '@/components/gigstream/AIInsightsPanel' import AIJobMatcher from '@/components/gigstream/AIJobMatcher' import AIBidOptimizer from '@/components/gigstream/AIBidOptimizer' import GeminiBot from '@/components/chatbot/GeminiBot' +import ProfileToggle from '@/components/gigstream/ProfileToggle' +import ContractAddressVerifier from '@/components/gigstream/ContractAddressVerifier' import { useGigStream } from '@/hooks/useGigStream' import { useSDSJobs } from '@/hooks/useSDSJobs' import JobCard from '@/components/gigstream/JobCard' import SDSJobsIndicator from '@/components/gigstream/SDSJobsIndicator' +type ProfileType = 'worker' | 'employer' + export default function GigStreamDashboard() { const { address, isConnected } = useAccount() - const { jobCounter, refetch } = useGigStream() + const { jobCounter, refetch, userJobIds, workerJobIds, reputation } = useGigStream() const [jobsCount, setJobsCount] = useState(0) + const [profile, setProfile] = useState('worker') + const [searchQuery, setSearchQuery] = useState('') // Fetch jobs from Somnia Data Streams (optional, for enrichment) const { jobs: sdsJobs } = useSDSJobs(address, isConnected) @@ -66,21 +72,25 @@ export default function GigStreamDashboard() { +

GigStream Dashboard

-
-

+

+

Live SDS Streams • {jobsCount} active jobs

- {sdsJobs.length > 0 && ( - - )} -
+ {sdsJobs.length > 0 && ( + + )} +
+
+ + {profile === 'employer' && ( Post Job + )} +
+
+ + {/* Profile-specific stats */} + + {profile === 'worker' ? ( + <> +
+
+ + Reputation +
+

{reputation.reputationScore} pts

+

+ Can place bids +

+
+
+
+ + My Jobs +
+

{workerJobIds?.length || 0}

+

Assigned jobs

+
+
+
+ + Completed +
+

{reputation.jobsCompleted}

+

Jobs finished

+
+ + ) : ( + <> +
+
+ + Posted Jobs +
+

{userJobIds?.length || 0}

+

Active listings

+
+
+
+ + Available +
+

{jobsCount}

+

Total jobs

+
+
+
+ + Quick Post +
+ + + Post Now + + +
+ + )} + + + {/* Search bar for workers */} + {profile === 'employer' && ( + +
+ + setSearchQuery(e.target.value)} + placeholder="Search jobs by title or location..." + className="flex-1 bg-white/10 border border-white/20 rounded-xl px-4 py-2 text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50" + /> +
+ + )} - {/* Live Jobs Grid */} - {jobsCount > 0 ? ( + {/* Live Jobs Grid - Filtered by profile */} + {profile === 'worker' && jobsCount > 0 ? ( +
+
+

Available Jobs

+

+ Showing {Math.min(Number(jobsCount), 12)} of {jobsCount} +

+
+
+ {Array.from({ length: Math.min(Number(jobsCount), 12) }, (_, i) => { + const jobId = BigInt(Number(jobsCount) - i) + return + })} +
+
+ ) : profile === 'employer' && jobsCount > 0 ? ( +
+
+

All Jobs

+

+ Showing {Math.min(Number(jobsCount), 12)} of {jobsCount} +

+
{Array.from({ length: Math.min(Number(jobsCount), 12) }, (_, i) => { const jobId = BigInt(Number(jobsCount) - i) return })} +
- ) : ( + ) : profile === 'worker' ? (

No jobs available yet

+

Check back later for new opportunities

+
+ ) : ( +
+

No jobs posted yet

)} - {/* AI Features Section */} + {/* AI Features Section - Profile specific */} + {profile === 'worker' && (
@@ -129,36 +263,77 @@ export default function GigStreamDashboard() {
- {/* AI Insights Panel */} - - - {/* AI Tools Grid */} + {/* AI Tools for Workers */}
+ )} + + {profile === 'employer' && ( +
+
+
+ +
+
+

AI-Powered Insights

+

Powered by Google Gemini

+
+
- {/* Quick Links */} -
+ {/* AI Insights for Employers */} + +
+ )} + + {/* Quick Links - Profile specific */} +
+ {profile === 'worker' && (

My Jobs

-

Manage all your onchain jobs

+

Manage assigned jobs

+ + + )} + {profile === 'employer' && ( + + +

My Posted Jobs

+

Manage your job listings

 + )}

My Profile

-

View reputation and statistics

+

+ {profile === 'worker' ? 'View reputation and stats' : 'View profile and stats'} +

+ {profile === 'worker' && ( + + +

Reputation Help

+

Learn about reputation

+ + + )}

Live Streams

diff --git a/src/components/gigstream/AIInsightsPanel.tsx b/src/components/gigstream/AIInsightsPanel.tsx index 65859b1..fd721dc 100644 --- a/src/components/gigstream/AIInsightsPanel.tsx +++ b/src/components/gigstream/AIInsightsPanel.tsx @@ -1,6 +1,6 @@ 'use client' -import { useState, useEffect } from 'react' +import { useState } from 'react' import { motion } from 'framer-motion' import { Brain, TrendingUp, Target, Zap, Sparkles, ChevronDown, ChevronUp } from 'lucide-react' import { useGemini } from '@/providers/GeminiProvider' @@ -17,17 +17,6 @@ export default function AIInsightsPanel() { const { reputation, userJobIds, workerJobIds } = useGigStream() const { address } = useAccount() - useEffect(() => { - if (address && reputation) { - loadInsights() - } - }, [address, reputation]) - - // Don't retry if API key is not configured - const shouldRetry = (error: any) => { - return !error?.message?.includes('API key') && !error?.message?.includes('not configured') - } - const loadInsights = async () => { setIsLoading(true) setError(null) @@ -37,10 +26,10 @@ export default function AIInsightsPanel() { const prompt = ` You are an expert in freelance market analysis Mexico. User: ${address?.slice(0, 6)}...${address?.slice(-4)} - Reputation: ${reputation.reputationScore} - Jobs completed: ${reputation.jobsCompleted} - Jobs posted: ${userJobIds.length} - Jobs worked: ${workerJobIds.length} + Reputation: ${reputation?.reputationScore || 0} + Jobs completed: ${reputation?.jobsCompleted || 0} + Jobs posted: ${userJobIds?.length || 0} + Jobs worked: ${workerJobIds?.length || 0} Generate valid analysis JSON with: { @@ -117,6 +106,8 @@ export default function AIInsightsPanel() { } } + // Removed automatic loading - user must click button to generate insights + return ( - {isLoading ? ( + {!insights && !isLoading && !error ? ( +
+
+ +
+
+

Generate AI Insights

+

+ Get personalized market analysis, recommendations, and optimization tips powered by Gemini AI +

+
+ + + Generate Insights + + {(!address || !reputation) && ( +

+ Connect your wallet to generate insights +

+ )} +
+ ) : isLoading ? (
(null) + const [error, setError] = useState(null) + + // Try to read jobCounter to verify contract is accessible + const { data: jobCounter, isError, error: readError } = useReadContract({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + functionName: 'jobCounter', + }) + + useEffect(() => { + const currentAddress = GIGESCROW_ADDRESS.toLowerCase() + const expectedAddress = EXPECTED_ADDRESS.toLowerCase() + + if (currentAddress === expectedAddress) { + setIsCorrect(true) + setError(null) + } else if (OLD_ADDRESSES.some(addr => currentAddress === addr.toLowerCase())) { + setIsCorrect(false) + setError(`Using old contract address. Expected: ${EXPECTED_ADDRESS}`) + } else { + setIsCorrect(false) + setError(`Unknown contract address: ${GIGESCROW_ADDRESS}`) + } + }, []) + + // Only show warning if address is incorrect + if (isCorrect === null) return null + + if (!isCorrect) { + return ( +
+
+ + ⚠️ Contract Address Mismatch +
+

{error}

+

+ Current: {GIGESCROW_ADDRESS} +

+

+ Expected: {EXPECTED_ADDRESS} +

+

+ 💡 Solution: Update .env.local with: +

+ 
+{`NEXT_PUBLIC_GIGESCROW_ADDRESS=${EXPECTED_ADDRESS}
+NEXT_PUBLIC_REPUTATION_TOKEN_ADDRESS=0x995759f140029e4fEabCE8F555f5536A1b413562
+NEXT_PUBLIC_STAKING_POOL_ADDRESS=0x6934126deC72a3Dba22a9C5D5300620E894C72a8`}
+
+

+ Then restart the development server and clear browser cache. +

+
+ ) + } + + // Show success if contract is accessible + if (isError) { + return ( +
+
+ + ⚠️ Cannot Access Contract +
+

+ Error reading from contract: {readError?.message || 'Unknown error'} +

+

+ Address: {GIGESCROW_ADDRESS} +

+
+ ) + } + + // Show success message + return ( +
+
+ + ✅ Contract Connected +
+

+ {GIGESCROW_ADDRESS} (Jobs: {jobCounter?.toString() || '0'}) +

+
+ ) +} + diff --git a/src/components/gigstream/ContractFunctionChecker.tsx b/src/components/gigstream/ContractFunctionChecker.tsx new file mode 100644 index 0000000..ae8b0ff --- /dev/null +++ b/src/components/gigstream/ContractFunctionChecker.tsx @@ -0,0 +1,65 @@ +// src/components/gigstream/ContractFunctionChecker.tsx - Check if contract function exists +'use client' + +import { useEffect, useState } from 'react' +import { useReadContract } from 'wagmi' +import { gigEscrowAbi } from '@/lib/viem' +import { GIGESCROW_ADDRESS } from '@/lib/contracts' +import { AlertCircle } from 'lucide-react' + +interface ContractFunctionCheckerProps { + functionName: string + onFunctionAvailable?: (available: boolean) => void +} + +export function useContractFunctionAvailable(functionName: string) { + const [isAvailable, setIsAvailable] = useState(null) + + // Try to read a simple function to check if contract is accessible + const { data: jobCounter, isError } = useReadContract({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + functionName: 'jobCounter', + }) + + useEffect(() => { + // If we can read jobCounter, the contract is accessible + // We assume if contract is accessible, all functions in ABI should be available + // Note: This is a basic check - in production you might want to actually try calling the function + if (jobCounter !== undefined) { + setIsAvailable(true) + } else if (isError) { + setIsAvailable(false) + } + }, [jobCounter, isError]) + + return isAvailable +} + +export default function ContractFunctionChecker({ functionName, onFunctionAvailable }: ContractFunctionCheckerProps) { + const isAvailable = useContractFunctionAvailable(functionName) + + useEffect(() => { + if (onFunctionAvailable && isAvailable !== null) { + onFunctionAvailable(isAvailable) + } + }, [isAvailable, onFunctionAvailable]) + + if (isAvailable === false) { + return ( +
+
+ + Contract Function Not Available +
+

+ The contract function "{functionName}" may not be available in the deployed contract. + The contract may need to be redeployed with the latest version. +

+
+ ) + } + + return null +} + diff --git a/src/components/gigstream/HeroSection.tsx b/src/components/gigstream/HeroSection.tsx index eb38b5b..abfcead 100644 --- a/src/components/gigstream/HeroSection.tsx +++ b/src/components/gigstream/HeroSection.tsx @@ -68,30 +68,43 @@ export default function HeroSection() { {/* Neural Particles */}
- {Array.from({ length: 6 }).map((_, i) => ( - - ))} + {Array.from({ length: 6 }).map((_, i) => { + // Use fixed positions to avoid hydration mismatch + const positions = [ + { left: 10, top: 20 }, + { left: 30, top: 60 }, + { left: 70, top: 30 }, + { left: 50, top: 80 }, + { left: 85, top: 15 }, + { left: 15, top: 70 }, + ] + const pos = positions[i] || { left: 50, top: 50 } + + return ( + + ) + })}
{/* Mouse Follow Neural Glow */} diff --git a/src/components/gigstream/ProfileToggle.tsx b/src/components/gigstream/ProfileToggle.tsx new file mode 100644 index 0000000..0d043b0 --- /dev/null +++ b/src/components/gigstream/ProfileToggle.tsx @@ -0,0 +1,68 @@ +// src/components/gigstream/ProfileToggle.tsx - Profile Toggle Component +'use client' + +import { motion } from 'framer-motion' +import { Briefcase, User, CheckCircle } from 'lucide-react' +import { useState, useEffect } from 'react' + +type ProfileType = 'worker' | 'employer' + +interface ProfileToggleProps { + onProfileChange: (profile: ProfileType) => void + defaultProfile?: ProfileType +} + +export default function ProfileToggle({ onProfileChange, defaultProfile = 'worker' }: ProfileToggleProps) { + const [profile, setProfile] = useState(defaultProfile) + + useEffect(() => { + // Load saved profile from localStorage + const savedProfile = localStorage.getItem('gigstream-profile') as ProfileType + if (savedProfile && (savedProfile === 'worker' || savedProfile === 'employer')) { + setProfile(savedProfile) + onProfileChange(savedProfile) + } else { + onProfileChange(profile) + } + }, []) + + const handleToggle = (newProfile: ProfileType) => { + setProfile(newProfile) + localStorage.setItem('gigstream-profile', newProfile) + onProfileChange(newProfile) + } + + return ( +
+ handleToggle('worker')} + className={`px-4 py-2 rounded-xl font-bold transition-all duration-300 flex items-center space-x-2 ${ + profile === 'worker' + ? 'bg-gradient-to-r from-somnia-cyan to-mx-green text-white shadow-neural-glow' + : 'text-white/60 hover:text-white/80' + }`} + > + + Worker + {profile === 'worker' && } + + handleToggle('employer')} + className={`px-4 py-2 rounded-xl font-bold transition-all duration-300 flex items-center space-x-2 ${ + profile === 'employer' + ? 'bg-gradient-to-r from-somnia-purple to-mx-green text-white shadow-neural-glow' + : 'text-white/60 hover:text-white/80' + }`} + > + + Employer + {profile === 'employer' && } + +
+ ) +} + diff --git a/src/components/gigstream/WorkerSearch.tsx b/src/components/gigstream/WorkerSearch.tsx new file mode 100644 index 0000000..5edec5a --- /dev/null +++ b/src/components/gigstream/WorkerSearch.tsx @@ -0,0 +1,333 @@ +// src/components/gigstream/WorkerSearch.tsx - Worker Search Component +'use client' + +import { motion } from 'framer-motion' +import { Search, User, CheckCircle, XCircle, Clock, Briefcase, Copy, CopyCheck } from 'lucide-react' +import { useState, useEffect } from 'react' +import { useGigStream } from '@/hooks/useGigStream' +import { useReadContract } from 'wagmi' +import { gigEscrowAbi } from '@/lib/viem' +import { GIGESCROW_ADDRESS } from '@/lib/contracts' +import { formatEther } from 'viem' +import { formatDistanceToNow } from 'date-fns' +import { enUS } from 'date-fns/locale' +import { useToast } from '@/components/ui/use-toast' + +interface WorkerSearchProps { + onSelectWorker: (address: `0x${string}`) => void + selectedWorker?: `0x${string}` | null + availableWorkers?: `0x${string}`[] // Workers from bids or previous jobs +} + +export default function WorkerSearch({ onSelectWorker, selectedWorker, availableWorkers = [] }: WorkerSearchProps) { + const [searchQuery, setSearchQuery] = useState('') + const [searchResults, setSearchResults] = useState<`0x${string}`[]>([]) + const [isSearching, setIsSearching] = useState(false) + const [showFullAddress, setShowFullAddress] = useState(false) + const [copiedAddress, setCopiedAddress] = useState(null) + const { showToast } = useToast() + + const handleSearch = async () => { + if (!searchQuery || searchQuery.length < 2) { + setSearchResults([]) + return + } + + setIsSearching(true) + const query = searchQuery.toLowerCase() + + // Search through available workers first + const matchingWorkers = availableWorkers.filter(addr => + addr.toLowerCase().includes(query) || + addr.toLowerCase().startsWith(query) + ) + + // If it's a valid full address, add it + if (searchQuery.startsWith('0x') && searchQuery.length === 42) { + const fullAddress = searchQuery as `0x${string}` + if (!matchingWorkers.includes(fullAddress)) { + matchingWorkers.push(fullAddress) + } + } + + setSearchResults(matchingWorkers) + setIsSearching(false) + } + + useEffect(() => { + const timer = setTimeout(() => { + handleSearch() + }, 300) + + return () => clearTimeout(timer) + }, [searchQuery, availableWorkers]) + + const copyToClipboard = (address: string) => { + navigator.clipboard.writeText(address) + setCopiedAddress(address) + showToast({ + title: "Address Copied", + description: "Worker address copied to clipboard", + duration: 2000 + }) + setTimeout(() => setCopiedAddress(null), 2000) + } + + return ( +
+ {/* Instructions */} +
+

+ How to assign a worker: +

+
    +
  • Paste the worker's full address (0x...42 characters) in the field below
    • +
  • Or select from available workers who have placed bids
    • +
  • Or search by typing part of an address
    • +
+
+ + {/* Direct address input */} +
+ +
+ { + const value = e.target.value + setSearchQuery(value) + // Auto-select if it's a valid full address + if (value.startsWith('0x') && value.length === 42) { + onSelectWorker(value as `0x${string}`) + } + }} + placeholder="0x1234567890abcdef1234567890abcdef12345678" + className="flex-1 bg-white/10 border border-white/20 rounded-xl px-4 py-3 text-white placeholder-white/30 backdrop-blur-xl focus:outline-none focus:border-somnia-cyan/50 font-mono text-sm" + /> + {searchQuery && searchQuery.startsWith('0x') && searchQuery.length === 42 && ( + + )} +
+ {searchQuery && searchQuery.startsWith('0x') && searchQuery.length !== 42 && ( +

+ Address must be 42 characters (including 0x). Current: {searchQuery.length} characters +

+ )} +
+ + {/* Show selected worker with full address */} + {selectedWorker && ( + +
+
+ + Worker Selected +
+ +
+
+ {selectedWorker} +
+

+ ✓ Ready to assign. Click "Assign Worker" button below. +

+ + )} + + {/* Available workers list (if no search query) */} + {!searchQuery && availableWorkers.length > 0 && ( +
+
+

+ Workers from Bids ({availableWorkers.length}) +

+

Click to select

+
+
+ {availableWorkers.map((address) => ( + + ))} +
+
+ )} + + {/* Show message if no workers available and no search */} + {!searchQuery && availableWorkers.length === 0 && ( +
+ +

No workers from bids yet

+

Paste a worker address above to assign directly

+
+ )} + + {/* Search results */} + {searchQuery && searchResults.length > 0 && ( +
+

Search Results ({searchResults.length}):

+
+ {searchResults.map((address) => ( + + ))} +
+
+ )} + + {searchQuery && searchQuery.length >= 2 && searchResults.length === 0 && !isSearching && ( +
+ +

No workers found matching "{searchQuery}"

+

+ Make sure the address starts with 0x and has 42 characters total +

+ {searchQuery.startsWith('0x') && searchQuery.length < 42 && ( +
+ Address too short: {searchQuery.length}/42 characters +
+ )} +
+ )} +
+ ) +} + +function WorkerInfo({ + address, + onSelect, + isSelected, + showFullAddress = false, + onCopy, + copiedAddress +}: { + address: `0x${string}` + onSelect: (address: `0x${string}`) => void + isSelected: boolean + showFullAddress?: boolean + onCopy?: (address: string) => void + copiedAddress?: string | null +}) { + const { data: reputation } = useReadContract({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + functionName: 'reputation', + args: [address], + }) + + const { data: workerJobs } = useReadContract({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + functionName: 'getWorkerJobs', + args: [address], + }) + + const completedJobs = workerJobs?.length || 0 + const repScore = reputation ? Number(reputation) : 0 + + return ( + onSelect(address)} + className={`backdrop-blur-xl rounded-2xl p-4 border cursor-pointer transition-all ${ + isSelected + ? 'bg-somnia-cyan/20 border-somnia-cyan/50 shadow-neural-glow' + : 'bg-white/5 border-white/10 hover:border-white/20' + }`} + > +
+
+
+ + {showFullAddress ? ( +
+
+ {address} +
+
+ ) : ( + {address.slice(0, 6)}...{address.slice(-4)} + )} + {isSelected && } + {onCopy && ( + + )} +
+
+
+ + {completedJobs} jobs +
+
+ + {repScore} rep +
+
+
+ {repScore < 10 && ( +
+ New +
+ )} +
+ + ) +} + diff --git a/src/components/somnia/Footer.tsx b/src/components/somnia/Footer.tsx index e74ca97..3e93bb2 100644 --- a/src/components/somnia/Footer.tsx +++ b/src/components/somnia/Footer.tsx @@ -30,7 +30,7 @@ export default function Footer() { const resourcesLinks = [ { name: 'Live Demo', href: 'https://gigstream-mx.vercel.app', external: true }, - { name: 'Smart Contracts', href: 'https://shannon-explorer.somnia.network/address/0x7094f1eb1c49Cf89B793844CecE4baE655f3359b', external: true }, + { name: 'Smart Contracts', href: 'https://shannon-explorer.somnia.network/address/0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef', external: true }, { name: 'Somnia Docs', href: 'https://docs.somnia.network', external: true }, { name: 'Somnia Explorer', href: 'https://shannon-explorer.somnia.network', external: true } ] diff --git a/src/hooks/useGigStream.ts b/src/hooks/useGigStream.ts index f890b95..46d993c 100644 --- a/src/hooks/useGigStream.ts +++ b/src/hooks/useGigStream.ts @@ -5,7 +5,7 @@ import { useState, useEffect } from 'react' import { useAccount, useReadContract, useWriteContract, useWaitForTransactionReceipt, useWatchContractEvent } from 'wagmi' import { gigEscrowAbi } from '@/lib/viem' import { GIGESCROW_ADDRESS } from '@/lib/contracts' -import { formatEther, parseEther } from 'viem' +import { formatEther, parseEther, getAddress } from 'viem' export function useGigStream() { const { address, isConnected } = useAccount() @@ -131,17 +131,48 @@ export function useGigStream() { }, }) + // Watch for job acceptance (both from acceptBid and assignWorkerDirectly) + useWatchContractEvent({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + eventName: 'JobAccepted', + onLogs: (logs) => { + // Check if current user was assigned as worker + const userAssigned = logs.some((log: any) => + log.args?.worker?.toLowerCase() === address?.toLowerCase() + ) + if (userAssigned) { + // Trigger custom event for notifications + window.dispatchEvent(new CustomEvent('worker-assigned', { + detail: { logs } + })) + refetchWorkerJobs() + refetchReputation() + } + + // Also refetch if current user is the employer who assigned the worker + const employerAssigned = logs.some((log: any) => + log.args?.employer?.toLowerCase() === address?.toLowerCase() + ) + if (employerAssigned) { + refetchUserJobs() + } + }, + }) + // Write contract functions const { writeContract: writePlaceBid, data: placeBidHash, isPending: isPlacingBid } = useWriteContract() const { writeContract: writeAcceptBid, data: acceptBidHash, isPending: isAcceptingBid } = useWriteContract() const { writeContract: writeCompleteJob, data: completeJobHash, isPending: isCompletingJob } = useWriteContract() const { writeContract: writeCancelJob, data: cancelJobHash, isPending: isCancellingJob } = useWriteContract() + const { writeContract: writeAssignWorkerDirectly, data: assignWorkerHash, isPending: isAssigningWorker } = useWriteContract() // Wait for transactions const { isLoading: isPlaceBidConfirming } = useWaitForTransactionReceipt({ hash: placeBidHash }) const { isLoading: isAcceptBidConfirming } = useWaitForTransactionReceipt({ hash: acceptBidHash }) const { isLoading: isCompleteJobConfirming } = useWaitForTransactionReceipt({ hash: completeJobHash }) const { isLoading: isCancelJobConfirming } = useWaitForTransactionReceipt({ hash: cancelJobHash }) + const { isLoading: isAssigningWorkerConfirming } = useWaitForTransactionReceipt({ hash: assignWorkerHash }) // Get job counter const { data: jobCounter, refetch: refetchJobCounter } = useReadContract({ @@ -189,15 +220,61 @@ export function useGigStream() { const handlePlaceBid = async (jobId: bigint, bidAmount: string = '0'): Promise => { if (!address || !isConnected) throw new Error('Wallet not connected') + // Log for debugging + console.log('Placing bid:', { + jobId: jobId.toString(), + bidAmount, + contractAddress: GIGESCROW_ADDRESS, + caller: address + }) + try { - await writePlaceBid({ + const result = await writePlaceBid({ address: GIGESCROW_ADDRESS, abi: gigEscrowAbi, functionName: 'placeBid', args: [jobId, parseEther(bidAmount)], }) - } catch (error) { - console.error('Error placing bid:', error) + + console.log('Bid transaction submitted:', result) + return result + } catch (error: any) { + console.error('Error placing bid:', { + error, + message: error?.message, + shortMessage: error?.shortMessage, + data: error?.data, + cause: error?.cause, + stack: error?.stack + }) + + // Parse and improve error messages + const errorMessage = error?.message || error?.toString() || error?.shortMessage || 'Unknown error' + const errorData = error?.data || error?.cause?.data + + // Check for common contract errors + if (errorMessage.includes('JobNotFound') || errorMessage.includes('not found')) { + throw new Error('JobNotFound: The specified job does not exist') + } else if (errorMessage.includes('JobAlreadyAssigned') || errorMessage.includes('already assigned')) { + throw new Error('JobAlreadyAssigned: This job already has an assigned worker') + } else if (errorMessage.includes('JobAlreadyCancelled') || errorMessage.includes('cancelled')) { + throw new Error('JobAlreadyCancelled: Cannot place bid on a cancelled job') + } else if (errorMessage.includes('User rejected') || errorMessage.includes('user rejected') || errorMessage.includes('rejected the request')) { + throw new Error('User rejected: Transaction was cancelled') + } else if (errorMessage.includes('execution reverted') || errorMessage.includes('revert')) { + // Try to extract revert reason + const revertMatch = errorMessage.match(/revert\s+(\w+)/i) || errorMessage.match(/reverted\s+with\s+reason\s+string\s+['"]?(\w+)/i) + if (revertMatch && revertMatch[1]) { + const revertReason = revertMatch[1] + throw new Error(`Contract Error: ${revertReason}`) + } + throw new Error('Transaction failed: Contract execution reverted. Please check job status.') + } else if (errorMessage.includes('insufficient funds') || errorMessage.includes('balance')) { + throw new Error('Insufficient balance. Please check your STT balance for gas fees.') + } else if (errorMessage.includes('Internal JSON-RPC error') || errorMessage.includes('network')) { + throw new Error('Network error. Please check your connection and try again.') + } + throw error } } @@ -250,6 +327,100 @@ export function useGigStream() { } } + const handleAssignWorkerDirectly = async (jobId: bigint, workerAddress: `0x${string}`): Promise => { + if (!address || !isConnected) throw new Error('Wallet not connected') + + // Validate worker address format + if (!workerAddress || !workerAddress.startsWith('0x') || workerAddress.length !== 42) { + throw new Error('InvalidAddress: Worker address must be a valid Ethereum address (0x...42 characters)') + } + + // Normalize address to checksum format using viem's getAddress + let normalizedAddress: `0x${string}` + try { + normalizedAddress = getAddress(workerAddress) + } catch (error) { + throw new Error('InvalidAddress: Invalid Ethereum address format') + } + + try { + // Log for debugging + console.log('Assigning worker directly:', { + jobId: jobId.toString(), + workerAddress: normalizedAddress, + contractAddress: GIGESCROW_ADDRESS, + caller: address + }) + + const result = await writeAssignWorkerDirectly({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + functionName: 'assignWorkerDirectly', + args: [jobId, normalizedAddress], + }) + + console.log('Transaction submitted:', result) + + // Return the transaction hash + return result + } catch (error: any) { + console.error('Error assigning worker directly:', { + error, + message: error?.message, + shortMessage: error?.shortMessage, + data: error?.data, + cause: error?.cause, + stack: error?.stack + }) + + // Parse and improve error messages + const errorMessage = error?.message || error?.toString() || error?.shortMessage || 'Unknown error' + const errorData = error?.data || error?.cause?.data + + // Check for common contract errors from revert reasons + if (errorData) { + // Try to decode error data + if (errorData.includes('NotAuthorized') || errorMessage.includes('NotAuthorized')) { + throw new Error('NotAuthorized: You are not the employer of this job') + } else if (errorData.includes('JobAlreadyAssigned') || errorMessage.includes('JobAlreadyAssigned')) { + throw new Error('JobAlreadyAssigned: This job already has an assigned worker') + } else if (errorData.includes('JobNotFound') || errorMessage.includes('JobNotFound')) { + throw new Error('JobNotFound: The specified job does not exist') + } else if (errorData.includes('JobAlreadyCancelled') || errorMessage.includes('JobAlreadyCancelled')) { + throw new Error('JobAlreadyCancelled: Cannot assign worker to a cancelled job') + } else if (errorData.includes('InvalidAddress') || errorMessage.includes('InvalidAddress')) { + throw new Error('InvalidAddress: The worker address is invalid') + } + } + + // Check error message patterns + if (errorMessage.includes('NotAuthorized') || errorMessage.includes('not authorized') || errorMessage.includes('Unauthorized')) { + throw new Error('NotAuthorized: You are not the employer of this job') + } else if (errorMessage.includes('JobAlreadyAssigned') || errorMessage.includes('already assigned')) { + throw new Error('JobAlreadyAssigned: This job already has an assigned worker') + } else if (errorMessage.includes('JobNotFound') || errorMessage.includes('not found')) { + throw new Error('JobNotFound: The specified job does not exist') + } else if (errorMessage.includes('JobAlreadyCancelled') || errorMessage.includes('cancelled')) { + throw new Error('JobAlreadyCancelled: Cannot assign worker to a cancelled job') + } else if (errorMessage.includes('InvalidAddress') || errorMessage.includes('invalid address')) { + throw new Error('InvalidAddress: The worker address is invalid') + } else if (errorMessage.includes('User rejected') || errorMessage.includes('user rejected') || errorMessage.includes('rejected the request')) { + throw new Error('User rejected: Transaction was cancelled') + } else if (errorMessage.includes('execution reverted') || errorMessage.includes('revert')) { + // Try to extract revert reason + const revertMatch = errorMessage.match(/revert\s+(\w+)/i) + if (revertMatch) { + throw new Error(`Contract Error: ${revertMatch[1]}`) + } + throw new Error('Transaction failed: Contract execution reverted. Please check job status and permissions.') + } else if (errorMessage.includes('function') && errorMessage.includes('not found')) { + throw new Error('Contract Error: Function not found. The contract may need to be redeployed with the latest version.') + } + + throw error + } + } + return { reputation, userJobIds: userJobIds || [], @@ -260,11 +431,14 @@ export function useGigStream() { acceptBid: handleAcceptBid, completeJob: handleCompleteJob, cancelJob: handleCancelJob, + assignWorkerDirectly: handleAssignWorkerDirectly, // Loading states isPlacingBid: isPlacingBid || isPlaceBidConfirming, isAcceptingBid: isAcceptingBid || isAcceptBidConfirming, isCompletingJob: isCompletingJob || isCompleteJobConfirming, isCancellingJob: isCancellingJob || isCancelJobConfirming, + isAssigningWorker: isAssigningWorker || isAssigningWorkerConfirming, + assignWorkerHash, // Refetch function refetch: () => { refetchReputation() diff --git a/src/lib/contracts.ts b/src/lib/contracts.ts index 4013d11..04d3471 100644 --- a/src/lib/contracts.ts +++ b/src/lib/contracts.ts @@ -5,33 +5,33 @@ import { getAddress } from 'viem' /** * GigEscrow Contract Address * Deployed on Somnia Testnet (Shannon) - Chain ID: 50312 - * Latest deployment: 0x7094f1eb1c49Cf89B793844CecE4baE655f3359b - * Explorer: https://somnia-testnet.explorer.somnia.network/address/0x7094f1eb1c49Cf89B793844CecE4baE655f3359b + * Latest deployment: 0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef (No reputation requirement for bids) + * Explorer: https://shannon-explorer.somnia.network/address/0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef */ const rawGigEscrowAddress = (process.env.NEXT_PUBLIC_GIGESCROW_ADDRESS || - '0x7094f1eb1c49Cf89B793844CecE4baE655f3359b').trim() + '0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef').trim() export const GIGESCROW_ADDRESS = getAddress(rawGigEscrowAddress) as `0x${string}` /** * ReputationToken Contract Address * ERC-20 token for reputation points - * Deployed at: 0x51FBdDcD12704e4FCc28880E22b582362811cCdf - * Explorer: https://somnia-testnet.explorer.somnia.network/address/0x51FBdDcD12704e4FCc28880E22b582362811cCdf + * Deployed at: 0x995759f140029e4fEabCE8F555f5536A1b413562 + * Explorer: https://shannon-explorer.somnia.network/address/0x995759f140029e4fEabCE8F555f5536A1b413562 */ const rawReputationAddress = (process.env.NEXT_PUBLIC_REPUTATION_TOKEN_ADDRESS || - '0x51FBdDcD12704e4FCc28880E22b582362811cCdf').trim() + '0x995759f140029e4fEabCE8F555f5536A1b413562').trim() export const REPUTATION_TOKEN_ADDRESS = getAddress(rawReputationAddress) as `0x${string}` /** * StakingPool Contract Address * Staking contract for workers to increase trust - * Deployed at: 0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4 - * Explorer: https://somnia-testnet.explorer.somnia.network/address/0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4 + * Deployed at: 0x6934126deC72a3Dba22a9C5D5300620E894C72a8 + * Explorer: https://shannon-explorer.somnia.network/address/0x6934126deC72a3Dba22a9C5D5300620E894C72a8 */ const rawStakingAddress = (process.env.NEXT_PUBLIC_STAKING_POOL_ADDRESS || - '0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4').trim() + '0x6934126deC72a3Dba22a9C5D5300620E894C72a8').trim() export const STAKING_POOL_ADDRESS = getAddress(rawStakingAddress) as `0x${string}` diff --git a/src/lib/viem.ts b/src/lib/viem.ts index 47dc348..9735629 100644 --- a/src/lib/viem.ts +++ b/src/lib/viem.ts @@ -77,6 +77,35 @@ export const gigEscrowAbi = [ stateMutability: 'nonpayable', outputs: [] }, + { + name: 'assignWorkerDirectly', + type: 'function', + inputs: [ + { name: '_jobId', type: 'uint256' }, + { name: '_worker', type: 'address' } + ], + stateMutability: 'nonpayable', + outputs: [] + }, + { + name: 'grantInitialReputation', + type: 'function', + inputs: [ + { name: '_user', type: 'address' }, + { name: '_amount', type: 'uint256' } + ], + stateMutability: 'nonpayable', + outputs: [] + }, + { + name: 'owner', + type: 'function', + inputs: [], + stateMutability: 'view', + outputs: [ + { name: '', type: 'address' } + ] + }, { name: 'getJob', type: 'function', From 0b8054ae7a05dc01a1c955f4961bc617bf0a9138 Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 16:36:36 -0600 Subject: [PATCH 06/23] Transform app to global marketplace: add LocationSelector component, update all components for worldwide reach, replace Mexico-specific references with global content --- context/index.tsx | 4 +- src/app/api/gemini/route.ts | 4 +- src/app/gigstream/post/page.tsx | 20 +- src/app/gigstream/profile/page.tsx | 33 ++- src/app/layout.tsx | 4 +- src/components/gigstream/AIInsightsPanel.tsx | 2 +- src/components/gigstream/AIJobMatcher.tsx | 8 +- src/components/gigstream/BenefitsSection.tsx | 4 +- src/components/gigstream/CommunitySection.tsx | 4 +- src/components/gigstream/FeaturesSection.tsx | 8 +- src/components/gigstream/HeroSection.tsx | 10 +- src/components/gigstream/LocationSelector.tsx | 274 ++++++++++++++++++ src/components/gigstream/RoadmapSection.tsx | 6 +- src/components/gigstream/WhatWeDoSection.tsx | 14 +- src/components/somnia/DevelopersSection.tsx | 2 +- src/components/somnia/Footer.tsx | 4 +- src/components/somnia/Navbar.tsx | 2 +- src/providers/GeminiProvider.tsx | 2 +- 18 files changed, 340 insertions(+), 65 deletions(-) create mode 100644 src/components/gigstream/LocationSelector.tsx diff --git a/context/index.tsx b/context/index.tsx index 34a76db..d4a6dc3 100644 --- a/context/index.tsx +++ b/context/index.tsx @@ -23,8 +23,8 @@ const getAppUrl = () => { } const metadata = { - name: 'GigStream MX', - description: 'Real-time freelance on Somnia Data Streams', + name: 'GigStream', + description: 'Global real-time freelance marketplace on Somnia Data Streams', url: getAppUrl(), icons: ['/logo.png'] } diff --git a/src/app/api/gemini/route.ts b/src/app/api/gemini/route.ts index bbce4d5..44feb39 100644 --- a/src/app/api/gemini/route.ts +++ b/src/app/api/gemini/route.ts @@ -44,10 +44,10 @@ export async function POST(req: NextRequest) { // Build structured prompt with context const fullPrompt = ` -GigStream MX Assistant - Somnia Data Streams Hackathon +GigStream Assistant - Global Freelance Marketplace USER: ${prompt} -CONTEXT: ${context || 'Mexico freelance marketplace, 56M informal workers. Built on Somnia Network L1 blockchain with real-time Data Streams.'} +CONTEXT: ${context || 'Global freelance marketplace connecting workers and employers worldwide. Built on Somnia Network L1 blockchain with real-time Data Streams.'} INSTRUCTIONS: - Respond in English diff --git a/src/app/gigstream/post/page.tsx b/src/app/gigstream/post/page.tsx index f4f7097..9aba811 100644 --- a/src/app/gigstream/post/page.tsx +++ b/src/app/gigstream/post/page.tsx @@ -11,6 +11,7 @@ import { useToast } from '@/components/ui/use-toast' import { useGigStream } from '@/hooks/useGigStream' import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' +import LocationSelector from '@/components/gigstream/LocationSelector' export default function PostJob() { const [isPending, startTransition] = useTransition() @@ -45,11 +46,11 @@ export default function PostJob() { setGeminiSuggestions([]) try { const suggestions = await generateText(` - You are a freelance expert Mexico. User in: ${formData.location} - Skills in demand: plumber, electrician, taquero, DJ events, production crew + You are a freelance expert in global freelance markets. User location: ${formData.location} + Skills in demand: plumber, electrician, DJ events, production crew, handyman, technician - Suggest 3 job titles + reward ranges for: "${formData.title || 'service'}" - Respond ONLY with a valid JSON array: ["Emergency Plumber CDMX (300-800 STT)", "Electrician Guadalajara (450-1100 STT)", "DJ Corporate Event CDMX (600-1500 STT)"] + Suggest 3 job titles + reward ranges for: "${formData.title || 'service'}" in ${formData.location} + Respond ONLY with a valid JSON array: ["Emergency Plumber (300-800 STT)", "Electrician (450-1100 STT)", "DJ Corporate Event (600-1500 STT)"] No markdown, no explanations, just the JSON array. `) @@ -355,7 +356,7 @@ export default function PostJob() { setFormData({ ...formData, title: e.target.value })} - placeholder="Emergency Plumber CDMX Polanco" + placeholder="Emergency Plumber" className="w-full bg-white/10 border border-white/20 rounded-xl px-5 py-4 text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50 focus:ring-2 focus:ring-somnia-purple/20 text-lg font-mono transition-all duration-300" required /> @@ -366,13 +367,12 @@ export default function PostJob() {
- setFormData({ ...formData, location: e.target.value })} - placeholder="CDMX Polanco, Av. Masaryk 123" - className="w-full bg-white/10 border border-white/20 rounded-xl px-5 py-4 text-white placeholder-white/50 backdrop-blur-xl focus:ring-somnia-purple/20 transition-all duration-300 font-mono" + onChange={(location) => setFormData({ ...formData, location })} + placeholder="Select country and city" />
diff --git a/src/app/gigstream/profile/page.tsx b/src/app/gigstream/profile/page.tsx index 6b59521..ca87b56 100644 --- a/src/app/gigstream/profile/page.tsx +++ b/src/app/gigstream/profile/page.tsx @@ -10,6 +10,7 @@ import { useGemini } from '@/providers/GeminiProvider' import { useToast } from '@/components/ui/use-toast' import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' +import LocationSelector from '@/components/gigstream/LocationSelector' interface ProfileData { displayName: string @@ -61,7 +62,7 @@ export default function Profile() { totalEarnings: '12,450', topSkills: profileData.topSkills.length > 0 ? profileData.topSkills : ['Plumber', 'Electrician', 'Events', 'DJ'], responseTime: '4.2min', - mexicoRanking: '#10', + localRanking: '#10', globalRanking: '#107' } @@ -117,18 +118,19 @@ export default function Profile() { setIsLoadingInsights(true) try { const prompt = ` - Analyze this freelance profile Mexico: + Analyze this freelance profile globally: - Rating: ${profileStats.rating} - Jobs completed: ${profileStats.jobsCompleted} - Earnings: ${profileStats.totalEarnings} STT - Skills: ${profileStats.topSkills.join(', ')} - Response time: ${profileStats.responseTime} - - Mexico Ranking: ${profileStats.mexicoRanking} + - Location: ${profileData.location || 'Global'} + - Local Ranking: ${profileStats.localRanking} - Global Ranking: ${profileStats.globalRanking} Generate JSON with: { - "marketTrends": [{"skill": "Plumber CDMX", "trend": "↑ 23%"}, ...], + "marketTrends": [{"skill": "Plumber", "trend": "↑ 23%", "location": "${profileData.location || 'Global'}"}, ...], "optimizationTips": ["tip 1", "tip 2", "tip 3"], "recommendations": ["rec 1", "rec 2", "rec 3"] } @@ -149,16 +151,16 @@ export default function Profile() { // Fallback setInsights({ marketTrends: [ - { skill: 'Plumber CDMX', trend: '↑ 23%' }, - { skill: 'Events Guadalajara', trend: '↑ 15%' } + { skill: 'Plumber', trend: '↑ 23%', location: profileData.location || 'Global' }, + { skill: 'Events', trend: '↑ 15%', location: profileData.location || 'Global' } ], optimizationTips: [ 'Lower bids 10% in high competition', - 'Target jobs Roma Norte', + 'Target jobs in your area', `Average response: ${profileStats.responseTime}` ], recommendations: [ - 'Focus on plumbing Polanco/Roma', + 'Focus on your top skills', 'Improve response time', 'Expand skill range' ] @@ -257,12 +259,11 @@ export default function Profile() { className="w-full bg-white/10 border border-white/20 rounded-xl px-4 py-2 text-white placeholder-white/50 focus:outline-none focus:border-somnia-purple/50 text-sm resize-none" />
- setProfileData({ ...profileData, location: e.target.value })} - placeholder="Location (e.g., CDMX, Mexico)" - className="w-full bg-white/10 border border-white/20 rounded-xl px-4 py-2 text-white placeholder-white/50 focus:outline-none focus:border-somnia-purple/50 text-sm" + onChange={(location) => setProfileData({ ...profileData, location })} + placeholder="Select country and city" + className="w-full" />
-
🇲🇽 #{profileStats.mexicoRanking}
-
México
+
📍 #{profileStats.localRanking}
+
Local
🌎 #{profileStats.globalRanking}
@@ -497,7 +498,7 @@ export default function Profile() {
-

AI analysis of your Mexico/Global performance

+

AI analysis of your local and global performance

{modelUsed && ( • {modelUsed} )} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 02adc3e..5bfa4c8 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -8,8 +8,8 @@ import { GeminiProvider } from '@/providers/GeminiProvider' const inter = Inter({ subsets: ['latin'] }) export const metadata: Metadata = { - title: 'GigStream MX - Real-time Freelance on Somnia', - description: 'Decentralized marketplace for freelancers in Mexico with Somnia Data Streams', + title: 'GigStream - Global Real-time Freelance Marketplace on Somnia', + description: 'Global decentralized marketplace for freelancers with Somnia Data Streams', } export default async function RootLayout({ diff --git a/src/components/gigstream/AIInsightsPanel.tsx b/src/components/gigstream/AIInsightsPanel.tsx index fd721dc..0e48930 100644 --- a/src/components/gigstream/AIInsightsPanel.tsx +++ b/src/components/gigstream/AIInsightsPanel.tsx @@ -24,7 +24,7 @@ export default function AIInsightsPanel() { try { const prompt = ` - You are an expert in freelance market analysis Mexico. + You are an expert in global freelance market analysis. User: ${address?.slice(0, 6)}...${address?.slice(-4)} Reputation: ${reputation?.reputationScore || 0} Jobs completed: ${reputation?.jobsCompleted || 0} diff --git a/src/components/gigstream/AIJobMatcher.tsx b/src/components/gigstream/AIJobMatcher.tsx index 2e30356..0640d6b 100644 --- a/src/components/gigstream/AIJobMatcher.tsx +++ b/src/components/gigstream/AIJobMatcher.tsx @@ -18,9 +18,9 @@ interface Job { export default function AIJobMatcher() { const [jobs, setJobs] = useState([ - { id: 1, title: 'Plomero CDMX', location: 'Polanco, CDMX', reward: '500 STT', deadline: '2 días' }, - { id: 2, title: 'Eléctrico Guadalajara', location: 'Zapopan, GDL', reward: '800 STT', deadline: '3 días' }, - { id: 3, title: 'DJ Evento Corporativo', location: 'Roma Norte, CDMX', reward: '1200 STT', deadline: '1 semana' } + { id: 1, title: 'Plumber', location: 'New York, US', reward: '500 STT', deadline: '2 days' }, + { id: 2, title: 'Electrician', location: 'London, UK', reward: '800 STT', deadline: '3 days' }, + { id: 3, title: 'DJ Corporate Event', location: 'Toronto, CA', reward: '1200 STT', deadline: '1 week' } ]) const [isAnalyzing, setIsAnalyzing] = useState(false) const [modelUsed, setModelUsed] = useState(null) @@ -38,7 +38,7 @@ export default function AIJobMatcher() { Analyze these jobs and calculate match score (0-100) based on: - User reputation: ${reputation.reputationScore} - User skills: plumber, electrician, events - - Preferred location: CDMX + - Preferred location: User's location Jobs: ${jobs.map(j => `- ${j.title} in ${j.location}, ${j.reward}`).join('\n')} diff --git a/src/components/gigstream/BenefitsSection.tsx b/src/components/gigstream/BenefitsSection.tsx index e284b54..aec493c 100644 --- a/src/components/gigstream/BenefitsSection.tsx +++ b/src/components/gigstream/BenefitsSection.tsx @@ -22,7 +22,7 @@ export default function BenefitsSection() { highlight: 'On-chain reputation' }, { - text: 'Access to 56M+ job opportunities across Mexico in real-time', + text: 'Access to job opportunities worldwide in real-time', icon: Globe, highlight: '56M+ opportunities' }, @@ -75,7 +75,7 @@ export default function BenefitsSection() { highlight: 'Transparent reputation' }, { - text: 'Access to 56M+ workers across Mexico with local expertise', + text: 'Access to workers worldwide with local expertise', icon: Globe, highlight: '56M+ workers' }, diff --git a/src/components/gigstream/CommunitySection.tsx b/src/components/gigstream/CommunitySection.tsx index 94d12b1..0e0eded 100644 --- a/src/components/gigstream/CommunitySection.tsx +++ b/src/components/gigstream/CommunitySection.tsx @@ -53,13 +53,13 @@ export default function CommunitySection() { { title: 'Somnia Data Streams Hackathon', date: 'Winner 2025', - description: 'GigStream MX won first place in the Somnia Data Streams Hackathon', + description: 'GigStream won first place in the Somnia Data Streams Hackathon', badge: '🏆 Winner' }, { title: 'Mexico Web3 Summit', date: 'Q2 2025', - description: 'Presenting GigStream MX at the largest Web3 event in Mexico', + description: 'Presenting GigStream at global Web3 events', badge: '📅 Upcoming' }, { diff --git a/src/components/gigstream/FeaturesSection.tsx b/src/components/gigstream/FeaturesSection.tsx index 0ba8bb8..892457c 100644 --- a/src/components/gigstream/FeaturesSection.tsx +++ b/src/components/gigstream/FeaturesSection.tsx @@ -25,16 +25,16 @@ export default function FeaturesSection() { { icon: DollarSign, title: 'Zero Platform Fees', - description: 'No platform fees. Workers keep 100% of earnings. Employers pay only gas fees. Built for the 56M informal economy with cost-effective transactions.', + description: 'No platform fees. Workers keep 100% of earnings. Employers pay only gas fees. Built for global workers with cost-effective transactions.', technical: 'Zero-fee model • Gas-optimized contracts • STT testnet tokens for testing', color: 'from-scroll-gold to-yellow-400', glow: 'shadow-[0_0_30px_hsl(var(--scroll-gold)/0.5)]' }, { icon: Globe, - title: 'Mexico-First Design', - description: 'Designed for Mexican freelancers: plumbers, electricians, event crews, DJs. Local payment methods, Spanish-first UX, cultural understanding.', - technical: 'Bilingual interface • Local payment integration • Cultural localization', + title: 'Global Design', + description: 'Designed for freelancers worldwide: plumbers, electricians, event crews, DJs, and more. Multi-language support, local payment methods, cultural understanding.', + technical: 'Multi-language interface • Global payment integration • Cultural localization', color: 'from-cyan-400 to-blue-400', glow: 'shadow-[0_0_30px_hsl(188_100%_50%/0.5)]' }, diff --git a/src/components/gigstream/HeroSection.tsx b/src/components/gigstream/HeroSection.tsx index abfcead..bc951f3 100644 --- a/src/components/gigstream/HeroSection.tsx +++ b/src/components/gigstream/HeroSection.tsx @@ -149,10 +149,10 @@ export default function HeroSection() { className="text-4xl md:text-5xl lg:text-7xl font-black mb-4 leading-tight" > - GigStream MX + GigStream
- Real-Time Freelance Marketplace + Global Real-Time Freelance Marketplace
Built on Somnia Network @@ -165,7 +165,7 @@ export default function HeroSection() { transition={{ duration: 0.8, delay: 0.2 }} className="text-lg md:text-xl lg:text-2xl text-white/90 mb-3 max-w-3xl mx-auto leading-relaxed font-medium" > - Connect 56 million informal workers in Mexico with real-time job opportunities + Connect freelancers and workers worldwide with real-time job opportunities {[ - { icon: Users, value: '56M+', label: 'Workers', color: 'from-mx-green to-emerald-400', desc: 'Informal Economy' }, + { icon: Users, value: 'Global', label: 'Workers', color: 'from-mx-green to-emerald-400', desc: 'Worldwide' }, { icon: Zap, value: '<2s', label: 'Matching', color: 'from-somnia-purple to-purple-400', desc: 'Real-Time' }, { icon: Network, value: '400k+', label: 'TPS', color: 'from-somnia-cyan to-cyan-400', desc: 'Somnia Network' }, - { icon: TrendingUp, value: '$10B', label: 'Market', color: 'from-scroll-gold to-yellow-400', desc: 'Opportunity' } + { icon: TrendingUp, value: 'Global', label: 'Market', color: 'from-scroll-gold to-yellow-400', desc: 'Opportunity' } ].map((stat, idx) => ( void + placeholder?: string + className?: string +} + +export default function LocationSelector({ + value = '', + onChange, + placeholder = 'Select country and city', + className = '' +}: LocationSelectorProps) { + const [isOpen, setIsOpen] = useState(false) + const [selectedCountry, setSelectedCountry] = useState(null) + const [selectedCity, setSelectedCity] = useState('') + const [searchTerm, setSearchTerm] = useState('') + + // Parse initial value if provided + useEffect(() => { + if (value) { + const parts = value.split(', ') + if (parts.length >= 2) { + const city = parts[0].trim() + const countryName = parts.slice(1).join(', ').trim() + const country = countries.find(c => c.name === countryName) + if (country) { + setSelectedCountry(country) + setSelectedCity(city) + } + } + } + }, [value]) + + // Update parent when selection changes + useEffect(() => { + if (selectedCountry && selectedCity) { + onChange(`${selectedCity}, ${selectedCountry.name}`) + } else if (selectedCountry) { + onChange(selectedCountry.name) + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [selectedCountry, selectedCity]) + + const filteredCountries = countries.filter(country => + country.name.toLowerCase().includes(searchTerm.toLowerCase()) || + country.cities.some(city => city.toLowerCase().includes(searchTerm.toLowerCase())) + ) + + const handleCountrySelect = (country: Country) => { + setSelectedCountry(country) + setSelectedCity('') + setSearchTerm('') + if (country.cities.length === 1) { + setSelectedCity(country.cities[0]) + } + } + + const handleCitySelect = (city: string) => { + setSelectedCity(city) + setIsOpen(false) + setSearchTerm('') + } + + const displayValue = selectedCountry && selectedCity + ? `${selectedCity}, ${selectedCountry.name}` + : selectedCountry + ? selectedCountry.name + : value || '' + + return ( +
+ + + + {isOpen && ( + + {/* Search */} +
+ setSearchTerm(e.target.value)} + placeholder="Search country or city..." + className="w-full bg-white/10 border border-white/20 rounded-lg px-4 py-2 text-white placeholder-white/50 focus:outline-none focus:border-somnia-purple/50 text-sm" + autoFocus + /> +
+ + {/* Countries List */} +
+ {filteredCountries.map((country) => ( +
+ + + {/* Cities for selected country */} + {selectedCountry?.code === country.code && ( +
+ {country.cities.map((city) => ( + + ))} +
+ )} +
+ ))} +
+ + )} + + + {/* Overlay to close on outside click */} + {isOpen && ( +
setIsOpen(false)} + /> + )} +
+ ) +} + diff --git a/src/components/gigstream/RoadmapSection.tsx b/src/components/gigstream/RoadmapSection.tsx index ed714be..1d999c3 100644 --- a/src/components/gigstream/RoadmapSection.tsx +++ b/src/components/gigstream/RoadmapSection.tsx @@ -11,7 +11,7 @@ export default function RoadmapSection() { phase: 'Q1 2025', status: 'completed', title: 'Launch & Beta', - description: 'GigStream MX beta launch on Somnia testnet. Initial user testing with 1,000 workers.', + description: 'GigStream beta launch on Somnia testnet. Initial user testing with 1,000 workers worldwide.', milestones: [ 'Smart contract deployment', 'Gemini AI integration', @@ -25,8 +25,8 @@ export default function RoadmapSection() { { phase: 'Q2 2025', status: 'in-progress', - title: 'Mexico Expansion', - description: 'Scale to 10,000+ workers across Mexico. Add Spanish localization and local payment methods.', + title: 'Global Expansion', + description: 'Scale to 10,000+ workers worldwide. Add multi-language support and local payment methods.', milestones: [ 'Spanish UI/UX complete', 'Local payment integration', diff --git a/src/components/gigstream/WhatWeDoSection.tsx b/src/components/gigstream/WhatWeDoSection.tsx index a05c6e2..e6bd6a0 100644 --- a/src/components/gigstream/WhatWeDoSection.tsx +++ b/src/components/gigstream/WhatWeDoSection.tsx @@ -9,19 +9,19 @@ export default function WhatWeDoSection() { { icon: Target, title: 'Our Mission', - description: 'Democratize access to work opportunities for Mexico\'s 56 million informal workers. Bridge the gap between traditional economy and Web3 innovation.', + description: 'Democratize access to work opportunities for workers worldwide. Bridge the gap between traditional economy and Web3 innovation.', color: 'from-somnia-purple to-purple-400' }, { icon: Globe, title: 'The Problem', - description: '56M workers lack formal job security. Traditional platforms charge 20-30% fees. Payment delays. No reputation portability. Limited to urban areas.', + description: 'Workers worldwide lack access to fair job opportunities. Traditional platforms charge 20-30% fees. Payment delays. No reputation portability. Limited geographic reach.', color: 'from-red-400 to-orange-400' }, { icon: Zap, title: 'Our Solution', - description: 'Real-time job matching via Somnia Data Streams. Zero fees. Instant payments. Portable reputation. Accessible to all 56M workers across Mexico.', + description: 'Real-time job matching via Somnia Data Streams. Zero fees. Instant payments. Portable reputation. Accessible to workers worldwide.', color: 'from-mx-green to-emerald-400' }, { @@ -56,7 +56,7 @@ export default function WhatWeDoSection() {

- Transforming Mexico's informal economy through + Transforming the global freelance economy through blockchain technology and real-time job matching.

@@ -107,9 +107,9 @@ export default function WhatWeDoSection() { whileHover={{ scale: 1.05, y: -5 }} className="relative" > -
56M+
-
Informal Workers
-
Mexico's informal economy
+
Global
+
Workers
+
Worldwide reach
Built with Hardhat and Solidity 0.8.29. EVM Compatible: Use existing tools like Remix, VSCode, Foundry, or Hardhat. - Build on GigStream MX with familiar tools. + Build on GigStream with familiar tools.

diff --git a/src/components/somnia/Footer.tsx b/src/components/somnia/Footer.tsx index 3e93bb2..7e8ce6d 100644 --- a/src/components/somnia/Footer.tsx +++ b/src/components/somnia/Footer.tsx @@ -108,7 +108,7 @@ export default function Footer() {

About

Real-time freelance marketplace powered by Somnia Data Streams & Google Gemini AI. - Built for Mexico's 56 million informal workers. + Connecting workers and employers worldwide.

@@ -125,7 +125,7 @@ export default function Footer() {

- © 2025 GigStream MX. Built on Somnia Network. + © 2025 GigStream. Built on Somnia Network.
diff --git a/src/components/somnia/Navbar.tsx b/src/components/somnia/Navbar.tsx index 3d54bb3..f4fd27a 100644 --- a/src/components/somnia/Navbar.tsx +++ b/src/components/somnia/Navbar.tsx @@ -93,7 +93,7 @@ export default function Navbar() {
- {isGigStreamPage ? 'GigStream' : 'GigStream MX'} + GigStream {!isGigStreamPage && ( Powered by Somnia diff --git a/src/providers/GeminiProvider.tsx b/src/providers/GeminiProvider.tsx index 4082803..eaefb2f 100644 --- a/src/providers/GeminiProvider.tsx +++ b/src/providers/GeminiProvider.tsx @@ -21,7 +21,7 @@ export function GeminiProvider({ children }: { children: ReactNode }) { }, body: JSON.stringify({ prompt, - context: context || 'Mexico freelance marketplace, 56M informal workers. Built on Somnia Network L1 blockchain with real-time Data Streams.' + context: context || 'Global freelance marketplace connecting workers and employers worldwide. Built on Somnia Network L1 blockchain with real-time Data Streams.' }), }) From 47964ef163ef44942b1cbc5ca38a935e9a5065b0 Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 17:34:51 -0600 Subject: [PATCH 07/23] Add transaction notification system, improve LocationSelector z-index, and update README for hackathon submission --- README.md | 366 ++++++++-------- src/app/gigstream/post/page.tsx | 87 ++-- src/components/gigstream/LocationSelector.tsx | 56 +-- .../gigstream/TransactionNotification.tsx | 404 ++++++++++++++++++ src/hooks/useTransactionNotification.tsx | 112 +++++ 5 files changed, 799 insertions(+), 226 deletions(-) create mode 100644 src/components/gigstream/TransactionNotification.tsx create mode 100644 src/hooks/useTransactionNotification.tsx diff --git a/README.md b/README.md index 3ce89e5..624cca2 100644 --- a/README.md +++ b/README.md @@ -1,25 +1,37 @@
-# 🚀 GigStream MX +# 🚀 GigStream -### **The Future of Freelance Work is Here** 🌟 +### **Global Real-Time Freelance Marketplace Powered by Somnia Data Streams** 🌟 -[![Vercel](https://img.shields.io/badge/Vercel-Deployed-000000?style=for-the-badge&logo=vercel&logoColor=white)](https://gigstream-mx.vercel.app) +[![Vercel](https://img.shields.io/badge/Vercel-Deployed-000000?style=for-the-badge&logo=vercel&logoColor=white)](https://gigstream-5ijgucloh-vaiosxs-projects.vercel.app) [![Somnia Testnet](https://img.shields.io/badge/Somnia-Testnet-7C3AED?style=for-the-badge&logo=ethereum&logoColor=white)](https://shannon-explorer.somnia.network) -[![Contracts](https://img.shields.io/badge/Contracts-Verified-F59E0B?style=for-the-badge&logo=ethereum&logoColor=white)](https://shannon-explorer.somnia.network/address/0x7094f1eb1c49Cf89B793844CecE4baE655f3359b) +[![Contracts](https://img.shields.io/badge/Contracts-Verified-F59E0B?style=for-the-badge&logo=ethereum&logoColor=white)](https://shannon-explorer.somnia.network/address/0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef) [![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)](LICENSE) -**Real-time freelance marketplace powered by Somnia Data Streams & AI** +**Real-time freelance marketplace powered by Somnia Data Streams & Google Gemini AI** -[Live Demo](https://gigstream-mx.vercel.app) • [Documentation](#-documentation) • [Smart Contracts](#-deployed-contracts) • [Team](#-team) +[Live Demo](https://gigstream-5ijgucloh-vaiosxs-projects.vercel.app) • [Documentation](#-documentation) • [Smart Contracts](#-deployed-contracts) • [Team](#-team) + +--- + +## 🏆 Somnia Data Streams Mini Hackathon Submission + +**Welcome to Somnia Data Streams Mini Hackathon, a global, online event taking place from November 4th to November 15th, 2025.** + +This project is our submission for the **Somnia Data Streams Mini Hackathon**, showcasing how **Somnia Data Streams (SDS)** transforms on-chain data into live, structured, and reactive streams. GigStream demonstrates real-time job matching, instant bid notifications, and live reputation updates—all powered by SDS SDK. + +**SDS (Somnia Data Streams)** is a new SDK and protocol that turns on-chain data into live, structured, and reactive streams. Instead of waiting for updates or relying on oracles, developers can now get instant data directly from the blockchain. + +GigStream leverages SDS to build a marketplace that **reacts as things happen on-chain**—jobs appear instantly, bids stream in real-time, and payments finalize in sub-seconds. ---
-## 📖 The Story +## 📖 Introduction -In Mexico, **56 million informal workers** represent a **$10 billion market** that has been underserved by traditional platforms. GigStream MX was born from a simple vision: **democratize access to work opportunities** through blockchain technology and artificial intelligence. +GigStream is a **global, decentralized freelance marketplace** that connects workers and employers worldwide through blockchain technology and artificial intelligence. Built on **Somnia Network** with **Somnia Data Streams**, GigStream enables real-time job matching, instant payments, and transparent reputation systems—all without platform fees. ### The Problem @@ -29,27 +41,30 @@ Traditional freelance platforms suffer from: - ❌ **Centralized control** (platforms can ban users) - ❌ **Limited transparency** (reputation systems are opaque) - ❌ **Geographic restrictions** (many platforms exclude informal workers) +- ❌ **No real-time updates** (polling-based, slow, inefficient) ### Our Solution -GigStream MX leverages **Somnia Network's revolutionary blockchain technology** to create a **decentralized, real-time marketplace** where: +GigStream leverages **Somnia Network's revolutionary blockchain technology** and **Somnia Data Streams SDK** to create a **decentralized, real-time marketplace** where: - ✅ **Instant payments** via smart contract escrow - ✅ **Zero platform fees** (only network gas costs) -- ✅ **Real-time job matching** powered by AI +- ✅ **Real-time job matching** powered by AI and Data Streams +- ✅ **Live event streaming** (no polling, instant updates) - ✅ **Transparent reputation** on-chain -- ✅ **Global accessibility** for all workers +- ✅ **Global accessibility** for all workers worldwide ### Why We Win 🏆 -| Metric | GigStream MX | Traditional Platforms | -|--------|-------------|----------------------| -| **Market Size** | 56M Mexico + 500M LATAM/India/Africa | Limited to registered users | +| Metric | GigStream | Traditional Platforms | +|--------|-----------|----------------------| +| **Market Size** | Global (any country/city) | Limited to registered users | | **Transaction Speed** | <1 second finality | 7-14 days | | **Fees** | ~0.1% (gas only) | 20-30% commission | | **Real-time Updates** | Live Data Streams (400k+ TPS) | Polling (slow, inefficient) | | **AI Integration** | Gemini 2.5 Flash (instant matching) | Basic search algorithms | | **Blockchain** | Somnia Testnet (production-ready) | Centralized databases | +| **Data Streams** | Reactive, structured streams | No real-time capabilities | --- @@ -57,21 +72,24 @@ GigStream MX leverages **Somnia Network's revolutionary blockchain technology** ### 💼 **Smart Job Marketplace** - Post jobs with instant escrow payments -- Real-time bidding system +- Real-time bidding system with live updates - Automatic payment release upon completion - Job cancellation with automatic refunds +- Global location selection (country and city) + +### ⚡ **Somnia Data Streams Integration** +- **Live job postings** via Data Streams (no polling) +- **Instant bid notifications** streamed in real-time +- **Real-time reputation updates** as jobs complete +- **Structured data queries** for efficient job discovery +- **Sub-second transaction finality** on Somnia Network ### 🤖 **AI-Powered Matching** - **Gemini 2.5 Flash** analyzes job descriptions - Intelligent bid suggestions - Worker-job compatibility scoring - Automated job recommendations - -### ⚡ **Real-Time Data Streams** -- Live job postings (no polling) -- Instant bid notifications -- Real-time reputation updates -- Sub-second transaction finality +- Real-time market insights ### 🏆 **On-Chain Reputation** - Transparent reputation scores @@ -100,8 +118,6 @@ GigStream MX leverages **Somnia Network's revolutionary blockchain technology** | **TypeScript** | 5.4.0 | Type-safe JavaScript | ![TypeScript](https://img.shields.io/badge/TypeScript-5.4.0-3178C6?style=flat-square&logo=typescript&logoColor=white) | | **Tailwind CSS** | 3.4.0 | Utility-first CSS | ![Tailwind CSS](https://img.shields.io/badge/Tailwind-3.4.0-38B2AC?style=flat-square&logo=tailwind-css&logoColor=white) | | **Framer Motion** | 11.0.0 | Animation library | ![Framer Motion](https://img.shields.io/badge/Framer%20Motion-11.0.0-0055FF?style=flat-square&logo=framer&logoColor=white) | -| **Radix UI** | Latest | Accessible component primitives | ![Radix UI](https://img.shields.io/badge/Radix%20UI-Latest-161618?style=flat-square&logo=radix-ui&logoColor=white) | -| **Lucide Icons** | 0.400.0 | Icon library | ![Lucide](https://img.shields.io/badge/Lucide-0.400.0-FF6B6B?style=flat-square&logo=lucide&logoColor=white) |
@@ -112,6 +128,7 @@ GigStream MX leverages **Somnia Network's revolutionary blockchain technology** | Technology | Version | Purpose | Badge | |-----------|---------|---------|-------| | **Somnia Network** | Testnet | High-performance L1 blockchain | ![Somnia](https://img.shields.io/badge/Somnia-Testnet-7C3AED?style=flat-square&logo=ethereum&logoColor=white) | +| **Somnia Data Streams SDK** | 0.11.0 | Real-time data streaming | ![SDS](https://img.shields.io/badge/SDS-0.11.0-7C3AED?style=flat-square&logo=ethereum&logoColor=white) | | **Viem** | 2.40.3 | TypeScript Ethereum library | ![Viem](https://img.shields.io/badge/Viem-2.40.3-6366F1?style=flat-square&logo=ethereum&logoColor=white) | | **Wagmi** | 2.19.5 | React Hooks for Ethereum | ![Wagmi](https://img.shields.io/badge/Wagmi-2.19.5-6366F1?style=flat-square&logo=ethereum&logoColor=white) | | **Reown AppKit** | 1.8.14 | Wallet connection (WalletConnect) | ![Reown](https://img.shields.io/badge/Reown-1.8.14-3B99FC?style=flat-square&logo=walletconnect&logoColor=white) | @@ -126,7 +143,6 @@ GigStream MX leverages **Somnia Network's revolutionary blockchain technology** | Technology | Version | Purpose | Badge | |-----------|---------|---------|-------| | **Hardhat** | 3.0.16 | Ethereum development environment | ![Hardhat](https://img.shields.io/badge/Hardhat-3.0.16-F7B93E?style=flat-square&logo=ethereum&logoColor=black) | -| **Hardhat** | 3.0.16 | Ethereum development environment | ![Hardhat](https://img.shields.io/badge/Hardhat-3.0.16-F7B93E?style=flat-square&logo=ethereum&logoColor=black) | | **Ethers.js** | 6.15.0 | Ethereum JavaScript library | ![Ethers](https://img.shields.io/badge/Ethers-6.15.0-3C3C3D?style=flat-square&logo=ethereum&logoColor=white) |
@@ -142,36 +158,13 @@ GigStream MX leverages **Somnia Network's revolutionary blockchain technology**
-### Testing & Quality - -
- -| Technology | Version | Purpose | Badge | -|-----------|---------|---------|-------| -| **Playwright** | 1.40.0 | End-to-end testing | ![Playwright](https://img.shields.io/badge/Playwright-1.40.0-45BA4B?style=flat-square&logo=playwright&logoColor=white) | -| **Vitest** | 1.0.0 | Unit testing framework | ![Vitest](https://img.shields.io/badge/Vitest-1.0.0-6E9F18?style=flat-square&logo=vitest&logoColor=white) | -| **TypeScript** | 5.4.0 | Type checking | ![TypeScript](https://img.shields.io/badge/TS-5.4.0-3178C6?style=flat-square&logo=typescript&logoColor=white) | - -
- -### Deployment & Infrastructure - -
- -| Technology | Version | Purpose | Badge | -|-----------|---------|---------|-------| -| **Vercel** | Latest | Frontend hosting | ![Vercel](https://img.shields.io/badge/Vercel-Latest-000000?style=flat-square&logo=vercel&logoColor=white) | -| **Somnia Network** | Testnet | Blockchain infrastructure | ![Somnia](https://img.shields.io/badge/Somnia-Testnet-7C3AED?style=flat-square&logo=ethereum&logoColor=white) | - -
- --- ## 🏗️ Architecture ``` ┌─────────────────────────────────────────────────────────────┐ -│ Frontend Layer │ +│ Frontend Layer │ │ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │ │ │ Next.js │ │ React 18 │ │ TypeScript │ │ │ │ (SSR/SSG) │ │ (Hooks) │ │ (Type Safe) │ │ @@ -192,13 +185,20 @@ GigStream MX leverages **Somnia Network's revolutionary blockchain technology** └─────────────────────────────────────────────────────────────┘ ↕ ┌─────────────────────────────────────────────────────────────┐ -│ Somnia Data Streams API │ +│ Somnia Data Streams SDK Integration │ +│ ┌──────────────────────────────────────────────────────┐ │ +│ │ @somnia-chain/streams SDK 0.11.0 │ │ +│ │ • Real-time event streaming │ │ +│ │ • Structured data queries │ │ +│ │ • Schema registration │ │ +│ │ • Automatic job publishing │ │ +│ └──────────────────────────────────────────────────────┘ │ +│ │ │ ┌──────────────────────────────────────────────────────┐ │ -│ │ Real-time Event Streaming (Server-Sent Events) │ │ -│ │ • JobPosted events │ │ -│ │ • BidPlaced events │ │ -│ │ • JobCompleted events │ │ -│ │ • ReputationUpdated events │ │ +│ │ Server-Sent Events (SSE) API │ │ +│ │ • /api/streams - Live contract events │ │ +│ │ • /api/sds/read-jobs - Structured queries │ │ +│ │ • /api/sds/publish-job - Publish to Data Streams │ │ │ └──────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────┘ ↕ @@ -237,7 +237,7 @@ GigStream MX leverages **Somnia Network's revolutionary blockchain technology** ### Prerequisites - **Node.js** 18+ and **pnpm** -- **Somnia Testnet** STT tokens (get from [faucet](https://somnia.network/faucet)) +- **Somnia Testnet** STT tokens (get from [Telegram group](https://t.me/+XHq0F0JXMyhmMzM0)) - **Google Gemini API Key** ([Get one here](https://aistudio.google.com/app/apikey)) - **Reown Project ID** ([Get one here](https://dashboard.reown.com)) @@ -245,8 +245,8 @@ GigStream MX leverages **Somnia Network's revolutionary blockchain technology** ```bash # Clone the repository -git clone https://github.com/yourusername/gigstream-mx.git -cd gigstream-mx +git clone https://github.com/vaiosx01/Gigstream.git +cd Gigstream # Install dependencies pnpm install @@ -275,9 +275,9 @@ NEXT_PUBLIC_SOMNIA_RPC_URL=https://dream-rpc.somnia.network NEXT_PUBLIC_SOMNIA_CHAIN_ID=50312 # Smart Contracts (update after deployment) -NEXT_PUBLIC_GIGESCROW_ADDRESS=0x7094f1eb1c49Cf89B793844CecE4baE655f3359b -NEXT_PUBLIC_REPUTATION_TOKEN_ADDRESS=0x51FBdDcD12704e4FCc28880E22b582362811cCdf -NEXT_PUBLIC_STAKING_POOL_ADDRESS=0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4 +NEXT_PUBLIC_GIGESCROW_ADDRESS=0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef +NEXT_PUBLIC_REPUTATION_TOKEN_ADDRESS=0x995759f140029e4fEabCE8F555f5536A1b413562 +NEXT_PUBLIC_STAKING_POOL_ADDRESS=0x6934126deC72a3Dba22a9C5D5300620E894C72a8 ``` ### Deploy Contracts @@ -306,31 +306,106 @@ All contracts are deployed on **Somnia Testnet (Shannon)** - Chain ID: 50312 | Contract | Address | Explorer | Description | Status | |----------|---------|----------|-------------|--------| -| **GigEscrow** | `0x7094f1eb1c49Cf89B793844CecE4baE655f3359b` | [View on Explorer](https://shannon-explorer.somnia.network/address/0x7094f1eb1c49Cf89B793844CecE4baE655f3359b) | Core escrow contract for job posting, bidding, and payment management | ✅ Verified | -| **ReputationToken** | `0x51FBdDcD12704e4FCc28880E22b582362811cCdf` | [View on Explorer](https://shannon-explorer.somnia.network/address/0x51FBdDcD12704e4FCc28880E22b582362811cCdf) | ERC-20 token for reputation points, transferable and mintable | ✅ Verified | -| **StakingPool** | `0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4` | [View on Explorer](https://shannon-explorer.somnia.network/address/0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4) | Staking contract for workers to increase trust and earn rewards | ✅ Verified | +| **GigEscrow** | `0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef` | [View on Explorer](https://shannon-explorer.somnia.network/address/0x8D742671508E1C5BFF77f3d0AE70218C8Cc57Cef) | Core escrow contract for job posting, bidding, and payment management | ✅ Verified | +| **ReputationToken** | `0x995759f140029e4fEabCE8F555f5536A1b413562` | [View on Explorer](https://shannon-explorer.somnia.network/address/0x995759f140029e4fEabCE8F555f5536A1b413562) | ERC-20 token for reputation points, transferable and mintable | ✅ Verified | +| **StakingPool** | `0x6934126deC72a3Dba22a9C5D5300620E894C72a8` | [View on Explorer](https://shannon-explorer.somnia.network/address/0x6934126deC72a3Dba22a9C5D5300620E894C72a8) | Staking contract for workers to increase trust and earn rewards | ✅ Verified | **Network Details:** - **Network**: Somnia Testnet (Shannon) - **Chain ID**: 50312 - **RPC URL**: `https://dream-rpc.somnia.network` - **Explorer**: [Shannon Explorer](https://shannon-explorer.somnia.network) -- **Deployer**: `0xF93F07b1b35b9DF13e2d53DbAd49396f0A9538D9` -- **Deployment Date**: November 27, 2025 -### Contract Verification +--- + +## 🔄 Somnia Data Streams Integration + +GigStream demonstrates **real-time, reactive data streaming** using **@somnia-chain/streams SDK 0.11.0** (official Somnia Data Streams SDK). + +### How We Use Somnia Data Streams + +#### 1. **Real-Time Event Streaming** +- **Live job postings**: Jobs appear instantly via Data Streams when posted on-chain +- **Instant bid notifications**: Bids stream in real-time as they're placed +- **Reputation updates**: Reputation changes are streamed immediately +- **No polling required**: All updates are reactive and instant + +#### 2. **Structured Data Queries** +- **Schema registration**: Job schema registered on-chain for structured queries +- **Efficient job discovery**: Query jobs by publisher, location, or status +- **Indexed data**: Fast queries without scanning entire blockchain + +#### 3. **Automatic Publishing** +- **On-chain events trigger Data Streams**: When a job is posted, it's automatically published to Data Streams +- **Structured format**: Jobs are published with consistent schema for easy querying +- **Dual source display**: Frontend shows jobs from both contract events and Data Streams + +### Implementation Details + +**SDK Integration:** +```typescript +import { SDK } from '@somnia-chain/streams' + +// Initialize SDK +const sdk = new SDK({ + public: publicClient, + private: privateClient, // For publishing +}) + +// Publish job to Data Streams +await publishJobToDataStream(sdk, { + jobId: '1', + employer: '0x...', + title: 'Plumber needed', + location: 'New York, US', + reward: '500', + deadline: '2025-12-01' +}) + +// Read jobs from Data Streams +const jobs = await readJobsFromDataStream(sdk, { + publisher: '0x...', + limit: 50 +}) +``` + +**API Endpoints:** + +**Real-time Event Streaming** (Server-Sent Events): +``` +GET /api/streams?type=jobs # Job postings stream +GET /api/streams?type=bids # Bids stream +GET /api/streams?type=completions # Job completions stream +``` + +**Data Streams API** (Structured Data Queries): +``` +GET /api/sds/read-jobs?publisher=0x...&limit=50 # Read jobs from Data Streams +POST /api/sds/publish-job # Publish job to Data Streams (automatic) +``` -All contracts have been verified on Somnia Explorer. You can view the source code, ABI, and interact with the contracts directly: +### Supported Events + +| Event | Description | Real-time | Data Streams | +|-------|-------------|-----------|--------------| +| **JobPosted** | New jobs appear instantly | ✅ Yes | ✅ Published | +| **BidPlaced** | Bids stream in real-time | ✅ Yes | ⏳ Coming | +| **JobCompleted** | Completion events streamed | ✅ Yes | ⏳ Coming | +| **JobCancelled** | Cancellation events | ✅ Yes | ⏳ Coming | +| **ReputationUpdated** | Reputation changes | ✅ Yes | ⏳ Coming | -- **GigEscrow**: [Verified Contract](https://shannon-explorer.somnia.network/address/0x7094f1eb1c49Cf89B793844CecE4baE655f3359b#code) -- **ReputationToken**: [Verified Contract](https://shannon-explorer.somnia.network/address/0x51FBdDcD12704e4FCc28880E22b582362811cCdf#code) -- **StakingPool**: [Verified Contract](https://shannon-explorer.somnia.network/address/0x77Ee7016BB2A3D4470a063DD60746334c6aD84A4#code) +### Frontend Integration + +- **`useSDSJobs` Hook**: Fetch jobs from Data Streams in React components +- **`SDSJobsIndicator` Component**: Visual indicator for Data Streams availability +- **Automatic Publishing**: Jobs automatically published to Data Streams when created +- **Dual Source Display**: Shows jobs from both contract and Data Streams --- ## 🌐 Somnia Network Integration -GigStream MX is fully optimized for **Somnia Network**, a high-performance L1 blockchain: +GigStream is fully optimized for **Somnia Network**, a high-performance L1 blockchain: ### Key Features @@ -358,54 +433,6 @@ GigStream MX is fully optimized for **Somnia Network**, a high-performance L1 bl --- -## 🔄 Data Streams Integration - -Real-time event streaming using **@somnia-chain/streams SDK 0.11.0** (official Somnia Data Streams SDK) + Viem's `watchEvent`: - -### Features - -✅ **Dual Data Sources**: Contract events (real-time) + Structured Data Streams (indexed) -✅ **Automatic Publishing**: Jobs automatically published to Data Streams when created -✅ **Schema Registration**: Job schema registered on-chain for structured queries -✅ **Real-time Streaming**: Server-Sent Events (SSE) for live contract events -✅ **Structured Queries**: Read jobs from Data Streams by publisher/schema - -### Supported Events - -| Event | Description | Real-time | Data Streams | -|-------|-------------|-----------|--------------| -| **JobPosted** | New jobs appear instantly | ✅ Yes | ✅ Published | -| **BidPlaced** | Bids stream in real-time | ✅ Yes | ⏳ Coming | -| **JobCompleted** | Completion events streamed | ✅ Yes | ⏳ Coming | -| **JobCancelled** | Cancellation events | ✅ Yes | ⏳ Coming | -| **ReputationUpdated** | Reputation changes | ✅ Yes | ⏳ Coming | - -### API Endpoints - -**Real-time Event Streaming** (Server-Sent Events): - -``` -GET /api/streams?type=jobs # Job postings stream -GET /api/streams?type=bids # Bids stream -GET /api/streams?type=completions # Job completions stream -``` - -**Data Streams API** (Structured Data Queries): - -``` -GET /api/sds/read-jobs?publisher=0x...&limit=50 # Read jobs from Data Streams -POST /api/sds/publish-job # Publish job to Data Streams (automatic) -``` - -### Frontend Integration - -- **`useSDSJobs` Hook**: Fetch jobs from Data Streams in React components -- **`SDSJobsIndicator` Component**: Visual indicator for Data Streams availability -- **Automatic Publishing**: Jobs automatically published to Data Streams when created -- **Dual Source Display**: Shows jobs from both contract and Data Streams - ---- - ## 🤖 AI Features ### Gemini 2.5 Integration @@ -414,6 +441,7 @@ POST /api/sds/publish-job # Publish job to Data Streams ( - **Bid Optimization**: Smart bid suggestions based on market data - **Worker Matching**: Intelligent compatibility scoring - **Insights Panel**: Real-time market analytics +- **Global Context**: AI understands location-specific job markets ### Model Fallback Chain @@ -434,7 +462,7 @@ The system automatically falls back through multiple Gemini models: | Function | Description | Gas Optimized | |----------|-------------|---------------| | `postJob()` | Create a new job with escrow payment | ✅ Yes | -| `placeBid()` | Place a bid on a job (requires min reputation) | ✅ Yes | +| `placeBid()` | Place a bid on a job | ✅ Yes | | `acceptBid()` | Accept a worker's bid | ✅ Yes | | `completeJob()` | Complete job and release payment | ✅ Yes | | `cancelJob()` | Cancel job and refund employer | ✅ Yes | @@ -488,7 +516,6 @@ pnpm run test:coverage - ✅ **Access control checks** - ✅ **Comprehensive testing** for edge cases - ✅ **Gas optimization** for Somnia Network -- ⚠️ **Slither security audit** (run: `pnpm run security:slither`) ### Best Practices @@ -500,62 +527,43 @@ pnpm run test:coverage --- -## 📈 Roadmap - -### Phase 1: MVP ✅ (Completed) -- [x] Smart contract deployment -- [x] Basic job posting & bidding -- [x] Escrow payment system -- [x] Reputation token -- [x] Staking pool - -### Phase 2: AI Integration ✅ (Completed) -- [x] Gemini 2.5 integration -- [x] Job matching algorithm -- [x] Bid optimization -- [x] Insights panel - -### Phase 3: Real-time Features ✅ (Completed) -- [x] Data Streams integration -- [x] Live event streaming -- [x] Real-time updates - -### Phase 4: Expansion 🚧 (In Progress) -- [ ] Mobile app (React Native) -- [ ] Multi-language support -- [ ] Advanced analytics dashboard -- [ ] Dispute resolution system - -### Phase 5: Global Scale 🎯 (Planned) -- [ ] Mainnet deployment -- [ ] Cross-chain bridges -- [ ] Regional expansion (LATAM, India, Africa) -- [ ] Enterprise features +## 🏆 Hackathon Submission ---- +### Submission Requirements ✅ -## 🏆 Hackathon Submission +- ✅ **Public GitHub Repo**: [https://github.com/vaiosx01/Gigstream](https://github.com/vaiosx01/Gigstream) +- ✅ **Working Web3 dApp**: Deployed on Somnia Testnet at [https://gigstream-5ijgucloh-vaiosxs-projects.vercel.app](https://gigstream-5ijgucloh-vaiosxs-projects.vercel.app) +- ✅ **Demo Video**: [Link to be added] +- ✅ **Somnia Data Streams Integration**: Fully integrated with @somnia-chain/streams SDK 0.11.0 ### Judging Criteria Match -| Criteria | GigStream MX | Score | -|----------|-------------|-------| -| **Technical Excellence** | Hardhat + @somnia-chain/streams SDK 0.11.0 | ⭐⭐⭐⭐⭐ | -| **Real-time UX** | Live streams 400k TPS | ⭐⭐⭐⭐⭐ | -| **Somnia Integration** | 100% Testnet | ⭐⭐⭐⭐⭐ | -| **Potential Impact** | $10B real market | ⭐⭐⭐⭐⭐ | -| **Innovation** | AI + Blockchain + Data Streams | ⭐⭐⭐⭐⭐ | +| Criteria | GigStream | Score | +|----------|-----------|-------| +| **Technical Excellence** | Hardhat + @somnia-chain/streams SDK 0.11.0 + Comprehensive tests | ⭐⭐⭐⭐⭐ | +| **Real-Time UX** | Live streams via Data Streams, 400k+ TPS, sub-second finality | ⭐⭐⭐⭐⭐ | +| **Somnia Integration** | 100% deployed on Somnia Testnet, verified contracts | ⭐⭐⭐⭐⭐ | +| **Potential Impact** | Global marketplace, real market need, scalable architecture | ⭐⭐⭐⭐⭐ | + +### How We Use Somnia Data Streams + +1. **Real-Time Job Postings**: Jobs are automatically published to Data Streams when created on-chain, enabling instant discovery without polling +2. **Live Event Streaming**: All contract events (JobPosted, BidPlaced, JobCompleted) are streamed in real-time via Server-Sent Events +3. **Structured Data Queries**: Jobs can be queried efficiently by publisher, location, or status using Data Streams' structured query capabilities +4. **Reactive UI**: Frontend reacts instantly to on-chain changes through Data Streams, providing a seamless real-time experience ### Submission Checklist - ✅ 100% Functional Code (NO placeholders) - ✅ Somnia Testnet Deployed +- ✅ Somnia Data Streams SDK Integrated +- ✅ Real-time streaming implemented - ✅ Gemini 2.5 AI Live - ✅ Reown AppKit Native -- ✅ Neural Glassmorphism UX +- ✅ Modern UI/UX - ✅ Live SDS Streams - ✅ E2E Tests Passing -- ✅ Security A+ Slither +- ✅ Security Best Practices - ✅ Vercel Production Ready --- @@ -574,6 +582,7 @@ pnpm run test:coverage ### Resources - [Somnia Network Docs](https://docs.somnia.network) +- [Somnia Data Streams Info](https://datastreams.somnia.network) - [Viem Documentation](https://viem.sh) - [Wagmi Documentation](https://wagmi.sh) - [Gemini API Docs](https://ai.google.dev/docs) @@ -608,11 +617,11 @@ This project is licensed under the **MIT License** - see the [LICENSE](LICENSE) | Developer | Role | GitHub | |-----------|------|--------| -| **Vaiosx** | Full Stack Developer | [@Vaiosx](https://github.com/Vaiosx) | +| **Vaiosx** | Full Stack Developer | [@vaiosx01](https://github.com/vaiosx01) | | **M0nsxx** | Blockchain Developer | [@M0nsxx](https://github.com/M0nsxx) | **Special Thanks:** -- Somnia Network team for the amazing infrastructure +- Somnia Network team for the amazing infrastructure and Data Streams SDK - Google for Gemini AI - The open-source community @@ -622,10 +631,25 @@ This project is licensed under the **MIT License** - see the [LICENSE](LICENSE) ## 🔗 Links -- **Live Demo**: [gigstream-mx.vercel.app](https://gigstream-mx.vercel.app) +- **Live Demo**: [gigstream-5ijgucloh-vaiosxs-projects.vercel.app](https://gigstream-5ijgucloh-vaiosxs-projects.vercel.app) - **Smart Contracts**: [Shannon Explorer](https://shannon-explorer.somnia.network) -- **Documentation**: [Somnia Docs](https://docs.somnia.network) -- **Hackathon**: [DoraHacks Somnia Data Streams](https://dorahacks.io/hackathon/somnia-datastreams) +- **GitHub Repository**: [github.com/vaiosx01/Gigstream](https://github.com/vaiosx01/Gigstream) +- **Somnia Network Docs**: [docs.somnia.network](https://docs.somnia.network) +- **Somnia Data Streams**: [datastreams.somnia.network](https://datastreams.somnia.network) + +### Hackathon Resources + +- **X (Twitter)**: [@SomniaEco](https://x.com/SomniaEco) +- **Telegram Group**: [t.me/+XHq0F0JXMyhmMzM0](https://t.me/+XHq0F0JXMyhmMzM0) +- **Hackathon Timeline**: November 4-15, 2025 + +--- + +## 📖 About Somnia + +**Somnia** is a high‑performance, cost‑efficient EVM‑compatible Layer‑1 blockchain capable of processing over **1.05 million transactions per second (TPS)** with **sub‑second finality**. It supports millions of users and enables real‑time consumer applications like games, social platforms, and metaverses — all fully on‑chain. + +**Somnia Data Streams (SDS)** is a new SDK and protocol that turns on-chain data into live, structured, and reactive streams. Instead of waiting for updates or relying on oracles, developers can now get instant data directly from the blockchain, enabling apps that react as things happen on-chain. --- @@ -633,8 +657,10 @@ This project is licensed under the **MIT License** - see the [LICENSE](LICENSE) ### ⭐ Star this repo if you find it helpful! -**Made with ❤️ for the Somnia Data Streams Hackathon** +**Made with ❤️ for the Somnia Data Streams Mini Hackathon** + +**November 4-15, 2025** -[⬆ Back to Top](#-gigstream-mx) +[⬆ Back to Top](#-gigstream)
diff --git a/src/app/gigstream/post/page.tsx b/src/app/gigstream/post/page.tsx index 9aba811..e8247dc 100644 --- a/src/app/gigstream/post/page.tsx +++ b/src/app/gigstream/post/page.tsx @@ -9,6 +9,7 @@ import { parseEther, formatEther } from 'viem' import { useGemini } from '@/providers/GeminiProvider' import { useToast } from '@/components/ui/use-toast' import { useGigStream } from '@/hooks/useGigStream' +import { useTransactionNotification } from '@/hooks/useTransactionNotification' import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' import LocationSelector from '@/components/gigstream/LocationSelector' @@ -20,6 +21,7 @@ export default function PostJob() { const { generateText } = useGemini() const { showToast } = useToast() const { jobCounter } = useGigStream() + const { showSuccess, showError, showPending, NotificationComponents } = useTransactionNotification() // Check user balance const { data: balance, isLoading: balanceLoading } = useBalance({ @@ -197,19 +199,19 @@ export default function PostJob() { // Ensure address is properly formatted (trim and validate) const contractAddress = GIGESCROW_ADDRESS.trim() as `0x${string}` if (!contractAddress || contractAddress === '0x0000000000000000000000000000000000000000') { - showToast({ - title: "Error", - description: "Contract not deployed. Configure NEXT_PUBLIC_GIGESCROW_ADDRESS" - }) + showError( + "Contract Error", + "Contract not deployed. Configure NEXT_PUBLIC_GIGESCROW_ADDRESS" + ) return } // Validate address format if (!contractAddress.startsWith('0x') || contractAddress.length !== 42) { - showToast({ - title: "Error", - description: "Invalid contract address format" - }) + showError( + "Invalid Contract", + "Invalid contract address format" + ) return } @@ -219,10 +221,10 @@ export default function PostJob() { // Validate deadline is at least 1 day in the future (contract requirement) const minDeadline = Math.floor(Date.now() / 1000) + 86400 // 1 day if (deadlineTimestamp < minDeadline) { - showToast({ - title: "Invalid deadline", - description: "Deadline must be at least 1 day from now" - }) + showError( + "Invalid Deadline", + "Deadline must be at least 1 day from now" + ) return } @@ -241,17 +243,25 @@ export default function PostJob() { ] }) + // Show pending notification + showPending( + "Posting Job...", + "Please confirm the transaction in your wallet" + ) + const hash = await sendTransactionAsync({ to: contractAddress, value: rewardAmount, data: data as `0x${string}`, }) - showToast({ - title: "Job posted!", - description: `Transaction submitted: ${hash.slice(0, 10)}...`, - duration: 5000 - }) + // Show success notification with transaction hash + showSuccess( + "Job Posted Successfully!", + "Your job has been posted to the blockchain and will appear in the marketplace shortly.", + hash as string, + 6000 + ) // Note: Job will be automatically published to Somnia Data Streams // via the /api/streams endpoint when it detects the JobPosted event @@ -260,32 +270,43 @@ export default function PostJob() { // Redirect to dashboard after successful post setTimeout(() => { window.location.href = '/gigstream' - }, 2000) + }, 3000) } catch (error: any) { console.error('Error posting job:', error) + // Extract transaction hash if available + const txHash = error?.transactionHash || error?.hash || error?.data?.hash + // Provide user-friendly error messages + let errorTitle = "Transaction Failed" let errorMessage = "Failed to post job" + if (error?.message?.includes('User rejected')) { - errorMessage = "Transaction was cancelled" + errorTitle = "Transaction Cancelled" + errorMessage = "You cancelled the transaction in your wallet" } else if (error?.message?.includes('insufficient funds') || error?.message?.includes('balance')) { - errorMessage = "Insufficient balance. Please check your STT balance." + errorTitle = "Insufficient Balance" + errorMessage = "You don't have enough STT. Please check your balance and try again." } else if (error?.message?.includes('Internal JSON-RPC error')) { - errorMessage = "Network error. Please check your connection and try again." + errorTitle = "Network Error" + errorMessage = "Network connection error. Please check your connection and try again." } else if (error?.message) { errorMessage = error.message } - showToast({ - title: "Error", - description: errorMessage - }) + showError( + errorTitle, + errorMessage, + txHash, + 10000 + ) } }) } return (
+ {NotificationComponents}
{/* Form */} - + {/* Title */}
diff --git a/src/app/gigstream/page.tsx b/src/app/gigstream/page.tsx index 03d7987..e209e95 100644 --- a/src/app/gigstream/page.tsx +++ b/src/app/gigstream/page.tsx @@ -19,6 +19,7 @@ import { useGigStream } from '@/hooks/useGigStream' import { useSDSJobs } from '@/hooks/useSDSJobs' import JobCard from '@/components/gigstream/JobCard' import SDSJobsIndicator from '@/components/gigstream/SDSJobsIndicator' +import LiveEventsPanel from '@/components/gigstream/LiveEventsPanel' type ProfileType = 'worker' | 'employer' @@ -334,20 +335,7 @@ export default function GigStreamDashboard() { )} -
-
-

Live Streams

- {sdsJobs.length > 0 && ( - - )} -
-

SDS active • {jobsCount} events

- {sdsJobs.length > 0 && ( -

- {sdsJobs.length} job{sdsJobs.length !== 1 ? 's' : ''} in Data Streams -

- )} -
+
)} diff --git a/src/components/gigstream/LiveEventsPanel.tsx b/src/components/gigstream/LiveEventsPanel.tsx new file mode 100644 index 0000000..d2c38e9 --- /dev/null +++ b/src/components/gigstream/LiveEventsPanel.tsx @@ -0,0 +1,211 @@ +// src/components/gigstream/LiveEventsPanel.tsx - Component to display live events from Data Streams +'use client' + +import { motion, AnimatePresence } from 'framer-motion' +import { useEventStream } from '@/hooks/useEventStream' +import { formatEther } from 'viem' +import { formatDistanceToNow } from 'date-fns' +import { enUS } from 'date-fns/locale' +import { + Briefcase, + Handshake, + CheckCircle, + XCircle, + TrendingUp, + Zap, + Clock +} from 'lucide-react' +import { useState } from 'react' + +interface LiveEventsPanelProps { + className?: string + maxEvents?: number +} + +export default function LiveEventsPanel({ + className = '', + maxEvents = 10 +}: LiveEventsPanelProps) { + const [activeTab, setActiveTab] = useState<'all' | 'jobs' | 'bids' | 'completions' | 'cancellations' | 'reputation'>('all') + + const jobsStream = useEventStream('jobs', true) + const bidsStream = useEventStream('bids', true) + const completionsStream = useEventStream('completions', true) + const cancellationsStream = useEventStream('cancellations', true) + const reputationStream = useEventStream('reputation', true) + + const allEvents = [ + ...jobsStream.events.map(e => ({ ...e, streamType: 'jobs' as const })), + ...bidsStream.events.map(e => ({ ...e, streamType: 'bids' as const })), + ...completionsStream.events.map(e => ({ ...e, streamType: 'completions' as const })), + ...cancellationsStream.events.map(e => ({ ...e, streamType: 'cancellations' as const })), + ...reputationStream.events.map(e => ({ ...e, streamType: 'reputation' as const })), + ] + .sort((a, b) => (b.receivedAt || 0) - (a.receivedAt || 0)) + .slice(0, maxEvents) + + const filteredEvents = activeTab === 'all' + ? allEvents + : allEvents.filter(e => e.streamType === activeTab) + + const isConnected = jobsStream.isConnected || bidsStream.isConnected || + completionsStream.isConnected || cancellationsStream.isConnected || + reputationStream.isConnected + + const getEventIcon = (type: string) => { + switch (type) { + case 'JobPosted': + return + case 'BidPlaced': + return + case 'JobCompleted': + return + case 'JobCancelled': + return + case 'ReputationUpdated': + return + default: + return + } + } + + const getEventColor = (type: string) => { + switch (type) { + case 'JobPosted': + return 'from-somnia-purple/20 to-somnia-purple/10 border-somnia-purple/30' + case 'BidPlaced': + return 'from-mx-green/20 to-mx-green/10 border-mx-green/30' + case 'JobCompleted': + return 'from-emerald-400/20 to-emerald-400/10 border-emerald-400/30' + case 'JobCancelled': + return 'from-red-400/20 to-red-400/10 border-red-400/30' + case 'ReputationUpdated': + return 'from-somnia-cyan/20 to-somnia-cyan/10 border-somnia-cyan/30' + default: + return 'from-white/10 to-white/5 border-white/20' + } + } + + const formatEventMessage = (event: any) => { + switch (event.type) { + case 'JobPosted': + return `New job: "${event.title}" - ${formatEther(BigInt(event.reward || '0'))} STT` + case 'BidPlaced': + return `Bid placed on job #${event.jobId} - ${formatEther(BigInt(event.bid || '0'))} STT` + case 'JobCompleted': + return `Job #${event.jobId} completed - ${formatEther(BigInt(event.reward || '0'))} STT paid` + case 'JobCancelled': + return `Job #${event.jobId} cancelled - ${formatEther(BigInt(event.refundAmount || '0'))} STT refunded` + case 'ReputationUpdated': + return `Reputation updated: ${event.reputation} pts` + default: + return JSON.stringify(event) + } + } + + const tabs = [ + { id: 'all', label: 'All', count: allEvents.length }, + { id: 'jobs', label: 'Jobs', count: jobsStream.events.length }, + { id: 'bids', label: 'Bids', count: bidsStream.events.length }, + { id: 'completions', label: 'Done', count: completionsStream.events.length }, + { id: 'cancellations', label: 'Cancelled', count: cancellationsStream.events.length }, + { id: 'reputation', label: 'Reputation', count: reputationStream.events.length }, + ] as const + + return ( +
+
+
+
+

Live Events

+
+ + {filteredEvents.length} event{filteredEvents.length !== 1 ? 's' : ''} + +
+ + {/* Tabs */} +
+ {tabs.map((tab) => ( + + ))} +
+ + {/* Events List */} +
+ + {filteredEvents.length > 0 ? ( + filteredEvents.map((event, index) => ( + +
+
+ {getEventIcon(event.type)} +
+
+

+ {formatEventMessage(event)} +

+
+ + + {event.receivedAt + ? formatDistanceToNow(new Date(event.receivedAt), { + addSuffix: true, + locale: enUS + }) + : 'Just now'} + + {event.transactionHash && ( + + View TX + + )} +
+
+
+ + )) + ) : ( +
+

+ {isConnected ? 'No events yet' : 'Connecting to streams...'} +

+
+ )} + +
+ + {/* Connection Status */} + {!isConnected && ( +
+

+ Reconnecting to event streams... +

+
+ )} +
+ ) +} + diff --git a/src/hooks/useEventStream.ts b/src/hooks/useEventStream.ts new file mode 100644 index 0000000..933619a --- /dev/null +++ b/src/hooks/useEventStream.ts @@ -0,0 +1,92 @@ +// src/hooks/useEventStream.ts - Hook to consume Server-Sent Events streams +'use client' + +import { useState, useEffect, useRef } from 'react' + +export interface StreamEvent { + type: string + [key: string]: any +} + +interface UseEventStreamResult { + events: StreamEvent[] + isConnected: boolean + error: Error | null + clearEvents: () => void +} + +/** + * Hook to consume Server-Sent Events (SSE) streams + * @param streamType - Type of stream to consume (jobs, bids, completions, cancellations, reputation) + * @param enabled - Whether to connect to the stream (defaults to true) + */ +export function useEventStream( + streamType: 'jobs' | 'bids' | 'completions' | 'cancellations' | 'reputation', + enabled: boolean = true +): UseEventStreamResult { + const [events, setEvents] = useState([]) + const [isConnected, setIsConnected] = useState(false) + const [error, setError] = useState(null) + const eventSourceRef = useRef(null) + + useEffect(() => { + if (!enabled) { + return + } + + // Create EventSource connection + const eventSource = new EventSource(`/api/streams?type=${streamType}`) + eventSourceRef.current = eventSource + + eventSource.onopen = () => { + setIsConnected(true) + setError(null) + } + + eventSource.onmessage = (event) => { + try { + const data = JSON.parse(event.data) + + // Handle connection message + if (data.type === 'connected') { + setIsConnected(true) + return + } + + // Add timestamp if not present + const eventData: StreamEvent = { + ...data, + receivedAt: Date.now(), + } + + setEvents((prev) => [eventData, ...prev].slice(0, 100)) // Keep last 100 events + } catch (err) { + console.error('Error parsing SSE event:', err) + } + } + + eventSource.onerror = (err) => { + console.error('EventSource error:', err) + setError(new Error('Failed to connect to event stream')) + setIsConnected(false) + } + + // Cleanup on unmount + return () => { + eventSource.close() + eventSourceRef.current = null + } + }, [streamType, enabled]) + + const clearEvents = () => { + setEvents([]) + } + + return { + events, + isConnected, + error, + clearEvents, + } +} + diff --git a/src/hooks/useJobBids.ts b/src/hooks/useJobBids.ts index de65fbd..70f77d6 100644 --- a/src/hooks/useJobBids.ts +++ b/src/hooks/useJobBids.ts @@ -1,9 +1,10 @@ -// src/hooks/useJobBids.ts - Hook to fetch bids for a job +// src/hooks/useJobBids.ts - Hook to fetch bids for a job with real-time updates 'use client' -import { useReadContract } from 'wagmi' +import { useReadContract, useWatchContractEvent } from 'wagmi' import { gigEscrowAbi } from '@/lib/viem' import { GIGESCROW_ADDRESS } from '@/lib/contracts' +import { useEffect } from 'react' export function useJobBids(jobId: bigint | undefined) { const { data: bids, isLoading, error, refetch } = useReadContract({ @@ -16,6 +17,20 @@ export function useJobBids(jobId: bigint | undefined) { }, }) + // Watch for new bids in real-time + useWatchContractEvent({ + address: GIGESCROW_ADDRESS, + abi: gigEscrowAbi, + eventName: 'BidPlaced', + args: { + jobId: jobId, + }, + onLogs: () => { + // Refetch bids when a new bid is placed + refetch() + }, + }) + return { bids: bids || [], isLoading, diff --git a/src/lib/somnia-sds.ts b/src/lib/somnia-sds.ts index 132053d..7d146ca 100644 --- a/src/lib/somnia-sds.ts +++ b/src/lib/somnia-sds.ts @@ -7,10 +7,14 @@ import { privateKeyToAccount } from 'viem/accounts' import { SOMNIA_CONFIG } from './contracts' /** - * Job Data Stream Schema - * Defines the structure for job data in Somnia Data Streams + * Data Stream Schemas + * Defines the structure for all event data in Somnia Data Streams */ export const JOB_SCHEMA = 'uint256 jobId, address employer, string title, string location, uint256 reward, uint256 deadline, uint64 timestamp' +export const BID_SCHEMA = 'uint256 jobId, address worker, uint256 bid, uint64 timestamp' +export const JOB_COMPLETED_SCHEMA = 'uint256 jobId, address worker, uint256 reward, uint64 timestamp' +export const JOB_CANCELLED_SCHEMA = 'uint256 jobId, address employer, uint256 refundAmount, uint64 timestamp' +export const REPUTATION_SCHEMA = 'address user, uint256 reputation, uint64 timestamp' /** * Initialize Somnia SDS SDK with public client only (for reading) @@ -93,14 +97,73 @@ export async function getJobSchemaId(): Promise<`0x${string}`> { * Register job schema if not already registered */ export async function registerJobSchema(sdk: SDK): Promise<`0x${string}`> { - // Compute schema ID - const schemaIdResult = await sdk.streams.computeSchemaId(JOB_SCHEMA) + return registerSchema(sdk, JOB_SCHEMA, 'GigStreamJob') +} + +/** + * Publish job data to Somnia Data Streams + */ +export async function publishJobToDataStream( + sdk: SDK, + jobData: { + jobId: bigint | string + employer: `0x${string}` + title: string + location: string + reward: bigint | string + deadline: bigint | string + timestamp?: number + } +): Promise<`0x${string}` | null> { + // Check if SDK was initialized with wallet (required for writing) + // The SDK constructor requires wallet for write operations + // We'll check by trying to use it - if it fails, we know wallet is missing + + // Register schema if needed + const schemaId = await registerJobSchema(sdk) as `0x${string}` + + // Create encoder + const encoder = new SchemaEncoder(JOB_SCHEMA) + + // Encode job data + const timestamp = jobData.timestamp || Math.floor(Date.now() / 1000) + const data = encoder.encodeData([ + { name: 'jobId', value: jobData.jobId.toString(), type: 'uint256' }, + { name: 'employer', value: jobData.employer, type: 'address' }, + { name: 'title', value: jobData.title, type: 'string' }, + { name: 'location', value: jobData.location, type: 'string' }, + { name: 'reward', value: jobData.reward.toString(), type: 'uint256' }, + { name: 'deadline', value: jobData.deadline.toString(), type: 'uint256' }, + { name: 'timestamp', value: timestamp.toString(), type: 'uint64' }, + ]) + + // Create unique data ID + const dataId = toHex(`job-${jobData.jobId}-${timestamp}`, { size: 32 }) + + // Publish to Data Streams + // Use 'set' method when we only have data (no events) + // 'setAndEmitEvents' requires events array to be non-empty + const txResult = await sdk.streams.set( + [{ id: dataId, schemaId, data }] + ) + + if (txResult instanceof Error) { + throw txResult + } + + return txResult +} + +/** + * Register schema helper (generic) + */ +async function registerSchema(sdk: SDK, schema: string, schemaName: string): Promise<`0x${string}`> { + const schemaIdResult = await sdk.streams.computeSchemaId(schema) if (schemaIdResult instanceof Error) { throw schemaIdResult } const schemaId = schemaIdResult - // Check if schema is already registered const existsResult = await sdk.streams.isDataSchemaRegistered(schemaId) if (existsResult instanceof Error) { throw existsResult @@ -108,11 +171,10 @@ export async function registerJobSchema(sdk: SDK): Promise<`0x${string}`> { const exists = existsResult if (!exists) { - // Register the schema const txResult = await sdk.streams.registerDataSchemas([ { - schemaName: 'GigStreamJob', - schema: JOB_SCHEMA, + schemaName, + schema, parentSchemaId: zeroBytes32 as `0x${string}`, } ]) @@ -121,10 +183,7 @@ export async function registerJobSchema(sdk: SDK): Promise<`0x${string}`> { throw txResult } - // Wait for transaction receipt const { waitForTransactionReceipt } = await import('viem/actions') - // Get public client from SDK - need to access it differently - // The SDK uses a Client internally, we need to pass the public client separately const publicClient = createPublicClient({ chain: { id: SOMNIA_CONFIG.chainId, @@ -146,51 +205,127 @@ export async function registerJobSchema(sdk: SDK): Promise<`0x${string}`> { } /** - * Publish job data to Somnia Data Streams + * Publish bid data to Somnia Data Streams */ -export async function publishJobToDataStream( +export async function publishBidToDataStream( sdk: SDK, - jobData: { + bidData: { jobId: bigint | string - employer: `0x${string}` - title: string - location: string + worker: `0x${string}` + bid: bigint | string + timestamp?: number + } +): Promise<`0x${string}` | null> { + const schemaId = await registerSchema(sdk, BID_SCHEMA, 'GigStreamBid') as `0x${string}` + const encoder = new SchemaEncoder(BID_SCHEMA) + const timestamp = bidData.timestamp || Math.floor(Date.now() / 1000) + + const data = encoder.encodeData([ + { name: 'jobId', value: bidData.jobId.toString(), type: 'uint256' }, + { name: 'worker', value: bidData.worker, type: 'address' }, + { name: 'bid', value: bidData.bid.toString(), type: 'uint256' }, + { name: 'timestamp', value: timestamp.toString(), type: 'uint64' }, + ]) + + const dataId = toHex(`bid-${bidData.jobId}-${bidData.worker}-${timestamp}`, { size: 32 }) + const txResult = await sdk.streams.set([{ id: dataId, schemaId, data }]) + + if (txResult instanceof Error) { + throw txResult + } + + return txResult +} + +/** + * Publish job completion data to Somnia Data Streams + */ +export async function publishJobCompletedToDataStream( + sdk: SDK, + completionData: { + jobId: bigint | string + worker: `0x${string}` reward: bigint | string - deadline: bigint | string timestamp?: number } ): Promise<`0x${string}` | null> { - // Check if SDK was initialized with wallet (required for writing) - // The SDK constructor requires wallet for write operations - // We'll check by trying to use it - if it fails, we know wallet is missing + const schemaId = await registerSchema(sdk, JOB_COMPLETED_SCHEMA, 'GigStreamJobCompleted') as `0x${string}` + const encoder = new SchemaEncoder(JOB_COMPLETED_SCHEMA) + const timestamp = completionData.timestamp || Math.floor(Date.now() / 1000) + + const data = encoder.encodeData([ + { name: 'jobId', value: completionData.jobId.toString(), type: 'uint256' }, + { name: 'worker', value: completionData.worker, type: 'address' }, + { name: 'reward', value: completionData.reward.toString(), type: 'uint256' }, + { name: 'timestamp', value: timestamp.toString(), type: 'uint64' }, + ]) - // Register schema if needed - const schemaId = await registerJobSchema(sdk) as `0x${string}` + const dataId = toHex(`completed-${completionData.jobId}-${timestamp}`, { size: 32 }) + const txResult = await sdk.streams.set([{ id: dataId, schemaId, data }]) - // Create encoder - const encoder = new SchemaEncoder(JOB_SCHEMA) + if (txResult instanceof Error) { + throw txResult + } - // Encode job data - const timestamp = jobData.timestamp || Math.floor(Date.now() / 1000) + return txResult +} + +/** + * Publish job cancellation data to Somnia Data Streams + */ +export async function publishJobCancelledToDataStream( + sdk: SDK, + cancellationData: { + jobId: bigint | string + employer: `0x${string}` + refundAmount: bigint | string + timestamp?: number + } +): Promise<`0x${string}` | null> { + const schemaId = await registerSchema(sdk, JOB_CANCELLED_SCHEMA, 'GigStreamJobCancelled') as `0x${string}` + const encoder = new SchemaEncoder(JOB_CANCELLED_SCHEMA) + const timestamp = cancellationData.timestamp || Math.floor(Date.now() / 1000) + const data = encoder.encodeData([ - { name: 'jobId', value: jobData.jobId.toString(), type: 'uint256' }, - { name: 'employer', value: jobData.employer, type: 'address' }, - { name: 'title', value: jobData.title, type: 'string' }, - { name: 'location', value: jobData.location, type: 'string' }, - { name: 'reward', value: jobData.reward.toString(), type: 'uint256' }, - { name: 'deadline', value: jobData.deadline.toString(), type: 'uint256' }, + { name: 'jobId', value: cancellationData.jobId.toString(), type: 'uint256' }, + { name: 'employer', value: cancellationData.employer, type: 'address' }, + { name: 'refundAmount', value: cancellationData.refundAmount.toString(), type: 'uint256' }, { name: 'timestamp', value: timestamp.toString(), type: 'uint64' }, ]) - // Create unique data ID - const dataId = toHex(`job-${jobData.jobId}-${timestamp}`, { size: 32 }) + const dataId = toHex(`cancelled-${cancellationData.jobId}-${timestamp}`, { size: 32 }) + const txResult = await sdk.streams.set([{ id: dataId, schemaId, data }]) - // Publish to Data Streams - // Use 'set' method when we only have data (no events) - // 'setAndEmitEvents' requires events array to be non-empty - const txResult = await sdk.streams.set( - [{ id: dataId, schemaId, data }] - ) + if (txResult instanceof Error) { + throw txResult + } + + return txResult +} + +/** + * Publish reputation update data to Somnia Data Streams + */ +export async function publishReputationUpdatedToDataStream( + sdk: SDK, + reputationData: { + user: `0x${string}` + reputation: bigint | string + timestamp?: number + } +): Promise<`0x${string}` | null> { + const schemaId = await registerSchema(sdk, REPUTATION_SCHEMA, 'GigStreamReputation') as `0x${string}` + const encoder = new SchemaEncoder(REPUTATION_SCHEMA) + const timestamp = reputationData.timestamp || Math.floor(Date.now() / 1000) + + const data = encoder.encodeData([ + { name: 'user', value: reputationData.user, type: 'address' }, + { name: 'reputation', value: reputationData.reputation.toString(), type: 'uint256' }, + { name: 'timestamp', value: timestamp.toString(), type: 'uint64' }, + ]) + + const dataId = toHex(`reputation-${reputationData.user}-${timestamp}`, { size: 32 }) + const txResult = await sdk.streams.set([{ id: dataId, schemaId, data }]) if (txResult instanceof Error) { throw txResult From e75c125876d948c517447635e73874290d96aa1a Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 17:43:56 -0600 Subject: [PATCH 09/23] Fix TypeScript error in LiveEventsPanel: add receivedAt to StreamEvent interface --- src/components/gigstream/LiveEventsPanel.tsx | 8 ++++++-- src/hooks/useEventStream.ts | 1 + 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/components/gigstream/LiveEventsPanel.tsx b/src/components/gigstream/LiveEventsPanel.tsx index d2c38e9..faa1bc9 100644 --- a/src/components/gigstream/LiveEventsPanel.tsx +++ b/src/components/gigstream/LiveEventsPanel.tsx @@ -2,7 +2,7 @@ 'use client' import { motion, AnimatePresence } from 'framer-motion' -import { useEventStream } from '@/hooks/useEventStream' +import { useEventStream, StreamEvent } from '@/hooks/useEventStream' import { formatEther } from 'viem' import { formatDistanceToNow } from 'date-fns' import { enUS } from 'date-fns/locale' @@ -34,7 +34,11 @@ export default function LiveEventsPanel({ const cancellationsStream = useEventStream('cancellations', true) const reputationStream = useEventStream('reputation', true) - const allEvents = [ + interface EventWithStreamType extends StreamEvent { + streamType: 'jobs' | 'bids' | 'completions' | 'cancellations' | 'reputation' + } + + const allEvents: EventWithStreamType[] = [ ...jobsStream.events.map(e => ({ ...e, streamType: 'jobs' as const })), ...bidsStream.events.map(e => ({ ...e, streamType: 'bids' as const })), ...completionsStream.events.map(e => ({ ...e, streamType: 'completions' as const })), diff --git a/src/hooks/useEventStream.ts b/src/hooks/useEventStream.ts index 933619a..296a2aa 100644 --- a/src/hooks/useEventStream.ts +++ b/src/hooks/useEventStream.ts @@ -5,6 +5,7 @@ import { useState, useEffect, useRef } from 'react' export interface StreamEvent { type: string + receivedAt?: number [key: string]: any } From 7fe55f3572643d4ce65ad2c214a22cad7d8376da Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 17:49:31 -0600 Subject: [PATCH 10/23] Add LiveEventsPanel to landing page to showcase real-time Data Streams activity --- src/app/page.tsx | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/src/app/page.tsx b/src/app/page.tsx index 6d18eb7..4c7b6ff 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,6 @@ 'use client' +import { motion } from 'framer-motion' import Navbar from '@/components/somnia/Navbar' import Footer from '@/components/somnia/Footer' import HeroSection from '@/components/gigstream/HeroSection' @@ -9,6 +10,7 @@ import BenefitsSection from '@/components/gigstream/BenefitsSection' import HowItWorksSection from '@/components/gigstream/HowItWorksSection' import WhatWeDoSection from '@/components/gigstream/WhatWeDoSection' import SomniaSDKSection from '@/components/gigstream/SomniaSDKSection' +import LiveEventsPanel from '@/components/gigstream/LiveEventsPanel' // Somnia Network Sections - Integrated import TechnologySection from '@/components/somnia/TechnologySection' import MultiStreamSection from '@/components/somnia/MultiStreamSection' @@ -29,6 +31,29 @@ export default function Home() { + {/* Live Events Panel - Showcase Data Streams in Action */} +
+
+ +
+

+ Live Marketplace Activity +

+

+ Watch jobs, bids, and completions happen in real-time powered by Somnia Data Streams +

+
+ + +
+
+ {/* Somnia Network - Consolidated Key Features */} From c9c443297448a8f3939143fa1409aaa51bd7a8d4 Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 17:52:47 -0600 Subject: [PATCH 11/23] Add connection status debug panel and improved logging to LiveEventsPanel --- src/components/gigstream/LiveEventsPanel.tsx | 49 ++++++++++++++++++-- src/hooks/useEventStream.ts | 16 +++++-- 2 files changed, 58 insertions(+), 7 deletions(-) diff --git a/src/components/gigstream/LiveEventsPanel.tsx b/src/components/gigstream/LiveEventsPanel.tsx index faa1bc9..5e1b84d 100644 --- a/src/components/gigstream/LiveEventsPanel.tsx +++ b/src/components/gigstream/LiveEventsPanel.tsx @@ -145,6 +145,40 @@ export default function LiveEventsPanel({ ))}
+ {/* Connection Status Debug - Always visible for transparency */} +
+
+ Jobs Stream: + + {jobsStream.isConnected ? '✅ Connected' : '❌ Disconnected'} ({jobsStream.events.length} events) + +
+
+ Bids Stream: + + {bidsStream.isConnected ? '✅ Connected' : '❌ Disconnected'} ({bidsStream.events.length} events) + +
+
+ Completions Stream: + + {completionsStream.isConnected ? '✅ Connected' : '❌ Disconnected'} ({completionsStream.events.length} events) + +
+
+ Cancellations Stream: + + {cancellationsStream.isConnected ? '✅ Connected' : '❌ Disconnected'} ({cancellationsStream.events.length} events) + +
+
+ Reputation Stream: + + {reputationStream.isConnected ? '✅ Connected' : '❌ Disconnected'} ({reputationStream.events.length} events) + +
+
+ {/* Events List */}
@@ -193,9 +227,18 @@ export default function LiveEventsPanel({ )) ) : (
-

- {isConnected ? 'No events yet' : 'Connecting to streams...'} -

+
+

+ {isConnected + ? 'No events yet - Events will appear here as they happen on-chain' + : 'Connecting to streams...'} +

+ {isConnected && ( +

+ Try posting a job or placing a bid to see live events! +

+ )} +
)} diff --git a/src/hooks/useEventStream.ts b/src/hooks/useEventStream.ts index 296a2aa..28c1242 100644 --- a/src/hooks/useEventStream.ts +++ b/src/hooks/useEventStream.ts @@ -40,6 +40,7 @@ export function useEventStream( eventSourceRef.current = eventSource eventSource.onopen = () => { + console.log(`[useEventStream] Connected to ${streamType} stream`) setIsConnected(true) setError(null) } @@ -50,10 +51,13 @@ export function useEventStream( // Handle connection message if (data.type === 'connected') { + console.log(`[useEventStream] Received connection confirmation for ${streamType}`) setIsConnected(true) return } + console.log(`[useEventStream] Received event for ${streamType}:`, data.type) + // Add timestamp if not present const eventData: StreamEvent = { ...data, @@ -62,14 +66,18 @@ export function useEventStream( setEvents((prev) => [eventData, ...prev].slice(0, 100)) // Keep last 100 events } catch (err) { - console.error('Error parsing SSE event:', err) + console.error(`[useEventStream] Error parsing SSE event for ${streamType}:`, err) } } eventSource.onerror = (err) => { - console.error('EventSource error:', err) - setError(new Error('Failed to connect to event stream')) - setIsConnected(false) + console.error(`EventSource error for ${streamType}:`, err) + // Don't set error immediately - EventSource may reconnect automatically + // Only set error if connection is closed + if (eventSource.readyState === EventSource.CLOSED) { + setError(new Error(`Failed to connect to ${streamType} stream`)) + setIsConnected(false) + } } // Cleanup on unmount From 7ca60a99ee2407900a420e747ba0a23ac07f656a Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 17:54:33 -0600 Subject: [PATCH 12/23] Add useHistoricalEvents hook to load recent contract events and combine with real-time streams --- src/components/gigstream/LiveEventsPanel.tsx | 65 ++++++- src/hooks/useHistoricalEvents.ts | 186 +++++++++++++++++++ 2 files changed, 241 insertions(+), 10 deletions(-) create mode 100644 src/hooks/useHistoricalEvents.ts diff --git a/src/components/gigstream/LiveEventsPanel.tsx b/src/components/gigstream/LiveEventsPanel.tsx index 5e1b84d..09dae55 100644 --- a/src/components/gigstream/LiveEventsPanel.tsx +++ b/src/components/gigstream/LiveEventsPanel.tsx @@ -3,6 +3,7 @@ import { motion, AnimatePresence } from 'framer-motion' import { useEventStream, StreamEvent } from '@/hooks/useEventStream' +import { useHistoricalEvents } from '@/hooks/useHistoricalEvents' import { formatEther } from 'viem' import { formatDistanceToNow } from 'date-fns' import { enUS } from 'date-fns/locale' @@ -15,7 +16,7 @@ import { Zap, Clock } from 'lucide-react' -import { useState } from 'react' +import { useState, useMemo } from 'react' interface LiveEventsPanelProps { className?: string @@ -28,25 +29,69 @@ export default function LiveEventsPanel({ }: LiveEventsPanelProps) { const [activeTab, setActiveTab] = useState<'all' | 'jobs' | 'bids' | 'completions' | 'cancellations' | 'reputation'>('all') + // Real-time streams const jobsStream = useEventStream('jobs', true) const bidsStream = useEventStream('bids', true) const completionsStream = useEventStream('completions', true) const cancellationsStream = useEventStream('cancellations', true) const reputationStream = useEventStream('reputation', true) + // Historical events + const { events: historicalEvents, isLoading: isLoadingHistorical } = useHistoricalEvents() + interface EventWithStreamType extends StreamEvent { streamType: 'jobs' | 'bids' | 'completions' | 'cancellations' | 'reputation' } - const allEvents: EventWithStreamType[] = [ - ...jobsStream.events.map(e => ({ ...e, streamType: 'jobs' as const })), - ...bidsStream.events.map(e => ({ ...e, streamType: 'bids' as const })), - ...completionsStream.events.map(e => ({ ...e, streamType: 'completions' as const })), - ...cancellationsStream.events.map(e => ({ ...e, streamType: 'cancellations' as const })), - ...reputationStream.events.map(e => ({ ...e, streamType: 'reputation' as const })), - ] - .sort((a, b) => (b.receivedAt || 0) - (a.receivedAt || 0)) - .slice(0, maxEvents) + // Combine real-time and historical events, removing duplicates by transaction hash + const allEvents: EventWithStreamType[] = useMemo(() => { + const realTimeEvents: EventWithStreamType[] = [ + ...jobsStream.events.map(e => ({ ...e, streamType: 'jobs' as const })), + ...bidsStream.events.map(e => ({ ...e, streamType: 'bids' as const })), + ...completionsStream.events.map(e => ({ ...e, streamType: 'completions' as const })), + ...cancellationsStream.events.map(e => ({ ...e, streamType: 'cancellations' as const })), + ...reputationStream.events.map(e => ({ ...e, streamType: 'reputation' as const })), + ] + + // Map historical events to stream types + const historicalWithStreamType: EventWithStreamType[] = historicalEvents.map(e => { + let streamType: 'jobs' | 'bids' | 'completions' | 'cancellations' | 'reputation' = 'jobs' + if (e.type === 'BidPlaced') streamType = 'bids' + else if (e.type === 'JobCompleted') streamType = 'completions' + else if (e.type === 'JobCancelled') streamType = 'cancellations' + else if (e.type === 'ReputationUpdated') streamType = 'reputation' + return { ...e, streamType } + }) + + // Combine and deduplicate by transaction hash + const eventMap = new Map() + + // Add historical events first (older) + historicalWithStreamType.forEach(e => { + if (e.transactionHash) { + eventMap.set(e.transactionHash, e) + } + }) + + // Add real-time events (newer, will overwrite duplicates) + realTimeEvents.forEach(e => { + if (e.transactionHash) { + eventMap.set(e.transactionHash, e) + } + }) + + return Array.from(eventMap.values()) + .sort((a, b) => (b.receivedAt || 0) - (a.receivedAt || 0)) + .slice(0, maxEvents) + }, [ + jobsStream.events, + bidsStream.events, + completionsStream.events, + cancellationsStream.events, + reputationStream.events, + historicalEvents, + maxEvents + ]) const filteredEvents = activeTab === 'all' ? allEvents diff --git a/src/hooks/useHistoricalEvents.ts b/src/hooks/useHistoricalEvents.ts new file mode 100644 index 0000000..564ba21 --- /dev/null +++ b/src/hooks/useHistoricalEvents.ts @@ -0,0 +1,186 @@ +// src/hooks/useHistoricalEvents.ts - Hook to fetch recent historical events from contract +'use client' + +import { useState, useEffect } from 'react' +import { createPublicClient, http, parseAbiItem } from 'viem' +import { GIGESCROW_ADDRESS, SOMNIA_CONFIG } from '@/lib/contracts' +import { StreamEvent } from './useEventStream' + +const publicClient = createPublicClient({ + chain: { + id: SOMNIA_CONFIG.chainId, + name: SOMNIA_CONFIG.name, + nativeCurrency: SOMNIA_CONFIG.nativeCurrency, + rpcUrls: { + default: { + http: [SOMNIA_CONFIG.rpcUrl], + }, + }, + }, + transport: http(SOMNIA_CONFIG.rpcUrl), +}) + +interface UseHistoricalEventsResult { + events: StreamEvent[] + isLoading: boolean + error: Error | null +} + +/** + * Hook to fetch recent historical events from the contract + * Fetches events from the last 1000 blocks (approximately last hour on Somnia) + */ +export function useHistoricalEvents(): UseHistoricalEventsResult { + const [events, setEvents] = useState([]) + const [isLoading, setIsLoading] = useState(true) + const [error, setError] = useState(null) + + useEffect(() => { + async function fetchHistoricalEvents() { + if (!GIGESCROW_ADDRESS || GIGESCROW_ADDRESS === '0x0000000000000000000000000000000000000000') { + setIsLoading(false) + return + } + + try { + setIsLoading(true) + setError(null) + + // Get current block number + const currentBlock = await publicClient.getBlockNumber() + const fromBlock = currentBlock - 1000n // Last ~1000 blocks + + // Fetch all event types + const [jobPostedLogs, bidPlacedLogs, jobCompletedLogs, jobCancelledLogs, reputationLogs] = await Promise.all([ + // JobPosted events + publicClient.getLogs({ + address: GIGESCROW_ADDRESS, + event: parseAbiItem('event JobPosted(uint256 indexed jobId, address indexed employer, string title, uint256 reward, uint256 deadline)'), + fromBlock, + toBlock: 'latest', + }).catch(() => []), + + // BidPlaced events + publicClient.getLogs({ + address: GIGESCROW_ADDRESS, + event: parseAbiItem('event BidPlaced(uint256 indexed jobId, address indexed worker, uint256 bid, uint256 timestamp)'), + fromBlock, + toBlock: 'latest', + }).catch(() => []), + + // JobCompleted events + publicClient.getLogs({ + address: GIGESCROW_ADDRESS, + event: parseAbiItem('event JobCompleted(uint256 indexed jobId, address indexed worker, uint256 reward)'), + fromBlock, + toBlock: 'latest', + }).catch(() => []), + + // JobCancelled events + publicClient.getLogs({ + address: GIGESCROW_ADDRESS, + event: parseAbiItem('event JobCancelled(uint256 indexed jobId, address indexed employer, uint256 refundAmount)'), + fromBlock, + toBlock: 'latest', + }).catch(() => []), + + // ReputationUpdated events + publicClient.getLogs({ + address: GIGESCROW_ADDRESS, + event: parseAbiItem('event ReputationUpdated(address indexed user, uint256 newReputation)'), + fromBlock, + toBlock: 'latest', + }).catch(() => []), + ]) + + const allEvents: StreamEvent[] = [] + + // Process JobPosted events + jobPostedLogs.forEach((log) => { + allEvents.push({ + type: 'JobPosted', + jobId: log.args.jobId?.toString() || '', + employer: log.args.employer || '', + title: log.args.title || '', + reward: log.args.reward?.toString() || '0', + deadline: log.args.deadline?.toString() || '0', + blockNumber: log.blockNumber?.toString(), + transactionHash: log.transactionHash, + receivedAt: Date.now() - (Number(currentBlock - log.blockNumber!) * 2000), // Approximate timestamp + }) + }) + + // Process BidPlaced events + bidPlacedLogs.forEach((log) => { + allEvents.push({ + type: 'BidPlaced', + jobId: log.args.jobId?.toString() || '', + worker: log.args.worker || '', + bid: log.args.bid?.toString() || '0', + timestamp: log.args.timestamp?.toString() || '0', + blockNumber: log.blockNumber?.toString(), + transactionHash: log.transactionHash, + receivedAt: Date.now() - (Number(currentBlock - log.blockNumber!) * 2000), + }) + }) + + // Process JobCompleted events + jobCompletedLogs.forEach((log) => { + allEvents.push({ + type: 'JobCompleted', + jobId: log.args.jobId?.toString() || '', + worker: log.args.worker || '', + reward: log.args.reward?.toString() || '0', + blockNumber: log.blockNumber?.toString(), + transactionHash: log.transactionHash, + receivedAt: Date.now() - (Number(currentBlock - log.blockNumber!) * 2000), + }) + }) + + // Process JobCancelled events + jobCancelledLogs.forEach((log) => { + allEvents.push({ + type: 'JobCancelled', + jobId: log.args.jobId?.toString() || '', + employer: log.args.employer || '', + refundAmount: log.args.refundAmount?.toString() || '0', + blockNumber: log.blockNumber?.toString(), + transactionHash: log.transactionHash, + receivedAt: Date.now() - (Number(currentBlock - log.blockNumber!) * 2000), + }) + }) + + // Process ReputationUpdated events + reputationLogs.forEach((log) => { + allEvents.push({ + type: 'ReputationUpdated', + user: log.args.user || '', + reputation: log.args.newReputation?.toString() || '0', + blockNumber: log.blockNumber?.toString(), + transactionHash: log.transactionHash, + receivedAt: Date.now() - (Number(currentBlock - log.blockNumber!) * 2000), + }) + }) + + // Sort by receivedAt (most recent first) + allEvents.sort((a, b) => (b.receivedAt || 0) - (a.receivedAt || 0)) + + setEvents(allEvents) + } catch (err) { + console.error('Error fetching historical events:', err) + setError(err instanceof Error ? err : new Error('Failed to fetch historical events')) + } finally { + setIsLoading(false) + } + } + + fetchHistoricalEvents() + }, []) + + return { + events, + isLoading, + error, + } +} + From d74dfffa8b5320cafc3879bf7b3219118d9638fd Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 17:56:01 -0600 Subject: [PATCH 13/23] Improve historical events: increase block range to 10000, add logging and status indicator --- src/components/gigstream/LiveEventsPanel.tsx | 12 ++++++++++++ src/hooks/useHistoricalEvents.ts | 17 ++++++++++++++++- 2 files changed, 28 insertions(+), 1 deletion(-) diff --git a/src/components/gigstream/LiveEventsPanel.tsx b/src/components/gigstream/LiveEventsPanel.tsx index 09dae55..873e158 100644 --- a/src/components/gigstream/LiveEventsPanel.tsx +++ b/src/components/gigstream/LiveEventsPanel.tsx @@ -192,6 +192,12 @@ export default function LiveEventsPanel({ {/* Connection Status Debug - Always visible for transparency */}
+
+ Historical Events: + 0 ? 'text-mx-green' : 'text-red-400'}> + {isLoadingHistorical ? '⏳ Loading...' : historicalEvents.length > 0 ? `✅ ${historicalEvents.length} events` : '❌ No events found'} + +
Jobs Stream: @@ -222,6 +228,12 @@ export default function LiveEventsPanel({ {reputationStream.isConnected ? '✅ Connected' : '❌ Disconnected'} ({reputationStream.events.length} events)
+
+ Total Combined: + + {allEvents.length} events + +
{/* Events List */} diff --git a/src/hooks/useHistoricalEvents.ts b/src/hooks/useHistoricalEvents.ts index 564ba21..2072642 100644 --- a/src/hooks/useHistoricalEvents.ts +++ b/src/hooks/useHistoricalEvents.ts @@ -46,9 +46,15 @@ export function useHistoricalEvents(): UseHistoricalEventsResult { setIsLoading(true) setError(null) + console.log('[useHistoricalEvents] Starting to fetch historical events...') + // Get current block number const currentBlock = await publicClient.getBlockNumber() - const fromBlock = currentBlock - 1000n // Last ~1000 blocks + console.log('[useHistoricalEvents] Current block:', currentBlock.toString()) + + // Try to get events from a wider range - last 10000 blocks (approximately last few hours) + const fromBlock = currentBlock > 10000n ? currentBlock - 10000n : 0n + console.log('[useHistoricalEvents] Fetching events from block', fromBlock.toString(), 'to', currentBlock.toString()) // Fetch all event types const [jobPostedLogs, bidPlacedLogs, jobCompletedLogs, jobCancelledLogs, reputationLogs] = await Promise.all([ @@ -165,6 +171,15 @@ export function useHistoricalEvents(): UseHistoricalEventsResult { // Sort by receivedAt (most recent first) allEvents.sort((a, b) => (b.receivedAt || 0) - (a.receivedAt || 0)) + console.log('[useHistoricalEvents] Found', allEvents.length, 'historical events') + console.log('[useHistoricalEvents] Event breakdown:', { + jobs: jobPostedLogs.length, + bids: bidPlacedLogs.length, + completions: jobCompletedLogs.length, + cancellations: jobCancelledLogs.length, + reputation: reputationLogs.length, + }) + setEvents(allEvents) } catch (err) { console.error('Error fetching historical events:', err) From c5dcd3417893ec7dc3ae900e5036c5383b57a1ac Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Fri, 28 Nov 2025 18:00:35 -0600 Subject: [PATCH 14/23] Fix historical events fetching: split queries into 1000-block chunks to comply with Somnia RPC limit --- src/app/api/streams/route.ts | 6 +- src/components/gigstream/LiveEventsPanel.tsx | 2 +- src/hooks/useHistoricalEvents.ts | 82 ++++++++++---------- 3 files changed, 44 insertions(+), 46 deletions(-) diff --git a/src/app/api/streams/route.ts b/src/app/api/streams/route.ts index 1bb7950..60bda2e 100644 --- a/src/app/api/streams/route.ts +++ b/src/app/api/streams/route.ts @@ -341,14 +341,14 @@ export async function GET(req: NextRequest) { jobId: log.args.jobId?.toString() || '', employer: log.args.employer || '', refundAmount: log.args.refundAmount?.toString() || '0', - blockNumber: log.blockNumber?.toString(), - transactionHash: log.transactionHash + blockNumber: log.blockNumber?.toString(), + transactionHash: log.transactionHash } // Stream the event to client controller.enqueue( encoder.encode(`data: ${JSON.stringify(cancellationData)}\n\n`) - ) + ) // Publish to Data Streams (async, non-blocking) publishJobCancelledToSDS({ diff --git a/src/components/gigstream/LiveEventsPanel.tsx b/src/components/gigstream/LiveEventsPanel.tsx index 873e158..c52d116 100644 --- a/src/components/gigstream/LiveEventsPanel.tsx +++ b/src/components/gigstream/LiveEventsPanel.tsx @@ -16,7 +16,7 @@ import { Zap, Clock } from 'lucide-react' -import { useState, useMemo } from 'react' +import { useState, useMemo, useEffect } from 'react' interface LiveEventsPanelProps { className?: string diff --git a/src/hooks/useHistoricalEvents.ts b/src/hooks/useHistoricalEvents.ts index 2072642..51fe492 100644 --- a/src/hooks/useHistoricalEvents.ts +++ b/src/hooks/useHistoricalEvents.ts @@ -52,51 +52,49 @@ export function useHistoricalEvents(): UseHistoricalEventsResult { const currentBlock = await publicClient.getBlockNumber() console.log('[useHistoricalEvents] Current block:', currentBlock.toString()) - // Try to get events from a wider range - last 10000 blocks (approximately last few hours) - const fromBlock = currentBlock > 10000n ? currentBlock - 10000n : 0n - console.log('[useHistoricalEvents] Fetching events from block', fromBlock.toString(), 'to', currentBlock.toString()) + // Somnia RPC has a limit of 1000 blocks per request + // Fetch events in chunks of 1000 blocks + const CHUNK_SIZE = 1000n + const MAX_BLOCKS_TO_SEARCH = 5000n // Last ~5000 blocks (approximately last few hours) + const fromBlock = currentBlock > MAX_BLOCKS_TO_SEARCH ? currentBlock - MAX_BLOCKS_TO_SEARCH : 0n + + console.log('[useHistoricalEvents] Fetching events from block', fromBlock.toString(), 'to', currentBlock.toString(), 'in chunks of', CHUNK_SIZE.toString()) - // Fetch all event types - const [jobPostedLogs, bidPlacedLogs, jobCompletedLogs, jobCancelledLogs, reputationLogs] = await Promise.all([ - // JobPosted events - publicClient.getLogs({ - address: GIGESCROW_ADDRESS, - event: parseAbiItem('event JobPosted(uint256 indexed jobId, address indexed employer, string title, uint256 reward, uint256 deadline)'), - fromBlock, - toBlock: 'latest', - }).catch(() => []), - - // BidPlaced events - publicClient.getLogs({ - address: GIGESCROW_ADDRESS, - event: parseAbiItem('event BidPlaced(uint256 indexed jobId, address indexed worker, uint256 bid, uint256 timestamp)'), - fromBlock, - toBlock: 'latest', - }).catch(() => []), + // Helper function to fetch logs in chunks + async function fetchLogsInChunks(eventAbi: string, eventName: string) { + const allLogs: any[] = [] + let startBlock = fromBlock - // JobCompleted events - publicClient.getLogs({ - address: GIGESCROW_ADDRESS, - event: parseAbiItem('event JobCompleted(uint256 indexed jobId, address indexed worker, uint256 reward)'), - fromBlock, - toBlock: 'latest', - }).catch(() => []), + while (startBlock < currentBlock) { + const endBlock = startBlock + CHUNK_SIZE > currentBlock ? currentBlock : startBlock + CHUNK_SIZE + + try { + const eventAbiParsed = parseAbiItem(eventAbi) as any + const logs = await publicClient.getLogs({ + address: GIGESCROW_ADDRESS, + event: eventAbiParsed, + fromBlock: startBlock, + toBlock: endBlock, + }) + allLogs.push(...logs) + console.log(`[useHistoricalEvents] Fetched ${logs.length} ${eventName} events from block ${startBlock.toString()} to ${endBlock.toString()}`) + } catch (err) { + console.error(`[useHistoricalEvents] Error fetching ${eventName} logs from ${startBlock.toString()} to ${endBlock.toString()}:`, err) + } + + startBlock = endBlock + 1n + } - // JobCancelled events - publicClient.getLogs({ - address: GIGESCROW_ADDRESS, - event: parseAbiItem('event JobCancelled(uint256 indexed jobId, address indexed employer, uint256 refundAmount)'), - fromBlock, - toBlock: 'latest', - }).catch(() => []), - - // ReputationUpdated events - publicClient.getLogs({ - address: GIGESCROW_ADDRESS, - event: parseAbiItem('event ReputationUpdated(address indexed user, uint256 newReputation)'), - fromBlock, - toBlock: 'latest', - }).catch(() => []), + return allLogs + } + + // Fetch all event types in chunks + const [jobPostedLogs, bidPlacedLogs, jobCompletedLogs, jobCancelledLogs, reputationLogs] = await Promise.all([ + fetchLogsInChunks('event JobPosted(uint256 indexed jobId, address indexed employer, string title, uint256 reward, uint256 deadline)', 'JobPosted'), + fetchLogsInChunks('event BidPlaced(uint256 indexed jobId, address indexed worker, uint256 bid, uint256 timestamp)', 'BidPlaced'), + fetchLogsInChunks('event JobCompleted(uint256 indexed jobId, address indexed worker, uint256 reward)', 'JobCompleted'), + fetchLogsInChunks('event JobCancelled(uint256 indexed jobId, address indexed employer, uint256 refundAmount)', 'JobCancelled'), + fetchLogsInChunks('event ReputationUpdated(address indexed user, uint256 newReputation)', 'ReputationUpdated'), ]) const allEvents: StreamEvent[] = [] From c76e978e9261c1988ef0bda5100fec60dc705cde Mon Sep 17 00:00:00 2001 From: Vaios0x Date: Sat, 29 Nov 2025 14:15:06 -0600 Subject: [PATCH 15/23] feat: make entire site 100% responsive across all components and pages - Responsive Navbar with improved mobile menu, adaptive spacing, and responsive buttons - Responsive Footer with adaptive grid layout and mobile-optimized back-to-top button - Responsive HeroSection with scalable text, flexible badges, responsive stats grid - Responsive FeaturesSection with adaptive grid (1/2/3 columns) and responsive cards - Responsive BenefitsSection with mobile-optimized layout for workers/employers - Responsive HowItWorksSection with adaptive steps and responsive grid - Responsive WhatWeDoSection with adaptive grid and responsive stats banner - Responsive JobCard with compact mobile layout and adaptive badges - Responsive MarketplaceSearch with mobile-optimized form and full-width buttons - Responsive LiveEventsPanel with flexible tabs and optimized scrolling - Responsive CTASection with adaptive buttons and scalable text - Responsive SomniaSDKSection with adaptive grid and responsive banner - Responsive TechnologySection with 1/2/4 column grid and adaptive cards - Responsive MultiStreamSection with adaptive features and responsive metrics - Responsive Dashboard page with adaptive grid, stats, and cards - Responsive Marketplace page with adaptive grid, filters, and cards - Responsive Post Job page with mobile-optimized form and full-width inputs - Responsive Job Detail page with adaptive layout and responsive forms - Responsive Home page Live Events section All components now use responsive Tailwind classes (sm:, md:, lg:, xl:) for optimal display on mobile, tablet, and desktop devices. --- src/app/gigstream/job/[id]/page.tsx | 176 +++++++++--------- src/app/gigstream/marketplace/page.tsx | 86 ++++----- src/app/gigstream/page.tsx | 170 ++++++++--------- src/app/gigstream/post/page.tsx | 88 ++++----- src/app/page.tsx | 10 +- src/components/gigstream/BenefitsSection.tsx | 72 +++---- src/components/gigstream/CTASection.tsx | 26 +-- src/components/gigstream/FeaturesSection.tsx | 64 +++---- src/components/gigstream/HeroSection.tsx | 62 +++--- .../gigstream/HowItWorksSection.tsx | 34 ++-- src/components/gigstream/JobCard.tsx | 38 ++-- src/components/gigstream/LiveEventsPanel.tsx | 60 +++--- .../gigstream/MarketplaceSearch.tsx | 36 ++-- src/components/gigstream/SomniaSDKSection.tsx | 52 +++--- src/components/gigstream/WhatWeDoSection.tsx | 46 ++--- src/components/somnia/Footer.tsx | 20 +- src/components/somnia/MultiStreamSection.tsx | 52 +++--- src/components/somnia/Navbar.tsx | 53 +++--- src/components/somnia/TechnologySection.tsx | 40 ++-- 19 files changed, 596 insertions(+), 589 deletions(-) diff --git a/src/app/gigstream/job/[id]/page.tsx b/src/app/gigstream/job/[id]/page.tsx index 4a0cb66..f3b78f8 100644 --- a/src/app/gigstream/job/[id]/page.tsx +++ b/src/app/gigstream/job/[id]/page.tsx @@ -349,17 +349,17 @@ export default function JobDetailPage() { return (
-
-
+
+
{/* Back Button */} - + Back to Dashboard @@ -368,48 +368,48 @@ export default function JobDetailPage() { -
-
-

{job.title}

-
-
- - {job.location} +
+
+

{job.title}

+
+
+ + {job.location}
-
- - {formatEther(job.reward)} STT +
+ + {formatEther(job.reward)} STT
-
- +
+ {formatDistanceToNow(deadlineDate, { addSuffix: true, locale: enUS })}
-
+
{job.completed && ( - - + + Completed )} {job.cancelled && ( - - + + Cancelled )} {!job.completed && !job.cancelled && isAssigned && ( - - + + Assigned )} {!job.completed && !job.cancelled && !isAssigned && ( - - + + Available )} @@ -417,28 +417,28 @@ export default function JobDetailPage() {
{/* Job Info */} -
-
-
Employer
-
{job.employer.slice(0, 6)}...{job.employer.slice(-4)}
+
+
+
Employer
+
{job.employer.slice(0, 6)}...{job.employer.slice(-4)}
{isAssigned && ( -
-
Worker
-
{job.worker.slice(0, 6)}...{job.worker.slice(-4)}
+
+
Worker
+
{job.worker.slice(0, 6)}...{job.worker.slice(-4)}
)}
{/* Action Buttons */} -
+
{isEmployer && !job.completed && !job.cancelled && ( {isCancellingJob ? 'Cancelling...' : 'Cancel Job'} @@ -449,7 +449,7 @@ export default function JobDetailPage() { whileTap={{ scale: 0.95 }} onClick={handleCompleteJob} disabled={isCompletingJob} - className="px-6 py-3 bg-gradient-to-r from-mx-green to-emerald-400 rounded-xl text-white font-bold shadow-neural-glow disabled:opacity-50" + className="px-4 sm:px-6 py-2 sm:py-3 bg-gradient-to-r from-mx-green to-emerald-400 rounded-lg sm:rounded-xl text-white font-bold text-sm sm:text-base shadow-neural-glow disabled:opacity-50" > {isCompletingJob ? 'Completing...' : 'Complete Job'} @@ -459,10 +459,10 @@ export default function JobDetailPage() { whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }} onClick={() => setShowBidForm(!showBidForm)} - className="px-6 py-3 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold shadow-neural-glow" + className="px-4 sm:px-6 py-2 sm:py-3 bg-gradient-to-r from-somnia-purple to-mx-green rounded-lg sm:rounded-xl text-white font-bold text-sm sm:text-base shadow-neural-glow flex items-center space-x-2" > - - {showBidForm ? 'Cancel' : 'Place Bid'} + + {showBidForm ? 'Cancel' : 'Place Bid'} )}
@@ -472,26 +472,26 @@ export default function JobDetailPage() { -
+
- + setBidAmount(e.target.value)} placeholder="0 (optional)" - className="w-full bg-white/10 border border-white/20 rounded-xl px-4 py-3 text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50" + className="w-full bg-white/10 border border-white/20 rounded-lg sm:rounded-xl px-3 sm:px-4 py-2 sm:py-3 text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50 text-sm sm:text-base" /> -

Leave at 0 to accept the job price

+

Leave at 0 to accept the job price

{isPlacingBid ? 'Submitting Bid...' : 'Submit Bid'} @@ -506,21 +506,21 @@ export default function JobDetailPage() { initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ delay: 0.1 }} - className="backdrop-blur-xl bg-white/5 rounded-3xl p-6 md:p-8 border border-white/10 shadow-neural-glow" + className="backdrop-blur-xl bg-white/5 rounded-2xl sm:rounded-3xl p-4 sm:p-6 md:p-8 border border-white/10 shadow-neural-glow" > -
-
- -

Bids ({bids.length})

+
+
+ +

Bids ({bids.length})

{!isAssigned && ( setShowAssignForm(!showAssignForm)} - className="px-4 py-2 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold text-sm shadow-neural-glow flex items-center space-x-2" + className="w-full sm:w-auto px-4 py-2 bg-gradient-to-r from-somnia-purple to-mx-green rounded-lg sm:rounded-xl text-white font-bold text-xs sm:text-sm shadow-neural-glow flex items-center justify-center space-x-2" > - + {showAssignForm ? 'Cancel' : 'Assign Worker Directly'} )} @@ -531,25 +531,25 @@ export default function JobDetailPage() { -
-

- +

+

+ Assign Worker Directly

-

Assign a worker without requiring bids. Useful for new workers who don't have enough reputation yet.

-

+

Assign a worker without requiring bids. Useful for new workers who don't have enough reputation yet.

+

💡 Tip: Ask the worker to share their wallet address (0x...), then paste it in the field below.

{!isEmployer && ( -
+
⚠️ Only the job employer can assign workers directly
)}
-
+
setWorkerAddress(address)} selectedWorker={workerAddress} @@ -563,7 +563,7 @@ export default function JobDetailPage() { whileTap={{ scale: 0.95 }} onClick={handleAssignWorkerDirectly} disabled={isAssigningWorker || !workerAddress || job?.completed || job?.cancelled || isAssigned} - className="w-full px-6 py-3 bg-gradient-to-r from-somnia-cyan to-mx-green rounded-xl text-white font-bold shadow-neural-glow disabled:opacity-50 disabled:cursor-not-allowed" + className="w-full px-4 sm:px-6 py-2.5 sm:py-3 bg-gradient-to-r from-somnia-cyan to-mx-green rounded-lg sm:rounded-xl text-white font-bold text-sm sm:text-base shadow-neural-glow disabled:opacity-50 disabled:cursor-not-allowed" > {isAssigningWorker ? ( @@ -576,14 +576,14 @@ export default function JobDetailPage() { {assignWorkerHash && (
-
+
Transaction: {assignWorkerHash.slice(0, 10)}...{assignWorkerHash.slice(-8)}
View on Explorer @@ -594,34 +594,34 @@ export default function JobDetailPage() { )} {bidsLoading ? ( -
Loading bids...
+
Loading bids...
) : bids.length === 0 ? ( -
No bids yet
+
No bids yet
) : ( -
+
{bids.map((bid, index) => ( -
-
-
+
+
+
{bid.worker.slice(0, 6)}...{bid.worker.slice(-4)}
-
+
Bid: {formatEther(bid.amount)} STT
-
+
{formatDistanceToNow(new Date(Number(bid.timestamp) * 1000), { addSuffix: true, locale: enUS })}
-
+
{bid.accepted && ( - + Accepted )} @@ -631,7 +631,7 @@ export default function JobDetailPage() { whileTap={{ scale: 0.95 }} onClick={() => handleAcceptBid(bid.worker as `0x${string}`)} disabled={isAcceptingBid} - className="px-6 py-2 bg-gradient-to-r from-somnia-purple to-mx-green rounded-xl text-white font-bold text-sm shadow-neural-glow disabled:opacity-50" + className="w-full sm:w-auto px-4 sm:px-6 py-1.5 sm:py-2 bg-gradient-to-r from-somnia-purple to-mx-green rounded-lg sm:rounded-xl text-white font-bold text-xs sm:text-sm shadow-neural-glow disabled:opacity-50" > {isAcceptingBid ? 'Accepting...' : 'Accept'} @@ -650,7 +650,7 @@ export default function JobDetailPage() { initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ delay: 0.4 }} - className="mt-8" + className="mt-6 sm:mt-8" > @@ -684,28 +684,28 @@ function WorkerHistory({ address }: { address: `0x${string}` }) { -
- -

Worker History

+
+ +

Worker History

-
+
-
Reputation
-
{repScore} pts
+
Reputation
+
{repScore} pts
{repScore < 10 && ( -
New worker
+
New worker
)}
-
Completed Jobs
-
{completedJobs}
+
Completed Jobs
+
{completedJobs}
{completedJobs > 0 && ( -
-
+
+
This worker has completed {completedJobs} job{completedJobs !== 1 ? 's' : ''} on the platform.
diff --git a/src/app/gigstream/marketplace/page.tsx b/src/app/gigstream/marketplace/page.tsx index ff5dd27..463d7f9 100644 --- a/src/app/gigstream/marketplace/page.tsx +++ b/src/app/gigstream/marketplace/page.tsx @@ -54,36 +54,36 @@ export default function MarketplacePage() {
-
+
{/* Header */} -
-
-
- +
+
+
+
-
-

+
+

Jobs Marketplace

-

+

Browse all available jobs from any user

{isConnected && ( - + - + Post Job @@ -95,23 +95,23 @@ export default function MarketplacePage() { initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ delay: 0.1 }} - className="backdrop-blur-xl bg-white/5 rounded-2xl p-4 border border-white/10" + className="backdrop-blur-xl bg-white/5 rounded-xl sm:rounded-2xl p-3 sm:p-4 border border-white/10" > -
+
- + setSearchQuery(e.target.value)} - className="w-full pl-12 pr-4 py-3 bg-white/10 border border-white/20 rounded-xl text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50" + className="w-full pl-10 sm:pl-12 pr-3 sm:pr-4 py-2 sm:py-3 bg-white/10 border border-white/20 rounded-lg sm:rounded-xl text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50 text-sm sm:text-base" />
-
+
{/* Connection Status Debug - Always visible for transparency */} -
+
Historical Events: 0 ? 'text-mx-green' : 'text-red-400'}> @@ -237,7 +237,7 @@ export default function LiveEventsPanel({
{/* Events List */} -
+
{filteredEvents.length > 0 ? ( filteredEvents.map((event, index) => ( @@ -247,32 +247,34 @@ export default function LiveEventsPanel({ animate={{ opacity: 1, x: 0 }} exit={{ opacity: 0, x: 20 }} transition={{ delay: index * 0.05 }} - className={`backdrop-blur-xl bg-gradient-to-r ${getEventColor(event.type)} rounded-xl p-3 border`} + className={`backdrop-blur-xl bg-gradient-to-r ${getEventColor(event.type)} rounded-lg sm:rounded-xl p-2 sm:p-3 border`} > -
-
+
+
{getEventIcon(event.type)}
-

+

{formatEventMessage(event)}

-
- - - {event.receivedAt - ? formatDistanceToNow(new Date(event.receivedAt), { - addSuffix: true, - locale: enUS - }) - : 'Just now'} - +
+
+ + + {event.receivedAt + ? formatDistanceToNow(new Date(event.receivedAt), { + addSuffix: true, + locale: enUS + }) + : 'Just now'} + +
{event.transactionHash && ( View TX @@ -283,15 +285,15 @@ export default function LiveEventsPanel({ )) ) : ( -
+
-

+

{isConnected ? 'No events yet - Events will appear here as they happen on-chain' : 'Connecting to streams...'}

{isConnected && ( -

+

Try posting a job or placing a bid to see live events!

)} @@ -303,8 +305,8 @@ export default function LiveEventsPanel({ {/* Connection Status */} {!isConnected && ( -
-

+

+

Reconnecting to event streams...

diff --git a/src/components/gigstream/MarketplaceSearch.tsx b/src/components/gigstream/MarketplaceSearch.tsx index 5bf833f..de350f4 100644 --- a/src/components/gigstream/MarketplaceSearch.tsx +++ b/src/components/gigstream/MarketplaceSearch.tsx @@ -22,7 +22,7 @@ export default function MarketplaceSearch() { return (
-
+
-
+
{/* Background gradient effect */}
-
-
- +
+
+
-

+

Explore the Jobs Marketplace

-

+

Browse all available jobs from any user. Find opportunities instantly with real-time updates.

-
+
- + setSearchQuery(e.target.value)} placeholder="Search jobs by title, location, skills..." - className="w-full pl-16 pr-6 py-5 bg-white/10 border border-white/20 rounded-2xl text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50 focus:ring-2 focus:ring-somnia-purple/30 text-lg" + className="w-full pl-12 sm:pl-14 lg:pl-16 pr-4 sm:pr-6 py-3 sm:py-4 lg:py-5 bg-white/10 border border-white/20 rounded-xl sm:rounded-2xl text-white placeholder-white/50 backdrop-blur-xl focus:outline-none focus:border-somnia-purple/50 focus:ring-2 focus:ring-somnia-purple/30 text-sm sm:text-base lg:text-lg" />
-
+
- + Search Jobs - + - + - + View All Jobs
-
+
Real-time updates diff --git a/src/components/gigstream/SomniaSDKSection.tsx b/src/components/gigstream/SomniaSDKSection.tsx index a599868..6772f20 100644 --- a/src/components/gigstream/SomniaSDKSection.tsx +++ b/src/components/gigstream/SomniaSDKSection.tsx @@ -47,33 +47,33 @@ export default function SomniaSDKSection() { return (
-
+
- + -

+

Powered by Somnia Data Streams SDK

-

+

Built on the official @somnia-chain/streams SDK for structured data publishing, real-time event streaming, and high-throughput job matching.

-
+
{features.map((feature, idx) => (
-
- +
+
-

{feature.title}

-

{feature.description}

+

{feature.title}

+

{feature.description}

))} @@ -102,27 +102,27 @@ export default function SomniaSDKSection() { viewport={{ once: true }} className="text-center" > -
-

SDK Version & Integration

-
+
+

SDK Version & Integration

+
-
v0.11.0
-
SDK Version
+
v0.11.0
+
SDK Version
-
100%
-
TypeScript
+
100%
+
TypeScript
-
Vitest
-
Integration Tests
+
Vitest
+
Integration Tests
-
Hardhat
-
Contract Dev
+
Hardhat
+
Contract Dev
-

+

All jobs are automatically published to Somnia Data Streams using structured schemas. Query jobs by publisher, filter by location, and access real-time updates via the official SDK.

@@ -130,10 +130,10 @@ export default function SomniaSDKSection() { View SDK Documentation - +
diff --git a/src/components/gigstream/WhatWeDoSection.tsx b/src/components/gigstream/WhatWeDoSection.tsx index e6bd6a0..bbf585d 100644 --- a/src/components/gigstream/WhatWeDoSection.tsx +++ b/src/components/gigstream/WhatWeDoSection.tsx @@ -35,33 +35,33 @@ export default function WhatWeDoSection() { return (
-
+
- + -

+

What We Do

-

+

Transforming the global freelance economy through blockchain technology and real-time job matching.

-
+
{missions.map((mission, idx) => ( -
+
- + -

+

{mission.title}

-

+

{mission.description}

@@ -100,32 +100,32 @@ export default function WhatWeDoSection() { initial={{ opacity: 0, y: 30 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} - className="mt-16 backdrop-blur-xl bg-gradient-to-r from-somnia-purple/20 via-somnia-cyan/20 to-mx-green/20 border border-somnia-purple/30 rounded-3xl p-12 neural-hover" + className="mt-12 sm:mt-16 backdrop-blur-xl bg-gradient-to-r from-somnia-purple/20 via-somnia-cyan/20 to-mx-green/20 border border-somnia-purple/30 rounded-2xl sm:rounded-3xl p-6 sm:p-8 lg:p-12 neural-hover" > -
+
-
Global
-
Workers
-
Worldwide reach
+
Global
+
Workers
+
Worldwide reach
 -
$10B
-
Market Size
-
Annual opportunity
+
$10B
+
Market Size
+
Annual opportunity
 -
<2s
-
Job Matching
-
Sub-second finality
+
<2s
+
Job Matching
+
Sub-second finality
diff --git a/src/components/somnia/Footer.tsx b/src/components/somnia/Footer.tsx index 7e8ce6d..7795306 100644 --- a/src/components/somnia/Footer.tsx +++ b/src/components/somnia/Footer.tsx @@ -41,8 +41,8 @@ export default function Footer() { return (