DevLens 🔍

AI-Powered Bug Reporting Chrome Extension

Capture screenshots, console logs, and errors in one click. Get AI-powered analysis and generate Jira/GitHub tickets instantly.

✨ Features

• 📸 One-Click Capture - Screenshot + Console logs + Network errors
• 🤖 AI Analysis - Powered by Google Gemini 2.5 Flash
• 📋 Export Formats - JSON, Jira, GitHub markdown
• 📜 Capture History - Review past captures (Pro)
• 🔒 Secure - API keys stored locally, license validation via Supabase

🚀 Quick Start

Installation (Development)

# Clone the repo
git clone https://github.com/john2k2/devlens-.git
cd devlens-

# Install dependencies
npm install

# Build the extension
npm run build

Load in Chrome

1. Go to chrome://extensions
2. Enable "Developer mode"
3. Click "Load unpacked"
4. Select the dist/ folder

Get Your Gemini API Key

1. Go to Google AI Studio
2. Create a new API key
3. Paste it in DevLens settings

🏗️ Project Structure

devlens/
├── src/
│   ├── App.tsx              # Main app component (composition)
│   ├── freemium.ts          # License & usage logic
│   ├── components/          # UI components
│   │   ├── Header.tsx
│   │   ├── SettingsView.tsx
│   │   ├── UpgradeView.tsx
│   │   ├── HistoryView.tsx
│   │   ├── IdleView.tsx
│   │   ├── AnalyzingView.tsx
│   │   ├── ErrorView.tsx
│   │   ├── CaptureView.tsx
│   │   └── LogViewer.tsx
│   └── chrome/              # Extension scripts
│       ├── background.ts
│       ├── content.ts
│       └── inject.js
├── public/
│   └── manifest.json        # Chrome extension manifest (MV3)
├── docs/                    # Landing page
│   ├── index.html
│   └── styles.css
└── dist/                    # Built extension (load this in Chrome)

🔐 Security Features

Feature	Description
Backend Validation	License keys validated via Supabase Edge Function
Periodic Re-validation	Licenses checked every 7 days
Rate Limiting	Max 5 activation attempts per hour
Strict Mode	No fallback - requires backend approval

💳 Pricing

Plan	Price	Features
Free	$0	5 snaps/day, JSON export, AI analysis
Pro	$9/mo	Unlimited snaps, Jira/GitHub format, History (10)
Team	$29/mo	Everything in Pro + 50 history + Team features

Upgrade to Pro →

🛠️ Tech Stack

• Frontend: React 19, TypeScript, Tailwind CSS 4
• Build: Vite 7
• AI: Google Gemini 2.5 Flash
• Backend: Supabase Edge Functions
• Payments: Lemon Squeezy

📝 Development

# Development server (for testing UI)
npm run dev

# Build for production
npm run build

# Type check
npx tsc --noEmit

# Lint
npx eslint src

📄 License

Proprietary - © 2025 John LABS

🔗 Links

• Landing Page
• Chrome Web Store (coming soon)
• Privacy Policy
• GitHub