Merge pull request #107 from openSVM/copilot/fix-106

Fix critical CSS loading failures, analytics theme consistency, blueprint visual enhancements, and theme selector functionality with comprehensive responsive design overhaul

Author: 0xrinegade

.devcontainer/README.md

@@ -0,0 +1,54 @@
+# Development Container for OpenSVM P2P Exchange
+
+This directory contains the development container configuration for the OpenSVM P2P Exchange project, providing a fully configured environment with all necessary tools preinstalled.
+
+## What's Included
+
+The development container automatically installs and configures:
+
+- **Rust toolchain** with latest stable version
+- **Node.js 18** with npm and build tools
+- **Anchor 0.31.1** via Anchor Version Manager (AVM)
+- **System dependencies** for Solana development (libudev-dev, libssl-dev, etc.)
+- **VS Code extensions** for Rust, TypeScript, and Tailwind CSS development
+- **Project dependencies** via `npm install --legacy-peer-deps`
+
+## Usage
+
+### With GitHub Codespaces
+1. Navigate to the repository on GitHub
+2. Click "Code" → "Create codespace on main"
+3. Wait ~3-5 minutes for automatic setup to complete
+4. Start developing immediately with `npm run dev`
+
+### With VS Code
+1. Install the "Dev Containers" extension
+2. Open the project in VS Code
+3. Command palette: "Dev Containers: Reopen in Container"
+4. Wait for setup to complete
+5. Start developing with `npm run dev`
+
+### With GitHub Copilot
+The development container is automatically detected and used by GitHub Copilot coding agents, providing immediate access to a fully configured environment.
+
+## Configuration Files
+
+- `devcontainer.json`: Main configuration with base image, features, and VS Code settings
+- `setup.sh`: Post-creation script that installs project-specific tools and dependencies
+
+## Ports
+
+The container forwards these ports for development:
+- `3000`: Next.js development server
+- `8899`: Solana local validator (if used)
+
+## Troubleshooting
+
+If setup fails:
+1. Check the terminal output during container creation
+2. Manually run `.devcontainer/setup.sh` to see detailed error messages
+3. Ensure Docker/Podman is running and has sufficient resources (4GB+ RAM recommended)
+
+## Manual Setup Alternative
+
+If you cannot use the development container, refer to the manual setup instructions in `.github/copilot-instructions.md`.

.devcontainer/devcontainer.json

@@ -0,0 +1,30 @@
+{
+  "name": "OpenSVM P2P Exchange",
+  "image": "mcr.microsoft.com/devcontainers/rust:1-bullseye",
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "version": "18",
+      "nodeGypDependencies": true
+    },
+    "ghcr.io/devcontainers/features/common-utils:2": {
+      "installZsh": true,
+      "installOhMyZsh": true,
+      "upgradePackages": true
+    }
+  },
+  "postCreateCommand": "bash .devcontainer/setup.sh",
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "rust-lang.rust-analyzer",
+        "ms-vscode.vscode-typescript-next",
+        "bradlc.vscode-tailwindcss",
+        "esbenp.prettier-vscode",
+        "ms-vscode.vscode-eslint",
+        "GitHub.copilot"
+      ]
+    }
+  },
+  "forwardPorts": [3000, 8899],
+  "remoteUser": "vscode"
+}

.devcontainer/setup.sh

@@ -0,0 +1,66 @@
+#!/bin/bash
+set -e
+
+echo "🚀 Setting up OpenSVM P2P Exchange development environment..."
+
+# Install system dependencies required for Solana/Anchor development
+echo "📦 Installing system dependencies..."
+sudo apt-get update && sudo apt-get install -y \
+    libudev-dev \
+    libssl-dev \
+    pkg-config \
+    build-essential \
+    curl \
+    wget \
+    git
+
+# Install Solana CLI tools
+echo "🔧 Installing Solana CLI..."
+sh -c "$(curl -sSfL https://release.anza.xyz/stable/install)"
+echo 'export PATH="$HOME/.local/share/solana/install/active_release/bin:$PATH"' >> ~/.bashrc
+export PATH="$HOME/.local/share/solana/install/active_release/bin:$PATH"
+
+# Install Anchor Version Manager
+echo "⚓ Installing Anchor Version Manager..."
+cargo install --git https://github.com/coral-xyz/anchor avm --locked --force
+
+# Add AVM to PATH
+echo 'export PATH="$HOME/.avm/bin:$PATH"' >> ~/.bashrc
+export PATH="$HOME/.avm/bin:$HOME/.local/share/solana/install/active_release/bin:$PATH"
+
+# Install and use Anchor 0.31.1
+echo "📦 Installing Anchor 0.31.1..."
+avm install 0.31.1
+avm use 0.31.1
+
+# Verify tool installations
+echo "✅ Verifying installations..."
+solana --version
+anchor --version
+
+# Install Node.js dependencies with legacy peer deps flag
+echo "📦 Installing Node.js dependencies..."
+npm install --legacy-peer-deps
+
+# Verify Node.js setup
+echo "✅ Verifying Node.js setup..."
+node --version
+npm --version
+
+# Build the project to verify everything is working
+echo "🔨 Building project to verify setup..."
+npm run build
+
+# Test Solana program build
+echo "🔨 Testing Solana program build..."
+anchor build
+
+echo ""
+echo "✅ Development environment setup complete!"
+echo "📝 You can now use:"
+echo "   npm run dev     - Start development server"
+echo "   npm run build   - Build for production"
+echo "   npm test        - Run tests"
+echo "   anchor build    - Build Solana programs"
+echo "   solana --version - Check Solana CLI version"
+echo ""